:root {
  --ink: #111411;
  --muted: #666d65;
  --paper: #f1f0e9;
  --paper-2: #e7e6de;
  --dark: #0b0d0c;
  --dark-2: #151916;
  --line: rgba(17, 20, 17, .16);
  --acid: #d8ff47;
  --orange: #ff6b35;
  --shell: min(1180px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
.shell { width: var(--shell); margin-inline: auto; }
.skip { position: fixed; top: -50px; left: 12px; z-index: 100; padding: 10px 14px; background: var(--acid); color: #000; }
.skip:focus { top: 12px; }

.nav { height: 78px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font: 800 15px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.brand img { border-radius: 7px; }
.brand small { margin-left: 5px; color: var(--muted); font: 500 10px/1.1 ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.nav nav { display: flex; gap: 30px; }
.nav nav a, .footer nav a { color: var(--muted); font-size: 13px; text-decoration: none; }
.nav nav a:hover, .footer nav a:hover { color: var(--ink); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 50px; padding: 0 20px; color: var(--paper); background: var(--ink); border: 1px solid var(--ink); text-decoration: none; font: 700 12px/1 ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; transition: transform .18s, background .18s, color .18s; }
.button:hover { transform: translateY(-2px); background: var(--acid); color: var(--ink); }
.button-small { min-height: 37px; padding: 0 14px; font-size: 10px; }
.text-link { font-size: 13px; font-weight: 650; text-underline-offset: 5px; text-decoration-thickness: 1px; }

.hero { min-height: 680px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; padding-block: 88px 100px; }
.eyebrow { margin: 0 0 22px; color: var(--muted); font: 700 11px/1.3 ui-monospace, SFMono-Regular, monospace; letter-spacing: .14em; text-transform: uppercase; }
.pulse { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: #6b8c00; box-shadow: 0 0 0 5px rgba(107, 140, 0, .12); }
h1, h2 { margin: 0; font-weight: 720; letter-spacing: -.065em; line-height: .94; }
h1 { max-width: 750px; font-size: clamp(59px, 6.8vw, 103px); }
h1 em, h2 em { color: var(--muted); font-style: normal; font-weight: 430; }
.lede { max-width: 650px; margin: 33px 0 28px; color: #414741; font-size: clamp(18px, 1.7vw, 22px); line-height: 1.5; letter-spacing: -.02em; }
.hero-actions { display: flex; align-items: center; gap: 26px; }
.maturity { max-width: 610px; margin: 28px 0 0; padding-left: 15px; color: var(--muted); border-left: 2px solid var(--orange); font-size: 12px; line-height: 1.5; }

.runtime-card { color: #e9eee8; background: var(--dark); border: 1px solid #2a302b; box-shadow: 18px 18px 0 rgba(17, 20, 17, .08); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.card-head { display: flex; justify-content: space-between; padding: 15px 18px; color: #858e86; border-bottom: 1px solid #282d29; font-size: 9px; letter-spacing: .13em; }
.live { color: var(--acid); }.live i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--acid); }
.objective { margin: 17px; padding: 16px; border: 1px solid #303630; background: #121512; }
.objective small { color: #737b74; font-size: 8px; letter-spacing: .15em; }.objective p { margin: 9px 0 0; font: 500 13px/1.45 ui-sans-serif, system-ui; }
.trace { margin: 0 17px; padding: 0; list-style: none; border-top: 1px solid #2b302c; }
.trace li { display: grid; grid-template-columns: 35px 1fr 18px; gap: 10px; align-items: center; min-height: 59px; color: #626a63; border-bottom: 1px solid #262b27; transition: color .3s, background .3s; }
.trace li b { font-size: 9px; font-weight: 500; }.trace li strong { display: block; font-size: 11px; letter-spacing: .04em; }.trace li small { display: block; margin-top: 4px; color: #59605a; font-size: 8px; }
.trace li > i { width: 9px; height: 9px; border: 1px solid #3c443d; border-radius: 50%; font: normal 8px/8px ui-monospace; text-align: center; }
.trace li.done { color: #8a938a; }.trace li.done > i { color: var(--dark); background: #778079; border-color: #778079; }
.trace li.active { margin-inline: -8px; padding-inline: 8px; color: var(--acid); background: rgba(216, 255, 71, .05); }
.trace li.active > i { border-color: var(--acid); box-shadow: 0 0 0 3px rgba(216,255,71,.08); }
.ledger { margin: 17px; padding: 13px 15px; background: #d8ff47; color: #111; }.ledger span { display: block; margin-bottom: 8px; font-size: 8px; font-weight: 800; letter-spacing: .14em; }.ledger code { font-size: 10px; }.ledger i { display: inline-block; width: 5px; height: 5px; background: #111; border-radius: 50%; }
.illustration-note { margin: -4px 17px 14px; color: #59605a; font-size: 8px; text-align: right; }

.thesis-band { padding: 85px 0; color: #eef1eb; background: var(--dark); }
.thesis { position: relative; }.thesis > p { color: var(--acid); font: 700 11px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .14em; }
.thesis h2 { max-width: 960px; font-size: clamp(42px, 6vw, 82px); }
.signal { position: absolute; right: 0; bottom: 5px; display: flex; align-items: end; gap: 5px; height: 45px; }
.signal span { width: 5px; background: var(--acid); animation: signal 1.5s ease-in-out infinite alternate; }.signal span:nth-child(1){height:20%}.signal span:nth-child(2){height:70%;animation-delay:.2s}.signal span:nth-child(3){height:40%;animation-delay:.4s}.signal span:nth-child(4){height:100%;animation-delay:.6s}.signal span:nth-child(5){height:60%;animation-delay:.8s}
@keyframes signal { to { height: 15%; opacity: .45; } }

.section { padding-block: 125px; }
.section-heading { display: grid; grid-template-columns: 1fr 1.15fr; column-gap: 40px; align-items: end; margin-bottom: 65px; }
.section-heading .eyebrow { align-self: start; }.section-heading h2 { grid-column: 1; font-size: clamp(43px, 5.1vw, 72px); }.section-heading > p:last-child { grid-column: 2; grid-row: 2; max-width: 510px; margin: 0 0 4px auto; color: var(--muted); font-size: 17px; line-height: 1.55; }
.mechanism-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.mechanism { min-height: 365px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mechanism .index { color: var(--muted); font: 700 9px ui-monospace, monospace; letter-spacing: .12em; }.mechanism h3 { margin: 31px 0 13px; font-size: 25px; letter-spacing: -.04em; }.mechanism p { color: var(--muted); font-size: 14px; line-height: 1.65; }.mechanism code { color: var(--ink); font-size: 12px; }
.glyph { position: relative; width: 105px; height: 88px; margin-top: 28px; }
.orbit i { position:absolute; inset:0; border:1px solid #adb1aa; border-radius:50%; }.orbit i:nth-child(2){transform:rotate(60deg) scaleX(.45)}.orbit i:nth-child(3){transform:rotate(-60deg) scaleX(.45)}
.scope i { position:absolute; border:1px solid #9da39c; border-radius:50%; }.scope i:first-child{width:80px;height:80px;left:3px}.scope i:last-child{width:36px;height:36px;left:59px;top:27px;background:var(--acid);border-color:var(--ink)}
.bars { display:flex;gap:7px;align-items:end;padding-bottom:7px }.bars i{display:block;width:15px;background:#9da39c}.bars i:nth-child(1){height:28px}.bars i:nth-child(2){height:66px}.bars i:nth-child(3){height:45px}.bars i:nth-child(4){height:82px;background:var(--acid)}
.checkpoint i { position:absolute; width:65px;height:41px;border:1px solid #9da39c;background:var(--paper)}.checkpoint i:nth-child(2){left:17px;top:17px}.checkpoint i:nth-child(3){left:34px;top:34px;background:var(--acid);border-color:var(--ink)}
.branch:before,.branch:after,.branch i{content:"";position:absolute;background:#949b94}.branch:before{left:12px;top:43px;width:78px;height:1px}.branch:after{left:50px;top:17px;width:1px;height:52px}.branch i{width:13px;height:13px;border-radius:50%;top:37px}.branch i:nth-child(1){left:6px}.branch i:nth-child(2){left:44px;background:var(--acid);border:1px solid var(--ink)}.branch i:nth-child(3){left:84px}
.boundary { color: #edf0ea; background: var(--dark); }.boundary .index,.boundary p { color: #8b938c; }.boundary h3 { margin-top: 75px; font-size: 31px; }.boundary .text-link { display: inline-block; margin-top: 15px; color: var(--acid); }

.contrast { color: #edf0ea; background: #191d1a; }
.split { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; }.split .section-heading { display: block; margin: 0; }.split .section-heading h2 { font-size: clamp(46px, 5.5vw, 75px); }.contrast .eyebrow { color: var(--acid); }
.argument .large { margin-top: 0; font-size: clamp(21px, 2vw, 28px); line-height: 1.45; letter-spacing: -.025em; }.argument > p:last-child { color: #a9b0aa; font-size: 15px; line-height: 1.7; }
.equation { display: grid; grid-template-columns: 1fr 20px 1fr; gap: 20px; align-items: center; margin: 55px 0; }.equation div { padding: 23px; border: 1px solid #3c443e; }.equation span { display:block;color:var(--acid);font:700 9px ui-monospace,monospace;letter-spacing:.13em}.equation strong{display:block;margin-top:13px;font-size:13px}.equation b{text-align:center;color:#717a72}

.compact { max-width: 760px; display: block; }.compact h2 { font-size: clamp(48px, 5.5vw, 76px); }
.fit-list { border-top: 1px solid var(--line); }.fit-list > div { display: grid; grid-template-columns: 60px 1fr 1fr; align-items: center; min-height: 94px; border-bottom: 1px solid var(--line); }.fit-list b { font: 500 10px ui-monospace,monospace; color:var(--muted) }.fit-list p { font-size: 21px; letter-spacing: -.025em; }.fit-list span { color: var(--muted); font: 600 11px ui-monospace,monospace; letter-spacing: .05em; }

.start { padding-bottom: 0; color: #edf0ea; background: var(--dark); }.start-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }.start .section-heading { display: block; margin: 0; }.start h2 { font-size: clamp(45px, 5vw, 72px); }.start .section-heading > p:last-child { margin-top: 26px; color: #929a93; font-size: 15px; line-height: 1.6; }.start .eyebrow { color: var(--acid); }
.terminal { border: 1px solid #323833; background: #111411; box-shadow: 20px 20px 0 #070807; }.terminal-head { display:flex;gap:7px;align-items:center;height:42px;padding:0 15px;border-bottom:1px solid #2a302b}.terminal-head span{width:7px;height:7px;border-radius:50%;background:#4d554e}.terminal-head button{margin-left:auto;color:#8e978f;background:none;border:0;font:700 9px ui-monospace,monospace;cursor:pointer}.terminal-head button:hover{color:var(--acid)}.terminal pre{margin:0;padding:35px;overflow:auto}.terminal code{color:#e5eae3;font:12px/2 ui-monospace,monospace}.terminal code span{color:var(--acid)}.terminal code i{color:#646d65;font-style:normal}.terminal > p{height:20px;margin:0 35px 12px;color:var(--acid);font:9px ui-monospace,monospace}
.final-cta { display: flex; justify-content: space-between; align-items: center; margin-top: 125px; padding-block: 35px; border-top: 1px solid #303631; }.final-cta p { color: #9ba39c; font-size: 14px; }.final-cta > div { display: flex; align-items: center; gap: 28px; }.button.light { color: var(--dark); background: var(--acid); border-color: var(--acid); }.button.light:hover { color: var(--paper); background: transparent; }.light-link { color: #eef1eb; }
.footer { min-height: 115px; display: flex; justify-content: space-between; align-items: center; }.footer p { color: var(--muted); font-size: 11px; }.footer nav { display:flex;gap:23px; }

.reveal { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.signal span{animation:none} }

@media (max-width: 900px) {
  :root { --shell: min(100% - 32px, 700px); }
  .nav nav { display:none; }.brand small { display:none; }
  .hero { grid-template-columns:1fr; gap:55px; padding-block:70px; }.runtime-card { width:min(100%,570px); }
  .section-heading, .split, .start-grid { grid-template-columns:1fr; gap:45px; }.section-heading > p:last-child { grid-column:1;grid-row:auto;margin:22px 0 0; }
  .mechanism-grid { grid-template-columns:repeat(2,1fr); }.signal { display:none; }.equation{margin-block:35px}.final-cta{align-items:flex-start;gap:30px;flex-direction:column}
}
@media (max-width: 580px) {
  .nav { height:66px; }.button-small { display:none; }
  h1 { font-size: clamp(48px, 16vw, 73px); }.hero { padding-top:58px; }.hero-actions { align-items:flex-start;flex-direction:column;gap:18px; }
  .section,.thesis-band { padding-block:85px; }.mechanism-grid { grid-template-columns:1fr; }.mechanism { min-height:330px; }
  .fit-list > div { grid-template-columns:38px 1fr; padding:14px 0 }.fit-list p{font-size:17px}.fit-list span{grid-column:2;margin-top:-10px;margin-bottom:10px}
  .equation { grid-template-columns:1fr }.equation>b{transform:rotate(90deg)}.terminal pre{padding:23px 17px}.terminal code{font-size:10px}.final-cta>div{align-items:flex-start;flex-direction:column}.footer{padding-block:25px;align-items:flex-start;gap:18px;flex-direction:column}.footer p{margin:0}
}