:root { color-scheme:light; --palette-background:#FFFFFF; --palette-surface:#FFFFFF; --palette-elevated:#F7F5F1; --palette-border:#DDD8D0; --palette-text:#262626; --palette-secondary:#62605C; --palette-orange:#F6821F; --palette-bright-orange:#FF9C43; --palette-burnt-orange:#AE400D; --palette-runtime:#A94B17; --palette-runtime-soft:#BC571C; --palette-slate:#58636D; --palette-cream:#FFFAF4; --palette-peach:#FFE8D0; --terminal-background:#1F2023; --terminal-elevated:#292A2E; --terminal-border:#414247; --terminal-text:#F7F4EF; --terminal-muted:#B8B7B4; --terminal-accent:#FFB477; --terminal-keyword:#F7CF9E; --palette-cta-text:#262626; --palette-control-background:#262626; --palette-control-text:#FFFFFF; --palette-control-muted:#D8D4CD; --palette-control-border:#3D3B38; --palette-topology-top:#FFFFFFF2; --palette-topology-bottom:#FFFDF9F2; --palette-feature-top:#FFFFFF; --palette-feature-bottom:#FFFCF7; --palette-memory:#FFF5E9; --palette-grid:#6B513510; --palette-hero-peach:#FFE8D08C; --palette-hero-orange:#F6821F20; --palette-shadow-soft:#49301912; --palette-shadow-medium:#49301918; --palette-shadow-topology:#49301916; --palette-shadow-menu:#49301920; --palette-faint-line:#DDD8D088; --bg:var(--palette-background); --surface:var(--palette-surface); --text:var(--palette-text); --muted:var(--palette-secondary); --accent:var(--palette-burnt-orange); --brand-orange:var(--palette-orange); --line:var(--palette-border); --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
:root[data-theme="dark"] { color-scheme:dark; --palette-background:#181716; --palette-surface:#211F1D; --palette-elevated:#2A2724; --palette-border:#46413B; --palette-text:#F4F0EA; --palette-secondary:#C2BAB1; --palette-burnt-orange:#FFAD6B; --palette-runtime:#F19B5E; --palette-runtime-soft:#FFC089; --palette-slate:#B4BCBE; --palette-cream:#211C17; --palette-peach:#3A281A; --palette-control-background:#312B25; --palette-control-text:#FFF9F2; --palette-control-muted:#CEC0B2; --palette-control-border:#65503D; --palette-topology-top:#25211EF2; --palette-topology-bottom:#201D1BF2; --palette-feature-top:#26221F; --palette-feature-bottom:#211F1D; --palette-memory:#34251B; --palette-grid:#F4CFAC08; --palette-hero-peach:#8E461A2B; --palette-hero-orange:#F6821F16; --palette-shadow-soft:#00000018; --palette-shadow-medium:#00000030; --palette-shadow-topology:#00000026; --palette-shadow-menu:#00000040; --palette-faint-line:#46413B88; }

* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:112px; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
a,button { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
::selection { color:var(--text); background:var(--palette-peach); }
[hidden] { display:none!important; }
.skip { position:fixed; top:-80px; left:20px; padding:12px 20px; border-radius:8px; background:var(--brand-orange); color:var(--palette-cta-text); z-index:30; }
.skip:focus { top:16px; }
.container { width:min(1200px,calc(100% - 96px)); margin-inline:auto; }
.nav { position:sticky; top:0; background:transparent; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); z-index:5; height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:22px; font-weight:650; letter-spacing:-.8px; flex-shrink:0; }
.brand svg { width:33px; height:33px; fill:var(--brand-orange); }
.nav-links { display:flex; align-items:center; gap:27px; color:var(--muted); font-size:12px; font-weight:500; }
.nav-links>a:hover,.footer a:hover { color:var(--text); }
.github { display:flex; align-items:center; gap:7px; }
.github svg { width:15px; height:15px; }
.private { font-size:9px; border:1px solid var(--line); border-radius:4px; padding:3px 5px; letter-spacing:.06em; }
.language { position:relative; flex-shrink:0; }
.language-toggle { display:flex; align-items:center; gap:8px; padding:9px 10px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--text); font-size:12px; white-space:nowrap; transition:background .2s,border-color .2s; }
.language-toggle:hover,.language-toggle[aria-expanded="true"] { background:#F6821F14; border-color:var(--palette-burnt-orange); }
.language-toggle svg { width:14px; height:14px; color:var(--muted); pointer-events:none; flex-shrink:0; }
.language-toggle .language-chevron { width:11px; height:11px; transition:transform .2s; }
.language-toggle[aria-expanded="true"] .language-chevron { transform:rotate(180deg); }
.language-menu { position:absolute; top:calc(100% + 9px); right:0; z-index:10; width:176px; max-width:calc(100vw - 32px); padding:6px; border:1px solid var(--line); border-radius:9px; background:var(--palette-elevated); box-shadow:0 14px 36px var(--palette-shadow-menu); }
.language-menu button { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; min-height:39px; padding:9px 11px; border:0; border-radius:5px; background:transparent; color:var(--muted); text-align:left; font-size:12px; }
.language-menu button:hover,.language-menu button:focus-visible { background:#F6821F1C; color:var(--text); outline:none; }
.language-menu button:focus-visible { box-shadow:inset 0 0 0 1px var(--palette-burnt-orange); }
.language-menu button[aria-selected="true"] { color:var(--accent); background:#F6821F14; }
.language-menu button svg { width:13px; height:13px; visibility:hidden; flex-shrink:0; }
.language-menu button[aria-selected="true"] svg { visibility:visible; }
.nav-cta { padding:10px 15px; border:1px solid var(--line); border-radius:6px; color:var(--text)!important; }
.nav-cta:hover { background:var(--palette-elevated); border-color:var(--muted); }
.hero { position:relative; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(var(--palette-grid) 1px,transparent 1px),linear-gradient(90deg,var(--palette-grid) 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse at 50% 65%,black,transparent 70%); }
.hero::after { content:""; position:absolute; inset:0; pointer-events:none; mask-image:linear-gradient(to bottom,transparent,black 35%,black 80%,transparent); background:radial-gradient(ellipse at 23% 48%,var(--palette-hero-peach),transparent 50%),radial-gradient(ellipse at 80% 25%,var(--palette-hero-orange),transparent 48%); }
.hero-center { position:relative; z-index:1; text-align:center; padding-top:43px; padding-bottom:48px; }
h1 { font-size:clamp(62px,7.6vw,108px); letter-spacing:-.075em; line-height:1.04; font-weight:650; margin:15px 0 10px; }
.hero-tagline { text-wrap:balance; margin:0; font-size:clamp(19px,2vw,28px); line-height:1.4; letter-spacing:-.035em; color:var(--text); }
.hero-description { max-width:640px; margin:14px auto 0; font-size:14px; line-height:1.75; color:var(--muted); }
.hero-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:23px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:44px; padding:12px 19px; border:1px solid var(--brand-orange); border-radius:7px; font-size:12px; font-weight:600; background:var(--brand-orange); color:var(--palette-cta-text); transition:background .2s,transform .2s; }
.button:hover { background:var(--palette-bright-orange); transform:translateY(-2px); }
.button-secondary { background:var(--surface); border-color:var(--line); color:var(--text); }
.button-secondary:hover { background:var(--palette-elevated); border-color:var(--muted); }
.hero-specs { display:flex; align-items:center; justify-content:center; gap:13px; margin-top:20px; color:var(--muted); font:10px var(--mono); }
.hero-specs i { width:3px; height:3px; border-radius:50%; background:var(--line); }
.topology { position:relative; margin:30px 0 0; border:1px solid var(--line); border-radius:12px; background:linear-gradient(180deg,var(--palette-topology-top),var(--palette-topology-bottom)); box-shadow:0 28px 75px var(--palette-shadow-topology); overflow:hidden; }
.topology::before { content:""; position:absolute; height:1px; top:0; left:20%; right:20%; background:linear-gradient(90deg,transparent,#F6821F88,transparent); }
.topology-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 24px 0; text-align:left; }
.tiny-label { font-size:11px; color:var(--muted); letter-spacing:.025em; }
.diagram-label { display:flex; align-items:center; gap:7px; font:10px var(--mono); color:var(--muted); }
.diagram-label i { width:5px; height:5px; border:1px solid var(--muted); border-radius:50%; }
.topology-stage { height:260px; position:relative; margin:0 24px; }
.topology-wires { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.wire { stroke:var(--line); stroke-width:1; }
.control-wire { stroke:#8D817577; stroke-dasharray:3 5; }
.request-wire { stroke:#D68A4D66; }
.return-wire { stroke:#A94B1755; }
.packet { stroke-width:2; stroke-linecap:round; stroke-dasharray:18 1200; animation:request-flow 8s linear infinite; }
.request-packet { stroke:var(--accent); }
.return-packet { stroke:var(--palette-runtime); stroke-dasharray:15 1200; animation:response-flow 8s 3s linear infinite; }
.control-packet { stroke:var(--text); stroke-width:1.5; stroke-dasharray:8 420; animation:control-flow 8s linear infinite; }
.control-hub { position:absolute; top:17px; left:50%; transform:translateX(-50%); display:grid; grid-template-columns:27px auto; align-items:center; text-align:left; column-gap:9px; padding:10px 17px; background:var(--palette-control-background); color:var(--palette-control-text); border:1px solid var(--palette-control-border); border-radius:9px; box-shadow:0 10px 24px var(--palette-shadow-medium); }
.control-hub svg { grid-row:span 2; height:27px; width:27px; fill:var(--brand-orange); }
.control-hub>span { font-size:14px; font-weight:600; letter-spacing:-.4px; }
.control-hub .hub-description { color:var(--palette-control-muted); font-size:9px; font-weight:400; letter-spacing:0; margin-top:3px; }
.topology-nodes { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:32px; position:absolute; top:125px; left:0; right:0; }
.topology-node { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:78px; padding:13px 6px; background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:0 9px 20px var(--palette-shadow-soft); }
.topology-node::after { content:""; position:absolute; top:50%; left:-4px; width:5px; height:5px; border-radius:50%; border:1px solid #CE7D4280; background:var(--surface); }
.topology-node strong { font-size:12px; font-weight:550; }
.topology-node>span:last-child { font-size:11px; line-height:1.4; color:var(--muted); margin-top:6px; }
.node-icon { position:absolute; top:-20px; padding:3px 6px; border:1px solid var(--line); border-radius:5px; background:var(--palette-elevated); color:var(--accent); font:14px var(--mono); }
.runtime-node .node-icon { color:var(--palette-runtime-soft); }.metal-node .node-icon { color:var(--palette-slate); }
.return-label { position:absolute; bottom:7px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:10px; padding:0; background:transparent; color:var(--muted); white-space:nowrap; font:10px var(--mono); }
.trace-mark { color:var(--palette-runtime); }
.topology figcaption { border-top:1px solid var(--palette-faint-line); padding:10px 20px; margin:0; color:var(--muted); font-size:10px; line-height:1.5; }
.architecture { padding:48px 0 54px; border-top:1px solid var(--line); }
.section-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:29px; }
.kicker { color:var(--accent); font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:500; margin:0 0 12px; }
h2 { font-size:34px; letter-spacing:-.045em; line-height:1.2; font-weight:550; margin:0; }
.section-intro>p { margin:0 0 3px; max-width:310px; font-size:12px; line-height:1.8; color:var(--muted); }
.pipeline { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.pipeline li { padding:2px 27px; border-left:1px solid var(--line); position:relative; }
.pipeline li:first-child { padding-left:0; border-left:0; }
.pipeline li:not(:last-child)::after { content:"→"; position:absolute; right:-6px; top:24px; color:var(--muted); background:var(--bg); z-index:1; font-size:12px; }
.step-number { color:var(--muted); font:9px var(--mono); display:block; margin-bottom:12px; }
.pipeline strong { font-size:14px; font-weight:550; }
.pipeline p { color:var(--muted); font-size:11px; line-height:1.8; margin:10px 0 0; }
.platform { padding:57px 0 66px; border-top:1px solid var(--line); }
.bento { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; }
.feature { grid-column:span 3; position:relative; padding:24px; border:1px solid var(--line); border-radius:10px; background:linear-gradient(145deg,var(--palette-feature-top),var(--palette-feature-bottom)); overflow:hidden; min-height:253px; }
.feature::before { content:""; position:absolute; inset:0; opacity:0; pointer-events:none; background:radial-gradient(ellipse at 10% 0,#F6821F0A,transparent 70%); transition:opacity .25s; }
.feature:hover::before { opacity:1; }
.feature-wide { grid-column:span 8; }.feature:nth-child(2) { grid-column:span 4; }
.card-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; gap:12px; }
.card-index { color:var(--muted); font:9px var(--mono); }
.feature h3 { font-size:19px; font-weight:550; letter-spacing:-.03em; margin:0 0 11px; }
.feature p { color:var(--muted); font-size:12px; line-height:1.8; margin:0; max-width:520px; }
.microvisual { margin-top:23px; min-height:61px; }
.model-visual { display:flex; align-items:center; gap:22px; padding-top:8px; }
.model-stack { position:relative; width:65px; height:58px; flex-shrink:0; }
.model-stack span { position:absolute; width:57px; height:28px; border:1px solid #A94B1740; background:linear-gradient(135deg,#F6821F18,var(--surface)); transform:skewY(-15deg); border-radius:5px; }
.model-stack span:first-child { top:20px; left:8px; }.model-stack span:nth-child(2) { top:10px; left:4px; }.model-stack span:last-child { top:0; }
.model-detail { min-width:0; }
.model-detail>code { font-size:11px; color:var(--palette-runtime-soft); overflow-wrap:anywhere; }
.spec-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.spec-tags>span { border:1px solid var(--line); color:var(--muted); border-radius:4px; padding:5px 7px; font:9px var(--mono); }
.spec-tags b { font-weight:400; font-family:var(--font); }
.key-visual { display:flex; gap:10px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:6px; background:var(--surface); }
.key-symbol { color:var(--accent); font-size:24px; }.key-visual>div { display:flex; flex-direction:column; gap:7px; }.key-visual>div>span { font-size:9px; color:var(--muted); }.key-visual code { font-size:11px; letter-spacing:2px; color:var(--text); }.key-shield { margin-left:auto; color:var(--muted); }
.stream-visual { padding:11px 12px; border:1px solid var(--line); border-radius:6px; background:var(--surface); }
.stream-visual>div { display:flex; align-items:center; gap:5px; height:19px; }.stream-label { width:65px; color:var(--muted); font:8px var(--mono); }.stream-visual i { display:block; width:29px; height:3px; background:#A94B1740; border-radius:2px; animation:token-flow 4s ease-in-out infinite; }.stream-visual i:nth-of-type(2) { animation-delay:.5s; width:20px; }.stream-visual i:nth-of-type(3) { animation-delay:1s; width:14px; }.stream-visual>div:nth-child(2) i { background:#F6821F80; }.stream-note { display:block; margin-top:8px; font-size:8px; color:var(--muted); }
.memory-visual { display:flex; align-items:center; justify-content:center; padding:16px 0; }.memory-visual>span { padding:10px 8px; border:1px solid var(--line); border-radius:5px; color:var(--muted); font:9px var(--mono); }.memory-visual .memory-pool { color:var(--accent); border-color:#C57F4B66; background:var(--palette-memory); font-family:var(--font); text-align:center; }.memory-link { height:1px; width:15px; background:var(--line); }
.sdk-visual { display:flex; flex-wrap:wrap; align-content:center; gap:6px; }.sdk-visual>span { color:var(--muted); font:9px var(--mono); padding:6px 9px; border:1px solid var(--line); border-radius:4px; }.sdk-visual>div { display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:6px; color:var(--accent); }.sdk-visual code { font-size:9px; }.sdk-visual>div>span { font-size:12px; }
.native-visual { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }.native-visual>span { display:flex; gap:8px; align-items:center; padding:8px; border:1px solid var(--line); border-radius:5px; font:9px var(--mono); color:var(--muted); }.native-visual i { display:block; width:3px; height:3px; background:var(--palette-runtime-soft); border-radius:50%; }
.api { display:grid; grid-template-columns:.75fr 1.25fr; gap:72px; padding:67px 0; border-top:1px solid var(--line); align-items:center; }
.api-copy>p:not(.kicker) { font-size:13px; color:var(--muted); line-height:1.8; margin:20px 0 23px; max-width:340px; }
.text-link { display:inline-flex; align-items:center; gap:12px; font-size:12px; color:var(--text); }.text-link:hover { color:var(--accent); }
.api-endpoints { display:flex; flex-direction:column; gap:13px; margin-top:32px; }.api-endpoints code { font-size:10px; color:var(--muted); }.api-endpoints code span { display:inline-block; width:38px; color:var(--accent); font-size:9px; }
.api-copy>.api-caveat { font-size:10px!important; line-height:1.8; }
.code-wrap { min-width:0; }
.terminal { --surface:var(--terminal-background); --line:var(--terminal-border); --text:var(--terminal-text); --muted:var(--terminal-muted); --accent:var(--terminal-accent); color:var(--text); position:relative; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:0 22px 70px var(--palette-shadow-medium); overflow:hidden; }
.terminal-bar { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 15px; border-bottom:1px solid var(--line); background:var(--terminal-elevated); }
.code-tabs { display:flex; gap:3px; }.code-tabs button { color:var(--muted); background:transparent; border:0; border-radius:5px; padding:9px 11px; font:10px var(--mono); }.code-tabs button[aria-selected="true"] { background:var(--palette-hero-orange); color:var(--accent); }.code-tabs button:hover { color:var(--text); }
.copy { display:inline-flex; align-items:center; gap:6px; color:var(--muted); border:1px solid var(--line); border-radius:4px; background:transparent; font-size:10px; padding:6px 8px; }.copy:hover { color:var(--text); border-color:var(--accent); }.copy svg { width:12px; height:12px; }
pre { margin:0; padding:25px 23px; overflow-x:auto; scrollbar-color:var(--line) var(--surface); min-height:340px; }
code { font-family:var(--mono); font-size:11px; line-height:1.85; tab-size:4; }
.code-keyword { color:var(--terminal-keyword); }.code-string { color:var(--accent); }
.terminal-foot { display:flex; align-items:center; gap:8px; padding:13px 21px; border-top:1px solid var(--line); font-size:9px; color:var(--muted); }.terminal-foot-icon { color:var(--accent); font:10px var(--mono); }.terminal-foot-tag { margin-left:auto; font:9px var(--mono); }
.code-caption { margin:13px 0 0; color:var(--muted); font-size:10px; line-height:1.6; }
.footer { padding:28px 0 32px; border-top:1px solid var(--line); display:flex; gap:26px; align-items:flex-start; justify-content:space-between; }.footer-brand { font-size:12px; color:var(--text); margin:0 0 8px; }.footer-brand span { color:var(--muted); }.attribution { color:var(--muted); font-size:10px; line-height:1.8; margin:0; max-width:720px; }.footer-top { color:var(--muted); font-size:10px; display:flex; align-items:center; gap:7px; flex-shrink:0; }.footer-top svg { width:12px; height:12px; }
.toast { position:fixed; bottom:24px; left:50%; transform:translate(-50%,20px); opacity:0; pointer-events:none; z-index:20; padding:12px 18px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--palette-elevated); box-shadow:0 8px 24px var(--palette-shadow-menu); font-size:12px; max-width:calc(100% - 32px); transition:opacity .2s,transform .2s; }.toast.visible { opacity:1; transform:translate(-50%,0); }
.clipboard-field { position:fixed; left:-9999px; top:0; }
.motion-paused .packet,.motion-paused .stream-visual i,body.motion-disabled .packet,body.motion-disabled .stream-visual i { animation-play-state:paused; }
.motion-toggle { display:inline-grid; place-items:center; vertical-align:middle; width:36px; height:36px; margin-left:12px; padding:0; border:1px solid var(--line); border-radius:50%; color:var(--muted); background:var(--surface); transition:color .2s,border-color .2s,background .2s; }
.motion-toggle:hover { color:var(--text); border-color:var(--palette-burnt-orange); background:var(--palette-elevated); }
.motion-toggle svg { display:block; width:16px; height:16px; }
.motion-toggle .motion-icon-play { display:none; }
.motion-toggle[aria-pressed="true"] .motion-icon-pause { display:none; }
.motion-toggle[aria-pressed="true"] .motion-icon-play { display:block; }
@keyframes request-flow { from { stroke-dashoffset:0; } to { stroke-dashoffset:-1218; } }
@keyframes response-flow { from { stroke-dashoffset:0; } to { stroke-dashoffset:-1215; } }
@keyframes control-flow { from { stroke-dashoffset:0; } to { stroke-dashoffset:-428; } }
@keyframes token-flow { 0%,100% { opacity:.35; } 45% { opacity:1; } }
@media (min-width:1500px) { .hero-center { padding-top:58px; } }
@media (max-width:1100px) { .container { width:calc(100% - 64px); }.nav-links { gap:18px; }.topology-nodes { gap:20px; }.topology-node>span:last-child { font-size:10px; }.api { gap:40px; }.feature { padding:22px; }.bento { gap:12px; }.model-detail>code { font-size:10px; } }
@media (max-width:860px) { .container { width:calc(100% - 48px); }.nav { height:80px; }.nav-links>.section-nav,.nav-cta { display:none; }.hero-center { padding-top:42px; }.hero-description { max-width:570px; }.topology-heading { padding:16px 17px 0; }.topology-stage { margin:0 15px; height:245px; }.topology-nodes { top:123px; gap:13px; }.topology-node { min-height:68px; }.topology-node strong { font-size:11px; }.node-icon { font-size:12px; }.control-hub { top:17px; }.return-label { bottom:16px; }.section-intro { align-items:flex-start; flex-direction:column; gap:17px; }.section-intro>p { max-width:500px; }.bento { grid-template-columns:repeat(2,minmax(0,1fr)); }.feature,.feature-wide,.feature:nth-child(2) { grid-column:span 1; }.feature { min-height:260px; }.model-visual { gap:12px; }.model-stack { display:none; }.pipeline li { padding:0 18px; }.pipeline strong { font-size:12px; }.api { grid-template-columns:1fr; gap:28px; }.api-copy>p:not(.kicker) { max-width:600px; }.api-endpoints { margin-top:22px; }.api-copy>.api-caveat { margin-bottom:0; }.api-copy h2 { max-width:none; }.code-wrap { width:100%; }.api { padding:52px 0; } }
@media (max-width:600px) { .container { width:calc(100% - 36px); }.nav { height:75px; gap:12px; }.brand { font-size:20px; gap:8px; }.brand svg { width:28px; height:28px; }.nav-links { gap:12px; }.github { font-size:0; gap:0; }.github svg { width:17px; height:17px; }.private { display:none; }.language-toggle { gap:6px; padding:8px; font-size:11px; }.language-globe { display:none; }.hero-center { padding-top:35px; padding-bottom:35px; }h1 { font-size:clamp(53px,12.6vw,75px); margin-top:19px; }.hero-tagline { font-size:21px; max-width:370px; margin:auto; }.hero-description { margin-top:17px; font-size:12px; max-width:420px; }.hero-actions { gap:9px; }.button { gap:10px; padding:12px 15px; font-size:11px; }.hero-specs { gap:8px; font-size:8px; }.topology { margin-top:27px; }.topology-heading { justify-content:center; padding:14px 12px 0; }.topology-heading>.tiny-label { display:none; }.diagram-label { font-size:8px; }.topology-stage { height:auto; margin:0 14px; padding:15px 0 18px; }.topology-wires,.return-label { display:none; }.control-hub { position:relative; top:0; left:auto; transform:none; width:max-content; margin:0 auto 25px; padding:8px 14px; }.control-hub::after { content:""; position:absolute; height:25px; width:1px; background:var(--line); left:50%; top:100%; }.topology-nodes { position:relative; top:auto; display:flex; gap:0; flex-direction:column; align-items:center; }.topology-node { width:100%; min-height:47px; display:grid; grid-template-columns:29px 91px 1fr; column-gap:9px; padding:10px 14px; text-align:left; border-radius:6px; }.topology-node:not(:last-child) { margin-bottom:14px; }.topology-node:not(:last-child)::before { content:"↓"; position:absolute; top:100%; left:50%; transform:translateX(-50%); color:var(--accent); font:11px/14px var(--mono); }.topology-node::after { display:none; }.node-icon { position:static; padding:0; border:0; background:transparent; text-align:center; }.topology-node>span:last-child { font-size:11px; margin:0; }.topology-node strong { font-size:11px; }.topology figcaption { padding:10px 14px; font-size:8px; }.motion-toggle { display:grid; place-items:center; margin:7px auto 0; }.architecture { padding:39px 0; }h2 { font-size:29px; }.section-intro { margin-bottom:26px; gap:15px; }.section-intro>p { font-size:11px; }.pipeline { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; }.pipeline li { padding:0 18px; }.pipeline li:nth-child(3) { padding-left:0; border-left:0; }.pipeline li:nth-child(2)::after { display:none; }.pipeline p { font-size:10px; }.platform { padding:40px 0; }.bento { grid-template-columns:1fr; gap:12px; }.feature { padding:23px; min-height:0; }.feature h3 { font-size:19px; }.feature p { font-size:12px; }.card-heading { margin-bottom:22px; }.microvisual { margin-top:22px; }.model-stack { display:block; }.model-detail>code { font-size:9px; }.spec-tags { gap:4px; }.spec-tags>span { font-size:8px; padding:5px; }.api { padding:41px 0; }.terminal-bar { padding:9px 10px; gap:5px; }.code-tabs button { font-size:9px; padding:8px; }.copy { font-size:9px; padding:6px; }.copy svg { width:11px; }pre { padding:20px 15px; min-height:305px; }code { font-size:10px; }.terminal-foot { font-size:8px; padding:12px 14px; }.code-caption { font-size:9px; }.footer { padding:24px 0; gap:20px; }.footer-top { font-size:0; }.footer-top svg { width:16px; height:16px; }.attribution { font-size:9px; } }
@media (max-width:360px) { .container { width:calc(100% - 28px); }.brand { font-size:18px; gap:6px; }.brand svg { width:25px; height:25px; }.nav-links { gap:9px; }.language-toggle { font-size:10px; }.hero-tagline { font-size:19px; }.hero-specs { font-size:7px; }.topology-node { grid-template-columns:23px 81px 1fr; padding-inline:9px; }.topology-node>span:last-child { font-size:10px; }.feature { padding:19px; }.model-stack { display:none; }.code-tabs button { padding:8px 6px; }.copy span { display:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none!important; transition:none!important; }.motion-toggle { display:none; } }

.request-trace { padding:16px 2px 0; }.request-trace>span { color:var(--muted); font-size:9px; }.request-trace ol { display:flex; flex-wrap:wrap; gap:5px 11px; padding:0; margin:7px 0 0; list-style:none; }.request-trace li { display:flex; align-items:center; gap:11px; }.request-trace li:not(:last-child)::after { content:"→"; font-size:9px; color:var(--muted); }.request-trace code { font-size:8px; color:var(--muted); overflow-wrap:anywhere; }.request-trace li:last-child code { color:var(--accent); }

.pipeline li:not(:last-child)::after { animation:pipeline-flow 6s ease-in-out infinite; }.pipeline li:nth-child(2)::after { animation-delay:1s; }.pipeline li:nth-child(3)::after { animation-delay:2s; }
.motion-paused.pipeline li::after,body.motion-disabled .pipeline li::after { animation-play-state:paused; }
@keyframes pipeline-flow { 0%,65%,100% { color:var(--muted); } 30% { color:var(--accent); } }
@media (max-width:600px) { .topology-node>span:last-child { font-size:10px; }.topology-node strong { font-size:12px; }.topology-node { grid-template-columns:26px 94px 1fr; }.diagram-label { font-size:9px; }.topology figcaption { font-size:10px; }.hero-specs { font-size:9px; }.spec-tags>span { font-size:9px; }.stream-label { font-size:9px; }.stream-note { font-size:9px; }.native-visual>span,.sdk-visual>span { font-size:10px; } }
@media (max-width:360px) { .hero-specs { font-size:7px; }.topology-node { grid-template-columns:23px 83px 1fr; }.topology-node>span:last-child { font-size:11px; } }
@media (prefers-reduced-motion:reduce) { .pipeline li::after { animation:none!important; } }

@media (max-width:860px) { html { scroll-padding-top:96px; } }

.theme-toggle { display:inline-grid; place-items:center; flex-shrink:0; width:34px; height:34px; padding:0; border:1px solid var(--line); border-radius:6px; background:transparent; color:var(--brand-orange); transition:border-color .2s,background .2s; }
.theme-toggle:hover { border-color:var(--accent); background:var(--palette-elevated); }
.theme-icon { display:block; width:18px; height:18px; }.theme-icon-sun { display:none; }
:root[data-theme="dark"] .theme-icon-sun { display:block; }:root[data-theme="dark"] .theme-icon-moon { display:none; }
@media (max-width:600px) { .theme-toggle { width:32px; height:32px; }.theme-icon { width:17px; height:17px; } }
@media (max-width:360px) { .nav-links { gap:7px; }.theme-toggle { width:28px; height:30px; }.theme-icon { width:16px; height:16px; } }