:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b0e14;--bg-alt: #0f131c;--panel: #141926;--panel-2: #1a2130;--border: #232b3d;--border-strong: #313c54;--text: #e7eaf0;--muted: #97a1b4;--faint: #6b7588;--accent: #ff5d76;--accent-soft: rgba(255, 93, 118, .12);--accent-text: #ff8296;--green: #57d9a3;--blue: #6cb2ff;--yellow: #ffd166;--purple: #c79bff;--orange: #ffb066;--err: #ff6b6b;--warn: #ffd166;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--code-bg: #10151f;--tok-kw: #ff7b93;--tok-st: #9ce29c;--tok-cm: #5d6878;--tok-co: #ffc46b;--tok-nu: #6fd7e6;--tok-sy: #c79bff;--tok-fn: #74b6ff;--tok-iv: #ffb066}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-alt: #f6f8fa;--panel: #f6f8fa;--panel-2: #eef1f5;--border: #e3e7ec;--border-strong: #ccd3dc;--text: #17202e;--muted: #5a6678;--faint: #8a94a5;--accent: #d63359;--accent-soft: rgba(214, 51, 89, .09);--accent-text: #c22750;--green: #0f9d6a;--blue: #0b6bcd;--yellow: #a87300;--purple: #7a3fd1;--orange: #c05f00;--err: #d1373e;--warn: #a87300;--shadow: 0 10px 30px rgba(23, 32, 46, .12);--code-bg: #f6f8fa;--tok-kw: #c22750;--tok-st: #116a3c;--tok-cm: #8a94a5;--tok-co: #9a6b00;--tok-nu: #0b6b8f;--tok-sy: #7a3fd1;--tok-fn: #0b6bcd;--tok-iv: #c05f00}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}a,button{outline-offset:5px}:focus-visible{outline:2px solid var(--accent)}.topbar{height:68px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:23px;padding:0 28px;background:var(--bg);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;color:var(--text);white-space:nowrap}.brand span{color:var(--accent)}.brand:hover{text-decoration:none}.topbar-label{border-left:1px solid var(--border);padding-left:24px;color:var(--muted);font-size:14px}.topbar-spacer{flex:1}.topbar-link{font-size:14px;color:var(--muted)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--text)}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--border-strong);border-radius:7px;padding:10px 17px;color:var(--text);font-size:14px;font-weight:600;background:var(--panel)}.btn:hover{border-color:var(--accent);text-decoration:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#190b11}.topbar-install{padding:7px 17px}.layout{padding-top:68px}.sidebar{position:fixed;top:68px;bottom:0;left:0;width:242px;overflow-y:auto;border-right:1px solid var(--border);padding:28px 17px 40px;background:var(--bg-alt);scrollbar-width:thin}.nav-group{margin:25px 0}.nav-group-label{margin:0 12px 7px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.nav-link{display:block;padding:6px 12px;margin:1px 0;font-size:14px;line-height:1.5;border-radius:6px;color:var(--muted)}.nav-link:hover{background:var(--panel);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.overview-link{font-size:14px}.sidebar-footer{border-top:1px solid var(--border);margin:30px 12px 0;padding-top:20px;font-size:12px;color:var(--muted)}.sidebar-backdrop{display:none}.content{margin-left:242px;padding:58px clamp(26px,5vw,92px) 28px;max-width:1440px;outline:none}.hero{padding:9px 0 34px;max-width:900px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--accent-text);margin:0 0 15px}h1,h2,h3{line-height:1.18;letter-spacing:-.025em;color:var(--text)}h1{font-size:clamp(35px,4vw,58px);font-weight:650;margin:0 0 22px}h1 em{font-style:normal;color:var(--accent-text)}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:710px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 0}h2{font-size:29px;font-weight:600;margin:0 0 22px}h3{font-size:19px;font-weight:600;margin:0 0 12px}.demo{margin:0;border:1px solid var(--border-strong);border-radius:11px;overflow:hidden;background:#1f1f1f;max-width:940px;box-shadow:0 16px 45px #00000014}.demo-heading{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--panel);color:var(--text);font-size:12px;border-bottom:1px solid var(--border)}.demo-editor{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:.05em}.demo-image{display:block;width:100%;height:auto;object-fit:contain;background:#1f1f1f}.demo figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--panel);color:var(--muted);font-size:12px}.demo figcaption a{margin-left:15px}.demo-motion{border:0;padding:0;background:transparent;color:var(--accent-text)}.demo-motion:hover{text-decoration:underline}.overview-section{padding-top:78px}.overview-intro{padding-top:0;padding-bottom:38px}.section-intro{max-width:730px;margin:0 0 28px;color:var(--muted)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.story{display:block;padding:24px 24px 0;border:1px solid var(--border);border-radius:9px;background:var(--bg-alt);overflow:hidden;color:var(--text)}.story:hover{text-decoration:none;border-color:var(--accent)}.story h3{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.story h3 span{color:var(--muted)}.story p{font-size:14px;color:var(--muted);min-height:66px;line-height:1.6;margin-bottom:23px}.story img{display:block;width:100%;height:auto;border:1px solid var(--border);border-bottom:0;border-radius:5px 5px 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.feature-group{border-top:2px solid var(--border-strong);padding-top:23px}.feature-group p{font-size:14px;color:var(--muted);min-height:45px;margin-bottom:16px}.feature-group h3{font-size:16px}.feature-group ul{list-style:none;margin:0;padding:0}.feature-group li{border-top:1px solid var(--border)}.feature-group li a{font-size:14px;display:flex;justify-content:space-between;gap:10px;padding:9px 0;color:var(--text)}.feature-group li span{color:var(--muted)}.comparison>p{color:var(--muted);max-width:730px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:30px}.comparison-grid h3{font-size:17px}.comparison-grid p,.comparison-grid a{font-size:14px}.comparison-grid p{color:var(--muted)}.fine-print{font-size:12px!important;border-top:1px solid var(--border);padding-top:18px;margin-top:27px}.page-header{padding:8px 0 34px}.page-header h1{font-size:42px}.feature-page{max-width:930px}.feature-page>section{margin:38px 0}.feature-page h2{font-size:24px}.feature-page p,.feature-page li{color:var(--muted)}.feature-page li{margin-bottom:10px}.steps{padding-left:25px}.steps li{padding-left:7px;margin-bottom:15px}.steps li::marker{color:var(--accent);font-weight:700}.note{padding:22px 25px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 7px 7px 0}.note h2{font-size:17px;margin-bottom:8px}.note p{margin:0;font-size:14px}.codeblock{position:relative;border:1px solid var(--border);background:var(--code-bg);border-radius:8px;overflow:hidden}.codeblock pre{padding:24px;margin:0;overflow-x:auto;font-size:14px;line-height:1.8}.lang-tag{position:absolute;right:12px;top:5px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.tok-kw{color:var(--tok-kw)}.tok-st{color:var(--tok-st)}.tok-cm{color:var(--tok-cm)}.tok-co{color:var(--tok-co)}.tok-nu{color:var(--tok-nu)}.tok-sy{color:var(--tok-sy)}.tok-fn{color:var(--tok-fn)}.tok-iv{color:var(--tok-iv)}.related .btn{margin:0 10px 10px 0}.contract-link{font-size:14px}.site-footer{border-top:1px solid var(--border);margin-top:76px;padding:33px 0 10px}.site-footer p{font-size:12px;color:var(--muted);margin:9px 0 16px}.site-footer>div{display:flex;gap:24px;font-size:12px}.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:var(--accent);color:#100510;z-index:99}.skip-link:focus{top:10px}@media(min-width:1600px){.content{margin-right:auto;margin-left:calc(242px + (100vw - 1600px)/2)}}@media(max-width:1100px){.feature-grid{grid-template-columns:1fr 1fr}.content{padding-right:30px;padding-left:30px}.sidebar{width:222px}.content{margin-left:222px}.story{padding:18px 18px 0}.story h3{font-size:17px}.story p{min-height:85px}}@media(max-width:780px){.topbar{height:60px;padding:0 16px;gap:12px}.topbar-label,.topbar-link{display:none}.menu-btn{display:inline-flex}.brand{font-size:14px}.layout{padding-top:60px}.sidebar{top:60px;width:260px;z-index:25;transform:translate(-100%);transition:transform .15s}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;inset:60px 0 0;z-index:24;background:#0008;border:0}.content{margin:0;padding:32px 20px}.hero{padding-top:8px}.hero h1{font-size:41px}.lead{font-size:16px}.overview-section{padding-top:50px}.overview-intro{padding-top:0}.story-grid{gap:14px}.story p{min-height:105px}.demo-heading{font-size:12px}.page-header h1{font-size:34px}}@media(max-width:520px){.story-grid,.comparison-grid,.feature-grid{grid-template-columns:1fr}.story p{min-height:0}.hero h1{font-size:34px}.story img{max-height:200px;object-fit:cover;object-position:top}.demo figcaption{font-size:12px;padding:9px}.demo figcaption a:first-child{margin-left:0}.feature-grid{gap:30px}.feature-group p{min-height:0}.topbar-install{padding:6px 10px}.site-footer>div{gap:14px}.content{padding:30px 17px}.codeblock pre{padding:22px 15px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}