:root{color-scheme:dark;--ink:#f6fbff;--muted:#a4b5c0;--line:rgba(103,231,250,.23);--cyan:#62e8fa;--gold:#e7c263;--panel:#06131c;--glow:rgba(23,147,255,.3)}
*{box-sizing:border-box}
html{min-width:320px;background:#02070b}
body{margin:0;background:radial-gradient(circle at 50% 12%,var(--glow),transparent 38rem),#02070b;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.theme-green{--cyan:#7df7bd;--gold:#efc45f;--panel:#061710;--glow:rgba(15,139,84,.34)}
.theme-gold{--cyan:#68ddff;--gold:#f2c965;--panel:#151006;--glow:rgba(210,145,24,.28)}
.theme-civic{--cyan:#5de9ff;--gold:#e6c56b;--panel:#071726;--glow:rgba(15,106,213,.38)}
.theme-edge{--cyan:#65eaff;--gold:#c99bff;--panel:#080d18;--glow:rgba(115,44,255,.28)}
a{color:inherit}
.landing-header{position:sticky;z-index:40;top:0;display:flex;min-height:76px;padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(1,6,10,.9);backdrop-filter:blur(18px)}
.landing-brand{display:block;width:min(260px,42vw)}
.landing-brand img{display:block;width:100%;height:54px;object-fit:contain;object-position:left center}
.landing-header nav{display:flex;align-items:center;gap:6px}
.landing-header nav a{display:grid;min-height:42px;padding:0 12px;place-items:center;border-radius:999px;color:#bed0d9;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-decoration:none}
.landing-header nav a.lock{border:1px solid var(--cyan);color:var(--cyan)}
main{width:min(1180px,100%);margin:auto}
.landing-hero{display:grid;grid-template-columns:minmax(280px,520px) minmax(0,1fr);gap:clamp(26px,5vw,76px);min-height:calc(100vh - 76px);padding:clamp(34px,7vw,92px) clamp(20px,5vw,64px);align-items:center}
.landing-art{display:grid;aspect-ratio:1;place-items:center}
.landing-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 56px rgba(0,0,0,.75))}
.landing-copy{min-width:0}
.eyebrow{margin:0;color:var(--cyan);font-size:.72rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase}
.landing-copy h1,.landing-section h2{margin:14px 0 0;font-size:clamp(3rem,8vw,7.4rem);line-height:.82;letter-spacing:-.07em;text-transform:uppercase}
.subhead{max-width:700px;margin:24px 0 0;color:#cfdae0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:650;line-height:1.55}
.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.landing-actions a{display:grid;min-height:52px;padding:0 22px;place-items:center;border-radius:999px;font-size:.74rem;font-weight:950;letter-spacing:.11em;text-decoration:none}
.landing-actions .primary{background:var(--ink);color:#03090d}
.landing-actions .secondary{border:1px solid var(--line);background:rgba(4,14,22,.7);color:var(--cyan)}
.landing-section{padding:clamp(50px,8vw,110px) clamp(20px,5vw,64px);border-top:1px solid var(--line)}
.landing-section h2{max-width:780px;font-size:clamp(2.7rem,7vw,6rem)}
.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.landing-grid article{display:flex;min-height:250px;padding:24px;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,var(--cyan) 6%),#02080c);box-shadow:0 24px 55px rgba(0,0,0,.34)}
.landing-grid article>span{color:var(--gold);font-size:.68rem;font-weight:950;letter-spacing:.16em}
.landing-grid h3{margin:auto 0 0;font-size:clamp(1.5rem,3vw,2.2rem);line-height:.95;text-transform:uppercase}
.landing-grid p{min-height:3.8em;margin:12px 0 0;color:var(--muted);font-size:.94rem;line-height:1.45}
.landing-grid a{margin-top:18px;color:var(--cyan);font-size:.7rem;font-weight:950;letter-spacing:.12em;text-decoration:none}
.landing-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;padding:30px max(20px,5vw);align-items:center;border-top:1px solid var(--line);color:#94aab5;font-size:.72rem}
.landing-footer strong{color:#fff}
.landing-footer nav{display:flex;gap:20px}
.landing-footer nav a{color:var(--cyan);font-weight:900;text-decoration:none}
.landing-footer>span{text-align:right}
.landing-toast{position:fixed;z-index:60;right:18px;bottom:max(18px,env(safe-area-inset-bottom));padding:12px 18px;border:1px solid var(--cyan);border-radius:999px;background:#020a0d;color:#fff;font-size:.75rem;font-weight:900;opacity:0;translate:0 20px;transition:.18s ease;pointer-events:none}
.landing-toast.show{opacity:1;translate:0 0}
@media(max-width:760px){.landing-header{min-height:68px}
.landing-brand{width:min(180px,44vw)}
.landing-brand img{height:46px}
.landing-header nav a:not(.lock){display:none}
.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:34px;text-align:center}
.landing-art{width:min(84vw,430px);margin:auto}
.landing-copy .eyebrow,.subhead{margin-inline:auto}
.landing-copy h1{font-size:clamp(3rem,17vw,5.5rem)}
.landing-actions{justify-content:center}
.landing-grid{grid-template-columns:1fr}
.landing-grid article{min-height:210px}
.landing-footer{grid-template-columns:1fr;text-align:center}
.landing-footer nav{justify-content:center}
.landing-footer>span{text-align:center}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
.landing-toast{transition:none}
}

/* 11.5.1 mobile containment and usable navigation */
html,body,main,.landing-hero,.landing-section{width:100%;max-width:100%;overflow-x:hidden}
.landing-copy,.landing-copy h1,.landing-copy p{max-width:100%}
.landing-art{max-width:100%;overflow:hidden}
.landing-art img{max-width:100%}
@media(max-width:760px){
  .landing-brand{width:min(150px,39vw)}
  .landing-header nav a{min-width:58px;padding-inline:9px}
  .landing-header nav a:nth-child(2){display:none}
  .landing-header nav a:first-child{display:grid}
  .landing-hero{padding:26px 18px 54px}
  .landing-art{width:min(76vw,350px)}
  .landing-copy h1{font-size:clamp(2.5rem,12vw,4rem);line-height:.88;letter-spacing:-.055em;overflow-wrap:anywhere}
  .subhead{font-size:1rem}
  .landing-actions{display:grid;width:100%}
  .landing-actions a{width:100%}
  .landing-section{padding-inline:18px}
  .landing-section h2{font-size:clamp(2.35rem,11vw,3.6rem);overflow-wrap:anywhere}
}

/* 11.7.0 compact header, content and floating icon dock */
body.landing{padding-bottom:88px}
.landing-header{min-height:78px;gap:14px}
.landing-brand{display:flex;width:min(540px,70vw);align-items:center;gap:14px;text-decoration:none}
.landing-brand img{width:132px;height:58px;flex:0 0 132px}
.landing-brand span{display:flex;min-width:0;flex-direction:column}
.landing-brand b{font-size:clamp(.6rem,1.4vw,.82rem);letter-spacing:.13em;white-space:nowrap}
.landing-brand small{margin-top:5px;color:var(--cyan);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase}
.landing-header-lock{display:grid;width:52px;height:52px;flex:0 0 52px;padding:3px;place-items:center;border:1px solid var(--cyan);border-radius:16px;overflow:hidden}
.landing-header-lock img{width:100%;height:100%;border-radius:12px;object-fit:cover}
.landing-header-lock span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.landing-hero{min-height:auto;padding-block:clamp(28px,5vw,62px)}
.landing-art{width:min(100%,390px);margin:auto}
.landing-copy h1{font-size:clamp(2.7rem,6.6vw,5.8rem)}
.subhead{margin-top:18px;line-height:1.4}
.landing-actions{margin-top:22px}
.landing-actions a{display:inline-flex;min-width:54px;gap:9px;padding-inline:18px}
.landing-actions i{font-size:1.2rem;font-style:normal}
.landing-section{padding-block:clamp(38px,6vw,72px)}
.landing-section h2{font-size:clamp(2.4rem,5.5vw,4.5rem)}
.landing-grid{gap:10px;margin-top:26px}
.landing-grid article{position:relative;min-height:170px;padding:20px}
.landing-grid h3{font-size:clamp(1.35rem,2.2vw,1.85rem)}
.landing-grid p{min-height:0;margin-right:38px;font-size:.88rem}
.landing-grid a{position:absolute;right:18px;bottom:18px;display:grid;width:40px;height:40px;margin:0;place-items:center;border:1px solid var(--cyan);border-radius:50%;font-size:1.2rem}
.landing-footer{display:block;padding:28px 16px 112px;text-align:center;color:#78909e;font-size:.7rem;letter-spacing:.08em}
.icon-dock{position:fixed;z-index:120;left:50%;bottom:max(10px,env(safe-area-inset-bottom));display:flex;width:min(calc(100% - 20px),520px);height:70px;padding:7px;align-items:center;justify-content:space-around;border:1px solid var(--line);border-radius:24px;background:rgba(2,9,14,.9);box-shadow:0 18px 55px rgba(0,0,0,.58);backdrop-filter:blur(20px);translate:-50% 0}
.icon-dock a{display:grid;width:52px;height:52px;padding:4px;place-items:center;border:1px solid transparent;border-radius:16px;text-decoration:none}
.icon-dock a:hover,.icon-dock a:focus-visible{border-color:var(--cyan);background:#09202a;outline:0}
.icon-dock img{display:block;width:100%;height:100%;border-radius:12px;object-fit:cover}
@media(max-width:760px){
  .landing-header{min-height:68px;padding-inline:12px}
  .landing-brand{width:min(255px,calc(100vw - 76px));gap:9px}
  .landing-brand img{width:68px;height:50px;flex-basis:68px}
  .landing-brand b{font-size:.49rem;white-space:normal;line-height:1.12}
  .landing-brand small{font-size:.45rem}
  .landing-header-lock{width:44px;height:44px;flex-basis:44px}
  .landing-hero{grid-template-columns:1fr;padding:24px 16px 38px}
  .landing-art{width:min(65vw,290px)}
  .landing-copy h1{font-size:clamp(2.4rem,11vw,3.8rem)}
  .subhead{font-size:.95rem}
  .landing-actions{display:flex}
  .landing-actions a{width:auto;flex:1 1 0;padding-inline:10px}
  .landing-actions span{font-size:.64rem}
  .landing-section{padding:38px 16px}
  .landing-grid article{min-height:145px}
  .icon-dock{height:64px;border-radius:21px}
  .icon-dock a{width:46px;height:46px}
}
@media(max-width:390px){.icon-dock a{width:42px;height:42px}}

/* 11.7.1 four large essential dock icons */
.icon-dock{width:min(calc(100% - 16px),440px);height:82px;padding:7px 12px;border-radius:27px}
.icon-dock a{width:68px;height:68px;padding:3px;border-radius:20px}
.icon-dock img{border-radius:17px}
.landing-footer{padding-bottom:104px}
@media(max-width:620px){.icon-dock{height:76px}.icon-dock a{width:62px;height:62px}}

/* 12.3.0 directed-capital narrative */
.capital-facts{background:linear-gradient(180deg,rgba(7,24,35,.28),rgba(1,7,11,.92))}
.capital-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.capital-fact-grid article{min-height:220px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.capital-fact-grid strong{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.16em}
.capital-fact-grid h3{margin:54px 0 10px;font-size:1.55rem;text-transform:uppercase}
.capital-fact-grid p{margin:0;color:var(--muted);line-height:1.5}
.capital-principles ul{display:grid;gap:0;margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.capital-principles li{padding:17px 4px;border-bottom:1px solid var(--line);font-size:clamp(1rem,2vw,1.25rem);font-weight:800}
.capital-principles li::before{margin-right:12px;color:var(--cyan);content:'✓'}
.capital-disclosure{margin:0 clamp(16px,5vw,64px) 60px;padding:20px;border:1px solid rgba(231,194,99,.38);border-radius:18px;background:rgba(231,194,99,.06)}
.capital-disclosure strong{color:var(--gold);font-size:.7rem;letter-spacing:.16em}
.capital-disclosure p{margin:8px 0 0;color:#bdcbd2;font-size:.88rem;line-height:1.55}
@media(max-width:760px){.capital-fact-grid{grid-template-columns:1fr}.capital-fact-grid article{min-height:160px}.capital-fact-grid h3{margin-top:34px}.capital-disclosure{margin-inline:16px}}
