:root{
  --deep:#1D2951;
  --royal:#00308F;
  --slate:#6082B6;
  --steel:#4682B4;
  --cyan:#00DDFF;
  --yellow:#FFF685;
  --hot:#FF1D58;
  --panel:#26365F;
  --panel2:#30466F;
  --text:#F7F9FC;
  --muted:#C1CCDC;
  --line:#496284;
  --footer:#17213F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--deep);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
button{font:inherit}
.shell{max-width:1440px;margin:0 auto;padding-left:clamp(18px,5vw,72px);padding-right:clamp(18px,5vw,72px)}
.site-header{position:absolute;inset:0 0 auto;z-index:20}
.site-header .shell{display:flex;justify-content:space-between;align-items:center;padding-top:24px}
.brand{text-decoration:none;font-weight:900;letter-spacing:.12em;font-size:.78rem}
.brand span{color:var(--cyan)}
.site-nav{display:flex;gap:24px}
.site-nav a{text-decoration:none;color:#D4DDEC;font-size:.84rem;font-weight:800}
.site-nav a:hover{color:var(--cyan)}
.section{position:relative;overflow:hidden;padding:72px 0}
.section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.035em;margin:0 0 12px}
.section-label{color:var(--cyan);font-size:.76rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}
.section-label--yellow{color:var(--yellow)}
.section-intro{color:var(--muted);max-width:780px;line-height:1.6;margin:0 0 28px}
.section-intro--light{color:#E2EBF7}
.watermark::before{content:attr(data-watermark);position:absolute;font-size:clamp(20rem,42vw,40rem);font-weight:950;line-height:.72;letter-spacing:-.12em;color:var(--slate);opacity:.045;pointer-events:none;user-select:none}
.watermark--hero::before{right:-7%;top:50%;transform:translateY(-50%);opacity:.065}
.watermark--right::before{right:-11%;top:10%}
.watermark--left::before{left:-10%;bottom:-20%}
.watermark--outline::before{right:-8%;bottom:-24%;color:transparent;opacity:1;-webkit-text-stroke:2px rgba(255,255,255,.055)}
.section--hero{padding:0;background:radial-gradient(circle at 82% 10%,rgba(96,130,182,.20),transparent 31%),linear-gradient(135deg,#1D2951 0%,#26365F 58%,#00308F 100%)}
.hero{padding-top:126px;padding-bottom:94px;position:relative;z-index:2}
.eyebrow{color:var(--yellow);text-transform:uppercase;font-size:.78rem;font-weight:900;letter-spacing:.16em}
h1{font-size:clamp(2.9rem,7vw,6.4rem);line-height:.92;letter-spacing:-.055em;margin:.5rem 0 1.1rem}
.hero-claim{font-size:clamp(1.1rem,2.2vw,1.55rem);font-weight:900;color:var(--cyan);margin:0 0 14px}
.hero-copy{max-width:820px;color:#D4DDEC;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.65}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button{min-height:46px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;text-decoration:none;font-weight:850}
.button--primary{background:var(--cyan);color:#102039}
.button--secondary{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.22)}
.section--questions{background:#24345D}
.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;position:relative}
.card[data-accent="blue"]{box-shadow:inset 0 4px 0 var(--royal)}
.card[data-accent="yellow"]{box-shadow:inset 0 4px 0 var(--yellow)}
.card[data-accent="steel"]{box-shadow:inset 0 4px 0 var(--steel)}
.card[data-accent="slate"]{box-shadow:inset 0 4px 0 var(--slate)}
.card[data-accent="cyan"]{box-shadow:inset 0 4px 0 var(--cyan)}
.card[data-accent="royal"]{box-shadow:inset 0 4px 0 var(--royal)}
.question-card{min-height:310px;display:flex;flex-direction:column}
.card-code{color:#B8DBEF;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.question-card h3,.zt-card h3,.story-card h3{font-size:1.45rem;line-height:1.1;margin:10px 0 14px}
.question-card p,.zt-card p,.story-card p{color:var(--muted);line-height:1.55}
.lead{font-size:1.15rem!important;font-weight:850;color:#fff!important}
.text-button,.text-link{margin-top:auto;align-self:flex-start;background:none;border:0;color:var(--cyan);font-weight:900;padding:10px 0;cursor:pointer;text-decoration:none}
.card-detail{display:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);line-height:1.55}
.question-card.is-open .card-detail{display:block}
.cycle-stack{display:grid;gap:7px;margin-top:8px}
.cycle-stack span{background:var(--panel2);padding:8px 10px;border-radius:8px;border-left:3px solid var(--cyan);font-size:.87rem;font-weight:900;text-transform:uppercase}
.section--principles{background:var(--deep)}
.principle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.principle-card{min-height:180px;text-align:left;cursor:pointer;transition:.18s ease}
.principle-card:hover{transform:translateY(-2px);border-color:var(--cyan)}
.principle-number{float:right;font-size:2rem;font-weight:950;color:#5C7097}
.principle-card h3{clear:both;margin:30px 0 8px;font-size:1.02rem}
.principle-card p{font-size:.9rem;line-height:1.45;color:var(--muted)}
.section--authority{background:linear-gradient(135deg,#00308F 0%,#315F9A 58%,#4682B4 100%)}
.authority-chain{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.chain-node{background:rgba(29,41,81,.46);border:1px solid rgba(255,255,255,.26);border-radius:14px;padding:16px;min-height:120px}
.chain-node strong{display:block;margin:5px 0}
.chain-node small{color:#E0E9F5;line-height:1.35}
.node-code{font-size:.72rem;color:#B8DBEF;font-weight:900}
.chain-node--ea{background:var(--cyan);color:#102039;border-color:var(--cyan)}
.chain-node--ea small{color:#25344A}
.chain-node--ea .node-code{color:var(--royal)}
.debt-rail{margin-top:18px;background:var(--yellow);color:#172033;border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.debt-flow{font-weight:900}
.actor-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.actor-tab{border:1px solid rgba(255,255,255,.38);background:rgba(29,41,81,.28);color:#fff;border-radius:999px;padding:10px 14px;font-weight:850;cursor:pointer}
.actor-tab.is-active{background:var(--slate);border-color:var(--slate)}
.actor-panel{margin-top:14px;background:rgba(29,41,81,.34);border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:20px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:18px}
.actor-panel b{display:block;color:var(--cyan);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.section--zt{background:#24345D}
.zt-grid,.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.section--stories{background:#1F2F56}
.story-grid{grid-template-columns:repeat(3,1fr)}
.story-card{min-height:220px;display:flex;flex-direction:column}
.site-footer{background:var(--footer);padding:26px 0;color:#BCC9DA}
.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.85rem}
.footer-row strong{color:#fff}
.principle-dialog{border:1px solid var(--line);border-radius:18px;padding:0;width:min(720px,calc(100% - 28px));background:var(--panel);color:#fff}
.principle-dialog::backdrop{background:rgba(16,25,50,.78)}
.dialog-head{background:linear-gradient(135deg,#1D2951,#00308F);padding:22px;display:flex;justify-content:space-between;border-bottom:3px solid var(--cyan)}
.dialog-head h3{margin:5px 0 0}
.dialog-close{width:44px;height:44px;border-radius:10px;border:1px solid #6B7FA2;background:rgba(255,255,255,.07);color:#fff;font-size:1.3rem}
.dialog-body{padding:24px;line-height:1.6}
.canonical{border-left:4px solid var(--yellow);background:#3B3C30;padding:13px 15px;font-weight:850;margin-bottom:16px}
@media(max-width:1050px){.principle-grid{grid-template-columns:repeat(3,1fr)}.authority-chain{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-nav{display:none}.question-grid,.zt-grid,.story-grid,.actor-panel{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr 1fr}.authority-chain{grid-template-columns:1fr}.section{padding:52px 0}.hero{padding-top:100px;padding-bottom:64px}}
@media(max-width:430px){.principle-grid{grid-template-columns:1fr}}