:root{color-scheme:dark;font-family:Avenir Next,Trebuchet MS,sans-serif;background:#05070a;color:#f2f5ef;--panel: rgba(10, 14, 20, .88);--line: rgba(255, 255, 255, .12);--muted: #a6ada7;--claude: #a78bfa;--codex: #72f6a5;--blue: #6ab7ff;--danger: #ff6b6b;--warning: #ffd36a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(114,246,165,.16),transparent 28rem),radial-gradient(circle at 82% 18%,rgba(167,139,250,.2),transparent 30rem),linear-gradient(135deg,#05070a,#0b1015 48%,#05070a)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:24px 0 40px}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 26px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#070b0f;color:var(--codex);font:800 18px/1 Menlo,monospace;box-shadow:inset 0 0 20px #72f6a514}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.nav-links{display:flex;align-items:center;gap:16px;color:#d9dfd8}.text-button{border:0;background:transparent;color:#d9dfd8;cursor:pointer}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:34px;align-items:center;min-height:620px}.eyebrow{color:var(--codex);font:700 12px/1 Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}h1{margin:18px 0;max-width:760px;font-size:clamp(42px,6vw,82px);line-height:.94}.hero p{max-width:620px;color:#c9d1c8;font-size:20px;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#f4f7f1;color:#06090c;font-weight:800;box-shadow:0 18px 60px #00000052}.claude-button{background:var(--claude)}.codex-button{background:var(--codex)}.preview-panel,.terminal{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#0d1218f0,#04070af5);box-shadow:0 30px 90px #00000085;overflow:hidden}.preview-title{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--line);color:#dce6dd;font-weight:800}.preview-panel pre{min-height:420px;margin:0;padding:22px;overflow:auto;color:#d7fbe3;font:14px/1.75 JetBrains Mono,Menlo,Monaco,monospace}.content-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:40px;padding:46px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-list h2,.shortcut-grid h2{margin:0 0 18px;font-size:26px}.feature-list p{max-width:760px;color:#c8d0c7;font-size:18px;line-height:1.55}.shortcut-grid{display:grid;gap:10px}.shortcut-grid div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#cbd2cb}kbd{min-width:58px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:#090d12;color:var(--codex);font:700 12px/1 Menlo,monospace;text-align:center}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:24px;color:var(--muted)}.footer a{color:var(--codex);font-weight:800}.legal-page{min-height:100vh}.legal-copy{width:min(780px,100%);padding:90px 0}.legal-copy p{color:#d0d6cf;font-size:20px;line-height:1.65}.legal-copy .primary-button{margin-top:24px}.simulator-page{position:fixed;inset:0;padding:18px;background:#030507}.simulator-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 80% 0%,rgba(106,183,255,.12),transparent 28rem);background-size:100% 3px,auto;opacity:.42}.mode-claude:before{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 74% 0%,rgba(167,139,250,.18),transparent 30rem);background-size:100% 3px,auto}.terminal{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%}.terminal-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);background:#ffffff08}.window-dots{display:flex;gap:7px}.window-dots span{width:11px;height:11px;border-radius:999px;background:#ff5f57}.window-dots span:nth-child(2){background:#ffbd2e}.window-dots span:nth-child(3){background:#28c840}.terminal-header strong,.terminal-header small{display:block}.terminal-header small{margin-top:3px;color:var(--muted)}.terminal-badge{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#cbd7cd;font:700 11px/1 Menlo,monospace;text-transform:uppercase}.terminal-body{flex:1;overflow:auto;padding:20px;font:15px/1.75 JetBrains Mono,Menlo,Monaco,monospace}.terminal-line{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;min-height:26px;color:#dce5dc;white-space:pre-wrap;word-break:break-word}.line-symbol{color:#606c67;-webkit-user-select:none;user-select:none}.line-command .line-text{color:#fff}.line-thinking .line-text{color:var(--claude)}.terminal-codex .line-thinking .line-text,.terminal-codex .line-patch .line-text{color:var(--codex)}.line-read .line-text,.line-run .line-text{color:#9cc8ff}.line-edit .line-text{color:#e6ddff}.line-success .line-text{color:var(--codex)}.line-warning .line-text{color:var(--warning)}.line-error .line-text{color:var(--danger)}.line-summary .line-text{color:#f0f2ec}.line-idle .line-text{color:#8e9a92}.caret{display:inline-block;width:8px;height:1.2em;margin-left:2px;vertical-align:-.2em;background:currentColor;animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.control-bar,.control-pill{position:fixed;z-index:5;right:22px;bottom:22px}.control-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(760px,calc(100vw - 44px));padding:10px;border:1px solid var(--line);border-radius:8px;background:#070a0ed1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-bar button,.control-pill{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:0 11px;background:#ffffff0f;color:#eef4ee;cursor:pointer}.control-bar button:hover,.control-pill:hover{border-color:#72f6a57a;color:var(--codex)}@media(max-width:860px){.hero,.content-band{grid-template-columns:1fr}.hero{min-height:0;padding:36px 0}h1{font-size:44px}.preview-panel pre{min-height:300px}}@media(max-width:620px){.page{width:min(100% - 24px,1180px)}.top-nav,.footer{align-items:flex-start;flex-direction:column}.nav-links{width:100%;justify-content:space-between}.simulator-page{padding:8px}.terminal-header{grid-template-columns:auto 1fr}.terminal-badge{display:none}.terminal-body{padding:14px;font-size:13px}.control-bar{right:10px;bottom:10px;max-width:calc(100vw - 20px)}}