@charset "UTF-8";

:root{--paper:#f6f4ed;--ink:#172c2b;--muted:#626c64;--line:#dcded3;--accent:#b04b2c;--green:#dce6ce;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.arrow-icon{width:16px;height:16px;flex-shrink:0;vertical-align:middle}
.nav-link .arrow-icon{margin-left:20px}
.skip-link{position:absolute;top:12px;left:12px;transform:translateY(-200%);padding:14px;background:var(--ink);color:white;z-index:10}
.skip-link:focus{transform:translateY(0)}
.site-header,.hero,.section-wrap,.site-footer{max-width:1440px;margin-inline:auto;padding-inline:7%}
.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{font-size:29px;font-weight:600;letter-spacing:-1.6px;display:flex;align-items:center}
.wordmark svg{width:31px;height:31px;margin-right:12px;stroke-width:2}
.wordmark-dot{color:var(--accent)}
nav{display:flex;align-items:center;gap:34px;font-size:13px}
nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--accent)}
.nav-link{border-bottom:1px solid var(--ink);padding-block:10px}
.nav-link span{margin-left:20px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding-block:100px 90px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600;line-height:1.7;margin:0 0 30px}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:10px;vertical-align:2px}
h1,h2,h3,p{margin-top:0}
h1{font-family:var(--serif);font-size:clamp(60px,6.7vw,100px);font-weight:400;line-height:1.05;letter-spacing:-4px;margin-bottom:29px}
h1 em{color:var(--accent);font-weight:400}
.hero-description{max-width:390px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:31px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--ink);color:var(--paper);font-size:12px;padding:19px 24px;border:1px solid var(--ink);transition:background .2s,transform .2s}
.button:hover{background:#2c4440;transform:translateY(-2px)}
.button span{font-size:18px;line-height:1}
.hero-note{font-size:10px;color:var(--muted);margin:20px 0 0;letter-spacing:.3px}
.decision-diagram{position:relative;padding:28px 26px 24px;background:#ebece2;border:1px solid #dce0d1;border-radius:2px;min-height:420px;background-image:radial-gradient(#bfc8b4 0.6px,transparent .6px);background-size:14px 14px}
.diagram-heading{display:flex;justify-content:space-between;text-transform:uppercase;font-size:8px;letter-spacing:1.5px;color:#5a6658}
.diagram-heading span:last-child{letter-spacing:1px}
.diagram-path{height:85px;position:relative;margin-left:50%;border-left:1px solid #8f9d82;display:flex;align-items:center}
.path-dot{position:absolute;left:-5px;width:9px;height:9px;border-radius:50%;background:var(--ink);outline:6px solid #ebece2}
.path-label{font-size:10px;margin-left:17px;background:#ebece2;padding:4px 0;color:#52634e}
.control-gate{background:var(--paper);box-shadow:0 10px 24px #24382a0a;border:1px solid #c8cebd;position:relative}
.gate-heading{padding:16px;display:flex;align-items:center;gap:12px;background:var(--ink);color:var(--paper);font-size:11px}
.gate-icon{font-size:20px;color:#d0ddb9}
.gate-indicator{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#cbdba9}
.gate-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;font-size:10px;padding:17px 16px;border-bottom:1px solid var(--line)}
.gate-row:last-child{border:0}
.gate-row>span:first-child{color:#86917b;font-size:9px}
.gate-row strong{font-weight:500;font-size:11px}
.gate-question{color:#65715d;font-size:9px}
.path-bottom{height:73px}
.path-bottom .path-dot{background:var(--accent)}
.diagram-caption{display:flex;align-items:center;justify-content:center;gap:8px;color:#65715d;font-size:8px;margin-top:5px}
.caption-line{width:16px;height:1px;background:var(--accent)}
.statement-strip{border-block:1px solid var(--line);padding:27px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px}
.statement-strip>span:first-child{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.statement-strip p{font-family:var(--serif);font-size:23px;margin:0;text-align:center}
.statement-strip>span:last-child{font-size:20px;color:var(--accent)}
.approach{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-block:93px}
h2{font-family:var(--serif);font-size:clamp(32px,3.3vw,48px);font-weight:400;letter-spacing:-1.3px;line-height:1.15;margin-bottom:20px}
.approach-copy{padding-top:44px}
.approach-copy p{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:18px}
.text-link{display:inline-flex;gap:28px;font-size:11px;border-bottom:1px solid var(--ink);padding-block:9px;margin-top:7px}
.principles{padding-block:65px 95px;background:#eceee5}
.principles-heading{position:relative;margin-bottom:40px}
.principles-heading .eyebrow{margin-bottom:23px}
.principles-heading>p:last-child{font-size:12px;color:var(--muted);position:absolute;bottom:4px;right:0}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.principle-card{border:1px solid #d7dccc;background:var(--paper);padding:27px 25px 22px;display:flex;flex-direction:column}
.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}
.card-number{font-family:var(--serif);font-size:18px;color:#68755e}
.card-top svg{width:39px;height:39px;color:#68755e;stroke-width:1.3}
h3{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.6px;margin-bottom:16px}
.principle-card p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:28px}
.card-footer{margin-top:auto;display:block;padding-top:18px;border-top:1px solid var(--line);font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:#68755e}
.perspective{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding:80px max(7%,calc((100vw - 1238px)/2)) 85px}
.perspective-inner{position:relative;z-index:1;max-width:580px}
.perspective .eyebrow{color:#bdc6b7}
.perspective h2{font-size:clamp(40px,4.5vw,64px);margin-bottom:24px}
.perspective h2 em{color:#cedbb6}
.perspective-inner>p:not(.eyebrow){max-width:420px;line-height:1.9;font-size:13px;color:#c0cbc0;margin-bottom:30px}
.button-light{background:#dce6ce;color:var(--ink);border-color:#dce6ce}
.button-light:hover{background:#edf2e4}
.perspective-orbit{position:absolute;width:420px;height:420px;right:4%;top:30px;border:1px solid #9bae8333;border-radius:50%}
.perspective-orbit div{position:absolute;border:1px solid #9bae8326;inset:45px;border-radius:50%}
.perspective-orbit div+div{inset:90px}
.perspective-orbit span{position:absolute;width:15px;height:15px;border-radius:50%;background:#cedbb6;top:70px;right:50px;box-shadow:0 0 0 8px #cedbb613}
.site-footer{padding-block:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-wordmark{font-size:23px;font-weight:600;letter-spacing:-1px}
.site-footer p{font-size:10px;color:var(--muted);margin:0}
.site-footer>a:last-child{font-size:10px}
.site-footer>a:last-child span{margin-left:15px}
@media(min-width:1440px){.statement-strip{padding-inline:max(7%,calc((100vw - 1238px)/2))}}
@media(max-width:900px){.site-header,.hero,.section-wrap,.site-footer{padding-inline:6%}.hero{gap:5%;padding-block:70px}h1{font-size:68px}.hero-description{font-size:14px}.decision-diagram{padding-inline:18px}.gate-row{padding-inline:12px;gap:4px}.gate-question{font-size:8px}.principle-grid{gap:12px}.principle-card{padding:23px 18px}h3{font-size:22px}.principles-heading>p:last-child{position:static}.perspective-orbit{right:-120px;opacity:.5}.approach{gap:8%}}
@media(max-width:640px){.site-header{height:85px}.wordmark{font-size:25px}.wordmark svg{width:25px;margin-right:8px}nav{gap:17px;font-size:11px}nav .nav-link{display:none}.hero{grid-template-columns:1fr;padding-block:55px 48px;gap:40px}h1{font-size:76px;letter-spacing:-3.5px}.hero-description{max-width:350px;font-size:15px}.hero .eyebrow{font-size:9px}.decision-diagram{min-height:0;padding:24px}.gate-question{font-size:10px}.gate-row{padding:17px 16px}.diagram-caption{font-size:9px}.statement-strip{padding:23px 6%;flex-wrap:wrap;gap:12px}.statement-strip>span:first-child{width:calc(100% - 30px);order:0}.statement-strip>span:last-child{order:1}.statement-strip p{order:2;text-align:left;font-size:22px}.approach{grid-template-columns:1fr;padding-block:60px;gap:8px}.approach-copy{padding-top:8px}h2{font-size:39px}.section-intro .eyebrow{margin-bottom:24px}.principles{padding-block:52px 55px}.principle-grid{grid-template-columns:1fr;gap:14px}.principle-card{padding:25px}.card-top{margin-bottom:22px}.principle-card p{font-size:14px;max-width:400px}h3{font-size:28px}.card-footer{font-size:9px}.perspective{padding:60px 6%}.perspective h2{font-size:43px}.perspective-orbit{right:-260px;top:40px;opacity:.35}.site-footer{flex-wrap:wrap;padding-block:28px}.site-footer p{order:3;width:100%;font-size:9px}.site-footer>a:last-child{margin-left:auto}}
@media(max-width:360px){h1{font-size:65px}nav{gap:12px}.gate-question{font-size:8px}.perspective h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Explicit control flow */
h1{font-size:clamp(58px,5.9vw,85px);line-height:1.03;letter-spacing:-3.4px}
.hero{padding-block:75px;gap:6%}
.hero-description{max-width:430px}
.decision-diagram{background:#172c2b;background-image:radial-gradient(#67807855 .6px,transparent .6px);background-size:16px 16px;color:var(--paper);border-color:#172c2b;padding:27px;box-shadow:12px 12px 0 #dce6ce}
.diagram-heading{color:#c6d1c1;font-size:9px;letter-spacing:1px;gap:10px}
.live-label{color:#dce6ce}
.diagram-kicker{display:block;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.proposal{margin-top:26px;padding:22px;background:#243c38;border:1px solid #67807866}
.proposal .diagram-kicker{color:#bdcdb4}
.proposal h2{font-size:25px;letter-spacing:-.5px;line-height:1.25;margin-bottom:16px}
.proposal p{font-size:10px;margin:0;color:#c6d1c1;line-height:1.8}
.proposal p span{display:block;color:#c6d1c1;font-size:9px}
.flow-connector{height:24px;width:1px;background:#869b76;margin:auto}
.control-gate{color:var(--ink);border-color:#788d6a}
.gate-heading{background:#dce6ce;color:var(--ink);font-size:11px}
.gate-heading svg{width:20px;height:20px}
.gate-row{grid-template-columns:18px 1fr auto;padding:15px 13px}
.check-state{font-size:10px;font-weight:500;color:#285137;background:#e0ebdc;padding:6px 8px;white-space:nowrap}
.check-state.pending{color:#794b0f;background:#f6e6bc}
.check-state.restricted{color:#912e28;background:#f6ddda}
.hero-outcome{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid #87976d66;background:#233833}
.hero-outcome strong{font-size:13px;font-weight:500}
.hero-outcome p{font-size:10px;color:#c6d1c1;margin:7px 0 0;line-height:1.6}
.outcome-badge{display:inline-block;padding:9px 13px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1px}
.allow{background:#dcebd5;color:#245033}
.hold{background:#f4dfa4;color:#70450b}
.block{background:#f3d6d1;color:#902e26}
.diagram-caption{color:#c6d1c1;margin-top:18px;font-size:9px}
.principles-heading>p:last-child{position:static;margin-top:18px;font-size:13px;line-height:1.7}
.scenario-intro{border-top:1px solid #cbd2c1;padding-top:28px;margin-bottom:23px}
.scenario-intro h3{font-size:26px;margin-bottom:13px}
.scenario-intro p{font-size:13px;color:var(--muted);line-height:1.8;max-width:640px}
.scenario-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.scenario-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;background:var(--paper);border:1px solid #c6cdbb;color:var(--ink);font:12px var(--sans);cursor:pointer;text-align:left;line-height:1.5}
.scenario-options button[aria-pressed=true]{border:2px solid var(--ink);padding:16px;background:white}
.scenario-options button:hover{border-color:var(--ink)}
.scenario-options button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.option-status{padding:5px 7px;font-size:9px;text-transform:uppercase;letter-spacing:.5px}
.decision-result{display:grid;grid-template-columns:1.5fr 1fr;border:1px solid #c6cdbb;background:var(--paper)}
.decision-checks{list-style:none;padding:0 25px;margin:0}
.decision-checks li{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}
.decision-checks li:last-child{border-bottom:0}
.decision-checks h3{font-family:var(--sans);font-size:13px;letter-spacing:0;margin-bottom:9px;font-weight:600}
.decision-checks p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}
.decision-verdict{background:var(--ink);color:var(--paper);padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.decision-verdict h3{font-size:28px;margin:23px 0 15px;line-height:1.2}
.decision-verdict p{font-size:12px;line-height:1.8;color:#c6d1c1;margin-bottom:26px}
.execution-state{margin-top:auto;width:100%;padding-top:17px;border-top:1px solid #52665a;display:flex;flex-direction:column;gap:9px;font-size:10px;color:#c6d1c1}
.execution-state strong{font-weight:500;font-size:12px;color:var(--paper)}
.demo-note{font-size:11px;line-height:1.8;color:var(--muted);margin:19px 0 0;max-width:740px}
.perspective-inner{max-width:680px}
.perspective-inner>p:not(.eyebrow){max-width:490px}
@media(max-width:1000px){.scenario-options button{flex-direction:column;align-items:flex-start}.decision-result{grid-template-columns:1.2fr 1fr}.decision-checks{padding-inline:18px}.decision-checks li{grid-template-columns:20px 1fr}.decision-checks .check-state{grid-column:2;justify-self:start}.decision-diagram{padding:20px}.gate-row{gap:5px}.gate-row .check-state{font-size:9px;padding:5px}.proposal{padding:17px}}
@media(max-width:640px){h1{font-size:clamp(52px,12vw,74px);letter-spacing:-2.4px}.hero{padding-block:50px;gap:38px}.decision-diagram{padding:22px;box-shadow:7px 7px 0 #dce6ce}.gate-row .check-state{font-size:9px;padding:6px}.proposal h2{font-size:26px}.scenario-options{grid-template-columns:1fr;gap:9px}.scenario-options button{flex-direction:row;align-items:center;padding:16px}.scenario-options button[aria-pressed=true]{padding:15px}.decision-result{grid-template-columns:1fr}.decision-checks{padding-inline:22px}.decision-checks li{padding-block:21px}.decision-verdict{padding:26px;min-height:305px}.decision-verdict h3{font-size:31px}.decision-verdict p{font-size:13px}.demo-note{font-size:11px}.perspective h2{font-size:40px}.perspective-orbit{opacity:.2}}