:root {
  --paper: #f3f0e8;
  --paper-2: #e8e5dd;
  --white: #fffefa;
  --ink: #111b2d;
  --ink-2: #18243a;
  --muted: #667083;
  --cobalt: #3157d5;
  --cobalt-dark: #203da6;
  --cobalt-pale: #dce4ff;
  --orange: #f05a3c;
  --orange-pale: #ffd9cf;
  --line: rgba(17, 27, 45, .18);
  --line-light: rgba(255, 255, 255, .2);
  --sans: Arial, Helvetica, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.progress { position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: 3px; background: transparent; }
.progress span { display: block; width: var(--scroll, 0%); height: 100%; background: var(--orange); }

.topbar { position: fixed; inset: 0 0 auto; z-index: 40; min-height: 72px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; padding: 0 3.6vw; border-bottom: 1px solid var(--line); background: rgba(243, 240, 232, .9); backdrop-filter: blur(14px); }
.brand { display: inline-flex; width: max-content; align-items: center; gap: 9px; }
.brand img { display: block; width: 26px; height: 19px; }
.brand strong { font-size: 14px; letter-spacing: -.02em; }
.brand small { padding-left: 9px; border-left: 1px solid var(--line); color: var(--muted); font: 8px var(--mono); letter-spacing: .11em; }
.topbar nav { display: flex; gap: 32px; font: 9px var(--mono); letter-spacing: .08em; }
.topbar nav a { position: relative; padding: 28px 0 25px; color: var(--muted); }
.topbar nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -1px; height: 2px; background: var(--cobalt); transition: right 180ms ease; }
.topbar nav a:hover { color: var(--ink); }.topbar nav a:hover::after { right: 0; }
.nav-download { justify-self: end; display: flex; align-items: center; gap: 28px; padding: 10px 10px 10px 14px; border: 1px solid var(--ink); font: 9px var(--mono); letter-spacing: .08em; transition: color 180ms, background 180ms; }
.nav-download b { display: grid; place-items: center; width: 24px; height: 24px; background: var(--cobalt); color: white; font-size: 13px; }
.nav-download:hover { background: var(--ink); color: white; }

