@import "https://cdn.jsdelivr.net/npm/@fontsource/space-grotesk@5.1.0/index.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/chivo-mono@5.1.0/index.css";
:root{--font-sans:"Space Grotesk", sans-serif;--font-mono:"Chivo Mono", monospace}html,body{min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1e2e;--bg-soft:#181825;--panel:#313244d1;--panel-strong:#181825f2;--panel-soft:#45475ab8;--panel-outline:#89b4fa33;--border:#89b4fa2e;--text:#cdd6f4;--muted:#a6adc8;--subtle:#7f849c;--accent:#89b4fa;--accent-strong:#cba6f7;--good:#a6e3a1;--warn:#fab387;--danger:#f38ba8;--shadow:0 24px 80px #11111b6b;--bg-gradient:radial-gradient(circle at top, #89b4fa29, transparent 30%), radial-gradient(circle at 85% 15%, #cba6f729, transparent 22%), linear-gradient(180deg, #1e1e2e 0%, #181825 32%, #11111b 100%);--grid-color:#89b4fa14;--glass:#181825c7;--glass-shadow:0 18px 48px #11111b47;--nav-bg:#11111bd6;--nav-border:#89b4fa24;--nav-control-bg:#3132448a;--nav-control-border:#89b4fa2e;--pill-border:#89b4fa38;--pill-bg:#313244b8;--btn-secondary-bg:#45475ad1;--btn-ghost-bg:#45475a6b;--btn-primary-bg:#89b4fa;--btn-primary-shadow:0 16px 36px #89b4fa3d;--btn-primary-text:#11111b;--feature-accent-bg:#89b4fa;--inline-code-bg:#89b4fa24;--blockquote-border:#a6e3a16b;--blockquote-bg:#a6e3a11a;--code-bg:#11111bf5;--table-head-bg:#89b4fa1f;--token-key:#89b4fa;--token-punc:#9399b2;--token-string:#a6e3a1;--token-number:#fab387;--token-comment:#6c7086;--hero-visual-bg:radial-gradient(circle at top, #cba6f729, transparent 30%), #181825d6;--hero-shot-bg:#3132448a;--showcase-primary-bg:linear-gradient(180deg, #cba6f724, #313244f0);--showcase-secondary-bg:linear-gradient(180deg, #94e2d524, #313244f0);--showcase-warning-bg:linear-gradient(180deg, #fab38729, #313244f0);--showcase-neutral-bg:linear-gradient(180deg, #b4befe24, #313244f0);--showcase-shot-bg:linear-gradient(180deg, #11111bfa, #181825f5);--showcase-shot-shadow:0 22px 48px #11111b57, 0 0 0 1px #cdd6f40d inset;--final-cta-bg:radial-gradient(circle at top left, #a6e3a129, transparent 24%), radial-gradient(circle at top right, #cba6f72e, transparent 26%), #181825eb;--radius:16px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eff1f5;--bg-soft:#e6e9ef;--panel:#eff1f5e0;--panel-strong:#e6e9eff5;--panel-soft:#e6e9efd6;--panel-outline:#1e66f52e;--border:#1e66f529;--text:#4c4f69;--muted:#6c6f85;--subtle:#8c8fa1;--accent:#1e66f5;--accent-strong:#8839ef;--good:#40a02b;--warn:#fe640b;--danger:#d20f39;--shadow:0 22px 60px #acb0be38;--bg-gradient:radial-gradient(circle at top, #1e66f524, transparent 34%), radial-gradient(circle at 88% 12%, #8839ef1f, transparent 24%), linear-gradient(180deg, #eff1f5 0%, #e6e9ef 38%, #dce0e8 100%);--grid-color:#1e66f514;--glass:#e6e9efd1;--glass-shadow:0 18px 48px #acb0be38;--nav-bg:#eff1f5e0;--nav-border:#7287fd29;--nav-control-bg:#dce0e8c2;--nav-control-border:#7287fd2e;--pill-border:#1e66f52e;--pill-bg:#e6e9efe6;--btn-secondary-bg:#e6e9eff0;--btn-ghost-bg:#eff1f5b3;--btn-primary-bg:#1e66f5;--btn-primary-shadow:0 14px 28px #1e66f52e;--btn-primary-text:#eff1f5;--feature-accent-bg:#1e66f5;--inline-code-bg:#1e66f51f;--blockquote-border:#40a02b3d;--blockquote-bg:#40a02b14;--code-bg:#eff1f5fa;--table-head-bg:#1e66f514;--token-key:#1e66f5;--token-punc:#8c8fa1;--token-string:#40a02b;--token-number:#fe640b;--token-comment:#9ca0b0;--hero-visual-bg:radial-gradient(circle at top, #8839ef1f, transparent 34%), #e6e9efeb;--hero-shot-bg:#eff1f5f0;--showcase-primary-bg:linear-gradient(180deg, #8839ef1a, #eff1f5fa);--showcase-secondary-bg:linear-gradient(180deg, #1792991a, #eff1f5fa);--showcase-warning-bg:linear-gradient(180deg, #fe640b1f, #eff1f5fa);--showcase-neutral-bg:linear-gradient(180deg, #7287fd1a, #eff1f5fa);--showcase-shot-bg:linear-gradient(180deg, #eff1f5fa, #e6e9effa);--showcase-shot-shadow:0 18px 36px #acb0be33, 0 0 0 1px #4c4f690f inset;--final-cta-bg:radial-gradient(circle at top left, #40a02b1a, transparent 22%), radial-gradient(circle at top right, #8839ef1f, transparent 24%), #eff1f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg-gradient);min-height:100vh;color:var(--text);font-family:var(--font-sans);margin:0;transition:background .3s,color .3s;overflow-x:clip}body:before{content:"";background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;opacity:.35;background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 88%);mask-image:radial-gradient(circle,#000 40%,#0000 88%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{width:min(1200px,100% - 32px);margin:0 auto;padding-bottom:56px}.topbar{z-index:30;isolation:isolate;box-shadow:none;justify-content:space-between;align-items:center;gap:28px;margin:0 0 32px;padding:14px 0;display:flex;position:sticky;top:0}.topbar:before{content:"";border-bottom:1px solid var(--nav-border);background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;z-index:-1;position:absolute;inset:0 calc(50% - 50vw)}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark{width:26px;height:26px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:6px;flex:none}.brand-name,.topnav,.eyebrow-pill,.section-label,.chip,.step-id,.platform-strip,.hero-note,.footer-copy,.telemetry-line,.btn,.site-footer{font-family:var(--font-mono)}.brand-name{letter-spacing:.01em;font-size:1rem;font-weight:600}.topnav{color:var(--muted);flex:auto;justify-content:space-between;align-items:center;gap:20px;font-size:.78rem;display:flex}.topnav-links,.topnav-actions{align-items:center;gap:14px;display:flex}.topnav-links{margin-left:auto}.topnav a{transition:color .2s}.topnav a:hover,.text-link:hover{color:var(--text)}.topnav-links a{color:var(--subtle)}.nav-toggle{border:1px solid var(--nav-control-border);background:var(--nav-control-bg);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-left:auto;display:none}.nav-toggle-bar{background:currentColor;border-radius:999px;width:14px;height:1.5px;transition:transform .2s,opacity .2s}.nav-toggle.is-open .nav-toggle-bar:first-child{transform:translateY(2.75px)rotate(45deg)}.nav-toggle.is-open .nav-toggle-bar:last-child{transform:translateY(-2.75px)rotate(-45deg)}.theme-toggle{border:1px solid var(--nav-control-border);background:var(--nav-control-bg);min-height:34px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:0 10px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle-icon{border:1.5px solid;border-radius:999px;width:16px;height:16px;position:relative}.theme-toggle-icon:before{content:"";transform-origin:50%;background:currentColor;border-radius:999px;position:absolute;inset:2px;transform:scale(.55)}:root[data-theme=light] .theme-toggle-icon:after{content:"";background:var(--pill-bg);border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:1px}.section{margin-top:110px}.section-frame{position:relative}.section-heading{max-width:680px;margin-bottom:28px}.left-tight{margin-bottom:20px}.section-label,.eyebrow-pill,.chip,.step-id,.hero-note,.platform-strip,.download-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.eyebrow-row,.platform-strip,.cta-row,.button-row,.footer-links{flex-wrap:wrap;gap:12px;display:flex}.eyebrow-pill,.platform-strip span,.chip,.step-id{border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;display:inline-flex}.eyebrow-pill.muted{border-color:color-mix(in srgb, var(--text) 10%, transparent)}.hero{gap:28px;min-height:calc(100vh - 180px);display:grid}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:36px;display:grid}.hero-highlights{min-width:0}.hero h1,.section h2,.final-cta h2{letter-spacing:-.04em;margin:18px 0 0;line-height:.95}.hero h1{text-wrap:balance;max-width:9.5ch;font-size:clamp(3rem,7.2vw,5.8rem)}.hero-wordmark{letter-spacing:-.06em;align-items:center;gap:18px;max-width:none;font-size:clamp(3.4rem,8vw,6.6rem);font-weight:700;line-height:.92;display:inline-flex}.hero-wordmark-mark{border-radius:16px;flex:none;width:clamp(72px,9vw,96px);height:clamp(72px,9vw,96px)}.hero-wordmark span{display:inline-block}.section h2,.final-cta h2{max-width:14ch;font-size:clamp(2rem,4vw,3.5rem)}.hero-lead,.section-heading p,.feature-card p,.showcase-copy p,.step-card p,.download-card p,.stack-card p,.faq-item p,.final-cta p,.telemetry-card p,.download-card small{color:var(--muted);margin:0;line-height:1.65}.hero-lead{max-width:52ch;margin-top:22px;font-size:1.05rem}.cta-row{align-items:center;margin-top:30px}.btn{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);letter-spacing:.06em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:.82rem;transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex}.btn:hover{border-color:color-mix(in srgb, var(--accent) 52%, transparent);transform:translateY(-1px)}.btn-primary{color:var(--btn-primary-text);background:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow);border-color:#0000}.btn-secondary,.btn-download,.btn-nav{background:var(--btn-secondary-bg)}.btn-nav{border-color:var(--nav-control-border);background:var(--nav-control-bg);min-height:34px;padding:0 14px;font-size:.78rem}.btn-ghost{background:var(--btn-ghost-bg)}.text-link{color:var(--muted);font-size:.95rem}.platform-strip{margin-top:20px}.hero-note{margin-top:16px}.stats-grid,.card-grid,.steps-grid,.download-grid,.faq-grid,.stack-grid{gap:18px;display:grid}.stats-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{gap:14px;margin-top:0}.stat-card,.feature-card,.telemetry-card,.showcase-card,.step-card,.download-card,.stack-card,.faq-item,.final-cta{border:1px solid var(--panel-outline);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);position:relative;overflow:hidden}.feature-card,.step-card,.download-card,.stack-card,.faq-item,.final-cta{padding:22px}.stat-card{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 76%, transparent), var(--panel)), var(--panel);flex-direction:column;align-content:start;gap:12px;min-height:100%;padding:20px 20px 18px;display:flex}.stat-card:before{content:"";background:var(--accent);opacity:.9;width:100%;height:3px;position:absolute;inset:0 auto auto 0}.stat-card-accent:before{background:var(--accent)}.stat-card-good:before{background:var(--good)}.stat-card-warning:before{background:var(--warn)}.stat-card-accent{background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 16%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 76%, transparent), var(--panel))}.stat-card-good{background:radial-gradient(circle at top left, color-mix(in srgb, var(--good) 14%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 76%, transparent), var(--panel))}.stat-card-warning{background:radial-gradient(circle at top left, color-mix(in srgb, var(--warn) 14%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 76%, transparent), var(--panel))}.stat-eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.stat-card-good .stat-eyebrow{color:var(--good)}.stat-card-warning .stat-eyebrow{color:var(--warn)}.stat-card strong,.feature-card h3,.showcase-copy h3,.step-card h3,.download-card h3,.stack-card h3,.faq-item summary{margin:0;font-size:1.05rem;display:block}.stat-card p{color:var(--muted);margin:0;line-height:1.55}.stat-tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px;display:flex}.stat-tag{border:1px solid color-mix(in srgb, var(--text) 10%, transparent);background:color-mix(in srgb, var(--panel-soft) 74%, transparent);min-height:28px;color:var(--text);font-family:var(--font-mono);letter-spacing:.05em;border-radius:999px;align-items:center;padding:0 10px;font-size:.72rem;display:inline-flex}.feature-card{padding-top:54px}.feature-accent{background:var(--feature-accent-bg);width:100%;height:3px;position:absolute;inset:0 auto auto 0}.hero-visual{border:1px solid var(--panel-outline);background:var(--hero-visual-bg);box-shadow:var(--shadow);border-radius:22px;padding:22px;position:relative}.hero-preview{gap:14px;width:min(100%,1040px);margin:0 auto;display:grid}.telemetry-card{background:var(--panel-strong);padding:15px}.hero-shot{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:var(--hero-shot-bg);border-radius:18px;margin:0 auto;overflow:hidden}.hero-shot img{width:100%;height:auto}.telemetry-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compact strong{margin:9px 0 6px;display:block}.telemetry-card p{font-size:.96rem}.chip-good{border-color:color-mix(in srgb, var(--good) 28%, transparent);color:var(--good)}.chip-accent{border-color:color-mix(in srgb, var(--accent-strong) 28%, transparent);color:var(--accent-strong)}.showcase-collage{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:start;gap:26px;margin-top:18px;display:grid}.showcase-stage{min-height:980px;position:relative}.showcase-pane{border:1px solid var(--panel-outline);background:var(--showcase-shot-bg);box-shadow:var(--showcase-shot-shadow);border-radius:18px;position:absolute;overflow:hidden}.showcase-pane img{width:100%;height:auto;display:block}.showcase-pane-1{z-index:3;width:74%;top:0;left:0;transform:rotate(-4deg)}.showcase-pane-2{z-index:5;width:52%;top:86px;right:2%;transform:rotate(3deg)}.showcase-pane-3{z-index:4;width:58%;top:320px;left:8%;transform:rotate(-2deg)}.showcase-pane-4{z-index:6;width:66%;top:420px;right:0;transform:rotate(4deg)}.showcase-pane-5{z-index:2;width:50%;top:650px;left:2%;transform:rotate(-3deg)}.showcase-pane-6{z-index:1;width:54%;top:720px;right:10%;transform:rotate(2deg)}.showcase-notes{gap:14px;display:grid}.showcase-note{border:1px solid var(--panel-outline);box-shadow:var(--shadow);border-radius:16px;padding:18px;position:relative;overflow:hidden}.showcase-note h3{margin:10px 0 8px;font-size:1.08rem}.showcase-note p{color:var(--muted);margin:0;line-height:1.65}.showcase-label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.92;background:0 0;border:0;border-radius:0;align-self:flex-start;align-items:center;gap:8px;padding:6px 0;font-size:.74rem;display:inline-flex}.showcase-primary{background:var(--showcase-primary-bg)}.showcase-secondary{background:var(--showcase-secondary-bg)}.showcase-warning{background:var(--showcase-warning-bg)}.showcase-neutral{background:var(--showcase-neutral-bg)}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.step-card{padding-top:58px}.step-id{color:var(--accent);position:absolute;top:18px;left:18px}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-card{flex-direction:column;justify-content:space-between;gap:20px;display:flex}.button-row{align-items:stretch}.button-row .btn{flex:140px}.utility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stack-grid,.faq-grid{grid-template-columns:1fr}.safeguard-card{border-color:color-mix(in srgb, var(--warn) 28%, transparent)}.faq-item summary{cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{border-color:color-mix(in srgb, var(--accent) 36%, transparent)}.faq-item p{margin-top:14px}.final-cta{background:var(--final-cta-bg);justify-content:space-between;align-items:center;gap:24px;margin-top:110px;display:flex}.site-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding:16px 4px 0;font-size:.82rem;display:flex}.footer-links a{transition:color .2s}.footer-links a:hover{color:var(--text)}.reveal{opacity:0;animation:.8s forwards rise}.reveal-1{animation-delay:60ms}.reveal-2{animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1080px){.stats-grid,.utility-grid,.final-cta{grid-template-columns:1fr}.hero{min-height:auto}.showcase-stage{min-height:760px}.card-grid,.steps-grid,.download-grid,.telemetry-stack,.showcase-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.final-cta{display:grid}}@media (max-width:1280px){.hero-grid{grid-template-columns:1fr}.hero-copy,.hero-highlights,.hero-preview{width:100%;max-width:820px}.hero-highlights,.hero-preview{margin:0 auto}.stats-grid,.showcase-collage{grid-template-columns:1fr}.showcase-stage{gap:14px;min-height:auto;display:grid}.showcase-pane{width:100%;position:relative;inset:auto;transform:none}.showcase-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.site-shell{width:min(100% - 20px,1200px)}.topbar{flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:14px 0}.nav-toggle{display:inline-flex}.topnav{border:1px solid var(--panel-outline);background:var(--panel);width:100%;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;padding:14px;display:none}.topnav.is-open{display:flex}.topnav-links,.topnav-actions{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px}.topnav-links{margin-left:0}.topnav-actions .theme-toggle,.topnav-actions .btn-nav{justify-content:center;width:100%}.section{margin-top:84px}.hero h1{max-width:10ch;font-size:clamp(2.45rem,12vw,4rem)}.hero-wordmark{gap:14px;font-size:clamp(2.8rem,12vw,4.8rem)}.hero-wordmark-mark{border-radius:14px;width:clamp(56px,16vw,76px);height:clamp(56px,16vw,76px)}.hero-visual{padding:18px}.hero-preview{gap:12px}.showcase-notes,.stats-grid,.card-grid,.steps-grid,.download-grid,.telemetry-stack{grid-template-columns:1fr}.section h2,.final-cta h2{max-width:none}.site-footer{flex-direction:column;align-items:flex-start}}
.guide-shell{width:min(1480px,100% - 36px);margin:0 auto;padding-bottom:48px}.guide-topbar{z-index:30;isolation:isolate;box-shadow:none;justify-content:space-between;align-items:center;gap:28px;margin:0 0 28px;padding:14px 0;display:flex;position:sticky;top:0}.guide-topbar:before{content:"";border-bottom:1px solid var(--nav-border);background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;z-index:-1;position:absolute;inset:0 calc(50% - 50vw)}.guide-brand,.guide-topnav,.guide-sidebar-label,.guide-kicker,.guide-btn,.guide-article code,.guide-article pre code,.guide-article th{font-family:var(--font-mono)}.guide-brand{align-items:center;gap:10px;display:inline-flex}.guide-brand-mark{width:26px;height:26px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:6px;flex:none}.guide-topnav{color:var(--muted);flex:auto;justify-content:space-between;align-items:center;gap:20px;font-size:.78rem;display:flex}.guide-topnav-links,.guide-topnav-actions{align-items:center;gap:14px;display:flex}.guide-topnav-links{margin-left:auto}.guide-topnav-links a{color:var(--subtle)}.guide-nav-toggle{border:1px solid var(--nav-control-border);background:var(--nav-control-bg);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-left:auto;display:none}.guide-nav-toggle-bar{background:currentColor;border-radius:999px;width:14px;height:1.5px;transition:transform .2s,opacity .2s}.guide-nav-toggle.is-open .guide-nav-toggle-bar:first-child{transform:translateY(2.75px)rotate(45deg)}.guide-nav-toggle.is-open .guide-nav-toggle-bar:last-child{transform:translateY(-2.75px)rotate(-45deg)}.guide-topbar-btn{border-color:var(--nav-control-border);background:var(--nav-control-bg);min-height:34px;padding:0 14px;font-size:.78rem}.guide-topnav a:hover,.guide-sidebar-nav a:hover,.guide-link:hover,.guide-article a:hover{color:var(--text)}.guide-layout{grid-template-columns:240px minmax(0,1fr) 230px;align-items:start;gap:28px;display:grid}.guide-sidebar,.guide-toc{border:1px solid var(--border);background:var(--panel-soft);box-shadow:var(--shadow);border-radius:16px;padding:20px;position:sticky;top:108px}.guide-sidebar-label,.guide-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem}.guide-sidebar-nav{gap:10px;display:grid}.guide-sidebar-nav a{color:var(--muted);line-height:1.4}.guide-sidebar-nav-compact a.depth-3{padding-left:14px;font-size:.95rem}.guide-main{min-width:0}.guide-hero,.guide-article{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:18px}.guide-hero{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent-strong) 18%, transparent), transparent 26%), var(--panel);margin-bottom:24px;padding:28px}.guide-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,5vw,4.6rem)}.guide-hero p{max-width:60ch;color:var(--muted);margin:16px 0 0;font-size:1.05rem;line-height:1.7}.guide-hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.guide-btn{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);letter-spacing:.08em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:.82rem;display:inline-flex}.guide-btn-primary{color:var(--btn-primary-text);background:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow);border-color:#0000}.guide-btn-secondary{background:var(--btn-secondary-bg)}.guide-link{color:var(--muted);align-self:center}.guide-article{min-width:0;padding:34px}.guide-article>:first-child{margin-top:0}.guide-article h2,.guide-article h3{letter-spacing:-.03em;scroll-margin-top:120px}.guide-article h2{margin:42px 0 16px;font-size:clamp(1.9rem,3vw,2.6rem)}.guide-article h3{margin:28px 0 12px;font-size:clamp(1.25rem,2vw,1.6rem)}.guide-article p,.guide-article li,.guide-article blockquote,.guide-article td{color:var(--muted);font-size:1rem;line-height:1.8}.guide-article ul,.guide-article ol{padding-left:22px}.guide-article li+li{margin-top:6px}.guide-article a{color:var(--accent-strong)}.guide-article blockquote{border-left:3px solid var(--blockquote-border);background:var(--blockquote-bg);border-radius:0 10px 10px 0;margin:20px 0;padding:14px 18px}.guide-article pre{border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);background:var(--code-bg);border-radius:12px;padding:42px 18px 18px;position:relative;overflow-x:auto}.guide-article pre:before{content:attr(data-lang);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;position:absolute;top:14px;right:90px}.guide-copy-btn{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:color-mix(in srgb, var(--panel-soft) 88%, transparent);min-width:66px;min-height:30px;color:var(--text);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.72rem;transition:transform .2s,border-color .2s,background .2s,color .2s;display:inline-flex;position:absolute;top:10px;right:12px}.guide-copy-btn:hover{border-color:color-mix(in srgb, var(--accent) 48%, transparent);transform:translateY(-1px)}.guide-copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guide-copy-btn[data-copy-state=done]{border-color:color-mix(in srgb, var(--good) 42%, transparent);background:color-mix(in srgb, var(--good) 14%, var(--panel-soft))}.guide-copy-btn[data-copy-state=error]{border-color:color-mix(in srgb, var(--accent-strong) 38%, transparent);background:color-mix(in srgb, var(--accent-strong) 12%, var(--panel-soft))}.guide-article code{font-size:.92rem}.guide-code-block .hljs-attr,.guide-code-block .hljs-property,.guide-code-block .hljs-keyword{color:var(--token-key)}.guide-code-block .hljs-punctuation,.guide-code-block .hljs-operator{color:var(--token-punc)}.guide-code-block .hljs-string,.guide-code-block .hljs-variable,.guide-code-block .hljs-template-variable{color:var(--token-string)}.guide-code-block .hljs-number,.guide-code-block .hljs-literal,.guide-code-block .hljs-symbol{color:var(--token-number)}.guide-code-block .hljs-comment,.guide-code-block .hljs-quote{color:var(--token-comment)}.guide-article :not(pre)>code{background:var(--inline-code-bg);color:var(--text);border-radius:6px;padding:2px 7px}.guide-article table{border-collapse:separate;border-spacing:0;border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:12px;width:100%;margin:24px 0;overflow:hidden}.guide-article th,.guide-article td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--accent) 10%, transparent);padding:14px 16px}.guide-article th{color:var(--text);letter-spacing:.08em;text-transform:uppercase;background:var(--table-head-bg);font-size:.82rem}.guide-article tr:first-child th:first-child{border-top-left-radius:12px}.guide-article tr:first-child th:last-child{border-top-right-radius:12px}.guide-article tr:last-child td:first-child{border-bottom-left-radius:12px}.guide-article tr:last-child td:last-child{border-bottom-right-radius:12px}.guide-article img{border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:14px;margin:22px 0}@media (max-width:1180px){.guide-layout{grid-template-columns:220px minmax(0,1fr)}.guide-toc{display:none}}@media (max-width:900px){.guide-layout{grid-template-columns:1fr}.guide-sidebar,.guide-toc{position:static}.guide-shell{width:min(100% - 20px,1480px)}.guide-topbar{flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:14px 0}.guide-nav-toggle{display:inline-flex}.guide-topnav{border:1px solid var(--border);background:var(--panel);width:100%;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;padding:14px;display:none}.guide-topnav.is-open{display:flex}.guide-topnav-links,.guide-topnav-actions{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px}.guide-topnav-links{margin-left:0}.guide-topnav-actions .theme-toggle,.guide-topnav-actions .guide-topbar-btn{justify-content:center;width:100%}.guide-sidebar-nav{grid-template-columns:1fr}.guide-hero,.guide-article,.guide-sidebar{padding:22px}}
