:root{--paper:#faf9f4;--ink:#183f31;--green:#174c3b;--muted:#56645b;--line:#d9ded3;--soft:#edf0e5;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:2rem}
html{font-size:16px}*{box-sizing:border-box}body{margin:0;font-size:1rem}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #69814d;outline-offset:6px}img{max-width:100%;display:block}p{line-height:1.75;text-wrap:pretty}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;text-wrap:balance}h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.18;letter-spacing:-.045em}em{font-family:Georgia,"Times New Roman",serif;font-weight:400}.wrap{max-width:1200px;margin-inline:auto;padding-inline:3rem}.section{padding-block:6rem}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.5rem}.brand{display:flex;align-items:center;gap:.75rem;font-size:1.375rem;font-weight:650;line-height:1.15}.brand img{border-radius:10px}.brand-sub{display:block;font-size:1rem;font-weight:400;margin-top:.15rem}.site-header nav{display:flex;align-items:center;gap:2rem}.site-header nav a:hover{color:#5d7445}.site-header nav a:last-child{border-bottom:1px solid;padding-bottom:.4rem}
.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:3rem}.hero-copy{position:relative;z-index:1;text-align:center}.hero h1{max-width:1050px;margin:0 auto 1.5rem;font-size:clamp(2.5rem,6vw,5rem);line-height:1.1;letter-spacing:-.055em;animation:enter .8s both}.hero h1 em{color:#5d7445}.hero-description{font-size:1.125rem;color:var(--muted);margin:0 auto 1.5rem;max-width:680px;animation:enter .8s .12s both}.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.75rem;animation:enter .8s .24s both}.button{display:inline-flex;justify-content:center;align-items:center;gap:1.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;min-height:56px;border-radius:6px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.primary{background:var(--green);color:var(--paper)}.primary:hover{background:#28624b}.text-link{display:inline-flex;gap:.75rem;align-items:center;border-bottom:1px solid;padding-block:.5rem}.hero-note{margin:1.25rem 0 .5rem;font-weight:500}#download-status,#release-meta{color:var(--muted);margin:0;font-size:1rem}#release-meta{margin-top:.2rem}
.dot-grid{position:absolute;inset:0;z-index:-2;color:#8caa6f;opacity:.4;mask-image:linear-gradient(90deg,#000,transparent 32%,transparent 68%,#000);pointer-events:none}.grid-glow{position:absolute;width:30rem;height:30rem;top:1rem;left:-14rem;z-index:-1;background:radial-gradient(ellipse,#dbe9b8aa,transparent 70%);pointer-events:none;animation:glow-drift 9s ease-in-out infinite alternate}.grid-glow::after{content:"";position:absolute;inset:0;transform:translateX(calc(100vw - 12rem));background:radial-gradient(ellipse,#dbe9b8aa,transparent 70%)}
.product-figure{position:relative;max-width:880px;margin:2.75rem auto 0;padding-bottom:2rem;animation:enter 1s .35s both}.product-figure::before{content:"";position:absolute;inset:3rem -10rem 0;z-index:-1;background:linear-gradient(180deg,#e6ecd8,#edf0e5);border-radius:20px 20px 0 0}.product-figure img{width:100%;height:auto;border:1px solid #c4ccba;border-radius:10px;box-shadow:0 20px 50px #193f3114}.product-figure figcaption{font-size:1rem;text-align:center;color:var(--muted);margin-top:1rem}
.why{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:4rem}.why p{color:var(--muted);max-width:560px}.why-note{margin-bottom:0;color:var(--ink)!important;font-weight:500}.transform-visual{width:100%;color:#668153}.wave{stroke-width:5;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:wave-pulse 2.8s ease-in-out infinite}.wave-two{animation-delay:.3s}.wave-three{animation-delay:.6s}.script-line{stroke-linecap:round;stroke-dasharray:97;animation:write-line 5s ease-in-out infinite}
.workflow{background:var(--soft)}.workflow h2{margin-bottom:2.5rem}.steps{padding:0;margin:0;list-style:none}.steps li{display:grid;grid-template-columns:4rem 1fr 1.2fr;align-items:start;gap:2rem;border-top:1px solid #bdc8b7;padding-block:1.75rem}.steps li:last-child{border-bottom:1px solid #bdc8b7}.steps li>span{font-family:Georgia,"Times New Roman",serif;font-size:2.5rem;line-height:1;color:#647957}.steps h3{font-size:1.375rem;line-height:1.4;margin:0;letter-spacing:-.03em}.steps p{color:var(--muted);margin:0}
.requirements-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2.5rem}.requirements-heading h2{margin:0}.requirements-heading p{max-width:360px;color:var(--muted);margin:0}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.5rem;margin:0}.specs>div{border-top:1px solid var(--line);padding-block:1.5rem}.specs dt{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.specs dd{margin:0;color:var(--muted);line-height:1.75}.specs a{border-bottom:1px solid currentColor}.setup-note{margin:1rem 0 .5rem}.verification-note{color:var(--muted);margin-bottom:0}footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-block:1.75rem;border-top:1px solid var(--line)}.skip-link{position:fixed;top:-100px;left:1rem;padding:1rem;background:var(--green);color:white;z-index:10}.skip-link:focus{top:1rem}
@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes glow-drift{from{transform:translateY(-30px);opacity:.45}to{transform:translateY(90px);opacity:1}}
@keyframes wave-pulse{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1)}}
@keyframes write-line{0%,15%{stroke-dashoffset:97;opacity:.4}45%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes approach{from{transform:translateY(16px)}to{transform:translateY(0)}}
@supports(animation-timeline:view()){.why-copy,.transform-visual,.steps li,.requirements-heading,.specs>div{animation:approach linear both;animation-timeline:view();animation-range:entry 0% entry 28%}}
@media(max-width:900px){.wrap{padding-inline:2rem}.why{gap:2rem}.specs{grid-template-columns:repeat(2,1fr)}.steps li{gap:1.25rem;grid-template-columns:3rem 1fr 1.1fr}}
@media(max-width:640px){.wrap{padding-inline:1.5rem}.section{padding-block:3.5rem}.site-header{flex-wrap:wrap;padding-block:1.25rem;gap:1.25rem}.site-header nav{width:100%;justify-content:space-between;gap:1rem}.hero{padding-top:2rem}.hero h1{font-size:clamp(2.25rem,7.5vw,3.25rem)}.hero h1 em{white-space:nowrap}.hero-description{font-size:1rem}.hero-description br{display:none}.hero-actions{gap:1rem}.hero-note{max-width:300px;margin-inline:auto}.product-figure{margin-top:2rem}.product-figure::before{inset:2rem 0 0}.why{grid-template-columns:1fr;gap:1.5rem}.transform-visual{max-width:420px;margin-inline:auto}.requirements-heading{flex-direction:column;align-items:start;gap:1.25rem}.steps li{grid-template-columns:2.5rem 1fr;gap:.75rem 1rem}.steps li>span{grid-row:span 2;font-size:2rem}.steps h3{font-size:1.25rem}.steps p{grid-column:2}.specs{grid-template-columns:1fr;gap:0}.specs>div{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;padding-block:1rem}.specs dt{font-size:1rem}footer{flex-wrap:wrap;gap:1rem}.dot-grid{opacity:.25}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.button:active{transform:none}}