:root {
  --bg: #080a08;
  --bg-soft: #0d100d;
  --surface: #111411;
  --surface-raised: #171a16;
  --ink: #f1f0e9;
  --muted: #9b9f96;
  --faint: #62675f;
  --line: rgba(241, 240, 233, 0.12);
  --line-strong: rgba(241, 240, 233, 0.22);
  --lime: #ccf008;
  --lime-soft: rgba(204, 240, 8, 0.13);
  --max: 1240px;
  --pad: clamp(1.25rem, 4vw, 3.75rem);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: "Manrope", sans-serif; font-size: 1rem; line-height: 1.55; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
::selection { background: var(--lime); color: #0b0d08; }

.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 200; padding: .75rem 1rem; background: var(--lime); color: #080a08; }
.skip-link:focus { top: 1rem; }
.site-header { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 78px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 var(--pad); border-bottom: 1px solid transparent; transition: background .25s, border-color .25s, height .25s; }
.site-header.is-scrolled { height: 68px; background: rgba(8, 10, 8, .86); border-color: var(--line); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: .65rem; width: max-content; font-size: .87rem; font-weight: 700; letter-spacing: .18em; }
.brand-mark { width: 27px; height: 27px; overflow: hidden; background: #050605; }
.brand-mark img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.22); }
nav { display: flex; gap: 2rem; font-size: .82rem; color: #bbbdb6; }
nav a, .text-link { transition: color .2s; }
nav a:hover, nav a:focus-visible, .text-link:hover { color: var(--lime); }
.site-header > .button { justify-self: end; }

.section { position: relative; padding-left: var(--pad); padding-right: var(--pad); }
section[id] { scroll-margin-top: 72px; }
.hero { min-height: 100svh; padding-top: 150px; padding-bottom: 80px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); align-items: center; gap: clamp(3rem, 7vw, 8rem); max-width: 1440px; margin: auto; }
.hero-grid { position: absolute; inset: 0; z-index: -1; opacity: .32; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 92px 92px; mask-image: linear-gradient(to bottom, black, transparent 87%); }
.hero-grid::after { content: ""; position: absolute; width: 50vw; height: 50vw; left: 15%; top: 12%; background: radial-gradient(circle, rgba(204,240,8,.06), transparent 63%); }
.eyebrow, .section-index { margin: 0 0 2rem; font-family: "DM Mono", monospace; font-size: .76rem; letter-spacing: .14em; text-transform: uppercase; color: #aeb1aa; }
.pulse { display: inline-block; width: 7px; height: 7px; margin-right: .7rem; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(204,240,8,.1); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 2rem; max-width: 760px; font-size: clamp(3.6rem, 7.1vw, 7.1rem); line-height: .93; letter-spacing: -.065em; font-weight: 500; }
h1 em, .demo-copy em { color: var(--lime); font-style: normal; }
.hero-lede { max-width: 640px; color: #b9bcb4; font-size: clamp(1.05rem, 1.6vw, 1.28rem); line-height: 1.65; }
.hero-proof { max-width: 620px; margin: 1.5rem 0 0; padding-left: 1rem; border-left: 2px solid var(--lime); color: var(--muted); font-size: .88rem; }
.hero-proof strong { color: var(--ink); font-weight: 600; }
.hero-actions { display: flex; align-items: center; gap: 2rem; margin-top: 2.7rem; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 1.8rem; padding: 0 1.25rem; border: 1px solid var(--line-strong); background: transparent; font-weight: 600; font-size: .86rem; cursor: pointer; transition: transform .2s, border-color .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
.button--primary { border-color: var(--lime); background: var(--lime); color: #0a0c08; }
.button--primary:hover { background: #d9f842; }
.button--ghost:hover { border-color: var(--lime); }
.button--small { min-height: 42px; }
.button--wide { width: 100%; }
.text-link { font-size: .9rem; border-bottom: 1px solid var(--line-strong); padding: .55rem 0; }

.signal-stage { position: relative; min-height: 540px; align-self: center; padding: 1.25rem; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(20,24,19,.96), rgba(8,10,8,.86)); box-shadow: 0 30px 80px rgba(0,0,0,.32); overflow: hidden; }
.signal-stage::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.025) 42%, transparent 64%); transform: translateX(-100%); animation: sheen 7s infinite 2s; }
@keyframes sheen { 50%, 100% { transform: translateX(100%); } }
.stage-topline, .phone-card-top { display: flex; justify-content: space-between; font-family: "DM Mono"; font-size: .69rem; letter-spacing: .09em; text-transform: uppercase; color: var(--faint); }
.stage-live { display: inline-flex; align-items: center; gap: .5rem; color: #c9cbc5; }
.stage-live i { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px var(--lime); }
.signal-source { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; margin-top: 2.7rem; padding: 1rem; border: 1px solid var(--line); background: var(--surface); }
.source-icon { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--lime); }
.signal-source small, .signal-source strong, .handoff small, .handoff strong { display: block; }
.signal-source small, .handoff small { color: var(--muted); font-size: .72rem; }
.signal-source strong, .handoff strong { font-size: .9rem; margin-top: .15rem; }
.signal-time { font-family: "DM Mono"; font-size: .65rem; color: var(--faint); }
.signal-path { width: 1px; height: 55px; margin-left: 2.5rem; background: var(--line-strong); overflow: hidden; }
.signal-path span { display: block; width: 100%; height: 20px; background: var(--lime); box-shadow: 0 0 8px var(--lime); animation: flow-down 2.2s ease-in-out infinite; }
@keyframes flow-down { from { transform: translateY(-25px); } to { transform: translateY(60px); } }
.signal-actions { border: 1px solid var(--line); }
.action-row { display: grid; grid-template-columns: 34px 1fr auto; gap: .5rem; align-items: center; min-height: 54px; padding: 0 1rem; border-bottom: 1px solid var(--line); font-size: .77rem; transition: background .35s; }
.action-row:last-child { border: 0; }
.action-row > span { font-family: "DM Mono"; color: var(--faint); }
.action-row small { color: var(--muted); }
.action-row.is-active { background: var(--lime-soft); }
.action-row.is-active > span, .action-row.is-active b { color: var(--lime); }
.handoff { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; margin-top: 2rem; padding: 1rem; border-left: 2px solid var(--lime); background: #161a13; }
.handoff-symbol { display: grid; place-items: center; width: 38px; height: 38px; background: var(--lime); color: #080a08; font-weight: 700; }
.status-pill { padding: .4rem .6rem; border: 1px solid rgba(204,240,8,.25); color: var(--lime); font-family: "DM Mono"; font-size: .6rem; text-transform: uppercase; }
.scroll-cue { position: absolute; bottom: 22px; left: var(--pad); display: flex; align-items: center; gap: 1rem; color: var(--faint); font-family: "DM Mono"; font-size: .64rem; text-transform: uppercase; letter-spacing: .1em; }
.scroll-cue i { width: 60px; height: 1px; background: var(--line-strong); }

.system-stage { position: relative; min-height: 540px; align-self: center; padding: 1.25rem; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(20,24,19,.96), rgba(8,10,8,.86)); box-shadow: 0 30px 80px rgba(0,0,0,.32); overflow: hidden; }
.system-lane { margin-top: 2.6rem; }
.lane-label, .map-label { display: block; margin-bottom: .65rem; color: var(--faint); font: .64rem "DM Mono"; letter-spacing: .1em; text-transform: uppercase; }
.lane-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; }
.lane-items span { padding: .8rem .5rem; border: 1px solid var(--line); background: var(--surface); color: #c6c9c1; text-align: center; font-size: .7rem; }
.system-arrow { position: relative; width: 1px; height: 38px; margin: .2rem auto; overflow: hidden; background: var(--line-strong); }
.system-arrow i { display: block; width: 1px; height: 14px; background: var(--lime); animation: flow-down 1.8s ease-in-out infinite; }
.system-core { display: flex; align-items: center; justify-content: center; gap: 1rem; padding: 1.2rem; border: 1px solid rgba(204,240,8,.36); background: var(--lime-soft); }
.system-core img { width: 42px; height: 42px; transform: scale(1.18); }
.system-core small, .system-core strong { display: block; }
.system-core small { color: var(--lime); font: .62rem "DM Mono"; letter-spacing: .1em; }
.system-core strong { margin-top: .25rem; font-size: .86rem; }
.system-lane--result { margin-top: 0; }
.stage-legend { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--faint); font: .6rem "DM Mono"; text-transform: uppercase; }
.stage-legend span { display: flex; align-items: center; gap: .45rem; }
.stage-legend i { width: 6px; height: 6px; border-radius: 50%; background: var(--faint); }
.stage-legend .legend-live { background: var(--lime); box-shadow: 0 0 9px var(--lime); }

.statement { max-width: var(--max); margin: auto; padding-top: 10rem; padding-bottom: 10rem; display: grid; grid-template-columns: 240px 1fr; border-top: 1px solid var(--line); }
.statement-body h2 { max-width: 900px; font-size: clamp(2.4rem, 5vw, 5rem); line-height: 1.08; letter-spacing: -.05em; font-weight: 500; }
.statement-body h2 span { color: #696d65; }
.statement-kicker { color: var(--lime); font-family: "DM Mono"; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.statement-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-top: 4rem; padding-top: 2rem; border-top: 1px solid var(--line); color: var(--muted); }
.statement-detail p { max-width: 440px; }
.leak-grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 4rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.leak-grid article { min-height: 185px; padding: 1.5rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.leak-grid article > span { display: block; margin-bottom: 2.6rem; color: var(--lime); font: .65rem "DM Mono"; }
.leak-grid strong { font-size: 1.05rem; }
.leak-grid p { margin: .7rem 0 0; color: var(--muted); font-size: .88rem; }

.system, .integration { padding-top: 9rem; padding-bottom: 9rem; background: var(--bg-soft); border-block: 1px solid var(--line); }
.section-heading { max-width: var(--max); margin: 0 auto 5.5rem; display: grid; grid-template-columns: 1.5fr .5fr; gap: 4rem; align-items: end; }
.section-heading h2 { margin: 0; font-size: clamp(2.7rem, 5vw, 5.4rem); line-height: .98; letter-spacing: -.055em; font-weight: 500; }
.section-heading > p { margin: 0; color: var(--muted); font-size: 1.02rem; }
.orchestration { position: relative; max-width: var(--max); min-height: 520px; margin: auto; display: grid; grid-template-columns: 1fr 1.05fr 1fr; align-items: center; gap: 3rem; padding: 5rem 2.3rem 3rem; border: 1px solid var(--line); background-color: #0a0c0a; background-image: radial-gradient(rgba(204,240,8,.09) 1px, transparent 1px); background-size: 24px 24px; overflow: hidden; }
.rail-label { position: absolute; top: 1.2rem; font-family: "DM Mono"; color: var(--faint); font-size: .65rem; text-transform: uppercase; letter-spacing: .1em; }
.rail-label--top { left: 2.3rem; }
.rail-label--bottom { right: 2.3rem; }
.channel-list, .outcome-list { display: grid; gap: .6rem; }
.channel { width: 100%; display: grid; grid-template-columns: 30px 1fr; text-align: left; padding: 1rem; border: 1px solid var(--line); background: rgba(17,20,17,.86); cursor: pointer; transition: border-color .2s, transform .2s, background .2s; }
.channel:hover { transform: translateX(4px); border-color: var(--line-strong); }
.channel.is-selected { border-color: rgba(204,240,8,.55); background: var(--lime-soft); }
.channel span { grid-row: 1 / 3; font-family: "DM Mono"; font-size: .65rem; color: var(--faint); }
.channel.is-selected span { color: var(--lime); }
.channel b { font-size: .87rem; }
.channel small { margin-top: .25rem; color: var(--muted); }
.engine { position: relative; aspect-ratio: 1; max-width: 310px; margin: auto; display: grid; place-content: center; text-align: center; border-radius: 50%; border: 1px solid var(--line-strong); background: radial-gradient(circle, rgba(204,240,8,.09), #0d100d 59%); }
.engine::before, .engine::after { content: ""; position: absolute; inset: 12%; border: 1px solid var(--line); border-radius: 50%; }
.engine::after { inset: 26%; border-color: rgba(204,240,8,.25); }
.engine-orbit { position: absolute; inset: -1px; border: 1px dashed rgba(204,240,8,.33); border-radius: 50%; animation: spin 18s linear infinite; }
.engine-orbit::before { content: ""; position: absolute; width: 8px; height: 8px; left: 49%; top: -4px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px var(--lime); }
@keyframes spin { to { transform: rotate(360deg); } }
.engine img { width: 54px; height: 54px; object-fit: cover; margin: 0 auto .7rem; transform: scale(1.3); }
.engine-label { position: relative; z-index: 1; color: var(--lime); font-family: "DM Mono"; font-size: .7rem; letter-spacing: .14em; }
.engine p { position: relative; z-index: 1; width: 160px; min-height: 40px; margin: .7rem auto 0; color: var(--muted); font-size: .73rem; }
.outcome { display: flex; align-items: center; gap: .9rem; min-height: 53px; padding: .8rem 1rem; border-bottom: 1px solid var(--line); }
.outcome span { color: var(--lime); }
.outcome b { font-size: .82rem; }
.principles { max-width: var(--max); margin: 2rem auto 0; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }
.principles article { padding: 2.2rem; border-right: 1px solid var(--line); }
.principles article:last-child { border: 0; }
.principles article > span { font-family: "DM Mono"; color: var(--lime); font-size: .68rem; }
.principles h3 { margin: 3rem 0 1rem; font-size: 1.25rem; font-weight: 500; }
.principles p { color: var(--muted); font-size: 1rem; }

.orchestration-map { max-width: var(--max); margin: auto; display: grid; grid-template-columns: 1fr 52px 1.1fr 52px 1fr; align-items: stretch; border: 1px solid var(--line); background: #0a0c0a; }
.map-column { padding: 2rem; }
.map-column--core { background: linear-gradient(145deg, rgba(204,240,8,.12), rgba(204,240,8,.025)); border-inline: 1px solid rgba(204,240,8,.25); }
.map-column strong { display: block; min-height: 48px; font-size: 1.05rem; }
.map-column ul, .use-card ul { margin: 2.5rem 0 0; padding: 0; list-style: none; }
.map-column li, .use-card li { padding: .65rem 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; }
.map-connector { display: grid; place-items: center; color: var(--lime); font: 1.15rem "DM Mono"; }

.proof { padding-top: 9rem; padding-bottom: 9rem; }
.flow-steps--three { grid-template-columns: repeat(3, 1fr); }
.flow-steps--three::before { left: 16%; right: 16%; }
.flow-steps--three::after { left: 16%; width: 27%; animation-name: signal-travel-three; }
@keyframes signal-travel-three { 0% { transform: translateX(0); } 50%, 100% { transform: translateX(210%); } }

.flow-board { max-width: var(--max); margin: auto; border: 1px solid var(--line); background: #0a0c0a; overflow: hidden; }
.flow-board__head { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 0 1.5rem; border-bottom: 1px solid var(--line); font-family: "DM Mono"; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.flow-board__head > div { display: flex; align-items: center; }
.flow-board__head b { color: var(--ink); font-weight: 500; }
.flow-steps { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 2.5rem 1.5rem 2rem; background-image: radial-gradient(rgba(204,240,8,.1) 1px, transparent 1px); background-size: 24px 24px; }
.flow-steps::before { content: ""; position: absolute; top: 5.6rem; left: 10%; right: 10%; height: 1px; background: var(--line-strong); }
.flow-steps::after { content: ""; position: absolute; top: calc(5.6rem - 2px); left: 10%; width: 18%; height: 5px; border-radius: 5px; background: var(--lime); box-shadow: 0 0 18px rgba(204,240,8,.6); animation: signal-travel 4.5s ease-in-out infinite; }
@keyframes signal-travel { 0% { transform: translateX(0); } 50%, 100% { transform: translateX(345%); } }
.flow-step { position: relative; z-index: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 .7rem; }
.flow-no { align-self: flex-start; color: var(--faint); font-family: "DM Mono"; font-size: .62rem; }
.flow-icon { width: 54px; height: 54px; display: grid; place-items: center; margin: 1.35rem auto 2rem; border: 1px solid var(--line-strong); background: var(--surface); color: var(--lime); font-family: "DM Mono"; font-weight: 700; }
.flow-step.is-result .flow-icon { border-color: var(--lime); background: var(--lime); color: #080a08; }
.flow-step strong { font-size: .88rem; }
.flow-step small { max-width: 155px; margin-top: .45rem; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.flow-control { min-height: 70px; display: flex; align-items: center; justify-content: center; gap: 1.3rem; padding: 1rem 1.5rem; border-top: 1px solid var(--line); background: linear-gradient(90deg, transparent, rgba(204,240,8,.055), transparent); color: #c5c8c0; font-size: .78rem; }
.flow-control i { width: 42px; height: 1px; background: var(--line-strong); }

.use-cases { max-width: var(--max); margin: auto; padding-top: 10rem; padding-bottom: 10rem; }
.section-heading--compact { display: block; margin-left: 0; }
.case-list { border-top: 1px solid var(--line-strong); }
.case { border-bottom: 1px solid var(--line); }
.case button { width: 100%; min-height: 110px; display: grid; grid-template-columns: 90px minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 1.5rem 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
.case-no { font-family: "DM Mono"; color: var(--faint); font-size: .7rem; }
.case-title { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; font-size: clamp(1.4rem, 3vw, 2.7rem); line-height: 1.12; letter-spacing: -.03em; }
.case-status { flex: 0 0 auto; padding: .42rem .58rem; border: 1px solid var(--line-strong); color: var(--muted); font-family: "DM Mono"; font-size: .62rem; font-weight: 500; line-height: 1; letter-spacing: .06em; text-transform: uppercase; }
.case-status--live { border-color: rgba(204,240,8,.42); color: var(--lime); }
.case-toggle { font-size: 1.7rem; color: var(--lime); }
.case-content { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr); align-items: start; gap: clamp(2rem, 6vw, 5rem); max-height: 0; opacity: 0; overflow: hidden; transition: max-height .45s ease, opacity .35s, padding .45s; }
.case.is-open .case-content { max-height: 360px; opacity: 1; padding: 1rem 0 3.5rem 90px; }
.case button:focus-visible { outline: 0; box-shadow: inset 3px 0 0 var(--lime); background: linear-gradient(90deg, var(--lime-soft), transparent 28%); }
.case-content p { max-width: 600px; color: var(--muted); font-size: 1.05rem; }
.case-content ul { margin: 0; padding: 0; list-style: none; }
.case-content li { padding: .45rem 0; border-bottom: 1px solid var(--line); color: #c6c8c1; font-family: "DM Mono"; font-size: .72rem; text-transform: uppercase; }
.use-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); background: var(--line); gap: 1px; }
.use-card { min-width: 0; padding: 2rem; background: var(--bg); }
.use-card--live { background: linear-gradient(150deg, rgba(204,240,8,.11), var(--bg) 55%); }
.use-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--faint); font: .65rem "DM Mono"; text-transform: uppercase; }
.use-top small { padding: .4rem .55rem; border: 1px solid var(--line-strong); font-size: .58rem; }
.use-card--live .use-top small { border-color: rgba(204,240,8,.45); color: var(--lime); }
.use-card h3 { min-height: 86px; margin: 3.2rem 0 1rem; font-size: 1.65rem; line-height: 1.15; font-weight: 500; letter-spacing: -.025em; }
.use-card p { min-height: 100px; color: var(--muted); font-size: .92rem; }

.demo { padding-top: 5rem; padding-bottom: 5rem; background: var(--lime); color: #090b08; }
.demo-panel { max-width: var(--max); margin: auto; display: grid; grid-template-columns: 1.3fr .7fr; gap: 6rem; align-items: center; }
.demo .eyebrow { color: rgba(9,11,8,.65); }
.demo .pulse { background: #090b08; box-shadow: 0 0 0 5px rgba(9,11,8,.09); }
.demo-copy h2 { margin-bottom: 2rem; font-size: clamp(2.9rem, 5.2vw, 5.4rem); line-height: 1.02; letter-spacing: -.055em; font-weight: 500; }
.demo-copy em { color: #090b08; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 10px; }
.demo-copy > p:last-child { max-width: 520px; color: rgba(9,11,8,.69); }
.phone-card { padding: 2rem; background: #090b08; color: var(--ink); box-shadow: 18px 18px 0 rgba(9,11,8,.14); }
.phone-card .stage-live { color: var(--lime); }
.phone-number { display: block; margin: 4.5rem 0 1.2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line-strong); font-family: "DM Mono"; font-size: clamp(1.25rem, 2vw, 1.75rem); color: var(--lime); }
.phone-card p { color: var(--muted); font-size: .85rem; }
.phone-card .button { margin-top: 2.5rem; }

.integration { border-top: 0; }
.pilot { padding-top: 9rem; padding-bottom: 9rem; background: var(--bg); }
.pilot-steps { max-width: var(--max); margin: auto; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; border: 1px solid var(--line); }
.pilot-steps li { min-height: 250px; padding: 1.7rem; border-right: 1px solid var(--line); }
.pilot-steps li:last-child { border: 0; }
.pilot-steps li > span { color: var(--lime); font: .65rem "DM Mono"; }
.pilot-steps div { margin-top: 5rem; }
.pilot-steps strong { font-size: 1rem; }
.pilot-steps p { margin: .8rem 0 0; color: var(--muted); font-size: .85rem; }
.pilot-principle { max-width: var(--max); margin: 1.2rem auto 0; padding: 1.2rem 1.5rem; display: flex; gap: 2rem; border-left: 2px solid var(--lime); background: var(--lime-soft); }
.pilot-principle strong { flex: 0 0 auto; color: var(--lime); font: .68rem "DM Mono"; text-transform: uppercase; }
.pilot-principle p { margin: 0; color: #c8cbc2; }
.integration-map { max-width: var(--max); margin: auto; display: grid; grid-template-columns: 1fr .78fr 1fr; align-items: center; gap: 3rem; padding: 3rem; border: 1px solid var(--line); background: #0a0c0a; }
.stack { display: grid; gap: .7rem; }
.stack span { padding: 1rem; border: 1px solid var(--line); color: #c2c5bd; font-size: .8rem; }
.stack--left span { text-align: right; }
.integration-core { min-height: 260px; display: grid; place-content: center; justify-items: center; text-align: center; border: 1px solid rgba(204,240,8,.3); background: radial-gradient(circle, var(--lime-soft), transparent 64%); }
.integration-core img { width: 64px; height: 64px; object-fit: cover; transform: scale(1.25); }
.integration-core b { margin-top: 1rem; color: var(--lime); font-size: .9rem; }
.integration-core small { max-width: 160px; margin-top: .5rem; color: var(--muted); }
.integration-note { max-width: var(--max); margin: 1.25rem auto 0; padding: 1rem 1.15rem; border-left: 2px solid var(--lime); background: rgba(204,240,8,.045); color: var(--muted); font-size: .9rem; }
.integration-note span { margin-right: .8rem; color: var(--ink); font-family: "DM Mono"; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.control-grid { max-width: var(--max); margin: 2rem auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.control-grid article { padding: 2rem; background: var(--bg-soft); }
.control-icon { color: var(--lime); font-size: 1.5rem; }
.control-grid h3 { margin: 2.8rem 0 .8rem; font-size: 1.05rem; }
.control-grid p { color: var(--muted); font-size: 1rem; }

.final-cta { min-height: 90vh; display: grid; place-items: center; overflow: hidden; padding-top: 8rem; padding-bottom: 8rem; }
.final-mark { position: absolute; left: -8vw; top: 50%; width: 52vw; opacity: .08; transform: translateY(-50%) rotate(-3deg); filter: grayscale(1); }
.final-copy { position: relative; z-index: 1; width: min(760px, 100%); margin-left: min(28vw, 360px); }
.final-copy h2 { font-size: clamp(3rem, 6vw, 6.5rem); line-height: .98; letter-spacing: -.06em; font-weight: 500; }
.final-copy > p { max-width: 650px; color: var(--muted); }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 3rem; }
.booking-button { width: 100%; margin-top: 2.4rem; }
.contact-alternative { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; color: var(--faint); font: .65rem "DM Mono"; letter-spacing: .08em; text-transform: uppercase; }
.contact-alternative::before, .contact-alternative::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.contact-alternative + .contact-form { margin-top: 1.5rem; }
.contact-form label span { display: block; margin-bottom: .5rem; color: var(--muted); font-family: "DM Mono"; font-size: .66rem; text-transform: uppercase; letter-spacing: .08em; }
.contact-form input { width: 100%; min-height: 55px; padding: 0 1rem; border: 1px solid var(--line-strong); border-radius: 0; background: var(--surface); color: var(--ink); }
.contact-form input::placeholder { color: #686c64; }
.contact-form .button { grid-column: 1 / -1; margin-top: .5rem; }
.form-note { grid-column: 1 / -1; text-align: center; font-size: .75rem; }
.form-note a { color: var(--ink); border-bottom: 1px solid var(--line-strong); }
.privacy-note { grid-column: 1 / -1; margin: .25rem 0 0; color: var(--faint) !important; font-size: .68rem; line-height: 1.55; text-align: center; }
.privacy-note a { color: var(--muted); border-bottom: 1px solid var(--line); }
.hidden { display: none; }

.thanks-page { min-height: 100svh; display: grid; place-items: center; padding: var(--pad); background-image: radial-gradient(rgba(204,240,8,.08) 1px, transparent 1px); background-size: 28px 28px; }
.thanks-card { width: min(760px, 100%); padding: clamp(2rem, 6vw, 5rem); border: 1px solid var(--line); background: rgba(8,10,8,.94); }
.thanks-card .eyebrow { margin-top: 5rem; }
.thanks-card h1 { margin-bottom: 2rem; font-size: clamp(3rem, 7vw, 6rem); }
.thanks-card > p:not(.eyebrow) { max-width: 590px; color: var(--muted); font-size: 1.05rem; }
.thanks-actions { display: flex; align-items: center; gap: 2rem; margin-top: 3rem; }

footer { min-height: 130px; max-width: var(--max); margin: auto; padding: 2.5rem var(--pad); display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 2rem; border-top: 1px solid var(--line); color: var(--faint); font-size: .72rem; }
footer p { margin: 0; text-align: center; }
footer > div { display: flex; justify-content: flex-end; gap: 1.5rem; }

.conversion-actions { display: grid; grid-template-columns: 1.2fr .8fr; gap: .8rem; margin-top: 2.4rem; }
.conversion-actions .button { width: 100%; }

.assessment-page { background-image: radial-gradient(rgba(204,240,8,.055) 1px, transparent 1px); background-size: 30px 30px; }
.assessment-page .site-header { background: rgba(8,10,8,.92); }
.assessment-header-label { color: var(--faint); font: .66rem "DM Mono"; letter-spacing: .12em; text-transform: uppercase; }
.assessment-shell { width: min(1040px, calc(100% - 2 * var(--pad))); min-height: calc(100svh - 130px); margin: auto; padding: 150px 0 7rem; }
.assessment-intro { width: min(820px, 100%); margin: auto; text-align: center; }
.assessment-intro h1 { max-width: none; font-size: clamp(3.4rem, 7.2vw, 7rem); }
.assessment-intro > p:not(.eyebrow) { max-width: 690px; margin: 0 auto; color: var(--muted); font-size: 1.1rem; }
.assessment-intro ul { display: flex; justify-content: center; gap: 2rem; margin: 2rem 0 2.5rem; padding: 0; list-style: none; color: var(--faint); font: .66rem "DM Mono"; letter-spacing: .06em; text-transform: uppercase; }
.assessment-intro li::before { content: "✓"; margin-right: .5rem; color: var(--lime); }
.assessment-form { width: min(760px, 100%); margin: auto; }
.assessment-progress { margin-bottom: 4rem; color: var(--faint); font: .65rem "DM Mono"; letter-spacing: .08em; text-transform: uppercase; }
.assessment-progress > div { height: 2px; margin-top: .8rem; background: var(--line); }
.assessment-progress i { display: block; width: 12.5%; height: 100%; background: var(--lime); transition: width .3s ease; }
.assessment-step { margin: 0; padding: 0; border: 0; }
.assessment-step legend { width: 100%; margin-bottom: 2.5rem; font-size: clamp(1.8rem, 4vw, 3.2rem); line-height: 1.15; letter-spacing: -.035em; }
.assessment-step legend > span { display: block; margin-bottom: 1rem; color: var(--lime); font: .7rem "DM Mono"; letter-spacing: .1em; }
.assessment-step > label:not(.privacy-note) { position: relative; display: block; margin-bottom: .7rem; cursor: pointer; }
.assessment-step > label > input[type="radio"] { position: absolute; opacity: 0; }
.assessment-step > label > input[type="radio"] + span { display: flex; align-items: center; min-height: 64px; padding: 1rem 1.2rem; border: 1px solid var(--line); background: rgba(17,20,17,.9); color: #c7cac2; transition: border-color .2s, background .2s, color .2s; }
.assessment-step > label > input[type="radio"] + span::before { content: ""; width: 16px; height: 16px; margin-right: 1rem; border: 1px solid var(--faint); border-radius: 50%; }
.assessment-step > label > input[type="radio"]:checked + span { border-color: var(--lime); background: var(--lime-soft); color: var(--ink); }
.assessment-step > label > input[type="radio"]:checked + span::before { border: 5px solid var(--lime); }
.assessment-step > label > input[type="radio"]:focus-visible + span { outline: 2px solid var(--lime); outline-offset: 2px; }
.assessment-contact > label > span, .field-grid label > span { display: block; margin-bottom: .5rem; color: var(--muted); font: .66rem "DM Mono"; letter-spacing: .08em; text-transform: uppercase; }
.assessment-contact label small { color: var(--faint); }
.assessment-contact input { width: 100%; min-height: 58px; margin-bottom: 1rem; padding: 0 1rem; border: 1px solid var(--line-strong); border-radius: 0; background: var(--surface); color: var(--ink); }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.assessment-nav { display: flex; align-items: center; justify-content: space-between; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.assessment-nav .text-link { border: 0; background: transparent; cursor: pointer; }
.assessment-nav .text-link:disabled { opacity: .25; cursor: default; }
.assessment-error { min-height: 24px; margin-top: 1rem; color: #ff8c75; font-size: .78rem; text-align: right; }
.assessment-result { width: 100%; }
.result-heading { display: grid; grid-template-columns: 1fr 220px; align-items: center; gap: 4rem; padding-bottom: 4rem; border-bottom: 1px solid var(--line); }
.result-heading h1 { max-width: 700px; font-size: clamp(3rem, 6vw, 6rem); }
.result-heading > div:first-child > p:last-child { max-width: 650px; color: var(--muted); }
.result-context { margin-top: 1.3rem !important; padding-left: 1rem; border-left: 2px solid var(--lime); color: #c4c7bf !important; font-size: .82rem; }
.score-ring { aspect-ratio: 1; display: grid; place-content: center; justify-items: center; border: 1px solid rgba(204,240,8,.5); border-radius: 50%; background: radial-gradient(circle, var(--lime-soft), transparent 70%); }
.score-ring strong { color: var(--lime); font: 4.6rem/1 "DM Mono"; }
.score-ring > span { color: var(--muted); font: .8rem "DM Mono"; }
.score-ring small { width: 130px; margin-top: 1rem; color: var(--muted); font: .6rem "DM Mono"; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.result-level { display: grid; grid-template-columns: 180px 1fr 1.4fr; gap: 2rem; align-items: center; margin-top: 2rem; padding: 1.4rem 1.6rem; border-left: 2px solid var(--lime); background: var(--lime-soft); }
.result-level > span, .result-pilot > span { color: var(--lime); font: .62rem "DM Mono"; letter-spacing: .1em; }
.result-level strong { font-size: 1.1rem; }
.result-level p { margin: 0; color: #c5c8c0; font-size: .84rem; }
.risk-map { margin-top: 2rem; padding: 2rem; border: 1px solid var(--line); background: #0a0c0a; }
.risk-map .eyebrow { margin-bottom: 1.5rem; }
.risk-row { display: grid; grid-template-columns: 150px 1fr 65px 85px; align-items: center; gap: 1rem; min-height: 48px; border-top: 1px solid var(--line); }
.risk-row > span { color: #c7cac2; font-size: .8rem; }
.risk-row > div { height: 6px; background: var(--surface-raised); overflow: hidden; }
.risk-row i { display: block; height: 100%; background: var(--lime); }
.risk-row strong { font: .7rem "DM Mono"; text-align: right; }
.risk-row small { color: var(--faint); font: .58rem "DM Mono"; text-align: right; text-transform: uppercase; }
.result-grid { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 1px; margin-top: 2rem; border: 1px solid var(--line); background: var(--line); }
.result-grid article { min-height: 290px; padding: 1.8rem; background: var(--bg-soft); }
.result-grid .result-priority { background: linear-gradient(150deg, rgba(204,240,8,.12), var(--bg-soft) 58%); }
.result-grid article > span { color: var(--lime); font: .62rem "DM Mono"; letter-spacing: .1em; }
.result-grid h2, .result-grid h3 { margin: 4rem 0 1rem; font-size: 1.35rem; line-height: 1.2; font-weight: 500; }
.result-grid p { color: var(--muted); font-size: .86rem; }
.result-pilot { margin-top: 2rem; padding: 2.4rem; border: 1px solid rgba(204,240,8,.3); background: linear-gradient(135deg, rgba(204,240,8,.1), transparent 60%); }
.result-pilot h2 { margin: 1.3rem 0 .8rem; font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 500; letter-spacing: -.035em; }
.result-pilot p { max-width: 800px; margin: 0; color: var(--muted); }
.result-plan { margin-top: 2rem; padding: 2.4rem; border: 1px solid var(--line); background: #0a0c0a; }
.result-plan ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0; padding: 0; counter-reset: plan; list-style: none; background: var(--line); }
.result-plan li { min-height: 160px; padding: 1.4rem; background: var(--bg); color: #c7cac2; counter-increment: plan; }
.result-plan li::before { content: "0" counter(plan); display: block; margin-bottom: 2rem; color: var(--lime); font: .66rem "DM Mono"; }
.result-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3rem; margin-top: 2rem; padding: 3rem; background: var(--lime); color: #090b08; }
.result-cta .eyebrow, .result-cta p { color: rgba(9,11,8,.66); }
.result-cta h2 { margin-bottom: 1rem; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.05; letter-spacing: -.045em; }
.result-cta .button { background: #090b08; color: var(--lime); }
.result-tools { display: flex; justify-content: space-between; margin-top: 1.5rem; }
.result-tools button { border: 0; background: transparent; cursor: pointer; }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .8s ease, transform .8s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1100px) {
  .statement { grid-template-columns: 1fr; }
  .statement .section-index { margin-bottom: 3rem; }
  .statement-body { min-width: 0; }
  .statement-body h2 { max-width: 850px; font-size: clamp(2.4rem, 7vw, 4.6rem); }
}

@media (max-width: 980px) {
  nav { display: none; }
  .site-header { grid-template-columns: 1fr auto; }
  .hero { grid-template-columns: 1fr; padding-top: 135px; }
  .hero-copy { max-width: 820px; }
  .signal-stage { width: min(650px, 100%); min-height: 510px; }
  .scroll-cue { display: none; }
  .section-index { margin-bottom: 3rem; }
  .section-heading { grid-template-columns: 1fr; }
  .section-heading > p { max-width: 620px; }
  .flow-steps { grid-template-columns: repeat(3, 1fr); row-gap: 2.5rem; }
  .flow-steps::before, .flow-steps::after { display: none; }
  .flow-step:nth-child(4) { grid-column: 2; }
  .demo-panel { grid-template-columns: 1fr; }
  .phone-card { max-width: 560px; }
  .integration-map { gap: 1rem; padding: 1.5rem; }
  .orchestration-map { grid-template-columns: 1fr; }
  .map-column--core { border-inline: 0; border-block: 1px solid rgba(204,240,8,.25); }
  .map-connector { min-height: 45px; transform: rotate(90deg); }
  .use-grid { grid-template-columns: 1fr; }
  .use-card h3, .use-card p { min-height: 0; }
  .pilot-steps { grid-template-columns: 1fr 1fr; }
  .pilot-steps li:nth-child(2) { border-right: 0; }
  .pilot-steps li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .final-copy { margin-left: min(18vw, 180px); }
  .result-grid { grid-template-columns: 1fr; }
  .result-grid article { min-height: auto; }
  .result-grid h2, .result-grid h3 { margin-top: 2.5rem; }
}

@media (max-width: 700px) {
  :root { --pad: 1.15rem; }
  .site-header { height: 66px; }
  .site-header > .button { min-height: 38px; padding: 0 .75rem; gap: .5rem; font-size: .74rem; }
  .brand { font-size: .75rem; }
  .brand-mark { width: 24px; height: 24px; }
  .hero { min-height: auto; padding-top: 125px; padding-bottom: 6rem; gap: 4.5rem; }
  h1 { font-size: clamp(3.2rem, 15vw, 5rem); }
  .hero-lede { font-size: 1rem; }
  .hero-proof { font-size: .8rem; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 1rem; }
  .text-link { width: max-content; }
  .signal-stage { min-height: 500px; padding: 1rem; }
  .system-stage { min-height: auto; padding: 1rem; }
  .lane-items { grid-template-columns: 1fr; }
  .system-lane { margin-top: 2rem; }
  .stage-legend { align-items: flex-start; flex-direction: column; }
  .signal-source { grid-template-columns: auto 1fr; }
  .signal-time { display: none; }
  .action-row { grid-template-columns: 26px 1fr; }
  .action-row small { display: none; }
  .handoff { grid-template-columns: auto 1fr; }
  .status-pill { display: none; }
  .statement, .use-cases { padding-top: 7rem; padding-bottom: 7rem; }
  .statement-detail { grid-template-columns: 1fr; gap: 1rem; }
  .leak-grid { grid-template-columns: 1fr; }
  .leak-grid article { min-height: 155px; }
  .leak-grid article > span { margin-bottom: 1.6rem; }
  .system, .integration { padding-top: 7rem; padding-bottom: 7rem; }
  .section-heading { gap: 2rem; margin-bottom: 3.5rem; }
  .flow-board__head { align-items: flex-start; flex-direction: column; gap: .5rem; padding: 1rem; }
  .flow-steps { display: block; padding: 1rem; }
  .flow-step { min-height: 96px; display: grid; grid-template-columns: 26px 48px 1fr; grid-template-rows: auto auto; align-items: center; gap: 0 .8rem; padding: .8rem 0; text-align: left; border-bottom: 1px solid var(--line); }
  .flow-step:last-child { border: 0; }
  .flow-no { align-self: center; grid-row: 1 / 3; }
  .flow-icon { grid-row: 1 / 3; width: 44px; height: 44px; margin: 0; }
  .flow-step strong { align-self: end; }
  .flow-step small { align-self: start; max-width: none; margin-top: .15rem; }
  .flow-control { align-items: stretch; flex-direction: column; gap: .7rem; }
  .flow-control i { width: 1px; height: 16px; margin-left: .3rem; }
  .principles, .control-grid { grid-template-columns: 1fr; }
  .map-column { padding: 1.4rem; }
  .use-card { padding: 1.5rem; }
  .use-card h3 { margin-top: 2.3rem; font-size: 1.45rem; }
  .principles article { border-right: 0; border-bottom: 1px solid var(--line); }
  .principles article:last-child { border: 0; }
  .principles h3 { margin-top: 1.8rem; }
  .case button { grid-template-columns: 42px 1fr auto; min-height: 96px; }
  .case-title { display: block; }
  .case-status { display: block; width: max-content; margin-top: .65rem; }
  .case-content, .case.is-open .case-content { grid-template-columns: 1fr; gap: 1rem; padding-left: 42px; }
  .case.is-open .case-content { max-height: 560px; padding-top: .5rem; }
  .demo { padding-top: 6rem; padding-bottom: 6rem; }
  .demo-panel { gap: 3rem; }
  .phone-card { padding: 1.4rem; box-shadow: 8px 8px 0 rgba(9,11,8,.14); }
  .phone-number { margin-top: 3rem; font-size: 1.1rem; }
  .integration-map { grid-template-columns: 1fr; }
  .pilot-steps { grid-template-columns: 1fr; }
  .pilot-steps li, .pilot-steps li:nth-child(2) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .pilot-steps li:last-child { border-bottom: 0; }
  .pilot-steps div { margin-top: 2.2rem; }
  .pilot-principle { align-items: flex-start; flex-direction: column; gap: .7rem; }
  .stack { grid-template-columns: 1fr 1fr; }
  .stack--left span { text-align: left; }
  .integration-core { grid-row: 2; }
  .final-cta { min-height: auto; }
  .final-mark { width: 100vw; left: -45vw; }
  .final-copy { margin-left: 0; }
  .contact-form { grid-template-columns: 1fr; }
  .thanks-actions { align-items: stretch; flex-direction: column; }
  .conversion-actions { grid-template-columns: 1fr; }
  .assessment-header-label { display: none; }
  .assessment-shell { padding-top: 115px; }
  .assessment-intro { text-align: left; }
  .assessment-intro h1 { font-size: clamp(3rem, 14vw, 4.5rem); }
  .assessment-intro ul { align-items: flex-start; flex-direction: column; gap: .7rem; }
  .assessment-step legend { font-size: 1.75rem; }
  .field-grid, .result-heading, .result-plan ol, .result-cta { grid-template-columns: 1fr; }
  .result-level { grid-template-columns: 1fr; gap: .6rem; }
  .risk-row { grid-template-columns: 110px 1fr 54px; gap: .7rem; }
  .risk-row small { display: none; }
  .score-ring { width: 180px; }
  .result-cta { padding: 2rem; }
  .result-tools { align-items: flex-start; flex-direction: column; gap: 1rem; }
  footer { grid-template-columns: 1fr; text-align: left; }
  footer p { text-align: left; }
  footer > div { justify-content: flex-start; }
}

@media print {
  .assessment-page .site-header, .assessment-page footer, .result-cta, .result-tools { display: none !important; }
  .assessment-page { background: #fff; color: #111; }
  .assessment-shell { width: 100%; min-height: 0; padding: 0; }
  .result-heading, .result-level, .risk-map, .result-grid, .result-pilot, .result-plan { break-inside: avoid; border-color: #bbb; }
  .result-level, .risk-map, .result-grid article, .result-pilot, .result-plan, .result-plan ol, .result-plan li { background: #fff; color: #111; }
  .result-heading p, .result-level p, .result-grid p, .result-pilot p { color: #444 !important; }
  .score-ring { border-color: #222; }
  .score-ring strong, .result-grid article > span, .result-plan li::before { color: #566500; }
  .risk-row > div { border: 1px solid #bbb; background: #eee; }
  .risk-row i { background: #7f9600; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}