@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700;750;800;850;900&display=swap');
:root{--bg:#141615;--panel:#1d201e;--text:#f1f2ed;--muted:#a0a59e;--line:#343831;--accent:#c6fa68;--font:'Golos Text',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{max-width:1376px;width:calc(100% - 112px);margin:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-icon{font-family:monospace;font-size:25px;margin-right:13px;color:var(--accent);letter-spacing:-4px}.brand-dot,.accent{color:var(--accent)}nav{display:flex;gap:32px;font-size:14px;color:#c2c7be}nav a:hover,.text-link:hover{color:var(--accent)}.header-contact{font-size:14px;border-bottom:1px solid #72786d;padding-bottom:5px}.header-contact span{margin-left:20px;color:var(--accent)}.hero{padding-top:55px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:500;display:flex;align-items:center;gap:12px}.tiny-line{height:1px;width:26px;background:var(--accent)}.hero-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:32px;align-items:center;padding:29px 0 70px}h1,h2,h3,p{margin:0}h1{font-size:clamp(54px,5.6vw,82px);font-weight:550;line-height:1.065;letter-spacing:-4px}h1>span{color:var(--accent)}.hero-copy>p{max-width:395px;color:var(--muted);font-size:17px;margin:29px 0 31px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;font-weight:600;padding:19px 24px;border-radius:6px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--accent);color:var(--bg)}.primary:hover{background:#d6ff93}.text-link{font-size:13px;display:block;width:max-content;margin-top:23px;color:#bbc1b6}.text-link span{margin-left:14px}.hero-visual{position:relative;padding:34px 0 0 10px;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(#51554866 .8px,transparent .8px);background-size:22px 22px}.visual-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.1px;color:#91988b;margin:0 10px 24px}.browser-card{border:1px solid #505846;border-radius:9px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 30px 50px #0005;position:relative;margin:0 13px 0 0}.browser-top{background:#252a23;display:flex;align-items:center;justify-content:space-between;padding:11px 15px;font:10px monospace;color:#9fa891}.window-dots{font-size:9px;letter-spacing:2px}.mini-site{background:#d3edb0;color:#242e1e;padding:23px 25px 15px}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px}.mini-nav b{font-size:18px;letter-spacing:-1px}.mini-heading{font-size:29px;letter-spacing:-1.4px;line-height:1.12;margin:35px 0 10px}.mini-heading i{font-family:Georgia,serif;font-weight:400}.type-art{height:125px;display:flex;justify-content:center;overflow:hidden;line-height:.84;font-size:170px;font-weight:900;letter-spacing:-31px;padding-right:30px}.type-art span:nth-child(2){color:#789752}.type-art span:nth-child(3){color:#a1bd7d}.mini-bottom{border-top:1px solid #a2ba82;display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-top:16px;padding-top:11px}.mini-round{border:1px solid #26361f;border-radius:50%;padding:1px 7px;font-size:18px}.code-card{background:#222621;border:1px solid #535c48;border-radius:7px;box-shadow:0 16px 40px #0006;padding:17px 24px;font:12px/1.9 monospace;width:290px;transform:rotate(4deg);position:absolute;right:-12px;bottom:3px}.code-purple{color:#b1a0db}.code-lime{color:#b8db90}.visual-foot{font-size:9px;color:#8f9887;display:flex;align-items:center;gap:20px;letter-spacing:1px;margin-top:43px}.visual-foot span:last-child{margin-left:auto}.cross{font-size:22px}.hero-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:12px;color:var(--muted);gap:20px}.hero-bottom>div{display:flex;gap:27px}.hero-bottom>div span:before{content:'+';color:var(--accent);margin-right:9px}.hero-bottom>a{font-size:22px}.section{padding-top:110px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.quiet{color:var(--muted);font-size:14px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:30px 0 39px}h2{font-size:clamp(32px,3.4vw,48px);font-weight:500;letter-spacing:-1.9px;line-height:1.18}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.8;padding-bottom:3px}.playground{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#1d201d}.play-controls{padding:18px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.lab-label{font:12px monospace;letter-spacing:1.2px}.lab-label>span{color:var(--accent);font-size:20px;margin-right:9px}.segmented{display:flex;background:#121411;border-radius:5px;padding:4px}.segmented button{color:var(--muted);background:none;border:0;padding:7px 17px;font-size:12px;border-radius:3px}.segmented button[aria-pressed=true]{color:var(--text);background:#343a2e}.swatches{display:flex;gap:11px}.swatch{width:21px;height:21px;border:3px solid #1d201d;border-radius:50%;outline:1px solid transparent}.swatch[aria-pressed=true]{outline-color:#c1c7b9}.lime{background:#c6fa68}.purple{background:#c5b0fa}.orange{background:#ffc18c}.demo-stage{padding:37px 45px;min-height:350px;display:flex;justify-content:center;background-image:radial-gradient(#51554866 .7px,transparent .7px);background-size:16px 16px}.demo-page{--demo-accent:#c6fa68;background:#f0f2e9;color:#242a21;border-radius:5px;width:100%;max-width:1010px;padding:24px 32px;box-shadow:0 10px 40px #0003;transition:max-width .45s,padding .3s}.demo-nav{display:flex;justify-content:space-between;align-items:center;font-size:10px;border-bottom:1px solid #ced3c6;padding-bottom:15px}.demo-nav b{font-size:24px;letter-spacing:-1.5px}.demo-nav b span{font-size:12px;vertical-align:top;margin-left:2px}.demo-content{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;padding:30px 0}.demo-badge{font-size:8px;letter-spacing:1px}.demo-content h3{font-size:clamp(26px,2.6vw,36px);line-height:1.1;font-weight:550;letter-spacing:-1.3px;margin:14px 0}.demo-content h3 i{font-family:Georgia,serif;font-weight:400}.demo-content p{font-size:10px;color:#646e5e}.task-card{background:white;border:1px solid #dee2d7;border-radius:8px;padding:22px;transform:rotate(2deg);box-shadow:0 10px 20px #29311e0a}.task-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px}.task-title>span{font-size:9px;color:#6a7463}.task-card label{display:flex;gap:10px;align-items:center;font-size:11px;cursor:pointer;padding:8px 0}.task-card input{accent-color:var(--demo-accent);width:15px;height:15px;margin:0}.task-card input:checked+span{text-decoration:line-through;color:#7b8276}.task-progress{font-size:9px;display:flex;justify-content:space-between;margin-top:18px}.progress-track{height:5px;background:#e7eadd;border-radius:3px;margin-top:7px;overflow:hidden}#progress-fill{display:block;width:33.333%;height:100%;background:var(--demo-accent);transition:width .3s,background .3s}.demo-footer{border-top:1px solid #ced3c6;padding-top:16px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px}.lab-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:15px 25px;color:var(--muted);font-size:11px}.demo-page.mobile{max-width:330px;padding:20px}.demo-page.mobile .demo-content{grid-template-columns:1fr;gap:28px}.demo-page.mobile .demo-nav>span:nth-child(2),.demo-page.mobile .demo-footer>span:last-child{display:none}.demo-page.mobile .demo-content h3{font-size:31px}.demo-page.mobile .task-card{transform:none}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{position:relative;border:1px solid var(--line);border-radius:6px;padding:27px 27px 24px;background:linear-gradient(120deg,#20241e,#1b1e1a);transition:border-color .2s,transform .2s}.service-grid article:hover{border-color:#7f9a5b;transform:translateY(-5px)}.service-num{font-size:12px;color:var(--muted)}.service-icon{float:right;font-size:26px;color:var(--accent);line-height:1}.service-grid h3{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:43px 0 14px}.service-grid p{font-size:14px;color:var(--muted);line-height:1.8;max-width:300px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.tags span{font-size:10px;border:1px solid #414837;border-radius:4px;padding:4px 9px;color:#bac4ae}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:30px}.process-layout .quiet{margin-top:25px}.steps article{display:flex;gap:25px;border-top:1px solid var(--line);padding:23px 0}.steps article>span{color:var(--accent);font:12px monospace;padding-top:5px}.steps h3{font-size:19px;font-weight:500;margin-bottom:9px}.steps p{font-size:14px;color:var(--muted);line-height:1.75;max-width:425px}.contact{padding-top:100px}.contact-box{background:var(--accent);color:#1b2614;padding:51px 55px 25px;border-radius:9px;position:relative;overflow:hidden}.contact-box h2{font-size:clamp(38px,5.3vw,74px);letter-spacing:-3px;font-weight:500;margin:26px 0 35px}.contact-box h2 span{color:#597c2b}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-bottom p{font-size:15px;line-height:1.8}.dark{background:#1e2818;color:#ecf4e4}.email-row{display:flex;gap:18px;align-items:center;border-top:1px solid #99c34f;margin-top:38px;padding-top:20px;font-size:13px;flex-wrap:wrap}.email-row button{background:none;border:0;font-size:11px;color:#405628;padding:8px}.email-row a:hover{text-decoration:underline}#copy-status{font-size:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:37px;padding-bottom:37px;font-size:12px;color:var(--muted)}.footer .brand{font-size:21px;color:var(--text)}.skip{position:absolute;left:15px;top:-100px;background:var(--accent);color:#141615;padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.hero-layout{padding-top:45px}.hero-visual{max-width:590px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}h1{font-size:60px;letter-spacing:-3px}.hero-layout{gap:25px}.mini-heading{font-size:24px}.code-card{width:260px;font-size:10px;right:-5px;bottom:0}.visual-foot span:last-child{display:none}.hero-bottom>div{gap:12px}.section-heading{align-items:start}.section-heading>p{max-width:260px}.demo-stage{padding:25px}.service-grid article{padding:22px}.service-grid h3{font-size:21px}.process-layout{gap:35px}.contact-box{padding:40px}.hero-bottom{font-size:10px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:23px}.header nav{display:none}.header-contact{font-size:12px}.header-contact span{margin-left:8px}.hero{padding-top:35px}.eyebrow{font-size:10px;letter-spacing:1.2px}.hero-layout{grid-template-columns:1fr;padding-top:26px;padding-bottom:45px;gap:30px}h1{font-size:clamp(48px,10.3vw,72px);letter-spacing:-2.6px}.hero-copy>p{font-size:16px;max-width:400px;margin:24px 0}.button{padding:17px 20px;font-size:13px}.hero-visual{max-width:500px;width:100%;justify-self:center;min-height:440px;padding-top:15px}.browser-card{margin-right:18px}.mini-heading{font-size:29px}.code-card{right:0;bottom:10px}.hero-bottom{padding:16px 0}.hero-bottom>div{display:none}.hero-bottom>span{font-size:12px}.section{padding-top:70px}.section-top>.quiet{display:none}.section-heading{display:block;margin:24px 0 28px}h2{font-size:34px;letter-spacing:-1.4px}.section-heading>p{max-width:none;margin-top:20px;font-size:13px}.play-controls{padding:15px;flex-wrap:wrap}.lab-label{width:100%;font-size:11px}.segmented button{padding:6px 12px}.swatches{gap:9px}.demo-stage{padding:20px 12px}.demo-page{padding:20px}.demo-content{grid-template-columns:1fr;gap:25px}.demo-content h3{font-size:31px}.demo-nav>span:nth-child(2){display:none}.task-card{transform:none}.demo-footer>span:last-child{display:none}.lab-footer{padding:14px;font-size:10px}.lab-footer>span:last-child{display:none}.service-grid{grid-template-columns:1fr;gap:13px}.service-grid article{padding:25px}.service-grid h3{margin-top:30px;font-size:25px}.service-grid p{max-width:none}.process-layout{grid-template-columns:1fr;gap:30px}.steps article{padding:23px 0}.contact{padding-top:55px}.contact-box{padding:29px 24px 20px}.contact-box h2{font-size:43px;letter-spacing:-2px;line-height:1.1;margin:25px 0}.contact-bottom{align-items:start;flex-direction:column;gap:24px}.contact-bottom p{font-size:14px}.email-row{gap:7px;font-size:12px;margin-top:28px}.email-row button{padding-left:0}.footer{flex-wrap:wrap;padding:29px 0;gap:20px;font-size:11px}.footer>span:nth-child(2){order:4;width:100%}.footer>span:nth-child(3){margin-left:auto}.mini-nav{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Readability refinements */
.hero-bottom,.text-link,.segmented button,.lab-label,.lab-footer,.tags span,.email-row,.email-row button,.footer,.quiet,.section-heading>p{font-size:14px}.service-grid p,.steps p{font-size:16px}.demo-badge,.demo-nav,.demo-footer,.demo-content p,.task-title>span,.task-card label,.task-progress{font-size:12px}.demo-nav{gap:12px}.task-title{font-size:16px}.demo-badge{letter-spacing:.5px}.task-card input{width:18px;height:18px;flex-shrink:0}.demo-footer{letter-spacing:0;gap:12px}.mini-nav,.mini-bottom{font-size:12px}.mini-nav>span:nth-child(2){max-width:100px;line-height:1.3}.visual-label,.visual-foot{font-size:12px;letter-spacing:0}.visual-foot>span:last-child{display:none}.code-card{font-size:12px}.eyebrow{font-size:12px}.lab-footer,.play-controls{flex-wrap:wrap}@media(max-width:760px){.hero-bottom>span{font-size:14px}.email-row a{overflow-wrap:anywhere}.hero-visual{min-height:460px}.code-card{bottom:15px}.visual-foot{margin-top:60px}.contact-box h2{font-size:clamp(32px,9vw,43px)}.button{font-size:14px}.footer{font-size:12px}}

/* Motion: structure -> character -> interaction. */
:root{--ease-out:cubic-bezier(.16,1,.3,1)}body{overflow-x:clip}.hero-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em;color:var(--text)}.hero-line>span{display:block}.hero-line .accent{color:var(--accent)}
.motion-enabled .hero-line>span{animation:headline-enter 1.15s var(--ease-out) both}.motion-enabled .hero-line:nth-child(2)>span{animation-delay:.13s}.motion-enabled .hero-line:nth-child(3)>span{animation-delay:.26s}.motion-enabled .hero-copy>p,.motion-enabled .hero-copy>.button,.motion-enabled .hero-copy>.text-link{animation:soft-enter 1s var(--ease-out) .4s both}.motion-enabled .hero-copy>.button{animation-delay:.53s}.motion-enabled .hero-copy>.text-link{animation-delay:.64s}.motion-enabled .hero-visual{animation:visual-enter 1.6s var(--ease-out) both;perspective:1100px}.hero-visual .browser-card{transform:rotate(-4deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .65s var(--ease-out)}.hero-visual .code-card{transform:rotate(4deg) translate3d(var(--float-x,0px),var(--float-y,0px),30px);transition:transform .8s var(--ease-out)}.motion-enabled .type-art span{animation:type-enter 1.4s var(--ease-out) .28s both}.motion-enabled .type-art span:nth-child(2){animation-delay:.4s}.motion-enabled .type-art span:nth-child(3){animation-delay:.52s}
@keyframes headline-enter{from{transform:translateY(115%) rotate(3deg)}to{transform:none}}@keyframes soft-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes visual-enter{from{opacity:0;transform:translateY(50px) scale(.92) rotate(3deg)}to{opacity:1;transform:none}}@keyframes type-enter{from{transform:translateY(120%)}to{transform:none}}
.button{position:relative;isolation:isolate;overflow:hidden;translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .5s var(--ease-out),transform .35s var(--ease-out),box-shadow .35s,background .35s}.button:after{content:'';position:absolute;inset:-70% -20%;background:linear-gradient(110deg,transparent 38%,#fff5 50%,transparent 62%);transform:translateX(-100%);transition:transform .8s var(--ease-out);pointer-events:none;z-index:-1}.button:hover:after{transform:translateX(100%)}.button:hover{box-shadow:0 12px 35px #0003}.button>span{transition:transform .4s var(--ease-out)}.button:hover>span{transform:translate(3px,-3px)}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;bottom:-6px;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
[data-reveal]{opacity:1;transform:none}.motion-enabled [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .85s var(--ease-out),transform .95s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}.motion-enabled [data-reveal].is-visible{opacity:1;transform:none}.motion-enabled .service-grid article.is-visible:hover{transform:translateY(-7px)}.service-grid article{overflow:hidden;isolation:isolate}.service-grid article:before{content:'';position:absolute;inset:0;background:radial-gradient(360px circle at var(--pointer-x,50%) var(--pointer-y,50%),#c6fa6819,transparent 75%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:-1}.service-grid article:hover:before{opacity:1}.service-icon{transition:transform .6s var(--ease-out)}.service-grid article:hover .service-icon{transform:rotate(-12deg) scale(1.18)}.steps article{position:relative}.steps article:before{content:'';position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease-out) .12s}.steps article.is-visible:before{transform:scaleX(1)}.process-layout>div:first-child{align-self:start;position:sticky;top:70px}
/* One palette controls every accent, including checked state. */
.demo-page{transition:max-width .65s var(--ease-out),padding .5s,background .5s}.demo-badge{display:inline-block;padding:7px 10px;border-radius:5px;background:var(--demo-accent);color:#242a21;transition:background .45s}.task-card{border-top:5px solid var(--demo-accent);transition:border-color .45s,background .45s,transform .5s var(--ease-out)}.task-title{margin:-22px -22px 15px;padding:18px 22px;background:color-mix(in srgb,var(--demo-accent) 38%,white);border-radius:3px 3px 0 0;transition:background .45s}.task-card input{appearance:none;display:grid;place-content:center;flex-shrink:0;border:1.5px solid #7b8276;border-radius:5px;background:white;transition:background .3s,border-color .3s,transform .25s;cursor:pointer;accent-color:var(--demo-accent)}.task-card input:checked{background:var(--demo-accent);border-color:#526344}.task-card input:before{content:'';width:8px;height:4px;border-left:2px solid #23321a;border-bottom:2px solid #23321a;transform:rotate(-45deg) scale(0);transition:transform .25s var(--ease-out)}.task-card input:checked:before{transform:rotate(-45deg) scale(1)}.task-card input:active{transform:scale(.88)}.task-card input:focus-visible{outline-color:#304321}.task-card label{border-radius:4px;transition:background .25s,padding .35s var(--ease-out)}.task-card label:hover{background:color-mix(in srgb,var(--demo-accent) 16%,white);padding-left:5px}.swatch{width:28px;height:28px;transition:transform .35s var(--ease-out),outline-color .35s}.swatch:hover{transform:scale(1.2)}.swatch[aria-pressed=true]{transform:scale(1.1)}.segmented button{transition:background .3s,color .3s}
/* Scroll-built interface. Defaults remain complete without scripting. */
.build-story{--design:1;--assembly:1;--scene-progress:1;--scene-rotate:0deg;--scene-scale:1;--scene-shift:0px;--copy-shift:0px;--card-shift:0px;--card-rotate:0deg;--grid-opacity:0;margin-top:95px;position:relative;background:radial-gradient(ellipse at 50% 60%,#333f244a,transparent 65%),#10120f;border-block:1px solid var(--line)}.build-sticky{min-height:820px;padding:54px 0 25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.build-heading{text-align:center}.build-heading .eyebrow{justify-content:center;color:#a3ad99}.build-heading h2{font-size:clamp(36px,4.8vw,66px);letter-spacing:-2.6px;margin:16px 0 10px}.build-heading p{font-size:14px;color:var(--muted)}.build-perspective{perspective:1600px;position:relative;width:min(1000px,calc(100% - 130px));margin:35px auto;flex-shrink:0}.build-window{position:relative;transform:translateY(var(--scene-shift)) rotateX(var(--scene-rotate)) scale(var(--scene-scale));transform-origin:50% 65%;border:1px solid #6d7e5899;border-radius:12px;box-shadow:0 45px 110px #0008;isolation:isolate}.build-chrome{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#232a1e;color:#a9b49d;font:12px monospace;border-radius:12px 12px 0 0}.build-chrome>span:first-child{letter-spacing:3px}.build-surface{background:#eef2e8;color:#24301c;padding:26px 38px 20px;border-radius:0 0 11px 11px;filter:grayscale(calc(1 - var(--design)))}.build-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #c8d3be;font-size:12px}.build-nav>b{font-size:24px;letter-spacing:-1.2px}.build-nav-pill{background:#d0f992;border-radius:20px;padding:7px 12px;opacity:var(--design)}.build-layout{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:60px;padding:30px 0}.build-copy{transform:translateX(var(--copy-shift));opacity:calc(.35 + var(--design)*.65)}.build-kicker{font-size:11px;letter-spacing:1px}.build-copy h3{font-size:clamp(28px,3.5vw,48px);letter-spacing:-2px;line-height:1.1;font-weight:550;margin:18px 0}.build-copy em{font-family:Georgia,serif;font-weight:400}.build-copy p{font-size:14px;color:#637059}.build-cta{display:flex;justify-content:space-between;gap:25px;width:max-content;background:#c6fa68;color:#24301c;padding:12px 17px;border-radius:5px;font-size:12px;margin-top:24px;opacity:var(--design)}.build-tasks{background:white;border:1px solid #d3dccb;border-radius:10px;padding:22px;transform:translate3d(var(--card-shift),calc(var(--card-shift)*-.3),0) rotate(var(--card-rotate));box-shadow:0 15px 35px #29351b15}.build-task-head{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:12px}.build-task-head>span:last-child{font-size:12px;font-weight:400;color:#6d7a62}.build-task{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf1e9;font-size:13px}.build-task i{display:grid;place-content:center;width:21px;height:21px;border-radius:5px;border:1px solid #b9c4ae;background:color-mix(in srgb,#c6fa68 calc(var(--assembly)*100%),white);font-style:normal;color:rgb(36 48 28 / var(--assembly))}.build-chart{height:56px;display:flex;align-items:flex-end;gap:7px;margin-top:20px;overflow:hidden}.build-chart span{height:var(--bar-height,50%);flex:1;background:#c6fa68;border-radius:3px 3px 0 0;transform-origin:bottom;transform:scaleY(calc(.12 + var(--assembly)*.88));opacity:calc(.35 + var(--design)*.65)}.build-chart span:nth-child(2){--bar-height:35%}.build-chart span:nth-child(3){--bar-height:68%}.build-chart span:nth-child(4){--bar-height:48%}.build-chart span:nth-child(5){--bar-height:78%}.build-chart span:nth-child(6){--bar-height:66%}.build-chart span:nth-child(7){--bar-height:85%}.build-chart span:nth-child(8){--bar-height:100%}.build-task-note{font-size:11px;color:#748267;margin-top:10px}.build-site-footer{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #c8d3be;font-size:10px;letter-spacing:1px}.build-wireframe{position:absolute;inset:41px 0 0;pointer-events:none;border-radius:0 0 11px 11px;opacity:var(--grid-opacity);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),#496b3a30 calc(8.333% - 1px),#496b3a30 8.333%),repeating-linear-gradient(0deg,transparent 0,transparent 39px,#496b3a25 39px,#496b3a25 40px);box-shadow:inset 0 0 0 1px #8bad70}.build-wireframe>span{position:absolute;bottom:13px;right:15px;background:#e1ebd7;padding:5px 8px;font:10px monospace;color:#466434}.build-coordinate{position:absolute;font:12px monospace;color:#75876a;top:40%;writing-mode:vertical-rl;letter-spacing:1px}.coordinate-left{left:-35px;transform:rotate(180deg)}.coordinate-right{right:-35px}.build-caption{display:flex;align-items:center;justify-content:space-between;gap:20px}.build-caption ol{display:flex;list-style:none;padding:0;margin:0;gap:26px}.build-caption li{font-size:13px;color:#929b89;transition:color .4s}.build-caption li>span{font:11px monospace;margin-right:7px}.build-caption li[aria-current=step]{color:var(--accent)}.build-scroll-hint{font-size:12px;color:#919d87}.build-scroll-hint>span{display:inline-block;margin-left:12px}.build-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#303827}.build-progress>span{display:block;height:100%;background:var(--accent);transform:scaleX(var(--scene-progress));transform-origin:left}
@media(min-width:900px) and (min-height:750px){.motion-enabled .build-story{height:250svh}.motion-enabled .build-sticky{position:sticky;top:0;height:100svh;min-height:0;padding-top:clamp(30px,5vh,60px);padding-bottom:28px}.motion-enabled .build-perspective{width:min(940px,calc(100% - 170px));margin:20px auto}.motion-enabled .build-heading h2{font-size:clamp(36px,4.2vw,58px)}.motion-enabled .build-layout{padding:24px 0}.motion-enabled .build-copy h3{font-size:clamp(30px,3.1vw,44px)}}
@media(max-width:1050px){.build-layout{gap:30px}.build-surface{padding:23px 28px}.build-caption ol{gap:15px}.build-scroll-hint{display:none}.hero-line{letter-spacing:-3px}}
@media(max-width:760px){.build-story{margin-top:65px}.build-sticky{min-height:0;padding:42px 0 24px}.build-heading .eyebrow{font-size:10px;letter-spacing:.8px}.build-heading h2{font-size:38px;letter-spacing:-1.7px}.build-perspective{width:calc(100% - 40px);margin:30px auto}.build-coordinate{display:none}.build-chrome{padding:10px 12px;font-size:9px}.build-chrome>span:first-child{letter-spacing:1px}.build-surface{padding:20px}.build-nav>span:not(.build-nav-pill){display:none}.build-nav{padding-bottom:14px}.build-nav-pill{font-size:10px}.build-layout{grid-template-columns:1fr;gap:23px;padding:22px 0}.build-copy h3{font-size:38px;margin:14px 0}.build-copy p{font-size:14px}.build-cta{margin-top:18px}.build-tasks{padding:20px;max-width:430px;width:100%;justify-self:center}.build-chart{height:40px}.build-site-footer{font-size:8px;letter-spacing:0}.build-caption ol{width:100%;justify-content:space-between;gap:8px}.build-caption li{font-size:10px}.build-caption li>span{display:block;font-size:10px;margin-bottom:4px}.process-layout>div:first-child{position:static}.hero-line{letter-spacing:-2.6px}.demo-badge{font-size:10px}.motion-enabled [data-reveal]{transform:translateY(22px)}.motion-enabled [data-reveal].is-visible{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual .browser-card{transform:rotate(-4deg)}.hero-visual .code-card{transform:rotate(4deg)}.build-window,.build-copy,.build-tasks{transform:none!important}.button{translate:none!important}[data-reveal]{opacity:1!important;transform:none!important}.steps article:before{transform:scaleX(1)}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.task-card input{appearance:auto}.task-card input:before{display:none}.task-title,.demo-badge{border:1px solid CanvasText}}


/* Primary Telegram contact, email as an alternative. */
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:45px;align-items:center}.contact-main{min-width:0}.contact-main h2{font-size:clamp(36px,4.3vw,62px)}.contact-layout .contact-bottom{align-items:flex-start;flex-direction:column;gap:24px}.telegram-handle{display:inline-block;margin-top:12px;font-size:14px;color:#405628}.telegram-handle:hover{text-decoration:underline}.telegram-qr{margin:0;text-align:center}.telegram-qr a{display:block;background:#000;border-radius:14px;padding:12px;transition:transform .35s var(--ease-out)}.telegram-qr a:hover{transform:translateY(-3px)}.telegram-qr img{display:block;width:100%;height:auto}.telegram-qr figcaption{font-size:12px;color:#405628;margin-top:12px}.email-label{color:#405628;font-size:13px}.contact-box a:focus-visible,.contact-box button:focus-visible{outline-color:#1e2818}@media(max-width:900px){.contact-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.contact-main h2{font-size:40px}}@media(max-width:650px){.contact-layout{grid-template-columns:1fr;gap:30px}.contact-main h2{font-size:clamp(32px,9vw,43px)}.telegram-qr{width:210px;justify-self:start}.email-label{flex-basis:100%}.contact-layout .contact-bottom{gap:20px}}