/* 01 Design tokens */
:root{--midnight:#1E2734;--navy:#344C63;--blue:#506E82;--aqua:#587E7B;--bronze:#A17A55;--mulberry:#725762;--moss:#68745F;--graphite:#363D43;--slate:#747E84;--silver:#E5E9EB;--navy-wash:#E2E7EC;--aqua-wash:#E1EAE8;--bronze-wash:#EFE6DB;--mulberry-wash:#EBE2E5;--moss-wash:#E6E9E1;--paper:#F5F2EB;--clear:#FBFAF7;--white:#FFF;--font-editorial:Georgia,Cambria,"Times New Roman",Times,serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--step--1:clamp(.76rem,.72rem + .18vw,.86rem);--step-0:clamp(.96rem,.9rem + .25vw,1.08rem);--step-1:clamp(1.18rem,1.05rem + .55vw,1.45rem);--step-2:clamp(1.5rem,1.25rem + 1vw,2.1rem);--step-3:clamp(2rem,1.5rem + 2vw,3.25rem);--step-4:clamp(2.7rem,1.9rem + 3.5vw,5.2rem);--space:clamp(1rem,.7rem + 1vw,2rem);--section:clamp(4.5rem,7vw,8rem);--container:1200px;--border:1px solid rgba(30,39,52,.18);--radius:2px;--shadow:0 18px 45px rgba(30,39,52,.08);--transition:220ms ease}
/* 02 Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:auto}body,h1,h2,h3,p,ul{margin:0}ul{padding:0}img{display:block;max-width:100%}button,input{font:inherit}a{color:inherit}
/* 03 Base */
body{width:100%;background:var(--paper);color:var(--graphite);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;overflow-x:hidden}section{scroll-margin-top:5rem}.section{max-width:var(--container);margin:auto;padding:var(--section) var(--space)}article{min-width:0}
/* 04 Accessibility */
.skip-link{position:fixed;left:1rem;top:-6rem;z-index:1000;background:var(--white);color:var(--midnight);padding:.75rem 1rem}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}.clipboard-fallback{position:fixed;left:-9999px}
/* 05 Typography */
h1,h2,h3{color:var(--midnight);font-family:var(--font-editorial);font-weight:400;line-height:1.08}h1{font-size:var(--step-4);letter-spacing:-.035em}h2{font-size:var(--step-3);letter-spacing:-.02em}h3{font-size:var(--step-2)}h1 em{color:var(--blue);font-style:italic}.eyebrow,.tags,.ring-name{color:var(--bronze);font-family:var(--font-mono);font-size:var(--step--1);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lede{font-size:var(--step-1);max-width:38rem}.light{color:#d9c5aa}
/* 06 Layout */
.section-heading{display:grid;gap:1rem;max-width:850px;margin-bottom:clamp(2.5rem,5vw,5rem)}.section-heading>p:not(.eyebrow){max-width:770px}.actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.1rem;border:1px solid var(--midnight);font-weight:700;text-decoration:none;transition:background var(--transition),color var(--transition)}.primary{background:var(--midnight);color:var(--white)}.secondary{background:transparent}.button:hover{background:var(--bronze);border-color:var(--bronze);color:var(--white)}
/* 07 Header */
.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1rem;min-height:72px;padding:.5rem max(1rem,calc((100vw - var(--container))/2));background:rgba(251,250,247,.97);border-bottom:var(--border)}.brand{width:245px;margin-right:auto}.site-header nav{display:flex;align-items:center;gap:clamp(.55rem,1vw,1.1rem)}.site-header nav a{font-size:.75rem;font-weight:650;text-decoration:none;white-space:nowrap}.site-header nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{padding:.55rem .7rem;background:var(--midnight);color:white}.menu-toggle{display:none;width:44px;height:44px;background:transparent;border:var(--border)}.menu-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:var(--midnight)}
/* 08 Hero */
.hero{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);width:100%;min-height:calc(100vh - 72px);max-width:1440px;margin:auto}.hero>*{min-width:0}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:1.6rem;padding:clamp(3rem,7vw,7rem) clamp(1rem,4vw,4.5rem)}.micro-status{display:flex;align-items:center;gap:.65rem;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.73rem;line-height:1.4}.micro-status span{flex:0 0 8px;width:8px;height:8px;background:var(--moss)}.hero-visual{position:relative;width:100%;min-height:650px;background:var(--midnight);overflow:hidden}.hero-visual>p{position:absolute;right:6%;bottom:5%;width:58%;color:#cbd2d7;font-size:.85rem}.ring{position:absolute;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;color:var(--blue);transform:rotate(-20deg)}.ring::before{content:"";position:absolute;inset:11%;border:1px solid currentColor;border-bottom-color:transparent;border-radius:50%}.ring::after{content:"";position:absolute;width:7px;height:7px;right:8%;top:20%;background:var(--bronze)}.ring i{position:absolute;left:-8px;top:47%;width:16px;border-top:2px solid currentColor}.ring b{position:absolute;right:12%;bottom:8%;width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background:var(--midnight)}.ring span,.ring small{position:absolute;display:block;transform:rotate(20deg);font-family:var(--font-mono);font-style:normal}.ring span{top:43%;left:22%;color:var(--white);font-size:.72rem}.ring small{left:10%;bottom:-2.1rem;width:200px;color:#aebbc4;font-size:.65rem}.ring-wealth{width:280px;height:280px;left:7%;top:9%;color:var(--navy)}.ring-network{width:340px;height:340px;right:-2%;top:6%;color:var(--blue);transform:rotate(35deg)}.ring-network span,.ring-network small{transform:rotate(-35deg)}.ring-digital{width:300px;height:300px;left:18%;bottom:6%;color:var(--aqua);transform:rotate(100deg)}.ring-digital span,.ring-digital small{transform:rotate(-100deg)}.ring-resilience{width:230px;height:230px;right:8%;bottom:15%;color:var(--moss);transform:rotate(165deg)}.ring-resilience span,.ring-resilience small{transform:rotate(-165deg)}
/* 09 Interlock Rings */
.interlock-orbit{display:grid;place-items:center;width:170px;aspect-ratio:1;border:3px solid var(--blue);border-left-color:transparent;border-radius:50%;color:var(--bronze);font:700 1rem var(--font-mono);transform:rotate(-20deg)}.interlock-orbit::before{content:"";width:125px;aspect-ratio:1;border:1px solid var(--aqua);border-bottom-color:transparent;border-radius:50%}
/* 10 Control Beacons */
.beacon{position:relative;width:30px;height:32px;border-left:2px solid var(--bronze);border-top:2px solid var(--bronze)}.beacon::before{content:"";position:absolute;top:-5px;left:-5px;width:8px;height:8px;border:2px solid var(--bronze);border-radius:50%;background:var(--paper)}.beacon::after{content:"";position:absolute;right:3px;bottom:5px;width:10px;height:4px;background:var(--mulberry);transform:rotate(-30deg)}
/* 11 Institutional Signal */
.signal{padding:clamp(3rem,5vw,5rem) max(var(--space),calc((100vw - var(--container))/2));background:var(--midnight);color:var(--silver)}.signal .section-intro{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid #45505d}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signal-grid strong{padding:2rem 1rem 0;border-right:1px solid #45505d;font-family:var(--font-editorial);font-size:var(--step-1);font-weight:400}
/* 12 Banking Systems */
.system-grid{display:grid;grid-template-columns:repeat(4,1fr);border:var(--border)}.system-card{display:flex;flex-direction:column;gap:1.2rem;padding:clamp(1.2rem,2vw,2rem);border-right:var(--border);background:var(--clear)}.system-card:last-child{border:0}.system-card>span,.review-grid span,.principles span{font:700 .75rem var(--font-mono);color:var(--bronze)}.system-card ul{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none}.system-card li{padding:.2rem .45rem;background:var(--navy-wash);font-size:.75rem}.system-card aside{margin-top:auto;padding-top:1rem;border-top:1px solid currentColor;font-size:.73rem}.wealth{border-top:4px solid var(--navy)}.network{border-top:4px solid var(--blue)}.digital{border-top:4px solid var(--aqua)}.governance{border-top:4px solid var(--moss)}
/* 13 Critical Interlocks */
.interlocks{background:var(--clear)}.interlock{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:3rem;max-width:960px;padding:2.7rem 0;border-top:var(--border)}.interlock.reverse{margin-left:auto;grid-template-columns:1fr 190px}.interlock.reverse .interlock-orbit{grid-column:2;grid-row:1}.interlock h3{margin:.7rem 0 1rem}.interlock aside{margin-top:1.2rem;padding:1rem;border-left:3px solid var(--bronze);background:var(--bronze-wash);font-size:.85rem}.tags{color:var(--slate);line-height:1.8}
/* 14 Interlock Review */
.review{max-width:none;background:var(--navy-wash)}.review>.section-heading,.review>.review-grid,.review>.checklist{max-width:var(--container);margin-left:auto;margin-right:auto}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b8c2ca}.review-grid article{position:relative;padding:2rem;background:var(--clear)}.review-grid article::after{content:"";position:absolute;right:1rem;top:1rem;width:24px;height:24px;border:1px solid var(--blue);border-right-color:transparent;border-radius:50%}.review-grid h3{font-size:1.35rem;margin:.8rem 0}.review-grid p{font-size:.88rem}
/* 15 Professional Checklist */
.checklist{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-top:4rem;padding:clamp(2rem,4vw,4rem);background:var(--midnight);color:var(--silver)}.checklist h2{color:var(--white)}.checklist ul{columns:2;column-gap:3rem;list-style:none}.checklist li{break-inside:avoid;padding:.5rem 0 .5rem 1.25rem;border-bottom:1px solid #47525f;font-size:.85rem}.checklist li::before{content:"□";margin-left:-1.25rem;margin-right:.5rem;color:var(--bronze)}
/* 16 Reference Profiles */
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.profile{position:relative;display:flex;flex-direction:column;gap:.9rem;min-height:100%;padding:clamp(1.3rem,2.5vw,2.2rem);border:var(--border);background:var(--clear)}.profile::after{content:"";position:absolute;right:1rem;top:1rem;width:35px;height:35px;border:1px solid var(--blue);border-bottom-color:transparent;border-radius:50%}.profile .avatar{display:grid;place-items:center;width:65px;height:65px;border:1px solid var(--midnight);background:var(--navy-wash);font:700 1rem var(--font-mono)}.profile:nth-child(even) .avatar{align-self:flex-end;border-radius:50%}.profile h3{font-size:1.7rem}.role{font-weight:650}.role span{color:var(--slate);font-size:.8rem}.profile>p:not(.eyebrow,.role,.tags){font-size:.86rem}.profile .tags{font-size:.69rem}.profile>a{overflow-wrap:anywhere}.profile button{align-self:flex-start;padding:.5rem .75rem;border:1px solid var(--midnight);background:transparent;cursor:pointer}.profile small{display:block;padding-top:.8rem;border-top:var(--border);color:var(--slate);font-size:.7rem}.p2,.p5{background:var(--navy-wash)}.p3{border-left:4px solid var(--aqua)}.p4{background:var(--moss-wash)}.p6{border-bottom:4px solid var(--mulberry)}
/* 17 Independence Note */
.independence{max-width:none;padding-left:max(var(--space),calc((100vw - var(--container))/2));padding-right:max(var(--space),calc((100vw - var(--container))/2));background:var(--mulberry-wash);border-block:1px solid #d4c2c8}.independence h2{max-width:800px;margin:.7rem 0 2rem}.columns{columns:2;column-gap:4rem}.columns p{break-inside:avoid;margin-bottom:1rem}
/* 18 Financial System Notes */
.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.note{background:var(--clear);border:var(--border)}.note[hidden]{display:none}.note summary{position:relative;padding:1.5rem 3rem 1.5rem 1.5rem;cursor:pointer;list-style:none}.note summary::-webkit-details-marker{display:none}.note summary::after{content:"+";position:absolute;right:1.4rem;top:1.4rem;font:1.5rem var(--font-mono);color:var(--bronze)}.note details[open] summary::after{content:"−"}.note summary span{font:700 .7rem var(--font-mono);color:var(--bronze);text-transform:uppercase}.note h3{margin:.55rem 0;font-size:1.35rem}.note summary p{font-size:.84rem}.note details>div{padding:0 1.5rem 1.5rem;border-top:var(--border)}.note details>div p{padding:1rem 0}.note small{color:var(--slate);font-family:var(--font-mono)}
/* 19 Search */
.search-box{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:2rem;padding:1.25rem;background:var(--midnight);color:var(--white)}.search-box label{grid-column:1/-1;font-weight:700}.search-box>div{display:flex}.search-box input{width:min(650px,70vw);padding:.75rem;border:0;background:var(--white)}.search-box button{border:0;padding:.7rem;background:var(--bronze);color:var(--white);cursor:pointer}.search-box>p{align-self:center;font-family:var(--font-mono)}.no-results{padding:2rem;text-align:center;border:var(--border)}
/* 20 About */
.about{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.about-copy{display:grid;gap:1rem}.about .section-heading{margin:0}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--border)}.principles article{padding:2rem 1.3rem;border-right:var(--border)}.principles h3{margin:.8rem 0;font-size:1.25rem}.principles p{font-size:.82rem}
/* 21 Principles */
.principles article:nth-child(2){background:var(--bronze-wash)}.principles article:nth-child(3){background:var(--aqua-wash)}.principles article:nth-child(4){background:var(--moss-wash)}
/* 22 Final CTA */
.final-cta{display:grid;grid-template-columns:2fr 3fr;align-items:center;gap:clamp(2rem,6vw,7rem);padding:var(--section) max(var(--space),calc((100vw - var(--container))/2));background:var(--navy);color:var(--silver)}.final-cta h2{margin:.7rem 0 1.2rem;color:var(--white)}.final-cta .actions{margin-top:1.5rem}.pale{background:var(--paper);color:var(--midnight);border-color:var(--paper)}.outline{border-color:#a9b7c2;color:var(--white)}.cta-rings{position:relative;aspect-ratio:1;max-width:360px}.cta-rings i{position:absolute;display:grid;place-items:center;width:52%;aspect-ratio:1;border:2px solid #7890a1;border-right-color:transparent;border-radius:50%;font:normal .63rem var(--font-mono)}.cta-rings i:nth-child(1){left:0;top:0}.cta-rings i:nth-child(2){right:0;top:0;transform:rotate(60deg)}.cta-rings i:nth-child(3){left:0;bottom:0;transform:rotate(120deg)}.cta-rings i:nth-child(4){right:0;bottom:0;transform:rotate(180deg)}.cta-rings strong{position:absolute;inset:44% 25%;display:grid;place-items:center;background:var(--bronze);color:white;font:700 .63rem var(--font-mono)}
/* 23 Footer */
footer{padding:3rem max(var(--space),calc((100vw - var(--container))/2)) 1.5rem;background:var(--midnight);color:var(--silver)}.footer-brand{display:flex;gap:1rem;align-items:center}.footer-brand img{width:58px;filter:brightness(2)}.footer-brand strong{color:white;font:var(--step-2) var(--font-editorial)}.footer-brand p,.footer-brand small{display:block}.footer-brand small{color:#9eabb5}footer>nav{display:flex;flex-wrap:wrap;gap:1.2rem;margin:2rem 0;padding:1.2rem 0;border-block:1px solid #45505d}footer a{text-decoration:none;font-size:.82rem}.footer-base{display:flex;justify-content:space-between;font-size:.76rem}
/* 24 Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity 700ms ease,transform 700ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 25 Responsive */
@media(max-width:1100px){.site-header nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;padding:1rem;background:var(--clear);border-bottom:var(--border);box-shadow:var(--shadow)}.site-header nav.is-open{display:flex}.site-header nav a{padding:.45rem}.menu-toggle{display:block}.system-grid{grid-template-columns:repeat(2,1fr)}.system-card:nth-child(2){border-right:0}.profile-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-visual{min-height:550px}.signal .section-intro{grid-template-columns:1fr}.signal-grid{grid-template-columns:repeat(2,1fr)}.interlock,.interlock.reverse{grid-template-columns:130px 1fr;gap:1.5rem}.interlock.reverse .interlock-orbit{grid-column:auto}.interlock.reverse>div:last-child{grid-row:1;grid-column:2}.interlock-orbit{width:125px}.checklist{grid-template-columns:1fr}.about{grid-template-columns:1fr}.principles{grid-template-columns:repeat(2,1fr)}.final-cta{grid-template-columns:1fr}.cta-rings{width:min(330px,100%)} }
@media(max-width:600px){.site-header{width:100%}.brand{width:min(210px,70vw)}.section{padding-left:1rem;padding-right:1rem}.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{width:100%;padding:4rem 1rem}.hero-copy h1,.hero-copy p{max-width:100%;overflow-wrap:anywhere}.hero-copy .actions{display:grid;grid-template-columns:1fr}.hero-visual{min-height:470px}.ring-wealth{width:210px;height:210px}.ring-network{width:240px;height:240px}.ring-digital{width:210px;height:210px}.ring-resilience{width:170px;height:170px}.ring small{display:none}.signal-grid,.system-grid,.profile-grid,.notes-grid,.review-grid,.principles{grid-template-columns:1fr}.system-card{border-right:0;border-bottom:var(--border)}.signal-grid strong{border-right:0}.interlock,.interlock.reverse{grid-template-columns:1fr}.interlock.reverse .interlock-orbit,.interlock.reverse>div:last-child{grid-column:1;grid-row:auto}.interlock-orbit{width:100px}.checklist{padding:1.5rem}.checklist ul{columns:1}.columns{columns:1}.search-box{grid-template-columns:1fr}.search-box>div{flex-direction:column}.search-box input{width:100%}.footer-brand{align-items:flex-start}.footer-base{flex-direction:column;gap:.8rem}}
/* 26 Reduced Motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js-enabled .reveal{opacity:1;transform:none}}