:root{color-scheme:dark;--color-bg: #000000;--color-surface-1: #0a0a0a;--color-surface-2: #141414;--color-text: #ffffff;--color-dim: #999999;--color-mute: #666666;--color-border: #ffffff;--color-border-dim: #333333;--color-accent-teal: #008080;--color-accent-cyan: #00ffff;--color-accent-bad: #ff6b6b;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--fs-h1: clamp(32px, 5vw, 64px);--fs-h2: 32px;--fs-h3: 24px;--fs-body: 16px;--fs-small: 13px;--fs-mono-input: 14px;--lh-heading: 1.2;--lh-body: 1.6;--ls-button: .05em;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 48px;--space-5: 96px;--max-width: 1200px;--motion-fast: .15s;--motion-base: .25s;--motion-slow: .6s;--ease: linear;font-family:var(--font-mono)}[data-theme=light]{color-scheme:light;--color-bg: #ffffff;--color-surface-1: #f4f4f4;--color-surface-2: #eaeaea;--color-text: #000000;--color-dim: #5a5a5a;--color-mute: #888888;--color-border: #000000;--color-border-dim: #d0d0d0;--color-accent-teal: #006666;--color-accent-cyan: #0077aa;--color-accent-bad: #c42828}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text)}body{margin:0;min-width:320px;background-color:var(--color-bg);background-image:linear-gradient(to right,color-mix(in srgb,var(--color-text) 4%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-text) 4%,transparent) 1px,transparent 1px);background-size:48px 48px;color:var(--color-text);font-family:var(--font-mono);font-size:var(--fs-body);line-height:var(--lh-body)}button,input{font:inherit}button{border-radius:0}a{color:var(--color-accent-cyan);text-underline-offset:4px}code,pre{font-family:var(--font-mono)}pre{margin:var(--space-2) 0 0;max-width:100%;overflow-x:auto;border:1px solid var(--color-border-dim);padding:var(--space-2);background:var(--color-surface-1);color:var(--color-text);font-size:var(--fs-mono-input);line-height:1.5}code{color:var(--color-text)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.brand{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:600;text-decoration:none;text-transform:uppercase}.brand-mark{width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid var(--color-border)}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-1)}.nav a,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px var(--space-2);border:1px solid var(--color-border);background:transparent;color:var(--color-text);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:var(--ls-button);line-height:1.2;text-decoration:none;text-transform:uppercase}.nav a:hover,.nav a:focus-visible,.btn:hover,.btn:focus-visible{outline:none;background:var(--color-text);color:var(--color-bg)}.btn[disabled]{border-color:var(--color-mute);color:var(--color-mute);cursor:not-allowed}.btn[disabled]:hover{background:transparent;color:var(--color-mute)}.btn-danger{border-color:var(--color-accent-bad);color:var(--color-accent-bad)}.section{border-bottom:1px solid var(--color-border-dim);padding:var(--space-5) var(--space-3)}.container{width:min(100%,var(--max-width));margin:0 auto}.hero{min-height:calc(100vh - 73px);display:grid;align-items:center}.eyebrow,.label,.muted{color:var(--color-dim)}h1,h2,h3,p{margin-top:0}h1{max-width:920px;font-size:var(--fs-h1);line-height:var(--lh-heading);letter-spacing:0}h2{font-size:var(--fs-h2);line-height:var(--lh-heading);letter-spacing:0}h3{font-size:var(--fs-h3);line-height:var(--lh-heading);letter-spacing:0}.hero-copy{max-width:760px;color:var(--color-dim)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.grid{display:grid;gap:var(--space-2)}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.block,.terminal{border:1px solid var(--color-border);background:var(--color-bg)}.block{padding:var(--space-3)}.block.interactive:hover,.block.interactive:focus-within{background:var(--color-text);color:var(--color-bg)}.terminal-title{height:24px;display:grid;grid-template-columns:72px 1fr 72px;align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-dim);font-size:var(--fs-small)}.dots{display:flex;gap:8px;padding-left:8px}.dot{width:8px;height:8px;background:var(--color-mute)}.terminal-body{min-height:220px;padding:var(--space-3);overflow-x:auto;font-size:var(--fs-mono-input);line-height:1.5;white-space:pre-wrap}.cursor:after{content:"█";animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.status-strip,.product-row,.download-row,.plan-row{display:grid;gap:var(--space-2);align-items:center}.status-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--space-4)}.product-row,.download-row{grid-template-columns:1.2fr .9fr .8fr auto}.plan-row{grid-template-columns:1fr 1fr 1fr auto}.inbox-operation{display:grid;gap:var(--space-2)}.inbox-operation-head{padding:0}.inline-result{border-top:1px solid var(--color-border);padding-top:var(--space-2)}.inline-result-title{margin-bottom:var(--space-1);color:var(--color-dim);font-size:var(--fs-small);text-transform:uppercase}.inline-hint{margin-bottom:var(--space-2);border:1px solid var(--color-accent-cyan);padding:var(--space-2);color:var(--color-accent-cyan)}.inline-result pre{max-height:420px;margin:0;overflow:auto;white-space:pre-wrap;font-size:var(--fs-mono-input);line-height:1.5}.badge{display:inline-flex;width:fit-content;padding:2px 6px;border:1px solid var(--color-dim);color:var(--color-dim);font-size:var(--fs-small);text-transform:uppercase}.badge-ok{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.badge-bad{border-color:var(--color-accent-bad);color:var(--color-accent-bad)}.form{display:grid;gap:var(--space-2);max-width:560px}.field{display:grid;gap:var(--space-1)}.input-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--color-border);background:var(--color-bg)}.prompt{padding-left:var(--space-2);color:var(--color-dim)}input{width:100%;border:0;outline:0;padding:12px var(--space-2);background:transparent;color:var(--color-text)}.input-wrap:focus-within{border-color:var(--color-accent-cyan);outline:2px solid var(--color-accent-cyan);outline-offset:2px}.error{border:1px solid var(--color-accent-bad);padding:var(--space-2);color:var(--color-accent-bad)}.test-banner{border-bottom:1px solid var(--color-accent-cyan);padding:var(--space-1) var(--space-3);background:var(--color-bg);color:var(--color-accent-cyan);font-size:var(--fs-small);text-align:center}.footer{padding:var(--space-4) var(--space-3);color:var(--color-dim)}.route-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-3)}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.grid-two,.grid-three,.status-strip,.product-row,.download-row,.plan-row{grid-template-columns:1fr}.section{padding:var(--space-4) var(--space-2)}.nav{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}