:root{--ink:#212720;--muted:#596355;--paper:#f6f5ee;--orange:#cc4b21;--line:#d9ddcf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b44119;outline-offset:4px}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:white;z-index:10}.preview{text-align:center;background:#252e25;color:#fff;padding:8px;font-size:13px}header{max-width:1280px;margin:auto;padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:42px;font-weight:850;letter-spacing:-3px;line-height:1}.brand span{font-size:11px;font-weight:500;letter-spacing:1px;display:block;margin-top:10px}nav{display:flex;align-items:center;gap:12px;font-size:14px}.button{display:inline-block;border:0;border-radius:4px;background:var(--orange);color:#fff;padding:14px 24px;font-weight:650;cursor:pointer}.button:hover{background:#aa3815}.button.small{padding:10px 18px}.button.secondary{background:#254b34}.textlink{background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}main{max-width:1280px;margin:auto}section{padding:52px 20px;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center;padding-top:36px;padding-bottom:52px}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--orange);font-weight:700;margin:0 0 22px}h1{font-size:clamp(34px,9vw,42px);line-height:1.25;letter-spacing:-2px;margin:0 0 28px}h1 span{color:var(--orange)}h2{font-size:28px;line-height:1.4;letter-spacing:-1px;margin:0 0 24px}h3{font-size:22px;line-height:1.5;margin:16px 0}.lead{font-size:18px;max-width:550px;color:var(--muted)}.actions{display:flex;gap:12px;align-items:stretch;margin:26px 0;flex-direction:column}.note{font-size:13px;color:var(--muted)}.hero-art{background:#dce2d1;border:1px solid #cbd4bf;padding:20px;box-shadow:6px 8px 0 #e9e8df}.browserbar{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);padding:0 0 16px}.browserbar i{width:6px;height:6px;background:#8d9a82;border-radius:50%}.browserbar span{margin-left:auto}.mock{background:#fffdf3;padding:24px 18px}.mock>p{font-size:11px;margin:0}.mock h2{font-size:29px;margin:15px 0 26px}.architecture{height:140px;display:flex;align-items:end;gap:12px;background:#e6e8da;padding:14px}.architecture div{background:#7b896b;width:33%;height:85%;border-top:10px solid #333e2a}.architecture div:nth-child(2){height:65%;background:#bcbaa5}.architecture div:nth-child(3){height:100%;background:#b57851}.mock-bottom{display:flex;justify-content:space-between;font-size:10px;padding-top:20px}.tag{font-size:12px;margin-top:18px}.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}.grid b{color:var(--orange);font-size:12px;letter-spacing:1px}.grid p{color:var(--muted)}.demo{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;background:#e9ecdf}.demo-board{background:var(--paper);border:1px solid #c5ccbc;padding:28px}.pill{display:inline-block;font-size:12px;background:#e0e7d4;padding:6px 12px}.sample{display:flex;gap:20px;border-top:1px solid var(--line);padding:15px 0}.sample b{font-size:26px;color:#89947b}.sample p{font-size:13px;margin:4px 0}.section-top{display:block}.pricing{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding:22px;border:1px solid #b8c1ab;background:#fffdf7;margin-top:28px}.price{font-size:40px;font-weight:750;letter-spacing:-2px}.price span{font-size:16px;font-weight:400;letter-spacing:0}.pricing li{padding:6px 0}.boundary{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.boundary p{font-size:14px}.process ol{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.process li{padding-top:20px;border-top:2px solid var(--orange)}.process strong,.process span{display:block}.process span{font-size:14px;color:var(--muted);margin-top:12px}.faq{max-width:850px;margin:auto}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted)}.contact{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;background:#e9ecdf}form label{display:block;margin-bottom:16px;font-size:14px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #acb5a0;border-radius:3px;background:#fffef9;margin-top:6px;color:var(--ink)}.fields{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.checkbox{display:flex;gap:10px;align-items:start;font-size:13px}.checkbox input{width:18px;flex-shrink:0;margin-top:5px}.checkbox a{text-decoration:underline}#form-message{font-size:14px}button:disabled{opacity:.65;cursor:wait}footer{max-width:1280px;margin:auto;display:flex;gap:25px;align-items:center;padding:28px 20px;font-size:14px;flex-wrap:wrap}.consent{position:fixed;bottom:12px;left:12px;right:12px;max-width:410px;background:#fff;border:1px solid var(--line);padding:18px;box-shadow:0 4px 25px #0002;font-size:13px;z-index:10}.consent button{padding:8px;margin-right:12px;cursor:pointer}[hidden]{display:none!important}
/* Mobile is the default; larger screens progressively add columns. */
nav>a:first-child,nav>a:nth-child(2){display:none}
nav>a,.button,.textlink,footer>a,footer>button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.actions .button,form>button,.pricing .button{width:100%;text-align:center}
.actions .textlink{align-self:center}
.hero>div,.pricing>div,.contact>div,form{min-width:0}
input,select,textarea{font-size:16px;min-height:48px}
.checkbox{font-size:14px;min-height:44px;padding:8px 0}
.checkbox input{min-height:0;width:22px;height:22px}
.faq summary{min-height:44px;display:list-item;padding:8px 0}
.consent button{min-height:44px}
footer p{flex-basis:100%;margin:0}
@media(min-width:600px){
 .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .process ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .actions{flex-direction:row;align-items:center;gap:24px}
 .actions .button,.pricing .button{width:auto}
 nav>a:first-child,nav>a:nth-child(2){display:inline-flex}
}
@media(min-width:960px){
 header{padding:26px 48px}nav{gap:28px;font-size:16px}
 section{padding:88px 48px}
 .hero{grid-template-columns:1.1fr 1fr;gap:64px;padding-top:70px;padding-bottom:95px}
 h1{font-size:clamp(48px,4.8vw,66px)}h2{font-size:36px}
 .hero-art{transform:rotate(-2deg);box-shadow:14px 18px 0 #e9e8df}
 .mock{padding:30px 26px}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
 .demo,.contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px}
 .section-top{display:flex;justify-content:space-between}
 .pricing{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;padding:40px}
 .price{font-size:48px}.process ol{grid-template-columns:repeat(4,minmax(0,1fr))}
 footer{padding:32px 48px}footer p{flex-basis:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Lightweight scroll motion: only transforms and opacity change per frame. */
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#cc4b21,#e8b46c,#5e8358);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:5% 0 10% 35%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 35%,#dfb88940,transparent 65%)}
.motion-on .scroll-scene{opacity:var(--visibility,1);transform:translate3d(0,var(--offset,0px),0) scale(var(--scale,1));transition:opacity .18s ease-out,transform .22s ease-out;transition-delay:var(--delay,0ms)}
.motion-on .hero-art{translate:0 var(--drift,0px)}
.grid article{border-top:1px solid #c8cfbc;padding-top:20px;position:relative}
.grid article:before{content:"";position:absolute;top:-1px;left:0;width:46px;height:2px;background:var(--orange);transform:scaleX(var(--visibility,1));transform-origin:left}
.demo-board{box-shadow:10px 12px 0 #cbd4bf55}
.pricing{box-shadow:0 18px 45px #48543c0c}
.button{transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.button:active{transform:scale(.98)}
@media(hover:hover){.button:hover{box-shadow:0 8px 20px #a6402426;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.scroll-scene,.hero-art,.button{transition:none!important;transform:none!important;translate:none!important;opacity:1!important}}