:root{--ink:#111411;--ink-2:#171b18;--ink-3:#202621;--paper:#f4f5ef;--muted:#aeb7af;--line:#354038;--green:#77ef9b;--coral:#ff7e69;--blue:#79a7ff;--radius:6px;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Cabinet Grotesk","Avenir Next",Arial,sans-serif;letter-spacing:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 16px}.skip-link:focus{top:20px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.site-nav{height:82px;max-width:var(--max);margin:auto;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:800;font-size:13px;line-height:1.02;text-transform:uppercase}.mark{width:34px;height:34px;border:1px solid var(--green);display:grid;place-items:center;color:var(--green)}.mark svg{width:18px}.site-nav nav{display:flex;gap:34px}.site-nav nav a{font-size:14px;color:var(--muted);text-decoration:none}.site-nav nav a:hover{color:var(--paper)}.nav-command{justify-self:end;display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:14px}.nav-command svg{width:17px}.page-shell{overflow-x:hidden;width:100%;max-width:100%}.hero{min-height:calc(100svh - 82px);max-width:var(--max);margin:auto;position:relative;padding:80px 28px 32px;display:grid;place-items:center;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(244,245,239,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(244,245,239,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at center,black,transparent 74%)}.signal-field{position:absolute;width:min(1080px,88vw);height:440px;opacity:.85}.signal-field:before,.signal-field:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(119,239,155,.24);border-radius:50%}.signal-field:before{width:760px;height:300px}.signal-field:after{width:980px;height:430px;border-color:rgba(121,167,255,.15)}.signal-field span{position:absolute;width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 25px var(--green)}.signal-field span:nth-child(1){left:10%;top:32%}.signal-field span:nth-child(2){left:31%;top:68%;background:var(--blue);box-shadow:0 0 25px var(--blue)}.signal-field span:nth-child(3){left:51%;top:18%}.signal-field span:nth-child(4){right:22%;top:64%;background:var(--coral);box-shadow:0 0 25px var(--coral)}.signal-field span:nth-child(5){right:8%;top:34%}.hero-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}.kicker,.section-heading p,.presets>div>p,.control-sticky>p,.review-copy>p,.closing>div>p{margin:0;color:var(--green);font-size:13px;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(3rem,5vw,5.5rem);line-height:.98;letter-spacing:0;max-width:1180px;margin:22px auto}.hero-copy{max-width:760px;font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.5;color:#c0c8c0;margin:0 auto}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{height:48px;border:1px solid var(--line);border-radius:3px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:800;font-size:14px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button svg{width:17px}.button.primary{background:var(--green);color:var(--ink);border-color:var(--green)}.button.ghost,.button.secondary{background:var(--ink-2);color:var(--paper)}.button.secondary:hover,.button.ghost:hover{border-color:var(--paper)}.button.danger{background:var(--coral);border-color:var(--coral);color:var(--ink)}.button.full{width:100%}.button.compact{height:40px;padding:0 13px}.boundary-strip{position:absolute;bottom:20px;left:28px;right:28px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:center;gap:38px;color:var(--muted);font-size:13px}.boundary-strip span{display:flex;align-items:center;gap:8px}.boundary-strip svg{width:15px;color:var(--green)}.planner-section{background:var(--paper);color:var(--ink);padding:128px 28px 160px}.planner-section>*{max-width:1320px;margin-left:auto;margin-right:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading p{color:#27703e}.section-heading h2,.presets h2,.control-sticky h2,.review-copy h2,.closing h2{font-size:clamp(2.25rem,4vw,4.4rem);line-height:1;margin:10px 0 0;max-width:850px}.local-state{display:flex;align-items:center;gap:8px;border:1px solid #bfc6bf;padding:10px 12px;font-size:12px;font-weight:800}.local-state span{width:8px;height:8px;background:#3bb35e;border-radius:50%}.planner-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:12px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.panel{border:1px solid #cfd5cf;border-radius:var(--radius);background:#fff;padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.panel-head h3,.metric-panel h3{margin:0;font-size:18px}.panel-head p,.metric-panel p{margin:5px 0 0;color:#667067;font-size:13px;line-height:1.45}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #c7cec8;background:transparent;border-radius:3px;flex:0 0 auto}.icon-button:hover{background:#e8ede8}.icon-button svg{width:17px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;margin-bottom:15px}input,textarea,select{width:100%;border:1px solid #c6cdc7;background:#f8faf7;color:var(--ink);border-radius:3px;padding:11px 12px}textarea{resize:vertical;min-height:92px}.field-meta{align-self:flex-end;color:#778078;font-weight:500;margin-top:-5px}.two-col,.three-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three-col{grid-template-columns:repeat(3,1fr)}.range-label>span{display:flex;justify-content:space-between}.range-label output{color:#267340}input[type=range]{padding:0;accent-color:#267340}.map-panel{background:var(--ink);color:var(--paper);border-color:var(--ink)}.map-panel .panel-head p{color:var(--muted)}.map-head{align-items:center}.risk-dial{width:82px;height:82px;border:1px solid var(--line);display:grid;place-content:center;text-align:center;flex:0 0 auto}.risk-dial span{font-size:10px;text-transform:uppercase;color:var(--muted)}.risk-dial strong{font-size:26px;line-height:1;color:var(--green)}.risk-dial small{font-size:10px;color:var(--muted)}.architecture-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.layer-button{min-height:60px;text-align:left;border:1px solid var(--line);background:var(--ink-3);color:var(--paper);padding:10px 12px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;transition:transform .2s,border-color .2s,background .2s}.layer-button:hover,.layer-button.active{transform:translateX(3px);border-color:var(--green);background:#263029}.layer-button>i{width:28px;height:28px;display:grid;place-items:center;background:#2d3830;color:var(--green)}.layer-button>i svg{width:15px}.layer-button strong{font-size:13px;display:block}.layer-button small{font-size:10px;color:var(--muted)}.layer-button>svg{width:14px;color:var(--muted)}.layer-inspector{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.layer-inspector div span{display:block;color:var(--green);font-size:9px;text-transform:uppercase;font-weight:800;margin-bottom:3px}.layer-inspector div p{margin:0;color:#ccd3cc;font-size:11px;line-height:1.4}.command-row{display:flex;gap:8px}.event-path{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;position:relative}.event-step{border:1px solid #d1d7d1;padding:14px 9px;min-width:0;background:#f9faf8}.event-step i{width:24px;height:24px;display:grid;place-items:center;background:#e7ece7;color:#28703f;margin-bottom:10px}.event-step i svg{width:13px}.event-step strong{display:block;font-size:11px}.event-step small{font-size:9px;color:#707970}.event-step.pass{border-color:#52a86b;background:#eff9f1}.event-step.block{border-color:#e66d59;background:#fff1ee}.run-summary{margin-top:12px;border-top:1px solid #d3d9d3;padding-top:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.run-summary p{margin:0;color:#677067;font-size:12px}.run-summary strong{font-size:12px}.summary-state{background:#e8ede8;padding:7px 9px;font-size:10px;font-weight:800;text-transform:uppercase}.summary-state.pass{background:#c8f5d3}.summary-state.block{background:#ffd1c9}.pause-button{height:38px;border:1px solid #d4a098;background:#fff0ed;color:#8a2d1e;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:800}.pause-button.active{background:var(--coral);color:var(--ink);border-color:var(--coral)}.pause-button svg{width:15px}.toggle{display:grid;grid-template-columns:1fr auto;align-items:center;margin:0;padding:10px 0;border-top:1px solid #e1e5e1;cursor:pointer}.toggle span strong,.toggle span small{display:block}.toggle span strong{font-size:12px}.toggle span small{font-size:10px;color:#747d75;margin-top:2px}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle i{width:36px;height:20px;background:#ccd2cc;border-radius:20px;position:relative;transition:background .2s}.toggle i:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:white;border-radius:50%;transition:transform .2s}.toggle input:checked+i{background:#287d43}.toggle input:checked+i:after{transform:translateX(16px)}.coverage{margin-top:14px}.coverage>div:first-child{display:flex;justify-content:space-between;font-size:11px}.meter{height:5px;background:#dde2dd;margin-top:8px}.meter i{height:100%;width:100%;display:block;background:#2d9b4f;transition:width .3s}.metric-panel{min-height:210px;display:flex;flex-direction:column}.metric-icon{width:40px;height:40px;background:#d7f7df;color:#26723e;display:grid;place-items:center;margin-bottom:28px}.metric-icon.coral{background:#ffe0da;color:#a43e2d}.metric-icon.blue{background:#dce8ff;color:#2d5aab}.metric-icon svg{width:18px}.metric-panel strong{font-size:24px;margin-top:18px}.metric-panel p{margin-top:7px}.export-panel .button{margin-top:auto}.presets{padding:150px 28px;max-width:1320px;margin:auto;display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:end}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-row button{min-height:150px;border:1px solid var(--line);background:var(--ink-2);text-align:left;padding:18px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s}.preset-row button:hover{transform:translateY(-5px);border-color:var(--green)}.preset-row svg{width:24px;color:var(--green)}.preset-row strong,.preset-row small{display:block}.preset-row strong{font-size:14px}.preset-row small{font-size:11px;color:var(--muted);margin-top:3px}.control-chapter{max-width:1320px;margin:auto;padding:150px 28px 190px;display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}.control-sticky{align-self:start}.control-sticky>p{color:var(--green)}.control-sticky>p:last-child{color:var(--muted);font-size:17px;line-height:1.6;text-transform:none;font-weight:500;max-width:520px;margin-top:24px}.control-stack{display:flex;flex-direction:column;gap:26px}.control-card{min-height:420px;border-top:1px solid var(--line);padding:30px 4px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transform-origin:center}.control-card>span{display:flex;align-items:center;gap:9px;color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase}.control-card>span svg{width:17px}.control-card h3{font-size:clamp(2rem,3vw,3.4rem);line-height:1.04;margin:25px 0 16px}.control-card p{font-size:17px;line-height:1.6;color:var(--muted);max-width:650px}.receipt{display:flex;gap:8px;margin-top:24px}.receipt code{background:#202621;border:1px solid var(--line);padding:10px;color:#cdd4cd;font-size:11px}.bars{height:100px;display:flex;align-items:end;gap:9px;margin-top:24px}.bars i{width:40px;height:var(--v);background:var(--blue)}.control-card .button{align-self:flex-start;margin-top:22px}.accordions{max-width:1320px;margin:0 auto;padding:0 28px 180px;display:flex;min-height:460px}.accordion{flex:1;border:1px solid var(--line);display:grid;grid-template-columns:68px 1fr;overflow:hidden;transition:flex .5s;background:var(--ink-2)}.accordion+ .accordion{border-left:0}.accordion.active{flex:3.4;background:#1c221e}.accordion>button{border:0;border-right:1px solid var(--line);background:transparent;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.accordion>button span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:800;text-transform:uppercase}.accordion>button svg{width:18px;color:var(--green)}.accordion>div{padding:34px;min-width:350px;align-self:end}.accordion h3{font-size:36px;line-height:1.05;margin:0 0 14px}.accordion p{color:var(--muted);line-height:1.6}.review-section{background:var(--green);color:var(--ink);padding:140px max(28px,calc((100vw - 1264px)/2));display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:center}.review-copy>p{color:#1d6834}.review-controls{display:flex;gap:8px;margin-top:30px}.review-controls .icon-button{border-color:#306941}.review-card{background:var(--paper);padding:36px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius)}.review-card>span{font-size:11px;color:#687269}.review-card blockquote{font-size:clamp(1.45rem,2.5vw,2.25rem);line-height:1.25;margin:28px 0}.review-card strong,.review-card small{display:block}.review-card small{margin-top:4px;color:#687269}.closing{max-width:1320px;margin:auto;padding:170px 28px;display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:end}.closing>div:last-child p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 24px}.closing h2{max-width:750px}footer{max-width:1320px;margin:auto;border-top:1px solid var(--line);padding:36px 28px 50px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}footer p{font-size:12px;color:var(--muted);text-align:center}footer>a:last-child{justify-self:end;text-decoration:none;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:6px}footer>a:last-child:hover{color:var(--paper)}footer>a:last-child svg{width:14px}.toast{position:fixed;right:20px;bottom:20px;background:var(--paper);color:var(--ink);padding:14px 18px;border-left:5px solid var(--green);font-size:13px;font-weight:700;transform:translateY(120px);opacity:0;transition:.25s;z-index:20}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:900px){.site-nav{grid-template-columns:1fr auto}.site-nav nav{display:none}.hero{min-height:820px}.boundary-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.planner-section{padding-top:100px}.planner-grid{grid-template-columns:1fr}.span-4,.span-5,.span-7,.span-8{grid-column:span 1}.presets,.control-chapter,.review-section,.closing{grid-template-columns:1fr}.control-chapter{gap:50px}.control-sticky{position:static!important}.accordions{display:grid;min-height:0}.accordion,.accordion.active{display:block}.accordion+ .accordion{border-left:1px solid var(--line);border-top:0}.accordion>button{width:100%;height:64px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:0 20px}.accordion>button span{writing-mode:initial;transform:none}.accordion>div{display:none;min-width:0}.accordion.active>div{display:block}.preset-row{grid-template-columns:1fr 1fr 1fr}footer{grid-template-columns:1fr;text-align:center}footer .wordmark,footer>a:last-child{justify-self:center}footer p{text-align:center}}
@media(max-width:600px){.site-nav{padding:0 18px}.nav-command{font-size:0}.nav-command svg{width:20px}.hero{padding:70px 18px 38px;min-height:760px}.hero h1{font-size:3.1rem}.hero-copy{font-size:1.05rem}.hero-actions{width:100%;flex-direction:column}.hero-actions .button{width:100%}.boundary-strip{left:18px;right:18px;font-size:11px}.planner-section{padding:90px 14px 120px}.section-heading{align-items:flex-start;gap:20px}.local-state{display:none}.panel{padding:17px}.two-col,.three-col{grid-template-columns:1fr}.architecture-map{grid-template-columns:1fr}.layer-inspector{grid-template-columns:1fr}.event-path{grid-template-columns:1fr 1fr}.command-row{flex-direction:column}.run-summary{grid-template-columns:1fr}.presets{padding:110px 18px;gap:35px}.preset-row{grid-template-columns:1fr}.preset-row button{min-height:110px}.control-chapter{padding:110px 18px 120px}.control-card{min-height:350px}.receipt{flex-wrap:wrap}.accordions{padding:0 18px 120px}.review-section{padding:100px 18px}.review-card{padding:24px}.closing{padding:120px 18px;gap:38px}footer{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.toggle input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none;clip-path:inset(50%)}
.accordion>div{opacity:0;visibility:hidden;transition:opacity .25s}.accordion.active>div{opacity:1;visibility:visible}
@media(max-width:900px){.accordion>div{opacity:1;visibility:visible}}
@media(max-width:600px){.hero h1{font-size:2.65rem}}