/* Shared visual system. All substantive content remains visible without JS. */
:root { --bg:#f7faf8; --ink:#12251e; --green:#007f52; --green-dark:#00613e; --muted:#55665e; --max:1240px; --line:rgba(18,37,30,.13); }
body { background:var(--bg); }
::selection { background:#c5f5dc; color:#12251e; }
button { font-family:inherit; }
a,button { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #008052; outline-offset:5px; }
main:focus { outline:none; }
[id] { scroll-margin-top:105px; }
.skip-link { position:fixed; left:20px; top:-70px; z-index:50; padding:14px 22px; background:var(--ink); color:white; border-radius:8px; }
.skip-link:focus { top:12px; }
.grid { display:none; }
.site-header { background:rgba(247,250,248,.93); border-color:var(--line); }
.nav { min-height:88px; }
.brand img { width:144px; mix-blend-mode:multiply; }
.nav-links { gap:30px; font-size:13px; }
.nav-links a { position:relative; }
.nav-links a:not(.nav-cta)::after { content:""; position:absolute; left:0; right:100%; bottom:-7px; height:2px; background:var(--green); transition:right .25s; }
.nav-links a:hover::after,.nav-links a[aria-current]::after { right:0; }
.nav-cta { border-color:var(--green); border-radius:7px; background:var(--green); color:#fff; padding:12px 18px; }
.nav-links .nav-cta:hover { background:var(--green-dark); color:white; }
.menu-toggle { display:none; }
h1 { font-weight:610; letter-spacing:-.065em; }
h2 { font-weight:580; letter-spacing:-.05em; }
.button { border-radius:7px; gap:20px; min-height:52px; }
.button.primary { box-shadow:none; }
.button span,.path-arrow,.next-card .arrow { transition:transform .25s; }
.button:hover span { transform:translate(3px,-2px); }
.text-button { border-color:transparent; padding-left:10px; }
.muted-heading { color:#72867a; }
.status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--green); }
.hero-stage { position:relative; overflow:hidden; background:radial-gradient(ellipse at 78% 35%,#d9f0e3 0,transparent 50%),var(--bg); }
.hero { position:relative; grid-template-columns:1.02fr 1fr; gap:30px; min-height:680px; padding:82px 0 65px; }
.hero h1 { font-size:clamp(62px,6.8vw,96px); line-height:1.02; margin-bottom:28px; }
.hero .eyebrow { font-size:10px; margin-bottom:30px; letter-spacing:.15em; }
.hero-copy { max-width:490px; font-size:19px; line-height:1.65; margin-bottom:30px; }
.hero-note { display:flex; gap:10px; align-items:center; color:var(--muted); font-size:11px; margin-top:28px; }
.reality-scene { position:relative; height:510px; margin:0; isolation:isolate; }
.scene-orbits { position:absolute; width:450px; height:450px; left:50%; top:49%; transform:translate(-50%,-50%); border:1px solid #bdd9c9; border-radius:50%; }
.scene-orbits i { position:absolute; inset:40px; border:1px solid #b6d7c5; border-radius:50%; }
.scene-orbits i:nth-child(2) { inset:82px; border-style:dashed; opacity:.7; }
.scene-orbits i:nth-child(3) { inset:-38px; border-color:#cde3d6; }
.orbit-particle { position:absolute; inset:0; animation:orbit 26s linear infinite; }
.orbit-particle::after { content:""; position:absolute; width:9px; height:9px; left:50%; top:-5px; border-radius:50%; background:#258c60; box-shadow:0 0 0 7px #258c6012; }
.scene-axis { position:absolute; z-index:-1; background:#a6cbb933; }
.axis-horizontal { width:100%; top:49%; height:1px; }
.axis-vertical { height:100%; left:50%; width:1px; }
.scene-tag { position:absolute; top:14px; left:50%; transform:translateX(-50%); white-space:nowrap; color:#52695a; font:10px ui-monospace,monospace; letter-spacing:.1em; }
.integrity-core { position:absolute; left:50%; top:49%; transform:translate(-50%,-50%); width:190px; height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:radial-gradient(circle at 35% 25%,#345e46,#0e271d 80%); color:white; box-shadow:0 26px 55px #1c533326,inset 0 1px 1px #ffffff60; }
.integrity-core svg { width:62px; height:62px; fill:none; stroke:#a0e7b8; stroke-width:3; }
.integrity-core .core-diamond { fill:#a0e7b8; stroke:none; }
.integrity-core strong { font-size:35px; font-weight:540; letter-spacing:-.04em; }
.integrity-core > span { font:7px ui-monospace,monospace; letter-spacing:.13em; color:#afd2bd; margin-top:14px; }
.signal-card { position:absolute; display:flex; align-items:center; gap:12px; min-width:244px; padding:17px 0; border:0; border-radius:0; background:transparent; box-shadow:none; z-index:2; }
.signal-action { top:66px; left:4%; animation:float 6s ease-in-out infinite; }
.signal-reality { top:298px; right:0; animation:float 6s ease-in-out -3s infinite; }
.signal-icon { font-size:23px; color:var(--green); }
.signal-label { display:block; margin-bottom:7px; color:#52695a; font:9px ui-monospace,monospace; text-transform:uppercase; letter-spacing:.04em; }
.signal-card strong { font-size:14px; font-weight:600; }
.signal-check { color:var(--green); margin-left:6px; font-size:16px; }
.state-light { width:8px; height:8px; border-radius:50%; background:#ac741a; margin-left:auto; box-shadow:0 0 0 4px #f9ecd3; }
.signal-gate { position:absolute; left:5%; bottom:51px; display:flex; align-items:center; gap:20px; padding:13px 0; border:0; border-radius:0; background:transparent; color:#82500a; }
.signal-gate > span:first-child { font-size:11px; }
.signal-gate strong { font:700 12px ui-monospace,monospace; min-width:65px; }
.gate-arrow { font-size:18px; }
.reality-scene[data-phase="verified"] .signal-gate { color:var(--green-dark); }
.reality-scene[data-phase="verified"] .state-light { background:var(--green); box-shadow:0 0 0 4px #dbf2e3; }
.reality-scene[data-phase="verified"] .integrity-core { box-shadow:0 26px 55px #1c533326,0 0 0 10px #8aca9e20,inset 0 1px 1px #ffffff60; }
.reality-scene figcaption { position:absolute; bottom:3px; left:0; width:100%; text-align:center; color:#52695a; font-size:10px; }
.proof-strip { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #bed8c8; padding:28px 0; font-size:11px; color:var(--muted); }
.proof-strip > span { max-width:105px; line-height:1.5; }
.proof-strip > div { display:flex; justify-content:space-between; flex:1; gap:25px; }
.proof-strip strong { font-size:14px; color:#455c4f; font-weight:620; }
.proof-strip a { text-decoration:none; color:var(--green-dark); white-space:nowrap; }
.section { padding:100px 0; }
.section-heading { grid-template-columns:.6fr 1.4fr; gap:50px; }
.section-heading .kicker { padding-top:8px; }
.loop-track { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--line); }
.loop-node { position:relative; text-decoration:none; padding:28px 18px 25px; border-bottom:1px solid var(--line); transition:background .25s; }
.loop-node + .loop-node { border-left:1px solid var(--line); }
.loop-node::before { content:""; position:absolute; top:-4px; left:18px; width:7px; height:7px; background:var(--green); border-radius:50%; }
.loop-node:hover { background:#e7f3eb; }
.loop-index { font:11px ui-monospace,monospace; color:#52695a; }
.loop-node h3 { font-size:25px; font-weight:570; margin:24px 0 13px; }
.loop-node p { color:var(--muted); font-size:13px; line-height:1.65; min-height:64px; }
.scope { display:inline-block; width:max-content; max-width:100%; padding:6px 8px; border:1px solid #c3ddcb; background:#e6f4eb; color:#22633d; font:600 9px/1.4 ui-monospace,monospace; }
.scope.local { background:#eff1f7; color:#4e5e77; border-color:#d7deea; }
.scope.direction { background:transparent; color:#52695a; border-style:dashed; }
.scope.held { background:#fff3dd; color:#885910; border-color:#ebd8b4; }
.section-footnote { color:var(--muted); font-size:12px; line-height:1.7; margin:22px 0 0; }
.lab-feature { background:#eaf2ed; }
.lab-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.lab-feature h2 { margin:22px 0; }
.lab-feature .lead { font-size:17px; }
.feature-list { list-style:none; padding:0; margin:24px 0 30px; }
.feature-list li { padding:10px 0; font-size:14px; color:#435e4f; }
.feature-list li::before { content:"↗"; margin-right:15px; color:var(--green); }
.lab-preview { background:#fff; border:1px solid #c7d7cc; border-radius:14px; overflow:hidden; box-shadow:0 24px 60px #2d493514; }
.lab-preview-bar { display:flex; gap:10px; align-items:center; padding:19px; border-bottom:1px solid var(--line); font:10px ui-monospace,monospace; color:#596d60; }
.lab-preview-bar .scope { margin-left:auto; font-size:8px; }
.lab-preview-body { padding:30px; }
.lab-preview-title { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-bottom:25px; }
.lab-preview-title h3 { margin:0; font-weight:570; font-size:22px; }
.observation { display:flex; justify-content:space-between; gap:15px; padding:16px 0; border-bottom:1px solid var(--line); font-size:13px; }
.observation > span { color:var(--muted); }
.observation strong { font:12px ui-monospace,monospace; color:var(--green-dark); }
.observation.mismatch strong { color:#87590c; }
.lab-decision { background:#f6f8f6; margin-top:25px; padding:20px; border-radius:7px; }
.lab-decision .label { color:#617268; }
.lab-decision p { font-size:13px; line-height:1.6; margin-bottom:18px; }
.lab-decision > div { display:flex; gap:24px; color:#63776a; font-size:10px; }
.lab-decision strong { margin-left:6px; color:var(--ink); }
.lab-preview-link { display:flex; justify-content:space-between; padding:20px 30px; text-decoration:none; border-top:1px solid var(--line); font-size:12px; color:var(--green-dark); }
.action-section { background:#12291f; color:#f6fbf7; }
.action-section .kicker { color:#a5dbb9; }
.action-section h2 { font-weight:560; }
.action-section .lead,.action-proof-note { color:#b6cbbf; }
.action-console { color:var(--ink); box-shadow:0 24px 70px #0002; }
.action-intro { grid-template-columns:.6fr 1.4fr; gap:50px; }
.action-proof-note { font-size:9px; line-height:1.7; }
.action-event { opacity:1; }
.action-event.good,.action-event.warn { opacity:1; }
.action-event.active { background:#f1f7f3; }
.action-footer { font-size:11px; line-height:1.6; }
.home-paths { padding:80px 0 0; }
.path-card { border-radius:0; border:0; border-top:1px solid var(--line); background:transparent; padding:26px 20px; }
.path-number { margin-bottom:34px; color:#637b6b; }
.pilot-card { background:#12291f; border-radius:16px; }
.pilot-card::after { animation:float 8s ease-in-out infinite; }
.pilot-card .button { background:#b8edc9; color:#143d25; border-color:#b8edc9; }
.pilot-card p { color:#b6cbbf; }
.motion-toggle { background:transparent; border:0; padding:0; color:var(--green-dark); font:inherit; text-decoration:underline; cursor:pointer; }
.page-hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 95% 40%,#dfefe4,transparent 60%); }
.page-hero::after { content:""; position:absolute; width:380px; height:380px; border:1px solid #bed7c766; border-radius:50%; right:-120px; top:20%; box-shadow:0 0 0 60px #bed7c722,0 0 0 120px #bed7c711; z-index:0; pointer-events:none; }
.page-hero .container { position:relative; z-index:1; }
.page-hero h1 { max-width:950px; font-size:clamp(48px,6vw,76px); }
.page-hero .lead { font-size:18px; }
.principle,.evidence-card { border-radius:10px; }
.provider { flex-wrap:wrap; margin-bottom:30px; }
.evidence-card { min-height:230px; }
.evidence-card code { font-size:.9em; }
.readiness-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.readiness-card { padding:30px 0; border-top:2px solid var(--green); }
.readiness-card h3 { margin:25px 0 14px; font-size:24px; }
.readiness-card p { color:var(--muted); font-size:14px; line-height:1.8; }
.readiness-card:nth-child(2) { border-color:#97a9b6; }
.readiness-card:nth-child(3) { border-color:#bda87c; }
.lab-explorer { display:grid; grid-template-columns:1fr 1.2fr; gap:45px; align-items:start; }
.lab-choices { display:grid; gap:8px; }
.lab-choice { display:flex; align-items:center; gap:20px; text-align:left; padding:20px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:white; cursor:pointer; }
.lab-choice > span { color:var(--muted); font:11px ui-monospace,monospace; }
.lab-choice[aria-pressed="true"] { border-color:var(--green); background:#e3f3e8; box-shadow:inset 3px 0 var(--green); }
.lab-choice strong { font-size:14px; font-weight:570; }
.lab-view { border:1px solid var(--line); background:#fff; border-radius:12px; overflow:hidden; }
.lab-view header { padding:24px; border-bottom:1px solid var(--line); }
.lab-view h3 { font-size:22px; margin:12px 0; }
.lab-view .lab-preview-body { padding:24px; }
.lab-view [data-lab-explanation] { color:var(--muted); font-size:14px; line-height:1.7; margin:22px 0 0; }
.recovery-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.recovery-step { border-top:1px solid var(--line); padding:25px 0; }
.recovery-step > span { font:12px ui-monospace,monospace; color:var(--green); }
.recovery-step h3 { font-size:21px; font-weight:550; margin:26px 0 15px; }
.recovery-step p { font-size:14px; line-height:1.7; color:var(--muted); }
.lab-limits { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.lab-limits ul { padding-left:19px; color:var(--muted); font-size:15px; line-height:2; }
.reveal { opacity:1; transform:none; }
.motion-ready .reveal:not(.visible) { opacity:0; transform:translateY(24px); }
.motion-ready .reveal { transition:opacity .65s ease,transform .65s cubic-bezier(.2,.6,.3,1); }
[data-motion="paused"] *,[data-motion="paused"] *::before,[data-motion="paused"] *::after { animation-play-state:paused!important; transition:none!important; scroll-behavior:auto!important; }
[data-motion="paused"] .reveal { opacity:1; transform:none; }
html[data-motion="paused"] { scroll-behavior:auto; }
@keyframes orbit { to { transform:rotate(360deg); } }
@keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
@media(min-width:961px) { .hero-editorial { padding-bottom:20px; } }
@media(max-width:1100px) { .nav-links { gap:20px; } .hero { gap:12px; } .scene-orbits { width:370px; height:370px; } .signal-action { left:0; } .signal-reality { right:0; } .integrity-core { width:170px; height:170px; border-radius:35px; } .signal-card { min-width:220px; } .proof-strip { flex-wrap:wrap; } .proof-strip > div { gap:20px; } .lab-feature-grid { gap:45px; } }
@media(max-width:960px) { .hero { grid-template-columns:1fr 1fr; min-height:620px; padding-top:64px; } .hero h1 { font-size:65px; } .hero-copy { font-size:17px; } .reality-scene { height:470px; } .signal-card { padding:13px; min-width:200px; gap:8px; } .signal-card strong { font-size:12px; } .signal-reality { top:285px; } .scene-orbits { width:310px; height:310px; } .signal-gate { left:0; bottom:45px; } .loop-track { grid-template-columns:repeat(3,1fr); } .loop-node:nth-child(4) { border-left:0; } .loop-node:nth-child(n+4)::before { display:none; } .section-heading,.action-intro { grid-template-columns:1fr; gap:24px; } .lab-feature-grid { gap:30px; } .lab-preview-title h3 { font-size:18px; } .lab-preview-body { padding:24px; } .lab-preview-bar { font-size:9px; flex-wrap:wrap; } .lab-preview-bar .scope { margin-left:0; } .readiness-grid { gap:20px; } .recovery-steps { grid-template-columns:repeat(2,1fr); } }
@media(max-width:760px) { .nav { min-height:72px; flex-wrap:wrap; gap:0; } .brand img { width:124px; } .menu-toggle:not([hidden]) { display:flex; gap:18px; align-items:center; border:1px solid #a8bcb0; background:transparent; border-radius:6px; padding:10px 13px; color:var(--ink); font-size:13px; } .nav-links { width:100%; display:flex; align-items:stretch; flex-direction:column; gap:0; padding:12px 0 20px; } .nav-links > a:not(.nav-cta) { display:block; padding:15px 6px; border-bottom:1px solid var(--line); } .nav-links .nav-cta { margin-top:14px; text-align:center; padding:14px; } .nav-links a::after { display:none; } .menu-ready .nav-links { display:none; } .menu-ready .nav-links.is-open { display:flex; } .hero { grid-template-columns:1fr; padding:58px 0 25px; gap:24px; } .hero-editorial { max-width:550px; } .hero h1 { font-size:clamp(60px,12vw,82px); } .hero .eyebrow { font-size:9px; margin-bottom:27px; } .hero-copy { font-size:17px; max-width:500px; } .actions { flex-direction:row; } .hero .button { width:auto; font-size:13px; padding:0 16px; gap:13px; } .hero-note { font-size:10px; } .reality-scene { width:min(500px,100%); margin:auto; height:450px; } .scene-orbits { width:330px; height:330px; } .signal-action { top:45px; left:4%; } .signal-reality { top:274px; right:1%; } .signal-gate { bottom:40px; left:4%; } .scene-tag { top:8px; font-size:8px; } .integrity-core { top:47%; width:160px; height:160px; } .integrity-core svg { width:49px; height:49px; } .integrity-core strong { font-size:31px; } .integrity-core > span { font-size:6px; } .proof-strip { gap:16px; padding:24px 0; } .proof-strip > span { max-width:none; width:100%; } .proof-strip > div { display:grid; grid-template-columns:1fr 1fr; width:100%; flex:auto; row-gap:18px; } .proof-strip strong { font-size:13px; } .proof-strip a { margin-top:5px; } .section { padding:70px 0; } .loop-track { grid-template-columns:1fr; } .loop-node { display:grid; grid-template-columns:28px 1fr; gap:8px 15px; padding:22px 10px; } .loop-node + .loop-node { border-left:0; } .loop-node::before { display:none; } .loop-node h3 { margin:0; font-size:24px; } .loop-index { padding-top:5px; } .loop-node p { min-height:0; grid-column:2; margin:0; font-size:14px; } .loop-node .scope { grid-column:2; margin-top:4px; } .lab-feature-grid,.lab-explorer,.lab-limits { grid-template-columns:1fr; gap:35px; } .lab-feature .button { width:auto; } .lab-preview-title h3 { font-size:22px; } .readiness-grid { grid-template-columns:1fr; gap:0; } .readiness-card { padding-bottom:15px; } .lab-limits h2 { font-size:32px; } .footer-inner { gap:22px; } .footer-links { gap:20px; flex-wrap:wrap; } .page-hero h1 { font-size:clamp(43px,10vw,64px); } .page-hero .lead { font-size:17px; } .pilot-card { padding:38px 26px; gap:32px; } .pilot-card h2 { font-size:36px; } .action-intro h2 { font-size:38px; } .lab-preview-bar { font-size:9px; } }
@media(max-width:370px) { .hero h1 { font-size:57px; } .hero .button { padding:0 12px; font-size:12px; } .reality-scene { height:420px; } .scene-orbits { width:270px; height:270px; } .signal-reality { top:253px; } .signal-gate { bottom:37px; gap:12px; } .signal-card { min-width:190px; } .recovery-steps { grid-template-columns:1fr; } .lab-preview-body { padding:20px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } .motion-ready .reveal { opacity:1; transform:none; } }
.reality-scene figcaption .motion-toggle { display:block; margin:9px auto 0; font-size:10px; }
.reality-scene figcaption { bottom:-14px; }
.inline-link { display:inline-block; margin-top:18px; color:var(--green-dark); font-size:13px; font-weight:650; }
.label,.sim-role,.decision-rule span,.action-metric span,.action-time,.simulator-label,.action-footer { color:#5b6c60; }
.scenario-option span,.action-tab span,.number,.path-number { color:#63776b; }
.scenario-option,.sim-run,.action-tab,.action-run { font-family:inherit; font-size:13px; font-weight:600; }
.sim-event { opacity:1; }

.footer-inner,.hero-note { color:#55665e; }

.lab-view:not([data-outcome="RELEASED"]) [data-lab-resource] { color:#885910; }
.lab-view[data-outcome="BLOCKED"] [data-lab-action] { color:#9b3731; }

/* Open compositions: typography, paths and evidence surfaces each have a role. */
.hero-stage { background:radial-gradient(ellipse at 82% 45%,#d9eddd 0,transparent 48%),var(--bg); }
.hero { min-height:740px; padding-top:95px; padding-bottom:95px; }
.integrity-core { border-radius:50%; }
.signal-reality { right:-10px; }
.signal-gate { gap:16px; }
.signal-gate strong { font-size:19px; letter-spacing:-.04em; }
.proof-strip { border:0; padding-bottom:38px; }
.proof-strip > div { align-items:center; }
.integrity-section { border:0; padding:130px 0 100px; background:#edf2e9; }
.integrity-section .section-heading { grid-template-columns:1fr 1.2fr; align-items:start; gap:40px; margin-bottom:75px; }
.integrity-section .section-heading > .kicker { padding-top:12px; }
.integrity-section h2 { font-size:clamp(48px,5vw,74px); }
.loop-track { position:relative; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px; border:0; padding:50px 0 30px; min-height:425px; align-items:start; isolation:isolate; }
.loop-line { position:absolute; top:0; left:0; width:100%; height:290px; z-index:-1; overflow:visible; }
.loop-line path { fill:none; stroke:#a0bfa5; stroke-width:1; vector-effect:non-scaling-stroke; stroke-dasharray:5 7; }
.loop-node,.loop-node + .loop-node { border:0; padding:0; }
.loop-node:nth-of-type(1) { margin-top:110px; }
.loop-node:nth-of-type(2) { margin-top:0; }
.loop-node:nth-of-type(3) { margin-top:180px; }
.loop-node:nth-of-type(4) { margin-top:45px; }
.loop-node:nth-of-type(5) { margin-top:150px; }
.loop-node::before { position:static; display:block; width:8px; height:8px; margin-bottom:15px; background:var(--green); box-shadow:0 0 0 7px #edf2e9; }
.loop-node:hover { background:transparent; }
.loop-index { font-size:10px; }
.loop-node h3 { font-size:clamp(28px,3.1vw,43px); letter-spacing:-.05em; margin:12px 0; transition:color .25s,transform .25s; }
.loop-node:hover h3 { color:var(--green); transform:translateY(-4px); }
.loop-node p { font-size:13px; min-height:0; margin-bottom:14px; line-height:1.7; }
.scope,.live,.real-badge { border:0; border-radius:0; background:transparent; padding:0; line-height:1.7; }
.scope.local,.scope.direction,.scope.held { border:0; background:transparent; }
.scope::before { content:"↗"; margin-right:5px; }
.integrity-section .section-footnote { max-width:520px; margin-left:auto; margin-top:35px; }
.action-section { padding:120px 0 90px; border:0; background:#10271d; }
.action-intro { grid-template-columns:1fr; gap:22px; }
.action-intro > div { display:grid; grid-template-columns:1.25fr .75fr; column-gap:70px; align-items:start; }
.action-intro h2 { max-width:780px; font-size:clamp(46px,5vw,70px); margin:0; grid-row:span 2; }
.action-intro .lead { font-size:16px; }
.action-proof-note { margin-top:20px; font-size:9px; }
.action-console { border:0; border-radius:0; box-shadow:none; background:transparent; color:#f0f8f2; }
.action-tabs { display:flex; gap:36px; border:0; border-bottom:1px solid #b1ccba40; background:transparent; padding:22px 0 0; }
.action-tab { color:#b4cabc; padding:18px 0 23px; border:0; border-bottom:2px solid transparent; flex:1; background:transparent; min-height:84px; }
.action-tab span { color:#9bb6a6; }
.action-tab:hover,.action-tab.selected { color:#e0f9e7; background:transparent; }
.action-tab.selected { border-bottom-color:#a9e5b8; }
.action-tab:focus-visible,.action-run:focus-visible { outline-color:#b8edc9; outline-offset:4px; }
.action-body { grid-template-columns:1.45fr .75fr; gap:85px; min-height:460px; }
.action-trace { padding:40px 0 0; border:0; }
.action-trace-head { padding-bottom:24px; border-color:#b1ccba35; }
.action-trace-head .label,.action-summary .label { color:#9bb6a6; }
.action-trace-head h3 { font-size:23px; font-weight:500; }
.action-trace-head p { color:#b4cabc; }
.real-badge { color:#b8edc9; font-size:8px; }
.action-events { min-height:300px; }
.action-event { padding:17px 0; border-color:#b1ccba25; }
.action-event strong { font-weight:500; }
.action-event code,.action-event .action-time { color:#b4cabc; }
.action-event.active { background:transparent; }
.action-state { background:transparent; border:0; border-radius:0; color:#b4cabc; padding:0; }
.action-event.good .action-state { color:#b8edc9; background:transparent; }
.action-event.warn .action-state { color:#f2cc83; background:transparent; }
.action-summary { background:transparent; padding:48px 0 20px; }
.action-verdict { font-size:clamp(52px,6vw,86px); font-weight:450; letter-spacing:-.065em; }
.action-summary[data-result="hold"] .action-verdict { color:#f2cc83; }
.action-summary[data-result="verified"] .action-verdict,.action-summary[data-result="release"] .action-verdict { color:#b8edc9; }
.action-copy { color:#b4cabc; font-size:14px; }
.action-metric { background:transparent; border:0; border-top:1px solid #b1ccba40; border-radius:0; padding:20px 0; }
.action-metric span { color:#9bb6a6; }
.action-metric strong { font-weight:500; }
.action-run { background:transparent; border:0; border-bottom:1px solid #b8edc9; border-radius:0; color:#b8edc9; text-align:left; padding:15px 0; }
.action-run:hover { background:transparent; color:white; }
.action-run:disabled { background:transparent; color:#9bb6a6; }
.action-footer { background:transparent; border-color:#b1ccba40; color:#b4cabc; padding:25px 0 0; }
.action-footer > span { max-width:660px; }
.action-footer a { color:#b8edc9; }
.lab-feature { background:var(--bg); border:0; padding:145px 0; }
.lab-feature-grid { grid-template-columns:.9fr 1.1fr; gap:100px; }
.lab-feature h2 { font-size:clamp(48px,5.2vw,72px); }
.feature-list li { border:0; padding:8px 0; }
.outcome-study { position:relative; min-height:540px; margin:0; isolation:isolate; }
.study-header { display:flex; justify-content:space-between; gap:20px; font:9px ui-monospace,monospace; letter-spacing:.08em; color:#52695a; }
.study-response { position:relative; padding:35px 0 0 20px; }
.study-response strong { font:400 24px ui-monospace,monospace; color:var(--green); }
.study-response strong > span { font-size:18px; margin-left:14px; }
.study-connector { position:absolute; top:120px; left:0; width:100%; height:260px; z-index:-1; }
.study-connector path { fill:none; stroke:#a8bdab; stroke-width:1; vector-effect:non-scaling-stroke; }
.study-required { position:relative; padding:55px 0 0 10%; }
.study-required strong,.study-observed strong { display:block; font-size:104px; line-height:1; font-weight:450; letter-spacing:-.075em; }
.study-required strong { color:#718776; }
.study-required strong > span { color:#a5b5a6; }
.study-observed { position:relative; margin:8px 0 0 48%; }
.study-observed strong { font-size:128px; color:var(--ink); }
.study-observed strong > span { color:#c79a4b; }
.study-verdict { position:absolute; right:0; top:65px; color:#885910; font:11px ui-monospace,monospace; transform:rotate(-90deg); transform-origin:right center; }
.outcome-study figcaption { font-size:13px; line-height:1.8; margin:27px 0 0 10%; color:#435e4f; }
.outcome-study figcaption > span { font:10px ui-monospace,monospace; color:#607566; }
.study-link { display:flex; justify-content:space-between; gap:20px; margin:27px 0 0 10%; padding-bottom:12px; border-bottom:1px solid #a8bdab; text-decoration:none; color:var(--green-dark); font-size:12px; }
.home-paths { padding:0 0 110px; }
.path-grid { display:block; }
.path-kicker { display:block; margin-bottom:38px; }
.path-card { display:grid; grid-template-columns:110px 1.05fr 1fr 50px; gap:28px; align-items:center; padding:32px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; min-height:0; }
.path-card:hover { border-color:#7da189; background:transparent; transform:none; }
.path-card .path-number { margin:0; font-size:9px; }
.path-card h2 { margin:0; font-size:clamp(28px,3.1vw,44px); font-weight:500; transition:transform .3s,color .3s; }
.path-card:hover h2 { transform:translateX(8px); color:var(--green); }
.path-card p { margin:0; max-width:360px; font-size:13px; }
.path-card .path-arrow { font-size:0; margin:0; text-align:right; }
.path-arrow::after { content:"↗"; font-size:42px; font-weight:400; }
.pilot { background:#dcebd8; padding:110px 0 90px; overflow:hidden; }
.pilot-card { padding:0; border:0; border-radius:0; background:transparent; color:var(--ink); gap:60px; grid-template-columns:1fr 200px; overflow:visible; }
.pilot-card::after { display:none; }
.pilot-card .kicker { color:var(--green-dark); }
.pilot-card h2 { font-size:clamp(44px,5.2vw,74px); max-width:920px; font-weight:500; line-height:1.05; margin:30px 0; }
.pilot-card p { color:#435e4f; max-width:610px; font-size:16px; }
.pilot-card .button { border:0; border-bottom:1px solid var(--green); background:transparent; border-radius:0; padding:15px 0; justify-content:space-between; color:var(--green-dark); text-align:left; }
.pilot-card .button:hover { background:transparent; }
.pilot-card .button span { font-size:28px; }
/* Supporting pages: open essays, proof records and flowing diagrams. */
.page-hero { border:0; padding-bottom:90px; }
.page-hero::after { width:550px; height:550px; right:-160px; top:0; }
.section { border:0; }
.section + .section { padding-top:65px; }
.principles { grid-template-columns:1fr 1fr; column-gap:110px; row-gap:70px; padding-top:10px; counter-reset:principle; }
.principle { position:relative; padding:0 0 0 48px; border:0; border-radius:0; background:transparent; }
.principle::before { counter-increment:principle; content:counter(principle,decimal-leading-zero); position:absolute; left:0; top:5px; font:11px ui-monospace,monospace; color:var(--green); }
.principle:nth-child(even) { margin-top:60px; }
.principle h3 { font-size:28px; font-weight:500; line-height:1.15; max-width:380px; margin-bottom:18px; }
.principle p { max-width:400px; font-size:15px; line-height:1.8; }
.technical-note { background:transparent; border:0; padding:0 0 0 30px; position:relative; max-width:900px; font-size:13px; }
.technical-note::before { content:"↳"; position:absolute; left:0; top:0; color:var(--green); }
.scenario-flow { border:0; border-radius:0; background:transparent; overflow:visible; padding-left:25px; }
.scenario-step { position:relative; border:0; border-left:1px solid #a8bdab; padding:18px 0 28px 28px; grid-template-columns:85px 1fr; gap:12px 20px; }
.scenario-step::before { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:var(--green); left:-4px; top:23px; }
.scenario-step em { grid-column:2; justify-self:start; border:0; border-radius:0; background:transparent; padding:0; }
.scenario-step.warn em { background:transparent; }
.scenario-step .who { color:#52695a; }
.scenario-step strong { font-size:16px; font-weight:500; line-height:1.5; }
.evidence-page .evidence-grid { display:block; }
.evidence-page .evidence-card { display:grid; grid-template-columns:.65fr 1fr 1.25fr; column-gap:40px; row-gap:18px; align-items:start; min-height:0; padding:35px 0; background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; }
.evidence-page .evidence-card:hover { background:transparent; transform:none; border-color:#7da189; }
.evidence-page .provider { display:flex; flex-direction:column; gap:12px; margin:0; align-items:flex-start; }
.evidence-page .provider-name { font-size:11px; line-height:1.5; }
.evidence-page .evidence-card h3 { font-size:28px; line-height:1.12; margin:0; font-weight:500; }
.evidence-page .evidence-card p { font-size:14px; line-height:1.8; }
.evidence-page .inline-link { grid-column:3; margin-top:0; }
.readiness-grid { gap:65px; }
.readiness-card { border:0; padding:0; }
.readiness-card:nth-child(2) { margin-top:75px; }
.readiness-card:nth-child(3) { margin-top:150px; }
.readiness-card h3 { font-size:32px; font-weight:500; }
.cards-three { display:block; background:transparent; border:0; border-radius:0; overflow:visible; }
.cards-three article,.cards-three article + article { display:grid; grid-template-columns:150px .9fr 1.1fr; gap:35px; align-items:start; min-height:0; padding:35px 0; border:0; border-top:1px solid var(--line); }
.cards-three .number { margin:8px 0 0; }
.cards-three h3 { margin:0; font-size:34px; font-weight:500; }
.cards-three p { font-size:15px; line-height:1.8; }
.cards-three .dark { background:transparent; color:var(--green-dark); padding-top:50px; }
.cards-three .dark h3 { font-size:48px; line-height:1; }
.cards-three .dark p { color:var(--ink); font-size:18px; }
.cards-three .dark .number { color:var(--green-dark); }
.next-card { background:transparent; color:var(--ink); border-radius:0; padding:35px 0; border-top:1px solid var(--line); }
.next-card .kicker { color:var(--green-dark); }
.next-card .arrow { color:var(--green); font-size:48px; }
.lab-choice { border:0; border-radius:0; border-bottom:1px solid var(--line); background:transparent; padding:22px 0; }
.lab-choice[aria-pressed="true"] { border-color:var(--green); background:transparent; box-shadow:none; color:var(--green-dark); }
.lab-choice[aria-pressed="true"]::after { content:"↗"; margin-left:auto; font-size:24px; }
.lab-choice strong { font-size:18px; font-weight:500; }
.lab-view { border-radius:0; border-width:1px 0; box-shadow:none; }
.recovery-steps { grid-template-columns:1fr 1fr; gap:30px 100px; counter-reset:recovery; }
.recovery-step { display:grid; grid-template-columns:70px 1fr; gap:12px 22px; border:0; padding:15px 0; }
.recovery-step::before { counter-increment:recovery; content:counter(recovery,decimal-leading-zero); color:#718776; font-size:52px; letter-spacing:-.06em; grid-row:span 3; line-height:1; }
.recovery-step > span { font-size:9px; }
.recovery-step h3 { margin:0; font-size:27px; }
.recovery-step p { grid-column:2; margin:0; }
.recovery-step:nth-child(even) { margin-top:70px; }
@media(max-width:1100px) {
  .loop-track { gap:20px; }
  .loop-node h3 { font-size:31px; }
  .loop-node p { font-size:12px; }
  .action-body { gap:45px; }
  .lab-feature-grid { gap:55px; }
  .path-card { grid-template-columns:85px 1fr 1fr 35px; gap:20px; }
  .principles { column-gap:65px; }
  .evidence-page .evidence-card { grid-template-columns:.55fr 1fr 1.2fr; gap:30px; }
}
@media(max-width:960px) {
  .hero { padding-top:70px; padding-bottom:70px; min-height:650px; }
  .loop-track { grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
  .loop-node h3 { font-size:27px; }
  .loop-node:nth-of-type(3) { margin-top:150px; }
  .loop-node:nth-of-type(5) { margin-top:120px; }
  .loop-node .scope { font-size:8px; }
  .loop-node:nth-child(n+4)::before { display:block; }
  .action-intro > div { column-gap:35px; }
  .action-intro h2 { font-size:50px; }
  .action-body { grid-template-columns:1fr; gap:20px; }
  .action-summary { display:grid; grid-template-columns:1fr 1fr; gap:16px 35px; padding-top:12px; }
  .action-summary .label,.action-summary .action-verdict { grid-column:1; }
  .action-copy { grid-column:2; grid-row:1 / span 2; min-height:0; }
  .action-metric { grid-column:1; margin:0; }
  .action-run { grid-column:2; margin:0; align-self:end; }
  .lab-feature-grid { grid-template-columns:.9fr 1.1fr; gap:35px; }
  .study-required strong { font-size:85px; }
  .study-observed strong { font-size:110px; }
  .path-card { grid-template-columns:75px 1fr 40px; }
  .path-card p { grid-column:2; }
  .path-card .path-arrow { grid-column:3; grid-row:1 / span 2; }
  .path-card .path-number { grid-row:1 / span 2; }
  .pilot-card { grid-template-columns:1fr; gap:30px; }
  .pilot-card .button { width:auto; min-width:200px; justify-self:start; gap:35px; }
  .cards-three article,.cards-three article + article { grid-template-columns:110px 1fr; gap:20px; }
  .cards-three article p { grid-column:2; }
  .evidence-page .evidence-card { grid-template-columns:.6fr 1.4fr; gap:20px 40px; }
  .evidence-page .evidence-card p,.evidence-page .inline-link { grid-column:2; }
  .evidence-page .provider { grid-row:span 2; }
}
@media(max-width:760px) {
  .hero { padding:65px 0 35px; gap:30px; }
  .hero h1 { font-size:clamp(56px,12vw,82px); }
  .hero .integrity-core { border-radius:50%; }
  .signal-reality { right:0; }
  .integrity-section { padding:85px 0 65px; }
  .integrity-section .section-heading { display:block; margin-bottom:50px; }
  .integrity-section h2 { font-size:48px; margin:24px 0; }
  .loop-track { display:block; padding:0 0 0 21px; min-height:0; border-left:1px solid #a0bfa5; margin-left:8px; }
  .loop-line { display:none; }
  .loop-node { display:grid; grid-template-columns:32px 1fr; column-gap:12px; padding:0 0 34px 0; position:relative; }
  .loop-node:nth-of-type(n) { margin:0; }
  .loop-node::before,.loop-node:nth-child(n+4)::before { position:absolute; display:block; left:-26px; top:12px; margin:0; width:8px; height:8px; }
  .loop-node .loop-index { padding-top:10px; }
  .loop-node h3 { font-size:40px; margin:0 0 7px; }
  .loop-node p,.loop-node .scope { grid-column:2; font-size:13px; }
  .loop-node .scope { font-size:9px; }
  .integrity-section .section-footnote { margin:15px 0 0; }
  .action-section { padding:80px 0 65px; }
  .action-intro > div { display:block; }
  .action-intro h2 { font-size:42px; margin-bottom:25px; }
  .action-intro .lead { font-size:15px; }
  .action-tabs { display:block; padding:0; }
  .action-tab { display:flex; align-items:baseline; gap:18px; width:100%; min-height:0; padding:20px 0; border-bottom:1px solid #b1ccba35; font-size:12px; }
  .action-tab span { margin:0; flex:0 0 100px; font-size:8px; }
  .action-tab.selected { border-bottom-color:#a9e5b8; }
  .action-trace { padding:30px 0 0; }
  .action-trace-head { flex-direction:column; gap:14px; }
  .action-trace-head h3 { font-size:22px; }
  .action-event { grid-template-columns:48px 1fr; gap:10px; }
  .action-state { grid-column:2; margin:0; }
  .action-event code { overflow-wrap:anywhere; }
  .action-summary { display:flex; padding:25px 0 15px; gap:0; }
  .action-verdict { font-size:72px; }
  .action-copy { margin-bottom:22px; }
  .action-metric { margin-bottom:15px; }
  .action-run { min-height:52px; }
  .action-footer { padding-top:22px; gap:20px; }
  .lab-feature { padding:90px 0; }
  .lab-feature-grid { grid-template-columns:1fr; gap:65px; }
  .lab-feature h2 { font-size:50px; }
  .outcome-study { width:min(500px,100%); margin:0 auto; min-height:500px; }
  .study-required { padding-top:50px; }
  .study-required strong { font-size:90px; }
  .study-observed strong { font-size:110px; }
  .study-connector { height:230px; }
  .study-observed { margin-left:50%; margin-top:5px; }
  .outcome-study figcaption,.study-link { margin-left:0; }
  .home-paths { padding:0 0 75px; }
  .path-kicker { margin-bottom:20px; }
  .path-card { grid-template-columns:35px 1fr 30px; gap:10px 12px; padding:28px 0; }
  .path-card .path-number { font-size:0; align-self:start; padding-top:7px; }
  .path-card:nth-of-type(1) .path-number::after { content:"01"; font-size:10px; }
  .path-card:nth-of-type(2) .path-number::after { content:"02"; font-size:10px; }
  .path-card:nth-of-type(3) .path-number::after { content:"03"; font-size:10px; }
  .path-card h2 { font-size:31px; }
  .path-card p { font-size:12px; }
  .path-arrow::after { font-size:30px; }
  .pilot { padding:80px 0 70px; }
  .pilot-card { gap:20px; }
  .pilot-card h2 { font-size:44px; margin:25px 0; }
  .pilot-card p { font-size:15px; }
  .pilot-card .button { width:auto; min-width:200px; }
  .page-hero { padding-bottom:65px; }
  .principles { grid-template-columns:1fr; row-gap:42px; }
  .principle:nth-child(even) { margin-top:0; }
  .principle { padding-left:38px; }
  .principle h3 { font-size:27px; }
  .principle p { font-size:14px; }
  .section + .section { padding-top:45px; }
  .scenario-flow { padding-left:8px; }
  .scenario-step { grid-template-columns:1fr; padding-left:22px; gap:10px; }
  .scenario-step em { grid-column:1; }
  .evidence-page .evidence-card { grid-template-columns:1fr; gap:18px; padding:30px 0 35px; }
  .evidence-page .provider { grid-row:auto; flex-direction:row; flex-wrap:wrap; gap:8px 20px; }
  .evidence-page .evidence-card h3 { font-size:30px; max-width:360px; }
  .evidence-page .evidence-card p,.evidence-page .inline-link { grid-column:1; }
  .readiness-grid { grid-template-columns:1fr; gap:45px; }
  .readiness-card:nth-child(n) { margin:0; padding:0; }
  .readiness-card h3 { margin-top:15px; font-size:30px; }
  .cards-three article,.cards-three article + article { grid-template-columns:1fr; gap:20px; padding:30px 0; }
  .cards-three article p { grid-column:1; }
  .cards-three h3 { font-size:32px; }
  .cards-three .dark h3 { font-size:46px; }
  .cards-three .dark p { font-size:17px; }
  .next-card { gap:20px; padding:30px 0; }
  .next-card h2 { font-size:30px; }
  .lab-explorer { gap:35px; }
  .lab-choice { padding:19px 0; }
  .lab-choice strong { font-size:16px; }
  .recovery-steps { grid-template-columns:1fr; gap:30px; }
  .recovery-step:nth-child(even) { margin-top:0; }
  .recovery-step { grid-template-columns:55px 1fr; gap:12px 18px; }
  .recovery-step::before { font-size:43px; }
}
@media(prefers-reduced-motion:reduce) { .loop-node h3,.path-card h2 { transition:none; } }
@keyframes proof-flow { to { stroke-dashoffset:-240; } }
.loop-line path { animation:proof-flow 40s linear infinite; }
@media(max-width:760px) {
  .reality-scene { height:490px; }
  .hero .integrity-core { top:45%; }
  .signal-reality { top:310px; }
  .signal-gate { bottom:42px; }
}
@media(max-width:370px) {
  .reality-scene { height:460px; }
  .hero .integrity-core { top:44%; }
  .signal-reality { top:292px; }
  .signal-gate { bottom:35px; }
}
@media(prefers-reduced-motion:reduce) { .loop-line path { animation:none!important; } }
.scope::before { content:none; }
.loop-node .scope::before { content:"↗"; }
.lab-view [data-lab-gate] { display:block; margin-top:18px; font:500 32px/1.1 ui-monospace,monospace; letter-spacing:-.05em; }