.hero { min-height: 900px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(470px, .95fr); gap: 6vw; align-items: center; padding: 150px 6vw 90px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, transparent 49.95%, rgba(17,27,45,.06) 50%, transparent 50.05%); }
.status-line, .section-label { display: flex; align-items: center; gap: 10px; color: var(--muted); font: 9px var(--mono); letter-spacing: .12em; }
.status-line i { width: 3px; height: 3px; border-radius: 50%; background: var(--muted); }
.status-square { width: 8px; height: 8px; background: var(--cobalt); box-shadow: 10px 0 0 var(--cobalt-pale); animation: status-snap 2.6s steps(1) infinite; }
@keyframes status-snap { 0%, 78%, 100% { box-shadow: 10px 0 0 var(--cobalt-pale); } 82% { box-shadow: 10px 0 0 var(--orange); } }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 780px; margin: 45px 0 55px; font-size: clamp(64px, 7.3vw, 122px); font-weight: 800; letter-spacing: -.085em; line-height: .85; text-transform: uppercase; }
h1 span, .inspect-heading h2 span, .console-intro h2 span, .download h2 span { color: var(--orange); }
.hero-bottom { display: grid; grid-template-columns: 1fr auto; gap: 38px; align-items: end; }
.hero-bottom p { max-width: 450px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.hero-actions { display: flex; flex-direction: column; gap: 8px; }
.action { min-width: 210px; display: flex; justify-content: space-between; gap: 22px; padding: 15px; border: 1px solid var(--ink); font: 9px var(--mono); letter-spacing: .08em; text-transform: uppercase; transition: transform 180ms, background 180ms, color 180ms; }
.action.primary { background: var(--cobalt); border-color: var(--cobalt); color: white; }.action.secondary { color: var(--muted); }
.action:hover { transform: translateX(5px); }.action.secondary:hover { background: var(--ink); color: white; }
.enter { opacity: 0; transform: translateY(18px); animation: enter 650ms cubic-bezier(.2,.75,.2,1) 120ms forwards; }.enter-late { animation-delay: 260ms; }
@keyframes enter { to { opacity: 1; transform: none; } }

.instrument { min-width: 0; border: 1px solid var(--ink); background: var(--white); box-shadow: 14px 14px 0 var(--cobalt-pale); }
.instrument-head, .instrument-foot, .map-head { display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; border-bottom: 1px solid var(--line); font: 8px var(--mono); letter-spacing: .11em; }
.live-tag { display: flex; align-items: center; gap: 7px; color: var(--cobalt); }.live-tag i, .console-status i { width: 7px; height: 7px; background: currentColor; border-radius: 50%; animation: blink 1.8s steps(1) infinite; }
@keyframes blink { 50% { opacity: .2; } }
.instrument-summary { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
.instrument-summary > div { padding: 19px 16px; border-right: 1px solid var(--line); }.instrument-summary > div:last-child { border: 0; }
.instrument-summary small { display: block; margin-bottom: 10px; color: var(--muted); font: 8px var(--mono); letter-spacing: .1em; }
.instrument-summary strong { font-size: 39px; letter-spacing: -.06em; line-height: 1; }
.instrument-summary .summary-alert { background: var(--orange-pale); color: var(--orange); }
.map-head { display: grid; grid-template-columns: 1fr 140px 1fr; color: var(--muted); background: var(--paper-2); }
.port-map { position: relative; min-height: 320px; display: grid; grid-template-columns: 1fr 140px 1fr; overflow: hidden; }
.traces { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
.trace { fill: none; stroke: var(--cobalt); stroke-width: 1.5; stroke-dasharray: 900; stroke-dashoffset: 900; animation: trace-in 900ms cubic-bezier(.3,.6,.2,1) forwards; }.t1 { animation-delay: 600ms; }.t2 { animation-delay: 750ms; }.t3 { animation-delay: 900ms; }.trace.danger { stroke: var(--orange); }
@keyframes trace-in { to { stroke-dashoffset: 0; } }
.processes, .ports, .reach { position: relative; z-index: 1; display: grid; grid-template-rows: repeat(3, 1fr); }
.map-row { display: flex; align-items: center; gap: 12px; padding: 0 17px; opacity: 0; transform: translateX(-12px); animation: row-snap 340ms ease forwards; }.row-one { animation-delay: 780ms; }.row-two { animation-delay: 880ms; }.row-three { animation-delay: 980ms; }
@keyframes row-snap { to { opacity: 1; transform: none; } }
.process-icon { width: 31px; height: 31px; display: grid; place-items: center; background: var(--cobalt-pale); color: var(--cobalt); font-weight: 800; font-size: 12px; }.danger-icon { color: var(--orange); background: var(--orange-pale); }
.map-row div { display: flex; flex-direction: column; gap: 3px; }.map-row strong { font-size: 13px; }.map-row small { color: var(--muted); font: 8px var(--mono); }
.ports { border-left: 1px solid var(--line); border-right: 1px solid var(--line); }.port { display: grid; place-items: center; margin: auto; width: 72px; height: 36px; border: 1px solid var(--cobalt); background: var(--white); color: var(--cobalt); font: 13px var(--mono); font-weight: 700; }.port-three { border-color: var(--orange); color: var(--orange); }
.reach-state { align-self: center; justify-self: start; margin-left: 17px; padding: 7px 9px; background: var(--cobalt-pale); color: var(--cobalt); font: 8px var(--mono); letter-spacing: .08em; }.reach-state.exposed { background: var(--orange); color: white; }
.instrument-foot { border-top: 1px solid var(--line); border-bottom: 0; color: var(--muted); }.instrument-foot b { color: var(--ink); }

.signal-bar { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--cobalt); color: white; }
.signal-bar span { padding: 14px 20px; border-right: 1px solid rgba(255,255,255,.22); text-align: center; font: 8px var(--mono); letter-spacing: .1em; }
.section { padding: 120px 6vw; }
.section-label span { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid currentColor; color: var(--cobalt); }
.section-label.light { color: rgba(255,255,255,.6); }.section-label.light span { color: white; }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity 650ms ease, transform 650ms cubic-bezier(.2,.75,.2,1); }.reveal.visible { opacity: 1; transform: none; }

.inspect { background: var(--white); }
.inspect-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8vw; align-items: end; margin: 50px 0 64px; }
.inspect-heading h2, .workflow-title h2, .console-intro h2, .boundary h2, .download h2 { margin: 0; font-size: clamp(48px, 6.2vw, 92px); font-weight: 800; letter-spacing: -.075em; line-height: .92; text-transform: uppercase; }
.inspect-heading p, .workflow-title p, .console-intro p, .boundary-copy > p, .download-copy > p { max-width: 520px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.scope-switch { display: grid; grid-template-columns: repeat(2, 1fr); max-width: 700px; margin-left: auto; border: 1px solid var(--ink); }
.scope-option { display: grid; grid-template-columns: auto 1fr; gap: 5px 14px; padding: 17px; border: 0; border-right: 1px solid var(--ink); background: transparent; text-align: left; cursor: pointer; transition: background 180ms, color 180ms; }.scope-option:last-child { border: 0; }
.scope-option span { grid-row: span 2; color: var(--muted); font: 8px var(--mono); }.scope-option strong { font: 14px var(--mono); }.scope-option small { color: var(--muted); font: 8px var(--mono); letter-spacing: .08em; }
.scope-option.active { background: var(--cobalt); color: white; }.scope-option.active span, .scope-option.active small { color: rgba(255,255,255,.7); }
.scope-option[data-scope="network"].active { background: var(--orange); }
.route-lab { min-height: 330px; display: grid; grid-template-columns: 1fr minmax(260px, .8fr) 1fr; margin-top: 20px; border: 1px solid var(--ink); background: var(--paper); }
.route-panel { padding: 24px; }.panel-index { display: block; margin-bottom: 80px; color: var(--muted); font: 8px var(--mono); letter-spacing: .1em; }
.process-large { display: flex; align-items: center; gap: 15px; }.process-large > span { width: 50px; height: 50px; display: grid; place-items: center; background: var(--cobalt); color: white; font-size: 20px; font-weight: 800; }.process-large div { min-width: 0; display: flex; flex-direction: column; gap: 5px; }.process-large strong { font-size: 18px; }.process-large small { max-width: 260px; overflow: hidden; color: var(--muted); font: 8px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.route-panel dl { display: flex; gap: 35px; margin: 45px 0 0; }.route-panel dl div { display: flex; flex-direction: column; gap: 5px; }.route-panel dt { color: var(--muted); font: 8px var(--mono); }.route-panel dd { margin: 0; font: 11px var(--mono); }
.route-track { position: relative; display: grid; place-items: center; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }.route-track svg { position: absolute; inset: 0; width: 100%; height: 100%; }.route-track path { fill: none; stroke: var(--cobalt); stroke-width: 2; stroke-dasharray: 500; stroke-dashoffset: 0; transition: stroke 220ms; }.route-track circle { fill: var(--cobalt); transition: fill 220ms; animation: route-pulse 2.5s cubic-bezier(.4,0,.2,1) infinite; }
@keyframes route-pulse { from { transform: translateX(0); } to { transform: translateX(484px); } }
.route-lab.network .route-track path { stroke: var(--orange); animation: redraw 850ms ease; }.route-lab.network .route-track circle { fill: var(--orange); }.route-lab.network .interface-panel { background: var(--orange-pale); }.route-lab.network .risk-label { background: var(--orange); color: white; }
@keyframes redraw { from { stroke-dashoffset: 500; } to { stroke-dashoffset: 0; } }
.track-label { position: absolute; top: 22px; color: var(--muted); font: 8px var(--mono); letter-spacing: .1em; }.track-port { position: relative; z-index: 2; display: grid; place-items: center; width: 90px; height: 90px; border: 2px solid var(--cobalt); background: var(--white); transition: border-color 220ms, transform 220ms; }.route-lab.network .track-port { border-color: var(--orange); transform: scale(1.06); }.track-port small { color: var(--muted); font: 8px var(--mono); }.track-port strong { font: 21px var(--mono); }
.interface-panel { transition: background 220ms; }.interface-panel > strong { display: block; margin-top: 22px; font-size: 30px; letter-spacing: -.05em; }.interface-panel p { max-width: 260px; margin: 12px 0 45px; color: var(--muted); font-size: 13px; line-height: 1.55; }.risk-label { display: inline-block; padding: 8px 10px; background: var(--cobalt-pale); color: var(--cobalt); font: 8px var(--mono); letter-spacing: .09em; transition: background 220ms, color 220ms; }

.workflow { background: var(--paper-2); }
.workflow-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 7vw; margin-top: 55px; }.workflow-title { position: sticky; top: 120px; align-self: start; }.workflow-title h2 { font-size: clamp(48px, 5vw, 78px); }.workflow-title p { margin-top: 28px; }
.workflow-steps { border-top: 1px solid var(--ink); }.step { position: relative; min-height: 215px; display: grid; grid-template-columns: 130px 1fr; gap: 15px 30px; padding: 28px 0 25px 22px; border-bottom: 1px solid var(--line); overflow: hidden; }.step-line { position: absolute; left: 0; top: 0; bottom: 100%; width: 5px; background: var(--cobalt); transition: bottom 700ms ease 180ms; }.step.visible .step-line { bottom: 0; }.step-line.orange { background: var(--orange); }
.step > span, .step code { color: var(--muted); font: 8px var(--mono); letter-spacing: .09em; }.step h3 { margin: 0; font-size: 27px; letter-spacing: -.04em; }.step p { grid-column: 2; max-width: 540px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }.step code { grid-column: 2; width: max-content; padding: 7px 9px; background: var(--white); color: var(--cobalt); }

.console-section { background: var(--ink); color: white; }
.console-intro { display: grid; grid-template-columns: 1.25fr .75fr; gap: 8vw; align-items: end; margin: 50px 0 65px; }.console-intro p { color: rgba(255,255,255,.58); }.console-intro h2 span { color: #91a8ff; }
.console-shell { border: 1px solid rgba(255,255,255,.4); background: var(--white); color: var(--ink); box-shadow: 18px 18px 0 var(--cobalt); }
.console-bar { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 17px; border-bottom: 1px solid var(--line); font: 8px var(--mono); letter-spacing: .08em; }.console-bar > div { display: flex; align-items: center; gap: 10px; }.console-logo { width: 25px; height: 25px; display: grid; place-items: center; background: var(--cobalt); color: white; font: 12px var(--sans); font-weight: 800; }.console-status { color: var(--cobalt); }.console-status span { color: var(--muted); }
.console-grid { display: grid; grid-template-columns: 190px 1fr; min-height: 570px; }.console-grid aside { display: flex; flex-direction: column; gap: 4px; padding: 25px 14px; border-right: 1px solid var(--line); background: var(--paper-2); }.console-grid aside > strong { margin: 0 9px 35px; color: var(--muted); font: 8px var(--mono); }.console-grid aside a { display: flex; justify-content: space-between; padding: 11px 9px; color: var(--muted); font-size: 11px; }.console-grid aside a.selected { background: var(--ink); color: white; }.console-grid aside a span { font: 8px var(--mono); }.aside-foot { margin: auto 9px 0; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font: 8px var(--mono); line-height: 1.6; }
.console-content { min-width: 0; padding: 30px; }.posture-row { display: flex; justify-content: space-between; gap: 30px; }.posture-row small, .console-stats small, .findings-head, .finding-row small { color: var(--muted); font: 8px var(--mono); letter-spacing: .08em; }.posture-row h3 { margin: 10px 0 6px; font-size: 34px; letter-spacing: -.055em; }.posture-row p { color: var(--muted); font-size: 12px; }.posture-row button { align-self: start; padding: 11px 13px; border: 1px solid var(--ink); background: transparent; font: 8px var(--mono); cursor: pointer; }.posture-row button:hover { background: var(--ink); color: white; }
.console-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin: 24px 0 30px; border: 1px solid var(--line); }.console-stats > div { padding: 15px; border-right: 1px solid var(--line); }.console-stats > div:last-child { border: 0; }.console-stats strong { display: block; margin: 12px 0 4px; font-size: 30px; letter-spacing: -.06em; }.console-stats span { color: var(--muted); font-size: 9px; }.console-stats .orange-stat { background: var(--orange-pale); color: var(--orange); }
.findings-head { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--ink); }.finding-row { display: grid; grid-template-columns: 45px 1fr 1fr 80px 34px; align-items: center; gap: 15px; min-height: 78px; border-bottom: 1px solid var(--line); }.severity { display: grid; place-items: center; width: 28px; height: 28px; background: var(--cobalt-pale); color: var(--cobalt); font: 9px var(--mono); }.finding-row > div { display: flex; flex-direction: column; gap: 5px; }.finding-row strong { font-size: 12px; }.finding-row em { color: var(--cobalt); font: 8px var(--mono); font-style: normal; }.finding-row button { width: 32px; height: 32px; border: 1px solid var(--line); background: transparent; cursor: pointer; }.finding-row.critical .severity { background: var(--orange); color: white; }.finding-row.critical em { color: var(--orange); }

.people { background: var(--white); }.people-grid { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 55px; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }.persona { position: relative; min-height: 600px; display: flex; flex-direction: column; padding: 30px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); overflow: hidden; }.persona > span { color: var(--muted); font: 8px var(--mono); letter-spacing: .1em; }.persona h2 { max-width: 520px; margin: 120px 0 25px; font-size: clamp(38px, 4.5vw, 65px); line-height: .95; letter-spacing: -.07em; }.persona p { max-width: 480px; color: var(--muted); font-size: 14px; line-height: 1.6; }.persona a { width: max-content; display: flex; gap: 30px; margin-top: 25px; padding: 12px 14px; border: 1px solid var(--ink); font: 8px var(--mono); transition: background 180ms, color 180ms; }.persona a:hover { background: var(--ink); color: white; }.operator { background: var(--cobalt-pale); }.operator h2 { color: var(--cobalt-dark); }.persona-graphic { position: absolute; right: 28px; bottom: 26px; display: flex; align-items: center; gap: 12px; color: var(--muted); font: 9px var(--mono); }.persona-graphic strong { color: var(--cobalt); font-size: 22px; }.persona-graphic i { color: var(--orange); font-style: normal; font-size: 18px; }.persona-graphic em { padding: 9px; border: 1px solid var(--cobalt); color: var(--cobalt); font-style: normal; }

.boundary { background: var(--cobalt); color: white; }.boundary-copy { display: grid; grid-template-columns: 1.15fr .85fr; gap: 8vw; align-items: end; }.boundary-copy .section-label { grid-column: 1 / -1; }.boundary-copy > p { color: rgba(255,255,255,.68); }.boundary h2 { font-size: clamp(48px, 5.8vw, 85px); }.boundary-diagram { display: grid; grid-template-columns: repeat(7, auto); align-items: center; justify-content: space-between; gap: 18px; margin-top: 85px; padding: 28px 0; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }.boundary-diagram > div { min-width: 140px; display: flex; flex-direction: column; gap: 6px; }.boundary-diagram span { color: rgba(255,255,255,.55); font: 8px var(--mono); }.boundary-diagram strong { font: 10px var(--mono); letter-spacing: .06em; }.boundary-diagram small { color: rgba(255,255,255,.55); font-size: 10px; }.boundary-diagram i { color: #9eb0f8; font-style: normal; }

.download { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; background: var(--orange-pale); }.download h2 { margin: 50px 0 30px; }.download-copy > p { color: #7d5d57; }.downloads { align-self: end; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }.download-card { min-height: 330px; display: flex; flex-direction: column; padding: 22px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: rgba(255,255,255,.34); transition: transform 200ms, box-shadow 200ms, background 200ms; }.download-card:hover, .download-card.recommended { background: var(--white); }.download-card:hover { transform: translate(-5px,-5px); box-shadow: 5px 5px 0 var(--ink); }.download-tag { color: var(--muted); font: 8px var(--mono); letter-spacing: .08em; }.os-mark { margin: auto 0 12px; color: var(--cobalt); font-size: 35px; }.download-card strong { font-size: 31px; letter-spacing: -.05em; }.download-card small { margin-top: 6px; color: var(--muted); font: 8px var(--mono); }.download-card b { display: flex; justify-content: space-between; margin-top: 26px; padding-top: 13px; border-top: 1px solid var(--line); font: 8px var(--mono); }.release-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 25px; padding: 17px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); color: #7d5d57; font: 8px var(--mono); }.release-meta a { text-decoration: underline; text-underline-offset: 3px; }

footer { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 0 3.6vw; background: var(--ink); color: rgba(255,255,255,.55); font: 8px var(--mono); letter-spacing: .08em; }.footer-brand { color: white; }.footer-brand img { filter: brightness(0) saturate(100%) invert(70%) sepia(28%) saturate(1187%) hue-rotate(195deg) brightness(103%) contrast(94%); }

@media (max-width: 1100px) {
  .hero { grid-template-columns: 1fr; padding-top: 140px; }.hero-copy { max-width: 900px; }.hero-bottom { grid-template-columns: 1fr auto; }.instrument { max-width: 850px; }.workflow-layout { grid-template-columns: 1fr; }.workflow-title { position: static; }.workflow-title p { max-width: 650px; }.boundary-diagram { grid-template-columns: 1fr; }.boundary-diagram i { transform: rotate(90deg); }.download { grid-template-columns: 1fr; }.downloads { max-width: 820px; }
}
@media (max-width: 760px) {
  .topbar { grid-template-columns: 1fr auto; padding: 0 5vw; }.topbar nav { display: none; }.brand small { display: none; }.nav-download span { display: none; }.nav-download { padding: 7px; border: 0; }.hero, .section { padding-left: 5vw; padding-right: 5vw; }.hero { min-height: auto; padding-top: 125px; padding-bottom: 75px; }.status-line i, .status-line i + * { display: none; } h1 { margin: 35px 0 42px; font-size: clamp(54px, 16vw, 78px); }.hero-bottom { grid-template-columns: 1fr; }.hero-actions { flex-direction: row; flex-wrap: wrap; }.action { min-width: 0; flex: 1 1 180px; }.instrument { box-shadow: 7px 7px 0 var(--cobalt-pale); }.instrument-summary strong { font-size: 28px; }.map-head, .port-map { grid-template-columns: 1fr 90px 1fr; }.port-map { min-height: 270px; }.port { width: 58px; }.process-icon { display: none; }.map-row { padding: 0 10px; }.reach-state { margin-left: 8px; font-size: 7px; }.signal-bar { grid-template-columns: repeat(2,1fr); }.signal-bar span:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.22); }.section { padding-top: 85px; padding-bottom: 85px; }.inspect-heading, .console-intro, .boundary-copy { grid-template-columns: 1fr; gap: 28px; }.scope-switch { margin-left: 0; }.route-lab { grid-template-columns: 1fr; }.route-track { min-height: 170px; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.route-track svg { transform: rotate(90deg); }.route-track circle { animation: none; }.panel-index { margin-bottom: 40px; }.step { grid-template-columns: 85px 1fr; padding-left: 15px; }.console-shell { box-shadow: 8px 8px 0 var(--cobalt); }.console-grid { grid-template-columns: 1fr; }.console-grid aside { display: none; }.console-content { padding: 18px; }.posture-row { flex-direction: column; }.console-stats { grid-template-columns: repeat(2,1fr); }.console-stats > div:nth-child(2) { border-right: 0; }.console-stats > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.finding-row { grid-template-columns: 35px 1fr 65px 30px; }.finding-row > div:nth-child(3) { display: none; }.people-grid { grid-template-columns: 1fr; }.persona { min-height: 460px; }.persona h2 { margin-top: 75px; }.boundary-diagram { margin-top: 55px; }.downloads { grid-template-columns: 1fr; }.release-meta { grid-column: 1; }.download-card { min-height: 270px; } footer { align-items: flex-start; flex-direction: column; padding-top: 28px; padding-bottom: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .enter, .reveal, .map-row { opacity: 1; transform: none; }
  .trace { stroke-dashoffset: 0; }
}