@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,600,700&f[]=cabinet-grotesk@500,600,700&display=swap');
:root{
  --bg:#05070f;--surface:#0a1020;--surface-2:#0d1730;--line:#203455;--line-bright:#2f80ff;
  --text:#f4f8ff;--muted:#aebbd0;--faint:#7384a2;--blue:#2f80ff;--blue-2:#4da6ff;--cyan:#32d9ea;
  --good:#22e27e;--bad:#ff627d;--radius:.75rem;--shadow:0 1.5rem 5rem rgba(0,0,0,.35);
  --font-body:'Satoshi','Helvetica Neue',sans-serif;--font-display:'Cabinet Grotesk','Helvetica Neue',sans-serif;
  --xs:clamp(.75rem,.72rem + .15vw,.85rem);--sm:clamp(.875rem,.83rem + .2vw,1rem);
  --base:clamp(1rem,.95rem + .22vw,1.125rem);--lg:clamp(1.2rem,1.05rem + .6vw,1.6rem);
  --xl:clamp(2rem,1.45rem + 2vw,3.5rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;
  --s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--base)/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 10%,rgba(47,128,255,.13),transparent 34%),linear-gradient(rgba(77,166,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(77,166,255,.025) 1px,transparent 1px);background-size:auto,4rem 4rem,4rem 4rem;z-index:-1}
