:root { --ink:#d8e8e1; --muted:#94aaa1; --paper:#0d1918; --panel:#142523; --panel-2:#10201e; --line:#2e4640; --signal:#b8fb58; --coral:#ff8b72; --serif:Georgia,'Times New Roman',serif; --mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:var(--paper); font:15px/1.6 var(--mono); }
body:before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.35; background-image:linear-gradient(rgba(184,251,88,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(184,251,88,.025) 1px,transparent 1px); background-size:32px 32px; }
a { color:inherit; text-underline-offset:4px; }
.shell { width:min(1160px,calc(100% - 48px)); margin:0 auto; }
.skip-link { position:absolute; left:-999px; top:8px; background:var(--signal); color:#0b1614; padding:8px 12px; z-index:10; }
.skip-link:focus { left:8px; }
.topbar { position:sticky; z-index:4; top:0; display:flex; align-items:center; justify-content:space-between; min-height:68px; padding:0 max(24px,calc((100vw - 1160px)/2)); border-bottom:1px solid rgba(46,70,64,.8); background:rgba(13,25,24,.88); backdrop-filter:blur(14px); }
.brand { display:inline-flex; align-items:center; gap:9px; font-weight:700; letter-spacing:-.04em; text-decoration:none; font-size:18px; }
.brand-mark { color:var(--signal); font-size:25px; line-height:1; }
nav { display:flex; align-items:center; gap:22px; font-size:11px; color:var(--muted); }
nav a { text-decoration:none; }
nav a:hover,nav a:focus-visible { color:var(--signal); }
.nav-github { border:1px solid var(--line); color:var(--ink); padding:6px 10px; }
.menu-toggle { display:none; font:inherit; color:var(--ink); border:1px solid var(--line); background:none; padding:5px 9px; }
.hero { min-height:720px; display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:center; padding:72px 0 64px; }
.eyebrow,.section-number { margin:0; color:var(--signal); font-size:11px; letter-spacing:.12em; font-weight:700; }
.eyebrow span { display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; background:var(--signal); box-shadow:0 0 14px var(--signal); }
h1,h2,h3 { margin:0; font-weight:400; letter-spacing:-.055em; }
h1 { max-width:710px; margin-top:16px; font:clamp(50px,6.6vw,91px)/.93 var(--serif); }
h1 em,h2 em { color:var(--signal); font-weight:400; }
.lede { max-width:620px; color:var(--muted); font-size:16px; margin:28px 0 20px; }
.agent-pills,.capability-row { display:flex; flex-wrap:wrap; gap:7px; }
.agent-pills span,.capability-row span { padding:5px 8px; border:1px solid var(--line); color:var(--muted); font-size:10px; }
.hero-actions { display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin-top:26px; }
.button { display:inline-flex; align-items:center; gap:18px; text-decoration:none; padding:12px 16px; font-size:12px; font-weight:700; }
.button-primary { background:var(--signal); color:#0d1918; }
.button-primary:hover { background:#d0ff8d; }
.text-link { color:var(--ink); font-size:12px; font-weight:700; }
.text-link:hover { color:var(--signal); }
.proof-strip { display:flex; gap:28px; margin:54px 0 0; border-top:1px solid var(--line); padding-top:15px; }
.proof-strip div { min-width:105px; }
.proof-strip dt { color:var(--coral); font-size:11px; }
.proof-strip dd { margin:0; font-size:11px; color:var(--muted); }
.control-room { border:1px solid var(--line); background:#0a1211; box-shadow:14px 14px 0 rgba(46,70,64,.45); transform:rotate(1deg); }
.control-head,.receipt-title,.command-head { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border-bottom:1px solid var(--line); color:var(--muted); font-size:10px; letter-spacing:.08em; }
.local-dot { color:var(--signal); }
.agent-switcher { display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--line); }
.agent-switcher > div { display:flex; align-items:center; gap:12px; }
.agent-icon { display:grid; place-items:center; width:36px; height:36px; color:#09110f; background:var(--signal); border-radius:9px; font-weight:900; }
.agent-switcher p { margin:0; }
.agent-switcher strong,.agent-switcher small { display:block; }
.agent-switcher small { color:var(--muted); font-size:9px; }
.switch-caret { color:var(--muted); }
.draft-card { min-height:160px; margin:18px; padding:20px; border:1px solid var(--line); background:var(--panel); }
.draft-card p { margin:0; font:18px/1.55 var(--serif); }
.draft-card span { display:block; margin-top:28px; color:var(--coral); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.capability-row { padding:0 18px 18px; }
.capability-row span { color:var(--signal); }
.run-line { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
.run-line strong { color:#0a1211; background:var(--signal); padding:7px 12px; }
.control-note { margin:0; padding:10px 18px; border-top:1px solid var(--line); color:var(--muted); font-size:9px; }
.manifesto { display:grid; grid-template-columns:180px 1fr; gap:50px; padding:110px 0; border-top:1px solid var(--line); }
.manifesto h2,.section-heading h2,.receipt h2,.run h2,.demo h2 { max-width:760px; font:clamp(38px,5vw,64px)/1 var(--serif); }
.manifesto div p { max-width:700px; color:var(--muted); font-size:16px; margin:20px 0 0; }
.integration-paths { padding:105px 0; border-top:1px solid var(--line); }
.integration-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.integration-grid a { min-height:270px; padding:24px; border-right:1px solid var(--line); text-decoration:none; transition:background .2s ease; }
.integration-grid a:last-child { border-right:0; }
.integration-grid a:hover,.integration-grid a:focus-visible { background:var(--panel); outline:2px solid var(--signal); outline-offset:-2px; }
.integration-grid span { color:var(--coral); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.integration-grid h3 { margin-top:48px; font:25px var(--serif); }
.integration-grid p { min-height:80px; color:var(--muted); font-size:11px; }
.integration-grid b { color:var(--signal); font-size:10px; }
.workflow,.compatibility { background:var(--panel-2); border-block:1px solid var(--line); padding:92px 0; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:35px; margin-bottom:48px; }
.flow-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.flow-grid li { min-height:250px; padding:20px 20px 10px 0; margin-right:20px; border-right:1px solid var(--line); }
.flow-grid li:last-child { border:0; }
.flow-grid span { color:var(--coral); font-size:11px; }
.flow-grid h3 { margin-top:49px; font-size:18px; }
.flow-grid p { color:var(--muted); font-size:12px; }
.receipt { display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:75px; padding:110px 0; }
.receipt-copy > p:not(.section-number),.demo-copy > p { color:var(--muted); }
.receipt-copy h2,.demo-copy h2 { margin-top:18px; }
.check-list { padding:0; margin:27px 0 0; list-style:none; }
.check-list li { padding:9px 0 9px 22px; position:relative; border-bottom:1px solid rgba(46,70,64,.7); color:var(--muted); font-size:11px; }
.check-list li:before { content:'✓'; position:absolute; left:0; color:var(--signal); }
.receipt-card { border:1px solid var(--line); background:#0a1211; }
.receipt-title div span,.receipt-title div strong { display:block; }
.receipt-title strong { color:var(--ink); margin-top:2px; font-size:11px; }
.receipt-title b { color:var(--signal); border:1px solid var(--line); padding:4px 7px; font-size:9px; }
.receipt-grid { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.receipt-grid p { margin:0; padding:13px 16px; border-right:1px solid var(--line); border-top:1px solid var(--line); font-size:11px; }
.receipt-grid p:nth-child(even) { border-right:0; }
.receipt-grid span { display:block; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.1em; }
.receipt-grid em { color:var(--signal); font-style:normal; }
.timeline { padding:17px 18px; }
.timeline p { display:grid; grid-template-columns:10px 75px 1fr; margin:0; padding:6px 0; color:var(--muted); font-size:10px; }
.timeline i { width:5px; height:5px; margin-top:6px; background:var(--signal); border-radius:50%; }
.timeline span { color:var(--ink); }
.timeline .approval { color:var(--coral); }
.timeline .approval i { background:var(--coral); }
.receipt-foot { display:flex; justify-content:space-between; gap:10px; padding:11px 16px; border-top:1px solid var(--line); color:var(--muted); font-size:8px; }
.matrix-wrap { overflow-x:auto; border:1px solid var(--line); }
.matrix-wrap table { width:100%; min-width:870px; border-collapse:collapse; font-size:10px; }
.matrix-wrap th,.matrix-wrap td { padding:14px 12px; text-align:left; border-bottom:1px solid var(--line); border-right:1px solid var(--line); }
.matrix-wrap tr:last-child th,.matrix-wrap tr:last-child td { border-bottom:0; }
.matrix-wrap thead { color:var(--muted); }
.matrix-wrap tbody th { color:var(--ink); }
.matrix-wrap td { color:var(--muted); }
.matrix-wrap .yes { color:var(--signal); }
.matrix-wrap .no { color:var(--coral); }
.matrix-note { max-width:850px; margin:16px 0 0; color:var(--muted); font-size:10px; }
.demo { display:grid; grid-template-columns:.78fr 1.22fr; gap:70px; align-items:center; padding:110px 0; }
.demo-copy .command-card { margin:28px 0 18px; }
.demo-media { margin:0; border:1px solid var(--line); padding:10px; background:#091210; box-shadow:14px 14px 0 rgba(46,70,64,.35); }
.demo-media img { display:block; width:100%; height:auto; background:var(--panel); }
.demo-media figcaption { padding:10px 3px 1px; color:var(--muted); font-size:9px; }
.safety { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:115px 0; border-top:1px solid var(--line); }
.safety h2 { margin-top:20px; font:clamp(42px,5vw,70px)/.95 var(--serif); }
.safety-copy { max-width:500px; padding-top:44px; }
.safety-copy p { color:var(--muted); }
.safety code,.command-card code,.docs-page code { color:var(--signal); font-family:var(--mono); }
.safety-copy .text-link { display:inline-block; margin-top:13px; }
.run { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:70px; padding:94px 0; border-top:1px solid var(--line); }
.run-intro > p:last-child { color:var(--muted); }
.command-card { border:1px solid var(--line); background:var(--panel); }
.copy-button { color:var(--signal); border:0; background:none; font:inherit; cursor:pointer; }
.command-card pre { overflow:auto; margin:0; padding:22px; font-size:12px; line-height:1.85; }
.command-card p { margin:0; padding:13px 22px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.feedback { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:end; padding:100px 0; border-top:1px solid var(--line); }
.feedback h2 { margin-top:16px; font:clamp(38px,5vw,64px)/1 var(--serif); }
.feedback p:not(.section-number) { max-width:720px; color:var(--muted); }
.feedback-actions { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.use-hero { min-height:680px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:80px; padding:88px 0; }
.use-hero h1 { font-size:clamp(48px,6.2vw,86px); }
.use-proof { border:1px solid var(--line); background:var(--panel); box-shadow:12px 12px 0 rgba(46,70,64,.4); }
.use-proof > span { display:block; padding:11px 15px; border-bottom:1px solid var(--line); color:var(--signal); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.use-proof > strong { display:block; min-height:190px; padding:30px 24px; font:34px/1.08 var(--serif); }
.use-proof dl { margin:0; border-top:1px solid var(--line); }
.use-proof dl div { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:10px 15px; border-bottom:1px solid var(--line); font-size:9px; }
.use-proof dl div:last-child { border-bottom:0; }
.use-proof dt { color:var(--muted); }
.use-proof dd { margin:0; text-align:right; color:var(--ink); }
.split-proof { display:grid; grid-template-columns:1fr 1fr; border-block:1px solid var(--line); }
.split-proof > div { min-height:330px; padding:70px 55px 70px 0; }
.split-proof > div + div { padding-left:55px; border-left:1px solid var(--line); }
.split-proof h2,.boundary-panel h2 { margin-top:16px; font:clamp(34px,4.5vw,58px)/1 var(--serif); }
.split-proof p:not(.section-number),.boundary-panel p:not(.section-number) { color:var(--muted); }
.use-workflow { padding:100px 0; background:var(--panel-2); border-bottom:1px solid var(--line); }
.use-steps { display:grid; grid-template-columns:repeat(3,1fr); margin-top:38px; border-top:1px solid var(--line); }
.use-steps article { min-height:260px; padding:24px 28px 0 0; margin-right:28px; border-right:1px solid var(--line); }
.use-steps article:last-child { border-right:0; }
.use-steps span { color:var(--coral); font-size:10px; }
.use-steps h3 { margin-top:55px; font-size:20px; }
.use-steps p { color:var(--muted); font-size:12px; }
.boundary-panel { max-width:900px; padding:110px 0; }
.boundary-panel .text-link { display:inline-block; margin-top:20px; }
.codex-page .eyebrow span { background:#70d7ff; box-shadow:0 0 14px #70d7ff; }
.opencode-page .eyebrow span { background:#ff8b72; box-shadow:0 0 14px #ff8b72; }
.acp-page .eyebrow span { background:#c89cff; box-shadow:0 0 14px #c89cff; }
.architecture { padding:100px 0 115px; }
.arch-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:40px; border:1px solid var(--line); }
.arch-grid div { min-height:205px; padding:21px; border-right:1px solid var(--line); }
.arch-grid div:last-child { border:0; }
.arch-grid span { color:var(--coral); text-transform:uppercase; font-size:10px; letter-spacing:.1em; }
.arch-grid strong { display:block; margin:20px 0 10px; font:22px var(--serif); }
.arch-grid p { color:var(--muted); font-size:11px; }
.footer { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:25px 0; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.footer p { margin:0; }
.footer div { display:flex; gap:16px; }
.footer a { text-decoration:none; }
.footer a:hover { color:var(--signal); }
.docs-page { max-width:860px; padding:80px 0 110px; }
.docs-page h1 { margin-bottom:80px; }
.docs-page section { max-width:700px; margin:0 0 72px 160px; }
.docs-page section h2 { margin:14px 0 18px; font:clamp(30px,4vw,48px)/1 var(--serif); }
.docs-page section p:not(.section-number) { color:var(--muted); font-size:15px; }
@media (max-width:900px) {
  .hero,.receipt,.demo,.use-hero { grid-template-columns:1fr; }
  .hero { padding-top:58px; }
  .control-room { width:min(620px,100%); margin:0 auto; transform:none; }
  .receipt-card { width:min(650px,100%); }
  .demo-media { width:min(760px,100%); }
  .section-heading { display:block; }
  .section-heading h2 { margin-top:13px; }
  .flow-grid,.arch-grid,.integration-grid { grid-template-columns:1fr 1fr; }
  .flow-grid li:nth-child(2),.arch-grid div:nth-child(2) { border-right:0; }
  .flow-grid li:nth-child(-n+2),.arch-grid div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .integration-grid a:nth-child(2) { border-right:0; }
  .integration-grid a:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media (max-width:760px) {
  .shell { width:min(100% - 32px,1160px); }
  .topbar { padding:0 16px; }
  .menu-toggle { display:block; }
  nav { display:none; position:absolute; top:67px; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; padding:12px 16px 18px; border-bottom:1px solid var(--line); background:var(--paper); }
  nav.open { display:flex; }
  nav a { padding:10px 0; }
  .nav-github { padding:9px 10px; margin-top:5px; }
  .hero { min-height:auto; gap:55px; padding-bottom:68px; }
  .proof-strip { gap:13px; }
  .manifesto,.safety,.run,.feedback,.split-proof { grid-template-columns:1fr; gap:24px; padding:75px 0; }
  .manifesto { display:block; }
  .manifesto > div { margin-top:24px; }
  .receipt,.demo { padding:78px 0; gap:42px; }
  .workflow,.compatibility { padding:74px 0; }
  .flow-grid,.arch-grid,.integration-grid,.use-steps { grid-template-columns:1fr; }
  .flow-grid li,.flow-grid li:nth-child(2),.arch-grid div,.arch-grid div:nth-child(2) { min-height:auto; padding:24px 0; margin:0; border-right:0; border-bottom:1px solid var(--line); }
  .flow-grid h3 { margin-top:24px; }
  .integration-grid a,.integration-grid a:nth-child(2) { min-height:auto; border-right:0; border-bottom:1px solid var(--line); }
  .integration-grid a:last-child { border-bottom:0; }
  .integration-grid h3 { margin-top:28px; }
  .integration-grid p { min-height:0; }
  .use-hero { min-height:auto; gap:45px; padding:70px 0; }
  .use-proof { box-shadow:7px 7px 0 rgba(46,70,64,.4); }
  .split-proof > div,.split-proof > div + div { min-height:auto; padding:36px 0; border-left:0; }
  .split-proof > div + div { border-top:1px solid var(--line); }
  .use-steps article { min-height:auto; margin:0; padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }
  .use-steps article:last-child { border-bottom:0; }
  .use-steps h3 { margin-top:24px; }
  .boundary-panel { width:min(100% - 32px,900px); padding:80px 0; }
  .safety-copy { padding-top:0; }
  .receipt-grid { grid-template-columns:1fr; }
  .receipt-grid p { border-right:0; }
  .receipt-foot { display:block; }
  .receipt-foot span { display:block; }
  .demo-media { padding:6px; box-shadow:8px 8px 0 rgba(46,70,64,.35); }
  .docs-page section { margin-left:0; }
  .footer { display:block; }
  .footer p { margin:5px 0; }
  .footer div { margin-top:12px; flex-wrap:wrap; }
}
@media (max-width:420px) {
  .proof-strip { display:grid; grid-template-columns:1fr 1fr; }
  .proof-strip div { min-width:0; }
  .agent-switcher { padding:14px; }
  .draft-card { margin:12px; }
  .timeline p { grid-template-columns:10px 65px 1fr; }
  .control-room { box-shadow:7px 7px 0 rgba(46,70,64,.45); }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }