:root{--bg-base: #0C0A08;--bg-surface: #111009;--bg-panel: #161411;--bg-hover: #1C1915;--bg-card: #131108;--border: #222018;--border-mid: #2E2B22;--border-str: #3D3A2F;--gold: #D48B1C;--gold-bright: #EFA030;--gold-dim: #7A5010;--gold-subtle: rgba(212,139,28,.08);--gold-line: rgba(212,139,28,.25);--text-primary: #EAE0D2;--text-sec: #8A7D6E;--text-dim: #4A4438;--syn-kw: #EFA030;--syn-str: #D9735A;--syn-cmt: #3E3B35;--syn-type: #7AC4B8;--syn-num: #A8C98A;--syn-fn: #C4A0E8;--syn-punc: #5A5448;--green: #A8C98A;--green-subtle: rgba(168,201,138,.1);--teal: #7AC4B8;--teal-subtle: rgba(122,196,184,.1);--amber: #EFA030;--amber-subtle: rgba(239,160,48,.1);--purple: #C4A0E8;--purple-subtle: rgba(196,160,232,.1)}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/iosevka-latin-400-normal-7stTb90X.woff2) format("woff2"),url(/assets/iosevka-latin-400-normal-BVqCxfc4.woff) format("woff")}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/iosevka-latin-500-normal-CQO8XnuS.woff2) format("woff2"),url(/assets/iosevka-latin-500-normal-6hm74U-t.woff) format("woff")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-str);border-radius:3px}nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;background:#0c0a08d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 2rem;gap:0}.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo-icon{display:block;flex-shrink:0}.nav-logo-wordmark{display:block}.nav-links{display:flex;align-items:center;gap:2px;margin-left:40px}.nav-links a{font-size:13.5px;color:var(--text-sec);padding:6px 12px;border-radius:6px;transition:color .12s,background .12s}.nav-links a:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-links a.active{color:var(--gold-bright)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}.btn-ghost{font-family:DM Sans,sans-serif;font-size:13.5px;color:var(--text-sec);padding:7px 14px;border-radius:7px;border:1px solid var(--border-str);background:transparent;cursor:pointer;transition:all .12s}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-gold{font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;color:#000;padding:7px 18px;border-radius:7px;border:1px solid var(--gold);background:var(--gold);cursor:pointer;transition:all .12s}.btn-gold:hover{background:var(--gold-bright);border-color:var(--gold-bright)}.btn-gold:active{transform:scale(.98)}.hero-glow{position:absolute;top:20%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(212,139,28,.07) 0%,transparent 70%);pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.4;pointer-events:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin-bottom:28px;padding:5px 14px;border:1px solid var(--gold-line);border-radius:100px;background:var(--gold-subtle)}.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:eyeblink 2.5s ease-in-out infinite}@keyframes eyeblink{0%,to{opacity:1}50%{opacity:.3}}.btn-hero{font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;padding:12px 28px;border-radius:8px;cursor:pointer;transition:all .14s;display:flex;align-items:center;gap:8px}.btn-hero-primary{background:var(--gold);border:1px solid var(--gold);color:#0a0800}.btn-hero-primary:hover{background:var(--gold-bright);border-color:var(--gold-bright)}.btn-hero-primary:active{transform:scale(.98)}.btn-hero-secondary{background:transparent;border:1px solid var(--border-str);color:var(--text-sec)}.btn-hero-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.arrow{font-size:16px}.code-card{background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:12px;overflow:hidden;text-align:left;box-shadow:0 0 0 1px #d48b1c0f,0 32px 64px #0006}.code-card-bar{height:40px;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:6px}.win-dot{width:10px;height:10px;border-radius:50%}.wd-r{background:#3a2520}.wd-y{background:#3a3020}.wd-g{background:#1e3020}.code-card-filename{font-family:Iosevka,monospace;font-size:11px;color:var(--text-dim);margin-left:8px}.code-card-body{padding:24px 28px;font-family:Iosevka,monospace;font-size:13px;line-height:1.75;white-space:pre;overflow-x:auto;position:relative}.kw{color:var(--syn-kw)}.str{color:var(--syn-str)}.cmt{color:var(--syn-cmt);font-style:italic}.tp{color:var(--syn-type)}.num{color:var(--syn-num)}.fn{color:var(--syn-fn)}.pnc{color:var(--syn-punc)}.op{color:var(--text-sec)}.section-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:16px}.section-title{font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.1;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.03em}.section-title em{font-style:italic;color:var(--gold-bright)}.section-desc{font-size:15px;color:var(--text-sec);line-height:1.7;font-weight:300}.section-desc+.section-desc{margin-top:16px}.divider{border:none;border-top:1px solid var(--border);max-width:1100px;margin:0 auto}.split-section{max-width:1100px;margin:0 auto;padding:96px 48px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-section.reverse{direction:rtl}.split-section.reverse>*{direction:ltr}.code-syntax-toggle{margin-left:auto;display:flex;border:1px solid var(--border-mid);border-radius:6px;overflow:hidden;font-family:Iosevka,monospace;font-size:11px}.seg-btn{padding:4px 10px;background:transparent;color:var(--text-dim);border:none;cursor:pointer;transition:all .14s}.seg-btn:hover{color:var(--text-sec);background:var(--bg-hover)}.seg-btn.active{color:var(--gold-bright);background:var(--gold-subtle);border:1px solid var(--gold-line)}.code-version{white-space:pre;font-family:Iosevka,monospace;font-size:13px;line-height:1.75;overflow-x:auto}.feat-badge{display:inline-block;margin-top:16px;font-family:Iosevka,monospace;font-size:10px;color:var(--gold-dim);background:var(--gold-subtle);border:1px solid var(--gold-line);border-radius:4px;padding:2px 8px;letter-spacing:.04em}.cta-section{max-width:1100px;margin:0 auto;padding:80px 48px 120px;text-align:center;position:relative}.cta-box{background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:16px;padding:72px 48px;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}.cta-box:after{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:400px;height:300px;background:radial-gradient(ellipse at center,rgba(212,139,28,.06) 0%,transparent 70%);pointer-events:none}.cta-title{font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:18px;position:relative;z-index:1}.cta-title em{font-style:italic;color:var(--gold-bright)}.cta-desc{font-size:16px;color:var(--text-sec);font-weight:300;margin-bottom:36px;position:relative;z-index:1}.cta-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1}footer{border-top:1px solid var(--border);background:var(--bg-surface);padding:56px 48px 40px}.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--border)}.footer-brand p{font-size:13.5px;color:var(--text-dim);margin-top:14px;line-height:1.65;font-weight:300;max-width:260px}.footer-col-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;font-weight:500}.footer-col a{display:block;font-size:13.5px;color:var(--text-sec);margin-bottom:10px;transition:color .12s;font-weight:300}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:1100px;margin:28px auto 0;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:12.5px;color:var(--text-dim);font-weight:300}.footer-links{display:flex;gap:20px}.footer-links a{font-size:12.5px;color:var(--text-dim);transition:color .12s}.footer-links a:hover{color:var(--text-sec)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;padding:6px;background:none;border:none;cursor:pointer;flex-shrink:0}.nav-hamburger span{display:block;width:20px;height:2px;background:var(--text-sec);border-radius:2px;transition:transform .2s ease,opacity .2s ease}nav.nav-open .nav-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}nav.nav-open .nav-hamburger span:nth-child(2){opacity:0}nav.nav-open .nav-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-panel{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;gap:2px;padding:12px 16px 20px;background:#0c0a08f7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}nav.nav-open .nav-mobile-panel{opacity:1;transform:translateY(0);pointer-events:auto}.nav-mobile-panel a{font-size:15px;color:var(--text-sec);padding:10px 12px;border-radius:6px;transition:color .12s,background .12s}.nav-mobile-panel a:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-mobile-panel a.active{color:var(--gold-bright)}.nav-mobile-cta{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.nav-mobile-cta a{flex:1;text-align:center;justify-content:center}.nav-mobile-cta .btn-gold{color:#000}@media(max-width:768px){nav{padding:0 20px}.nav-links,.nav-right{display:none}.nav-hamburger,.nav-mobile-panel{display:flex}.split-section{padding:60px 24px;grid-template-columns:1fr;gap:40px}.split-section.reverse{direction:ltr}.split-section.reverse>*{direction:ltr}.cta-section{padding:48px 24px 80px}.cta-box{padding:48px 28px}footer{padding:40px 24px 32px}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1 / -1}.footer-brand p{max-width:none}}@media(max-width:480px){nav{padding:0 16px}.hero-actions{flex-direction:column;align-items:stretch}.btn-hero{justify-content:center}.cta-box{padding:40px 20px}footer{padding:36px 16px 28px}.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px;align-items:flex-start}}.code-card--sm .code-card-body{font-size:12px;padding:20px 22px}.token.comment{color:var(--syn-cmt);font-style:italic}.token.string{color:var(--syn-str)}.token.keyword{color:var(--syn-kw)}.token.type{color:var(--syn-type)}.token.number{color:var(--syn-num)}.token.punctuation{color:var(--syn-punc)}.token.operator{color:var(--text-sec)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border-mid);border-radius:5px;background:transparent;color:var(--text-dim);cursor:pointer;transition:color .12s,background .12s,border-color .12s;flex-shrink:0}.copy-btn:hover{color:var(--text-sec);background:var(--bg-hover);border-color:var(--border-str)}.copy-btn.copied{color:var(--gold);border-color:var(--gold-line);background:var(--gold-subtle)}.dot-sep{color:var(--border-str)}.mt-80{margin-top:80px}.mb-24{margin-bottom:24px}