.site-header{position:sticky;top:0;z-index:50;background:rgba(15,17,23,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(37,42,53,.85)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px}.nav-links a:hover{color:var(--ink)}
.hero{padding:86px 0 62px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero h1{font-family:var(--display);font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-3px;margin:0;max-width:11ch}.hero h1 span{color:var(--accent)}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:58ch;margin:24px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:13px}.hero-proof strong{color:var(--ink)}
.preview-code{position:relative}.preview-code:before{content:"";position:absolute;inset:20% 10%;background:var(--accent);filter:blur(100px);opacity:.08;z-index:-1}.code-caption{border-top:1px solid var(--line);padding:13px 16px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:12px}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#11141b}.band-inner{padding:22px 0;display:flex;gap:14px;align-items:center;overflow:auto;scrollbar-width:none}.band-inner::-webkit-scrollbar{display:none}.lang-chip{white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;font:600 12px var(--mono);color:var(--muted)}
.section{padding:92px 0}.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;margin-bottom:42px}.section h2{font:600 clamp(32px,4vw,50px)/1.05 var(--display);letter-spacing:-1.8px;margin:0}.section-head p{margin:0;color:var(--muted);font-size:17px;line-height:1.7;max-width:62ch}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature{padding:28px 26px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature:first-child{border-left:1px solid var(--line)}.feature .num{font:12px var(--mono);color:var(--accent)}.feature h3{font:600 19px var(--display);margin:18px 0 8px}.feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.build-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.build-copy{padding:42px}.build-copy h2{font:600 44px/1.06 var(--display);letter-spacing:-1.6px;margin:0 0 16px}.build-copy p{color:var(--muted);line-height:1.7}.build-flow{padding:26px;display:grid;gap:0}.flow-step{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.flow-step:last-child{border-bottom:0}.flow-step b{font:700 12px var(--mono);color:var(--accent)}.flow-step h4{margin:0 0 4px;font:600 15px var(--display)}.flow-step p{margin:0;color:var(--muted);font-size:13px}
.repo-callout{padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px}.repo-callout h3{margin:0 0 7px;font:600 23px var(--display)}.repo-callout p{margin:0;color:var(--muted);max-width:66ch}
@media(max-width:900px){.hero-grid,.section-head,.build-section{grid-template-columns:1fr}.hero{padding-top:64px}.hero-grid{gap:42px}.feature-list{grid-template-columns:1fr}.feature,.feature:first-child{border-left:1px solid var(--line)}.repo-callout{align-items:flex-start;flex-direction:column}.nav-links a:not(.keep){display:none}}
@media(max-width:700px){.band-inner{flex-wrap:wrap;overflow:visible;gap:8px}}
@media(max-width:520px){.hero{padding-top:44px}.hero h1{font-size:46px;letter-spacing:-2px}.section{padding:44px 0}.build-copy{padding:28px}.build-copy h2{font-size:36px}}