a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip-link{position:fixed;top:-5rem;left:1rem;background:var(--text);color:var(--bg);padding:var(--s3) var(--s4);z-index:50}.skip-link:focus{top:1rem}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.site-header{height:5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--s8);padding:0 clamp(var(--s4),5vw,var(--s16));border-bottom:1px solid rgba(77,166,255,.18);background:rgba(5,7,15,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}
.brand img{display:block;width:9rem;height:auto}.site-header nav{display:flex;align-items:center;gap:var(--s8)}.site-header nav a{color:var(--muted);text-decoration:none;font-size:var(--sm);font-weight:600;min-height:2.75rem;display:flex;align-items:center;border-bottom:2px solid transparent}.site-header nav a.active{color:var(--text);border-color:var(--cyan)}.nav-toggle{display:none;color:var(--text);background:var(--surface);border:1px solid var(--line);min-height:2.75rem;padding:0 var(--s4);border-radius:var(--radius)}
main,footer{max-width:90rem;margin:auto}.hero{min-height:calc(100vh - 5rem);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:center;gap:clamp(var(--s8),6vw,var(--s20));padding:clamp(var(--s12),8vw,var(--s20)) clamp(var(--s4),6vw,var(--s20))}
.eyebrow,.panel-kicker,.origin{font-size:var(--xs);font-weight:700;letter-spacing:.16em;color:var(--cyan);margin:0 0 var(--s4)}h1,h2,h3{font-family:var(--font-display);line-height:1.08;text-wrap:balance}h1{font-size:var(--xl);max-width:21ch;margin:0 0 var(--s6)}.hero h1 span{display:block}h2{font-size:clamp(1.65rem,1.25rem + 1.3vw,2.5rem);margin:0 0 var(--s4)}h3{font-size:var(--lg);margin:0 0 var(--s3)}
.hero-intro{font-size:var(--lg);max-width:62ch;color:#d8e2f2}.status-line{max-width:62ch;color:var(--muted);font-size:var(--sm);border-left:2px solid var(--cyan);padding-left:var(--s4);margin:var(--s8) 0}.status-line span{color:var(--cyan);font-weight:700;margin-right:var(--s2)}
.actions{display:flex;gap:var(--s3);flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:var(--s3) var(--s5);border-radius:var(--radius);font-size:var(--sm);font-weight:700;text-decoration:none;border:1px solid var(--line-bright)}.button.primary{background:var(--blue);color:white;box-shadow:0 0 2rem rgba(47,128,255,.22)}.button.primary:hover{background:var(--blue-2)}.button.secondary{background:rgba(47,128,255,.08);color:var(--text)}.after-actions{font-size:var(--sm);color:var(--muted);margin-top:var(--s5)}
.hero-system{position:relative;padding:var(--s10) var(--s8);border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,23,48,.96),rgba(5,7,15,.8));box-shadow:var(--shadow);border-radius:1rem;overflow:hidden}.system-label{color:var(--blue-2);font-size:var(--xs);font-weight:700;letter-spacing:.14em;margin:0 0 var(--s6)}.glance-grid{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.glance-stat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--s4);min-height:7rem;padding:var(--s4);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.glance-stat dt{color:var(--muted);font-size:var(--sm);line-height:1.3;order:2}.glance-stat dd{margin:0;color:var(--text);font-family:'Cabinet Grotesk','Helvetica Neue',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:600;line-height:1;order:1}.glance-question{padding:var(--s6) 0}.glance-question span{display:block;color:var(--cyan);font-size:var(--xs);font-weight:700;letter-spacing:.14em;margin-bottom:var(--s3)}.glance-question strong{display:block;max-width:24ch;font-family:'Cabinet Grotesk','Helvetica Neue',sans-serif;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:500;line-height:1.15}.glance-footer{margin:0;padding-top:var(--s4);border-top:1px solid var(--line);color:var(--faint);font-size:var(--xs)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 clamp(var(--s4),6vw,var(--s20))}.value-grid article{padding:var(--s8);border-right:1px solid var(--line)}.value-grid article:last-child{border:0}.value-grid span{font:700 var(--xs)/1 var(--font-body);color:var(--blue-2)}.value-grid h2{font-size:var(--lg);margin-top:var(--s8)}.value-grid p{color:var(--muted);margin:0}
.section{padding:clamp(var(--s12),6vw,5rem) clamp(var(--s4),6vw,var(--s20));position:relative}.section-heading{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(20rem,1.2fr);column-gap:var(--s16);margin-bottom:var(--s8)}.section-heading .eyebrow{grid-column:1/-1}.section-heading p:not(.eyebrow){color:var(--muted);margin:0;max-width:65ch}.anchor-alias{display:block;position:relative;top:-5rem}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);border-bottom:1px solid var(--line);margin-bottom:var(--s8)}.tabs button{min-height:3.2rem;color:var(--muted);background:transparent;border:0;border-bottom:3px solid transparent;font-weight:700}.tabs button[aria-selected=true]{color:var(--text);border-color:var(--cyan);background:linear-gradient(transparent,rgba(50,217,234,.07))}
.workflow-panel{display:grid;grid-template-columns:minmax(17rem,.68fr) minmax(0,1.32fr);gap:var(--s8)}.workflow-summary,.node-inspector{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface-2),var(--surface));padding:var(--s8);border-radius:var(--radius)}.workflow-summary h3{font-size:clamp(1.4rem,1.1rem + .8vw,2rem)}.workflow-summary>p:not(.panel-kicker){color:var(--muted)}.field-list{margin:var(--s8) 0}.field-list div{border-top:1px solid var(--line);padding:var(--s3) 0}.field-list dt{font-size:var(--xs);text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}.field-list dd{margin:.25rem 0 0;font-size:var(--sm)}.scenario-note{padding:var(--s4);background:rgba(47,128,255,.09);border-left:2px solid var(--blue-2);font-size:var(--sm)}
.legend{display:flex;justify-content:flex-end;gap:var(--s5);color:var(--muted);font-size:var(--xs);margin-bottom:var(--s3)}.legend span{display:flex;align-items:center;gap:var(--s2)}.legend i{display:inline-block;width:2rem;border-top:2px solid var(--blue-2)}.legend .dashed{border-top-style:dashed;border-color:var(--cyan)}
.diagram{border:1px solid var(--line);background:rgba(5,7,15,.66);padding:var(--s6);border-radius:var(--radius);overflow:hidden}.path-label{font-size:var(--xs);letter-spacing:.14em;color:var(--blue-2);margin-bottom:var(--s3)}.evidence-label{color:var(--cyan);margin-top:var(--s6)}.node-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);position:relative}.node-row:before{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:2px solid var(--blue);z-index:0}.node-row.evidence:before{border-color:var(--cyan)}.node-row button{position:relative;z-index:1;min-height:6rem;padding:var(--s3);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:left;font-weight:600;font-size:var(--sm)}.node-row button span{display:block;color:var(--faint);font:700 var(--xs)/1 var(--font-body);margin-bottom:var(--s2)}.node-row button.selected{border-color:var(--cyan);background:#0c2335;box-shadow:0 0 1.5rem rgba(50,217,234,.18)}.evidence-links{height:3.8rem;display:flex;justify-content:space-around;padding-left:20%}.evidence-links i{height:100%;border-left:2px dashed var(--cyan);transform:skewX(-20deg);opacity:.7}
.node-inspector{margin-top:var(--s4)}.inspector-top{display:flex;justify-content:space-between;color:var(--cyan);font-size:var(--xs);letter-spacing:.08em;margin-bottom:var(--s4)}.node-inspector>p{color:var(--muted)}.node-inspector dl{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}.node-inspector dl div{padding:var(--s3);background:var(--surface);border:1px solid var(--line)}.node-inspector dt{color:var(--faint);font-size:var(--xs);text-transform:uppercase}.node-inspector dd{margin:.3rem 0 0;font-size:var(--sm)}.record-inspector{margin-top:var(--s4);padding:var(--s4);border:1px solid var(--line);background:rgba(5,7,15,.55)}.record-inspector>span{display:block;color:var(--cyan);font-size:var(--xs);font-weight:700;letter-spacing:.1em}.record-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:var(--xs)}.step-actions{display:flex;justify-content:space-between;margin-top:var(--s5)}.step-actions button{min-height:2.75rem;padding:0 var(--s4);border:1px solid var(--line-bright);border-radius:var(--radius);background:rgba(47,128,255,.08);color:var(--text)}.step-actions button:disabled{opacity:.35;cursor:not-allowed}
.examples{background:linear-gradient(180deg,transparent,rgba(47,128,255,.04),transparent)}.example-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:var(--s4)}.example-grid article{border:1px solid var(--line);background:var(--surface);padding:var(--s6);border-radius:var(--radius)}.example-grid .featured{border-color:var(--blue);background:linear-gradient(145deg,#0d1c3a,var(--surface))}.origin{font-size:.72rem}.example-grid p:not(.origin),.example-grid li{color:var(--muted);font-size:var(--sm)}.example-grid ul{padding-left:1.2rem;margin-bottom:var(--s6)}.text-link{color:var(--cyan);font-weight:700;text-underline-offset:.25rem}
.ownership{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}.ownership article{padding:var(--s5);border-top:2px solid var(--blue);background:var(--surface)}.ownership h3{font-size:var(--base)}.ownership p{font-size:var(--sm);color:var(--muted)}.time-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s8)}.time-strip article{border:1px solid var(--line);padding:var(--s4)}.time-strip span{color:var(--cyan);font-size:var(--xs)}.time-strip strong{display:block}.time-strip p{font-size:var(--sm);color:var(--muted);margin-bottom:0}
.pilot{display:grid;grid-template-columns:1fr 1fr;gap:var(--s16);align-items:start}.pilot>div:first-child>p:not(.eyebrow){color:var(--muted);font-size:var(--lg)}.pilot-list{border:1px solid var(--line);background:var(--surface);padding:var(--s8)}.pilot-list li{margin-bottom:var(--s2)}.pilot-list p{color:var(--muted);font-size:var(--sm);border-top:1px solid var(--line);padding-top:var(--s4)}
footer{border-top:1px solid var(--line);padding:var(--s8) clamp(var(--s4),6vw,var(--s20));display:flex;gap:var(--s8);align-items:center;color:var(--muted);font-size:var(--sm)}footer img{width:7rem;height:auto}footer p{max-width:75ch}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-system{max-width:38rem}.section-heading,.workflow-panel,.pilot{grid-template-columns:1fr}.ownership{grid-template-columns:1fr 1fr}.example-grid{grid-template-columns:1fr}.node-inspector dl{grid-template-columns:1fr}.section-heading{gap:0}.section-heading h2{margin-bottom:var(--s4)}}
@media(max-width:680px){.site-header{padding:0 var(--s4)}.nav-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:5rem;padding:var(--s4);background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:0 var(--s3)}.hero{padding-top:var(--s12)}.value-grid{grid-template-columns:1fr}.value-grid article{border-right:0;border-bottom:1px solid var(--line)}.tabs{grid-template-columns:1fr 1fr}.node-row{grid-template-columns:1fr 1fr}.node-row:before,.evidence-links{display:none}.node-row button{min-height:4.6rem}.ownership,.time-strip{grid-template-columns:1fr}.legend{justify-content:flex-start;flex-wrap:wrap}.actions .button{width:100%}footer{align-items:flex-start;flex-direction:column}}
@media(max-width:390px){.section,.hero{padding-left:var(--s4);padding-right:var(--s4)}.hero-system{padding:var(--s6) var(--s4)}.glance-grid{grid-template-columns:1fr}.glance-stat{min-height:5.5rem}.glance-stat dd{font-size:2.75rem}.tabs{grid-template-columns:1fr}.node-row{grid-template-columns:1fr}.diagram{padding:var(--s4)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}