@font-face{font-family:Matrix;src:url('/assets/fonts/MatrixSansScreen-Regular.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ink:#05080d;--white:#f5f7fa;--muted:#aeb7c2;--line:rgba(214,225,236,.18);--amber:#ffad42;--orange:#f7931a;--blue:#75d9ff;font-family:Matrix,ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);overflow-x:hidden}a,button{font:inherit}.skip-link{position:fixed;z-index:100;top:-5rem;left:1rem;padding:.7rem 1rem;background:#fff;color:#000}.skip-link:focus{top:1rem}.atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.atmosphere i{position:absolute;width:42vw;aspect-ratio:1;border-radius:50%;filter:blur(110px);opacity:.09}.atmosphere i:nth-child(1){left:-15vw;top:24vh;background:var(--blue)}.atmosphere i:nth-child(2){right:-14vw;top:8vh;background:var(--orange)}.atmosphere i:nth-child(3){left:35vw;bottom:-25vw;background:#fff}.gateway-header{position:fixed;z-index:30;inset:max(.8rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) auto max(1rem,env(safe-area-inset-left));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.sascosm-lockup{display:inline-flex;align-items:center;gap:.55rem;min-height:3rem;color:#fff;text-decoration:none;filter:drop-shadow(0 .3rem .8rem #000);pointer-events:auto}.sascosm-lockup .shield{width:2.15rem;aspect-ratio:1;background:url('/assets/sascosm-leo-shield-512.png?v=20260803-brand-lockup') center/contain no-repeat}.sascosm-lockup img{width:clamp(9rem,15vw,13rem);height:auto}.gateway-header nav{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.7rem);pointer-events:auto}.gateway-header nav a{min-height:2.7rem;display:inline-flex;align-items:center;color:#e5ebf2;text-decoration:none;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 .2rem .6rem #000}.gateway-header nav a:hover,.gateway-header nav a:focus-visible{color:#fff}.gateway-header .header-action{color:#ffd08a}main,footer{position:relative;z-index:1}.hero{position:relative;min-height:100svh;display:grid;place-items:center;isolation:isolate;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(3,7,12,.88) 0%,rgba(3,7,12,.52) 48%,rgba(3,7,12,.18) 74%),linear-gradient(180deg,rgba(3,7,12,.48),transparent 35%,rgba(3,7,12,.85));z-index:1}.signal-field{position:absolute;inset:0;z-index:2;transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .2s ease-out}.signal-field::before{position:absolute;inset:38% 7% 12%;content:"";border:1px solid rgba(117,217,255,.16);border-radius:50%;transform:perspective(700px) rotateX(64deg);box-shadow:0 0 80px rgba(117,217,255,.05)}.signal-field span{position:absolute;left:var(--x);top:var(--y);width:.42rem;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 .45rem rgba(117,217,255,.06),0 0 1.6rem var(--blue);animation:pulse 4s ease-in-out var(--d) infinite}.hero-content{position:relative;z-index:3;width:min(760px,calc(100vw - 2rem));margin-right:min(38vw,520px);padding:7rem 0 5rem;text-shadow:0 .2rem 1.2rem rgba(0,0,0,.8)}.si0s-brand{position:relative;width:clamp(10.5rem,17vw,14.5rem);isolation:isolate}.si0s-wordmark{display:block;width:100%;height:auto;opacity:.16;filter:drop-shadow(0 1px 0 rgba(255,255,255,.95)) drop-shadow(0 .2rem .14rem rgba(0,0,0,.9)) drop-shadow(0 0 1.25rem rgba(117,217,255,.22))}.si0s-brand::before,.si0s-brand-sheen{position:absolute;inset:0;content:"";-webkit-mask:url('../si0s/brand/si0s-wordmark-platinum.webp') center/contain no-repeat;mask:url('../si0s/brand/si0s-wordmark-platinum.webp') center/contain no-repeat;pointer-events:none}.si0s-brand::before{z-index:1;background:linear-gradient(180deg,#fbfdff 0%,#9ba7b1 19%,#eaf0f4 35%,#56636e 49%,#ffffff 58%,#7c8994 78%,#dbe3e8 100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.92)) drop-shadow(0 .18rem .12rem rgba(0,0,0,.84)) drop-shadow(0 0 1.1rem rgba(117,217,255,.22))}.si0s-brand-sheen{z-index:2;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.95) 45%,transparent 62%);background-size:260% 100%;background-position:130% 0;opacity:.34;animation:brand-sheen 7s ease-in-out infinite}.si0s-brand::after{position:absolute;left:3%;right:3%;bottom:-.4rem;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--blue) 20%,rgba(255,255,255,.9) 48%,var(--orange) 78%,transparent);box-shadow:0 0 .7rem rgba(117,217,255,.44);opacity:.74}.eyebrow{margin:1.15rem 0 .8rem;color:#ffd08a;font-size:.69rem;letter-spacing:.2em;text-transform:uppercase}.hero h1{max-width:10ch;margin:.55rem 0;font-family:Inter,Arial,sans-serif;font-size:clamp(3.2rem,6.7vw,7rem);line-height:.88;letter-spacing:-.065em}.hero-lead{max-width:64ch;color:#d3dae2;font-family:Inter,Arial,sans-serif;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}.hero-actions a{min-height:3.1rem;padding:.8rem 1.15rem;border:1px solid var(--line);display:inline-flex;align-items:center;text-decoration:none;color:#fff;font-size:.72rem;letter-spacing:.08em}.hero-actions .primary{border-color:rgba(247,147,26,.68);background:linear-gradient(110deg,#f17800,#d6a74a);color:#080808}.hero-actions .secondary{background:rgba(4,8,13,.25);backdrop-filter:blur(8px)}.access-note{display:flex;align-items:center;gap:.6rem;margin-top:1.15rem;color:#aeb7c2;font-size:.68rem;letter-spacing:.04em}.access-note span{color:var(--blue)}.scroll-cue{position:absolute;z-index:4;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translateX(-50%);border:0;background:transparent;color:#dde4eb;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.scroll-cue span{color:var(--amber)}.public-signal,.access{width:min(1180px,calc(100vw - 2rem));margin:auto;padding:clamp(5rem,10vw,9rem) 0}.public-signal>h2,.access h2{max-width:14ch;margin:.45rem 0 2rem;font-family:Inter,Arial,sans-serif;font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.055em}.scale-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.scale-selector button{min-height:2.8rem;padding:.65rem .9rem;border:0;border-bottom:1px solid rgba(255,255,255,.16);background:transparent;color:#919ca7;cursor:pointer}.scale-selector button[aria-selected="true"]{border-color:var(--amber);color:#fff}.lens{min-height:380px;padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr minmax(240px,.75fr);align-items:center;gap:clamp(1.4rem,5vw,5rem);background:radial-gradient(circle at 80% 50%,rgba(117,217,255,.08),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008))}.lens>span{align-self:start;color:var(--amber);font-size:.68rem}.lens h3{margin:0 0 .8rem;font-family:Inter,Arial,sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:1}.lens p{max-width:52ch;color:var(--muted);font-family:Inter,Arial,sans-serif;line-height:1.7}.lens-orbit{position:relative;aspect-ratio:1;display:grid;place-items:center}.lens-orbit i{position:absolute;inset:var(--i,8%);border:1px solid rgba(117,217,255,.18);border-radius:50%;animation:orbit 14s linear infinite}.lens-orbit i:nth-child(2){--i:20%;animation-direction:reverse;animation-duration:9s}.lens-orbit i:nth-child(3){--i:32%;border-color:rgba(247,147,26,.28)}.lens-orbit strong{text-align:center;color:#dce5ed;font-size:.72rem;line-height:1.7;letter-spacing:.12em}.boundary{max-width:78ch;margin:1.25rem 0 0;color:#7f8b97;font-size:.72rem;line-height:1.7}.access{border-top:1px solid rgba(255,255,255,.09)}.access-copy>p:last-child{max-width:60ch;color:var(--muted);font-family:Inter,Arial,sans-serif;line-height:1.7}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2.4rem}.access-grid a{min-height:250px;padding:1.4rem;border:1px solid var(--line);display:flex;flex-direction:column;text-decoration:none;color:#fff;background:linear-gradient(150deg,rgba(255,255,255,.035),transparent);transition:transform .2s,border-color .2s}.access-grid a:hover,.access-grid a:focus-visible{transform:translateY(-4px);border-color:rgba(247,147,26,.52)}.access-grid span{color:#ffc879;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.access-grid strong{margin:auto 0;font-family:Inter,Arial,sans-serif;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.08}.access-grid em{color:#cbd4dd;font-size:.68rem;font-style:normal}.access-footer{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:2.5rem;color:#8e99a4;font-size:.64rem}.access-footer i{width:clamp(1rem,4vw,4rem);height:1px;background:linear-gradient(90deg,var(--orange),var(--blue))}footer{min-height:5rem;padding:1.5rem max(1rem,calc((100vw - 1180px)/2));border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:1.4rem;color:#7f8b97;font-size:.65rem}footer span{margin-right:auto}footer a{color:#aeb7c2;text-decoration:none}
@keyframes pulse{50%{transform:scale(1.7);opacity:.55}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes brand-sheen{0%,72%,100%{background-position:130% 0;opacity:.18}84%{background-position:-85% 0;opacity:.48}}
@media(max-width:900px){.hero-content{margin-right:0}.hero-shade{background:linear-gradient(180deg,rgba(3,7,12,.46),rgba(3,7,12,.6) 45%,rgba(3,7,12,.92))}.lens{grid-template-columns:auto 1fr}.lens-orbit{grid-column:1/-1;width:min(300px,80vw);margin:auto}.access-grid{grid-template-columns:1fr}.access-grid a{min-height:190px}.gateway-header nav>a:not(.header-action){display:none}}
@media(max-width:560px){.gateway-header{inset:max(.65rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) auto max(.75rem,env(safe-area-inset-left))}.sascosm-lockup .shield{width:1.9rem}.sascosm-lockup img{width:8.6rem}.gateway-header .header-action{font-size:.62rem}.hero-content{padding:7rem 0 5rem}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-lead{font-size:.96rem;line-height:1.55}.hero-actions{flex-direction:column}.hero-actions a{justify-content:center}.scroll-cue{display:none}.public-signal,.access{width:min(100% - 1.5rem,1180px)}.lens{grid-template-columns:1fr;min-height:auto}.lens>span{display:none}.access-footer{display:grid;grid-template-columns:1fr;text-align:center}.access-footer i{width:1px;height:1rem;margin:auto}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-field span,.lens-orbit i,.si0s-brand-sheen{animation:none}.signal-field{transform:none!important}.access-grid a{transition:none}}

.lens-orbit strong{white-space:pre-line}
.mobile-menu{display:none;pointer-events:auto}
.mobile-menu summary{min-height:2.7rem;padding:.25rem 0;border:0;display:flex;align-items:center;background:transparent;color:#ffd08a;cursor:pointer;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 .2rem .6rem #000;list-style:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary::after{margin-left:.55rem;content:"+";color:#fff;font-size:1rem;font-weight:300;transition:transform .2s ease}
.mobile-menu[open] summary::after{transform:rotate(45deg)}
.mobile-menu-panel{position:fixed;z-index:-1;inset:calc(-1 * max(.8rem,env(safe-area-inset-top))) calc(-1 * max(1rem,env(safe-area-inset-right))) auto auto;width:min(100vw,31rem);min-height:100svh;padding:clamp(6rem,18vw,8rem) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) clamp(1.25rem,7vw,3rem);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 85% 8%,rgba(247,147,26,.13),transparent 35%),linear-gradient(155deg,rgba(5,8,13,.985),rgba(7,14,22,.98));box-shadow:-2rem 0 6rem rgba(0,0,0,.55)}
.mobile-menu-panel a{padding:1.15rem 0;border-bottom:1px solid rgba(255,255,255,.1);display:grid;gap:.35rem;color:#fff;text-decoration:none}
.mobile-menu-panel span{color:#ffc879;font-size:.63rem;letter-spacing:.13em;text-transform:uppercase}
.mobile-menu-panel strong{font-family:Inter,Arial,sans-serif;font-size:clamp(1.2rem,5vw,1.7rem);font-weight:500;line-height:1.15}
@media(max-width:900px){.gateway-header>nav{display:none}.mobile-menu{display:block}}
@media(prefers-reduced-motion:reduce){.mobile-menu summary::after{transition:none}}

/* Device-first opening chapter: the complete promise and both actions must be
   visible before the visitor scrolls, including under mobile browser chrome. */
.hero{height:100svh;min-height:0}
.hero-content{width:min(820px,calc(100vw - 2rem));margin-right:min(34vw,460px);padding:clamp(5.35rem,9svh,7rem) 0 clamp(3.2rem,6svh,5rem)}
.hero h1{max-width:11.5ch;font-size:clamp(3.05rem,min(5.75vw,10svh),6.15rem);line-height:.87}
.hero-lead{margin:.72rem 0;font-size:clamp(.96rem,min(1.35vw,2.35svh),1.16rem);line-height:1.48}
.hero-actions{margin-top:clamp(.75rem,1.8svh,1.35rem)}
.access-note{margin-top:clamp(.65rem,1.4svh,1rem)}
@media(max-width:900px){.hero-content{width:min(760px,calc(100vw - 2rem));margin-right:0;padding:clamp(5.7rem,11svh,7rem) 0 clamp(2.6rem,5svh,4rem)}.hero h1{max-width:11ch;font-size:clamp(3rem,min(8vw,8.2svh),5.2rem)}}
@media(max-width:560px){.hero-content{width:calc(100vw - 1.5rem);padding:max(4.75rem,calc(env(safe-area-inset-top) + 4.2rem)) 0 max(1rem,env(safe-area-inset-bottom))}.si0s-brand{width:clamp(8.4rem,39vw,10.2rem)}.eyebrow{max-width:30ch;margin:.48rem 0;font-size:.58rem;line-height:1.35;letter-spacing:.14em}.hero h1{max-width:10.6ch;margin:.35rem 0;font-size:clamp(2.65rem,min(12.6vw,6.25svh),3.45rem);line-height:.89}.hero-lead{margin:.55rem 0;font-size:clamp(.82rem,3.65vw,.92rem);line-height:1.4}.hero-actions{gap:.45rem;margin-top:.65rem}.hero-actions a{min-height:2.65rem;padding:.62rem .85rem;font-size:.63rem}.access-note{gap:.42rem;margin-top:.58rem;font-size:.6rem;line-height:1.35}}
@media(max-width:560px) and (max-height:740px){.hero-content{padding-top:max(4.35rem,calc(env(safe-area-inset-top) + 3.9rem))}.si0s-brand{width:7.9rem}.eyebrow{margin:.32rem 0;font-size:.53rem}.hero h1{font-size:clamp(2.35rem,11.4vw,2.8rem)}.hero-lead{font-size:.76rem;line-height:1.32}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.hero-actions a{min-height:2.45rem;padding:.5rem .55rem;text-align:center;font-size:.56rem}.access-note{font-size:.54rem}}
@media(min-width:901px) and (max-height:900px){.hero-content{padding:5.4rem 0 2.8rem}.si0s-brand{width:clamp(10rem,15vw,12.5rem)}.eyebrow{margin:.55rem 0}.hero h1{font-size:clamp(3rem,min(5.45vw,9.2svh),5.25rem)}.hero-lead{line-height:1.42}.scroll-cue{right:max(1rem,calc((100vw - 1180px)/2));left:auto;transform:none}}

/* SI0S is a SASCOSM platform mark, not flat interface text. Keep the source
   image only as the geometry mask and render the visible hero lockup as a
   platinum beveled wordmark in the same family as the SASCOSM header. */
.si0s-brand{
  width:clamp(11.2rem,18.4vw,16rem);
  filter:
    drop-shadow(0 .12rem 0 rgba(255,255,255,.58))
    drop-shadow(0 .32rem .16rem rgba(0,0,0,.88))
    drop-shadow(0 0 1.15rem rgba(117,217,255,.18))
}
.si0s-wordmark{
  opacity:0;
  filter:none
}
.si0s-brand::before,
.si0s-brand-sheen{
  -webkit-mask:url('/si0s/brand/si0s-wordmark-platinum.png') center/contain no-repeat;
  mask:url('/si0s/brand/si0s-wordmark-platinum.png') center/contain no-repeat
}
.si0s-brand::before{
  background:
    linear-gradient(180deg,
      #ffffff 0%,
      #f1f5f7 13%,
      #87929b 29%,
      #fdfefe 39%,
      #cbd3d8 49%,
      #26313a 51%,
      #6e7a83 63%,
      #f7fbfd 76%,
      #949fa8 88%,
      #e7eef2 100%);
  filter:
    drop-shadow(0 .08rem 0 rgba(255,255,255,.82))
    drop-shadow(0 .22rem .08rem rgba(1,4,7,.9))
    drop-shadow(0 .5rem .38rem rgba(0,0,0,.72))
    drop-shadow(0 0 .95rem rgba(117,217,255,.16))
}
.si0s-brand::after{
  bottom:-.48rem;
  opacity:.92;
  background:
    linear-gradient(90deg,transparent,rgba(117,217,255,.9) 18%,rgba(255,255,255,.92) 45%,rgba(247,147,26,.9) 76%,transparent);
  box-shadow:
    0 0 .8rem rgba(117,217,255,.5),
    0 0 1rem rgba(247,147,26,.22)
}
.si0s-brand-sheen{
  opacity:.42;
  background:
    linear-gradient(105deg,transparent 18%,rgba(255,255,255,.9) 41%,rgba(117,217,255,.22) 47%,transparent 65%),
    linear-gradient(180deg,rgba(255,255,255,.38),transparent 42%);
  mix-blend-mode:screen
}
@media(max-width:560px){.si0s-brand{width:clamp(9.1rem,42vw,11rem)}}
@media(max-width:560px) and (max-height:740px){.si0s-brand{width:8.4rem}}

.access-body{min-height:100svh;background:radial-gradient(circle at 50% 42%,rgba(247,147,26,.18),transparent 31%),radial-gradient(circle at 70% 18%,rgba(117,217,255,.1),transparent 36%),#05080d}
.founder-access{min-height:100svh;padding:clamp(6.5rem,13svh,9rem) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));display:grid;place-items:center;background:linear-gradient(180deg,rgba(5,8,13,.12),rgba(5,8,13,.88)),url('/si0s/media/si0s-district-establishing-landscape-v1.avif') center/cover no-repeat}
.founder-panel{position:relative;width:min(760px,100%);padding:clamp(1.35rem,4vw,3rem);border:1px solid rgba(255,255,255,.18);overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 2rem 7rem rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(18px)}
.founder-panel::before{position:absolute;inset:-45% -15% auto;height:72%;content:"";background:radial-gradient(circle,rgba(255,255,255,.2),transparent 58%);opacity:.28;pointer-events:none}
.founder-panel::after{position:absolute;left:0;right:0;bottom:0;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--blue),var(--orange),transparent);box-shadow:0 0 1.2rem rgba(247,147,26,.45)}
.founder-brand{position:relative;width:clamp(10rem,28vw,15rem);margin-bottom:1.1rem;filter:drop-shadow(0 .2rem .16rem #000) drop-shadow(0 0 1rem rgba(117,217,255,.24))}
.founder-brand img{display:block;width:100%;height:auto}
.founder-panel h1{max-width:12ch;margin:.3rem 0 1rem;font-family:Inter,Arial,sans-serif;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.9;letter-spacing:-.06em}
.founder-panel p:not(.eyebrow){max-width:58ch;color:#cdd6df;font-family:Inter,Arial,sans-serif;line-height:1.65}
.founder-form{margin-top:1.6rem;display:grid;gap:.8rem}
.founder-form label{color:#ffd08a;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.founder-form input{width:100%;min-height:3.4rem;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:0;background:rgba(0,0,0,.36);color:#fff;font:1rem Inter,Arial,sans-serif;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.founder-form input:focus{border-color:rgba(247,147,26,.76);box-shadow:0 0 0 3px rgba(247,147,26,.15),inset 0 1px 0 rgba(255,255,255,.06)}
.founder-form button{width:max-content;min-height:3.2rem;padding:.8rem 1.25rem;border:1px solid rgba(247,147,26,.74);background:linear-gradient(110deg,#f7931a,#e0b456 48%,#7b2a12);color:#080808;cursor:pointer;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 .9rem 2.5rem rgba(247,147,26,.16)}
.founder-form button:disabled{cursor:wait;filter:saturate(.45);opacity:.65}
.founder-form output{min-height:1.4rem;color:#dbe5ee;font-family:Inter,Arial,sans-serif;font-size:.86rem}
.founder-boundary{margin-top:1.5rem;display:flex;align-items:center;gap:.65rem;color:#929ea8;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.founder-boundary i{width:min(7vw,3.5rem);height:1px;background:linear-gradient(90deg,var(--orange),var(--blue))}
@media(max-width:560px){.founder-access{padding-top:max(5.6rem,calc(env(safe-area-inset-top) + 4.8rem));align-items:start}.founder-panel{padding:1.2rem}.founder-form button{width:100%;justify-content:center}.founder-boundary{display:grid;grid-template-columns:1fr;text-align:center}.founder-boundary i{width:1px;height:1rem;margin:auto}}

/* 2026-08-11 SI0S public gateway refinement: each chapter must read inside
   the device window, and the public diagrams must communicate useful
   principles without disclosing protected implementation architecture. */
.public-signal{
  min-height:100svh;
  padding:clamp(3.75rem,5.8svh,4.85rem) 0 clamp(.7rem,1.85svh,1.35rem);
  display:grid;
  align-content:center;
  gap:clamp(.45rem,1.15svh,.82rem)
}
.public-signal>.eyebrow{margin:0}
.public-signal>h2{
  max-width:15ch;
  margin:.1rem 0 .35rem;
  font-size:clamp(2.25rem,min(3.55vw,6svh),4rem)
}
.scale-selector{margin-bottom:.25rem}
.scale-selector button{
  position:relative;
  overflow:hidden;
  min-width:clamp(8.4rem,14vw,12.5rem);
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.scale-selector button::after{
  position:absolute;
  inset:auto 18% 0;
  height:1px;
  content:"";
  background:linear-gradient(90deg,transparent,var(--orange),var(--blue),transparent);
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .2s ease,transform .2s ease
}
.scale-selector button[aria-selected="true"]{
  border-color:rgba(247,147,26,.5);
  color:#fff;
  background:
    radial-gradient(circle at 28% 0,rgba(247,147,26,.22),transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018))
}
.scale-selector button[aria-selected="true"]::after{opacity:1;transform:scaleX(1)}
.lens{
  min-height:min(35svh,340px);
  padding:clamp(.9rem,2.1vw,1.65rem);
  grid-template-columns:minmax(2rem,.12fr) minmax(16rem,.82fr) minmax(320px,.9fr);
  gap:clamp(1.1rem,3.6vw,4rem);
  overflow:hidden;
  border-color:rgba(214,225,236,.2);
  background:
    radial-gradient(circle at 84% 48%,rgba(117,217,255,.13),transparent 36%),
    radial-gradient(circle at 68% 72%,rgba(247,147,26,.12),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
  box-shadow:
    0 1.5rem 5rem rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.08)
}
.lens::before{
  position:absolute;
  inset:-1px;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(117,217,255,.18),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%);
  opacity:.55
}
.lens{position:relative}
.lens-copy{position:relative;z-index:2}
.lens h3{max-width:12.5ch;font-size:clamp(1.95rem,min(3.15vw,5.4svh),3.45rem)}
.lens p{font-size:clamp(.9rem,min(1vw,1.9svh),1.02rem);line-height:1.55}
.lens-system{
  position:relative;
  z-index:2;
  min-height:min(27svh,285px);
  display:grid;
  place-items:center;
  isolation:isolate
}
.lens-system::before,
.lens-system::after{
  position:absolute;
  content:"";
  border-radius:50%;
  pointer-events:none
}
.lens-system::before{
  width:min(31vw,370px);
  aspect-ratio:1;
  border:1px solid rgba(117,217,255,.18);
  box-shadow:0 0 5rem rgba(117,217,255,.08),inset 0 0 3rem rgba(247,147,26,.035);
  animation:si0s-drift 18s linear infinite
}
.lens-system::after{
  width:min(20vw,250px);
  aspect-ratio:1;
  border:1px solid rgba(247,147,26,.2);
  animation:si0s-drift 11s linear reverse infinite
}
.lens-map{
  position:relative;
  width:min(31vw,340px);
  min-width:270px;
  aspect-ratio:1;
  transform:perspective(760px) rotateX(58deg) rotateZ(-14deg);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 11%),
    radial-gradient(circle at 50% 50%,rgba(247,147,26,.1),transparent 35%),
    repeating-radial-gradient(circle at 50% 50%,rgba(117,217,255,.13) 0 1px,transparent 1px 19%);
  box-shadow:inset 0 0 2.6rem rgba(0,0,0,.6)
}
.lens-flow{
  position:absolute;
  left:50%;
  top:50%;
  width:78%;
  height:1px;
  transform-origin:left center;
  background:linear-gradient(90deg,transparent,rgba(117,217,255,.15),rgba(117,217,255,.85),rgba(247,147,26,.75),transparent);
  box-shadow:0 0 .8rem rgba(117,217,255,.32);
  animation:si0s-flow 3.9s ease-in-out infinite
}
.lens-flow-a{transform:rotate(15deg) translateX(-5%)}
.lens-flow-b{transform:rotate(128deg) translateX(-5%);animation-delay:.65s}
.lens-flow-c{transform:rotate(248deg) translateX(-5%);animation-delay:1.25s}
.lens-node{
  position:absolute;
  min-width:4.8rem;
  min-height:2.2rem;
  padding:.55rem .7rem;
  border:1px solid rgba(214,225,236,.24);
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#f5f7fa;
  background:linear-gradient(180deg,rgba(6,12,18,.86),rgba(5,8,13,.72));
  box-shadow:0 0 1.2rem rgba(117,217,255,.12),inset 0 1px 0 rgba(255,255,255,.1);
  font-size:.58rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  transform:translate(-50%,-50%) rotateZ(14deg) rotateX(-58deg);
  animation:si0s-node 4.8s ease-in-out infinite
}
.lens-node-core{
  left:50%;
  top:50%;
  min-width:5.6rem;
  min-height:5.6rem;
  border-color:rgba(247,147,26,.48);
  border-radius:50%;
  color:#ffd08a;
  background:
    radial-gradient(circle at 48% 18%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(180deg,rgba(247,147,26,.18),rgba(5,8,13,.84));
  box-shadow:0 0 2rem rgba(247,147,26,.23),inset 0 0 1.3rem rgba(247,147,26,.08)
}
.lens-node-one{left:50%;top:11%;animation-delay:.2s}
.lens-node-two{left:86%;top:43%;animation-delay:.55s}
.lens-node-three{left:66%;top:83%;animation-delay:.9s}
.lens-node-four{left:18%;top:64%;animation-delay:1.25s}
.lens-system strong{
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  transform:translate(-50%,calc(-50% + min(12vw,6.7rem)));
  max-width:16rem;
  text-align:center;
  color:#dce5ed;
  font-size:.66rem;
  line-height:1.65;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:pre-line;
  text-shadow:0 .2rem .7rem #000
}
.lens-system p{
  position:absolute;
  left:50%;
  right:auto;
  bottom:0;
  width:min(24rem,92%);
  margin:0;
  transform:translateX(-50%);
  text-align:center;
  color:#9facb7;
  font-size:.72rem;
  line-height:1.45
}
.lens[data-lens-state="community"] .lens-map{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 11%),
    radial-gradient(circle at 50% 50%,rgba(117,217,255,.14),transparent 36%),
    repeating-radial-gradient(circle at 50% 50%,rgba(117,217,255,.13) 0 1px,transparent 1px 16%)
}
.lens[data-lens-state="infrastructure"] .lens-map{
  border-radius:18%;
  background:
    linear-gradient(90deg,rgba(117,217,255,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(247,147,26,.08) 1px,transparent 1px),
    radial-gradient(circle at 50% 50%,rgba(247,147,26,.16),transparent 32%);
  background-size:38px 38px,38px 38px,100% 100%
}
.boundary{
  margin:.45rem 0 0;
  max-width:86ch
}
@keyframes si0s-flow{0%,100%{opacity:.25;filter:saturate(.75)}50%{opacity:1;filter:saturate(1.3)}}
@keyframes si0s-node{0%,100%{box-shadow:0 0 1.1rem rgba(117,217,255,.12),inset 0 1px 0 rgba(255,255,255,.1)}50%{box-shadow:0 0 1.9rem rgba(117,217,255,.24),inset 0 1px 0 rgba(255,255,255,.14)}}
@keyframes si0s-drift{to{transform:rotate(360deg)}}
@media(max-width:900px){
  .public-signal{
    min-height:100svh;
    padding:clamp(4.8rem,8.2svh,5.9rem) 0 1.2rem
  }
  .public-signal>h2{max-width:13ch}
  .lens{
    grid-template-columns:1fr;
    min-height:auto;
    gap:1.35rem
  }
  .lens-system{min-height:min(35svh,310px)}
  .lens-map{width:min(58vw,330px)}
  .lens-system::before{width:min(58vw,330px)}
  .lens-system::after{width:min(42vw,235px)}
  .lens-system strong{transform:translate(-50%,6.45rem)}
}
@media(max-width:560px){
  .public-signal{
    width:min(100% - 1.1rem,1180px);
    min-height:100svh;
    padding:max(4rem,calc(env(safe-area-inset-top) + 3.55rem)) 0 max(.75rem,env(safe-area-inset-bottom));
    gap:.42rem
  }
  .public-signal>h2{
    max-width:16ch;
    margin:.05rem 0 .22rem;
    font-size:clamp(1.55rem,7.6vw,2.08rem);
    line-height:.98
  }
  .scale-selector{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.38rem
  }
  .scale-selector button{
    min-width:0;
    min-height:2.15rem;
    padding:.45rem .28rem;
    font-size:.5rem;
    letter-spacing:.03em
  }
  .lens{
    padding:.72rem;
    border-radius:0;
    gap:.55rem
  }
  .lens h3{
    max-width:18ch;
    margin-bottom:.22rem;
    font-size:clamp(1.28rem,6.2vw,1.68rem);
    letter-spacing:-.035em;
    line-height:1.02
  }
  .lens-copy>p{display:none}
  .lens p{font-size:.78rem;line-height:1.36}
  .lens-system{min-height:min(37svh,292px)}
  .lens-system::before{width:min(76vw,285px)}
  .lens-system::after{width:min(54vw,210px)}
  .lens-map{
    width:min(76vw,285px);
    min-width:236px;
    transform:none
  }
  .lens-node{
    min-width:4.1rem;
    min-height:1.82rem;
    padding:.4rem .48rem;
    font-size:.48rem;
    transform:translate(-50%,-50%)
  }
  .lens-node-core{
    min-width:4.65rem;
    min-height:4.65rem
  }
  .lens-system strong{
    transform:translate(-50%,6.55rem);
    font-size:.55rem
  }
  .lens-system p{display:none}
  .boundary{font-size:.66rem}
}
@media(max-width:560px) and (max-height:740px){
  .public-signal{padding-top:max(3.7rem,calc(env(safe-area-inset-top) + 3.2rem))}
  .public-signal>h2{font-size:clamp(1.42rem,6.8vw,1.78rem)}
  .lens h3{font-size:clamp(1.16rem,5.55vw,1.42rem)}
  .lens-copy>p{display:none}
  .lens-system{min-height:min(34svh,232px)}
  .lens-map{width:min(70vw,236px);min-width:206px}
  .lens-node{font-size:.42rem;min-width:3.65rem;min-height:1.6rem}
  .lens-node-core{min-width:4.05rem;min-height:4.05rem}
  .lens-system strong{transform:translate(-50%,5.65rem)}
}
@media(prefers-reduced-motion:reduce){
  .lens-system::before,
  .lens-system::after,
  .lens-flow,
  .lens-node{animation:none}
}

/* 2026-08-11 rejection pass: the previous public signal fitted geometrically,
   but looked like a flat dashboard and collided with the fixed wordmark. This
   pass gives the chapter its own cinematic stage below the floating header. */
@media(min-width:901px){
  .public-signal{
    position:relative;
    width:min(1240px,calc(100vw - 3rem));
    padding-top:clamp(6.6rem,9.6svh,8.1rem);
    gap:clamp(.55rem,1svh,.8rem);
    align-content:start;
    scroll-margin-top:clamp(5rem,8svh,6.25rem)
  }
  .public-signal::before{
    position:absolute;
    inset:clamp(5.1rem,7.4svh,6.25rem) auto auto clamp(14rem,19vw,21rem);
    width:min(40vw,36rem);
    height:1px;
    content:"";
    background:linear-gradient(90deg,transparent,rgba(117,217,255,.9),rgba(247,147,26,.75),transparent);
    box-shadow:0 0 1.4rem rgba(117,217,255,.35);
    opacity:.62
  }
  .public-signal>.eyebrow,
  .public-signal>h2{
    margin-left:clamp(12rem,16vw,17.5rem)
  }
  .public-signal>.eyebrow{
    letter-spacing:.24em;
    color:#ffc879;
    text-shadow:0 0 1rem rgba(247,147,26,.18)
  }
  .public-signal>h2{
    max-width:16ch;
    margin-bottom:.15rem;
    font-size:clamp(2.15rem,min(3.15vw,5.4svh),3.7rem);
    line-height:.93;
    letter-spacing:-.052em
  }
  .scale-selector{
    width:min(62rem,100%);
    margin:.15rem auto .35rem;
    justify-content:center
  }
  .scale-selector button{
    min-width:clamp(10.5rem,15vw,14rem);
    min-height:2.65rem;
    border-color:rgba(214,225,236,.14);
    background:
      linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.012)),
      radial-gradient(circle at 50% 0,rgba(117,217,255,.08),transparent 60%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.1),
      0 .7rem 2rem rgba(0,0,0,.24)
  }
  .lens{
    min-height:min(42svh,405px);
    grid-template-columns:minmax(2rem,.09fr) minmax(18rem,.74fr) minmax(420px,.98fr);
    padding:clamp(1.05rem,2vw,1.55rem) clamp(1.35rem,2.5vw,2rem);
    border:0;
    border-radius:1.35rem;
    background:
      radial-gradient(circle at 78% 46%,rgba(117,217,255,.18),transparent 31%),
      radial-gradient(circle at 70% 88%,rgba(247,147,26,.2),transparent 34%),
      linear-gradient(115deg,rgba(214,225,236,.1),rgba(255,255,255,.02) 38%,rgba(247,147,26,.04) 100%);
    box-shadow:
      0 1.6rem 5rem rgba(0,0,0,.46),
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -1px 0 rgba(247,147,26,.16)
  }
  .lens::before{
    opacity:1;
    background:
      linear-gradient(110deg,rgba(255,255,255,.18),transparent 19%,transparent 72%,rgba(247,147,26,.22)),
      linear-gradient(90deg,transparent,rgba(117,217,255,.34),transparent);
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    padding:1px;
    border-radius:inherit
  }
  .lens::after{
    position:absolute;
    inset:1px;
    content:"";
    pointer-events:none;
    border-radius:inherit;
    background:
      linear-gradient(90deg,rgba(117,217,255,.045) 1px,transparent 1px),
      linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:4.1rem 4.1rem;
    opacity:.22;
    mask-image:radial-gradient(circle at 72% 54%,#000,transparent 58%)
  }
  .lens>span{
    color:#ffd08a;
    text-shadow:0 0 1rem rgba(247,147,26,.32)
  }
  .lens h3{
    max-width:12ch;
    font-size:clamp(2rem,min(2.85vw,5svh),3.25rem)
  }
  .lens p{
    color:#d1dae2;
    font-size:clamp(.88rem,min(.96vw,1.8svh),1rem)
  }
  .lens-system{
    min-height:min(35svh,340px)
  }
  .lens-map{
    width:min(31vw,360px);
    background:
      radial-gradient(circle at 50% 50%,rgba(255,255,255,.13),transparent 9%),
      radial-gradient(circle at 50% 50%,rgba(247,147,26,.16),transparent 32%),
      repeating-radial-gradient(circle at 50% 50%,rgba(117,217,255,.18) 0 1px,transparent 1px 18%),
      conic-gradient(from 18deg,rgba(117,217,255,.18),transparent 16%,rgba(247,147,26,.2) 35%,transparent 52%,rgba(117,217,255,.18) 78%,transparent);
    box-shadow:
      0 1.2rem 4rem rgba(0,0,0,.48),
      inset 0 0 2.8rem rgba(0,0,0,.58),
      inset 0 0 5.6rem rgba(117,217,255,.035)
  }
  .lens-node{
    border-color:rgba(214,225,236,.32);
    background:
      linear-gradient(180deg,rgba(8,15,23,.94),rgba(4,8,13,.78)),
      radial-gradient(circle at 50% 0,rgba(117,217,255,.22),transparent 58%);
    box-shadow:
      0 0 1.3rem rgba(117,217,255,.18),
      0 .8rem 1.9rem rgba(0,0,0,.32),
      inset 0 1px 0 rgba(255,255,255,.13)
  }
  .lens-node-core{
    box-shadow:
      0 0 2.4rem rgba(247,147,26,.28),
      0 .9rem 2.1rem rgba(0,0,0,.4),
      inset 0 0 1.5rem rgba(247,147,26,.16)
  }
  .lens-system strong{
    color:#f3f8fb;
    text-shadow:0 .2rem .7rem #000,0 0 1.2rem rgba(117,217,255,.22)
  }
  .boundary{
    max-width:min(69rem,100%);
    margin:.55rem auto 0;
    padding:.85rem 1rem;
    border:1px solid rgba(214,225,236,.1);
    border-radius:999px;
    color:#9faab5;
    background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
    text-align:center
  }
}

/* Animated SI0S explainer system. Three distinct isometric diagrams share a
   single device-height stage; motion communicates cause and effect. */
.system-explainer{
  --explainer-header-offset:4.25rem;
  position:relative;
  width:min(1480px,calc(100vw - 2.5rem));
  max-width:none;
  height:calc(100svh - var(--explainer-header-offset));
  min-height:calc(100svh - var(--explainer-header-offset));
  scroll-margin-top:var(--explainer-header-offset);
  padding:clamp(5.1rem,7svh,6.25rem) 0 max(1rem,env(safe-area-inset-bottom));
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:clamp(.55rem,1.2svh,.9rem);
  align-content:stretch;
  isolation:isolate
}
.hero-media,.hero-shade,.signal-field{pointer-events:none}
.hero{pointer-events:none}
.hero a,.hero button{pointer-events:auto}
main{overflow-x:clip}
.system-explainer::before{
  position:absolute;inset:4rem -8vw -5rem;z-index:-2;content:"";
  background:
    radial-gradient(ellipse at 72% 42%,rgba(73,167,197,.12),transparent 42%),
    radial-gradient(ellipse at 42% 78%,rgba(247,147,26,.11),transparent 40%)
}
.explainer-intro{display:grid;grid-template-columns:.42fr 1fr;align-items:end;gap:2rem}
.explainer-intro>.eyebrow{margin:0 0 .25rem;color:#ffc879;letter-spacing:.23em}
.explainer-intro>h2{
  max-width:27ch;margin:0;
  font-family:Inter,Arial,sans-serif;font-size:clamp(1.45rem,2.15vw,2.55rem);
  line-height:1.02;letter-spacing:-.045em
}
.system-explainer .scale-selector{
  width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem
}
.system-explainer .scale-selector button{
  position:relative;min-width:0;min-height:3.4rem;padding:.62rem .9rem .58rem 3.35rem;
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7rem;
  border:1px solid rgba(205,221,230,.15);border-radius:.5rem;text-align:left;
  background:linear-gradient(140deg,rgba(255,255,255,.055),rgba(255,255,255,.008));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden
}
.system-explainer .scale-selector button::before{
  position:absolute;inset:0 auto 0 0;width:2px;content:"";
  background:linear-gradient(#75d9ff,#f7931a);opacity:0;box-shadow:0 0 1rem #75d9ff
}
.system-explainer .scale-selector button>span{
  position:absolute;left:.85rem;top:50%;transform:translateY(-50%);
  color:#f7931a;font-size:.72rem;letter-spacing:.08em
}
.system-explainer .scale-selector button>strong{color:#eef5f8;font-size:.72rem;letter-spacing:.08em;font-weight:600;text-transform:uppercase}
.system-explainer .scale-selector button>small{grid-column:2;color:#8f9da6;font:500 .59rem/1.2 Inter,Arial,sans-serif;letter-spacing:.015em;text-transform:none}
.system-explainer .scale-selector button[aria-selected="true"]{
  border-color:rgba(247,147,26,.55);color:#fff;
  background:linear-gradient(105deg,rgba(247,147,26,.16),rgba(73,167,197,.08) 56%,rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 0 2.6rem rgba(247,147,26,.08)
}
.system-explainer .scale-selector button[aria-selected="true"]::before{opacity:1}
.explainer-shell{
  position:relative;min-height:0;display:grid;grid-template-columns:minmax(18rem,.58fr) minmax(0,1.42fr);
  border:1px solid rgba(193,216,226,.2);border-radius:.85rem;overflow:hidden;
  background:
    linear-gradient(115deg,rgba(8,14,19,.98) 0 28%,rgba(9,16,21,.86) 52%,rgba(5,9,12,.96)),
    radial-gradient(circle at 75% 46%,rgba(75,198,229,.15),transparent 50%);
  box-shadow:0 1.8rem 5rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)
}
.explainer-shell::before{
  position:absolute;inset:0;z-index:3;pointer-events:none;content:"";
  background:linear-gradient(100deg,rgba(255,255,255,.09),transparent 17%,transparent 75%,rgba(247,147,26,.08));
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px;border-radius:inherit
}
.explainer-copy{
  position:relative;z-index:2;padding:clamp(1.25rem,2.2vw,2rem);
  display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid rgba(196,215,225,.1);
  background:linear-gradient(90deg,rgba(3,7,10,.92),rgba(3,7,10,.54))
}
.explainer-index{color:#f7931a;font-size:.6rem;letter-spacing:.18em}
.explainer-copy h3{
  max-width:12ch;margin:.85rem 0 .75rem;
  font-family:Inter,Arial,sans-serif;font-size:clamp(1.75rem,2.7vw,3.4rem);line-height:.92;letter-spacing:-.058em
}
.explainer-copy>p{max-width:39ch;margin:0;color:#b8c4cb;font:400 clamp(.82rem,.92vw,1rem)/1.5 Inter,Arial,sans-serif}
.explainer-sequence{margin:1.25rem 0 0;padding:0;display:grid;gap:.42rem;list-style:none}
.explainer-sequence li{
  position:relative;min-height:2.65rem;padding:.55rem .65rem .5rem 2.7rem;
  display:grid;border-left:1px solid rgba(117,217,255,.25);
  background:linear-gradient(90deg,rgba(117,217,255,.055),transparent)
}
.explainer-sequence li::after{
  position:absolute;left:-1px;top:0;width:1px;height:0;content:"";background:#f7931a;box-shadow:0 0 .8rem #f7931a;
  animation:sequence-progress 6s ease-in-out infinite
}
.explainer-sequence li:nth-child(2)::after{animation-delay:2s}.explainer-sequence li:nth-child(3)::after{animation-delay:4s}
.explainer-sequence li>span{position:absolute;left:.65rem;top:.73rem;color:#f7931a;font-size:.52rem}
.explainer-sequence li>strong{color:#edf4f6;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}
.explainer-sequence li>small{color:#839098;font:400 .61rem/1.3 Inter,Arial,sans-serif}
.explainer-stage{position:relative;min-width:0;min-height:0;overflow:hidden;perspective:1200px}
.stage-atmosphere{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 94%,rgba(117,217,255,.08)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(90deg,rgba(117,217,255,.022) 0 1px,transparent 1px 44px);
  mask-image:radial-gradient(ellipse at 52% 53%,#000,transparent 76%)
}
.system-scene{
  position:absolute;inset:0;margin:0;padding:.3rem;
  display:grid;place-items:center;opacity:0;visibility:hidden;
  transform:translate3d(0,1.2rem,0) scale(.97);transition:opacity .62s ease,transform .8s cubic-bezier(.2,.8,.2,1),visibility 0s .8s
}
.system-scene.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.system-scene:not(.is-active) *{animation-play-state:paused!important}
.system-scene svg{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:100%;overflow:visible}
.system-scene text{fill:#dbe7eb;font-family:"Share Tech Mono",ui-monospace,monospace;font-size:11px;letter-spacing:1.4px;text-anchor:middle}
.system-scene text.sub{fill:#87959d;font-family:Inter,Arial,sans-serif;font-size:9px;letter-spacing:0}
.system-scene path,.system-scene ellipse,.system-scene circle,.system-scene rect{vector-effect:non-scaling-stroke}

/* Home scene */
.iso-grid path{fill:none;stroke:#75d9ff;stroke-width:.7;opacity:.14}
.ground-aura{fill:#f7931a;opacity:.06;filter:blur(12px)}
.home-model{transform-origin:370px 315px;animation:home-breathe 7s ease-in-out infinite}
.home-front,.home-side,.home-roof{stroke:#9ec4d0;stroke-width:1;stroke-opacity:.42}
.roof-glass{fill:#75d9ff;fill-opacity:.06;stroke:#75d9ff;stroke-opacity:.5}
.solar-array path{fill:#173b4a;stroke:#75d9ff;stroke-width:1;animation:solar-track 6s ease-in-out infinite}
.compute-core>path{fill:#132630;stroke:#f7931a;stroke-width:1.2}.compute-core circle{opacity:.64;animation:core-pulse 2.4s ease-in-out infinite}
.home-components rect,.home-components>g>path{fill:#081219;stroke:#75d9ff;stroke-width:1}
.home-components>g:nth-child(2) rect{stroke:#f7931a}.home-components path{fill:none;stroke:#75d9ff;stroke-width:1}.home-components text{font-size:9px;fill:#aab8bf}
.privacy-dome path{fill:none;stroke:#75d9ff;stroke-width:1.2;stroke-dasharray:4 8;opacity:.6;animation:dome-scan 8s linear infinite}.privacy-dome path:nth-child(2){stroke:#f7931a;stroke-dasharray:2 13;animation-direction:reverse}.privacy-dome text{fill:#75d9ff;font-size:9px;text-anchor:start}
.energy-cycle path,.value-cycle path{fill:none;stroke:#f7931a;stroke-width:1.4;stroke-dasharray:3 8;animation:flow-dash 3s linear infinite}.value-cycle path{stroke:#75d9ff}.energy-cycle circle{fill:#f7931a}.value-cycle circle{fill:#75d9ff}.energy-cycle text{fill:#f1b661;font-size:9px}
.consent-gate path{fill:none;stroke:#7e8c93}.consent-gate rect{fill:#11242b;stroke:#75d9ff;animation:gate-pulse 3.2s ease-in-out infinite}.consent-gate text{font-size:8px;fill:#8fdff3}
.outbound-flow use{fill:none;stroke:#75d9ff;stroke-width:1.5;stroke-dasharray:5 9;animation:flow-dash 2.5s linear infinite}.outbound-flow circle{fill:#75d9ff}.outbound-flow text{fill:#75d9ff;font-size:8px}
.diagram-label path{fill:none;stroke:#e7f1f4;stroke-opacity:.42}.diagram-label circle{fill:#f7931a}.diagram-label text{text-anchor:end;fill:#f4e2c5;font-size:9px}
.diagram-status text{font-size:8px;text-anchor:start;fill:#88979e}.diagram-status circle{fill:#f7931a}.diagram-status path{stroke:#3f515a}

/* Community scene */
.community-land{stroke:#75d9ff;stroke-opacity:.24}.community-roads path,.infra-grid path{fill:none;stroke:#7593a0;stroke-opacity:.18}
.civic-core path,.clinic>path,.school>path,.market>path,.community-homes path{fill:#172128;stroke:#829ca6;stroke-opacity:.6}.civic-light{fill:none!important;stroke:#f7931a!important;stroke-width:2;filter:url(#cGlow)}
.clinic .cross{fill:none;stroke:#75d9ff;stroke-width:3}.school-light{fill:none!important;stroke:#f3c07a!important}.community-homes circle{fill:#f7931a;filter:url(#cGlow);animation:node-breathe 2.8s ease-in-out infinite}.community-homes>g:nth-child(2) circle{animation-delay:.7s}.community-homes>g:nth-child(3) circle{animation-delay:1.4s}
.consent-flows use{fill:none;stroke:#75d9ff;stroke-width:1.5;stroke-dasharray:5 10;animation:flow-dash 2.8s linear infinite}.consent-flows circle{fill:#75d9ff}
.consent-badges circle{fill:#082029;stroke:#75d9ff;animation:gate-pulse 3s ease-in-out infinite}.consent-badges path{fill:none;stroke:#f7931a;stroke-width:2}.consent-badges text{fill:#75d9ff;font-size:8px}
.no-centre circle{fill:none;stroke:#75d9ff;stroke-width:1;stroke-dasharray:3 12;opacity:.32;transform-origin:379px 267px;animation:dome-scan 16s linear infinite}.no-centre circle:nth-child(2){stroke:#f7931a;animation-direction:reverse;animation-duration:22s}.no-centre text{fill:#f0c990;font-size:9px}
.community-status text{font-size:8px;text-anchor:start;fill:#91a0a8}.community-status path{stroke:#f7931a;stroke-opacity:.5}

/* Infrastructure scene */
.infrastructure-land{stroke:#75d9ff;stroke-opacity:.25}.command-tower path,.compute-hall>path,.treasury-vault>path{fill:#121c22;stroke:#91a5ae;stroke-opacity:.7}.tower-crown{fill:#2d3b42!important;stroke:#f7931a!important}.tower-core{fill:none!important;stroke:#f7931a!important;stroke-width:2;filter:url(#iGlow);animation:core-line 2.8s ease-in-out infinite}
.energy-field>path{fill:#111b20;stroke:#829da8}.solar-panels path{fill:#153745;stroke:#75d9ff}.wind-rotor path{fill:none;stroke:#d7e2e6;stroke-width:1.5;transform-origin:0 15px;animation:rotor-spin 5s linear infinite}
.rack-lights{fill:none;stroke:#75d9ff;stroke-width:2;filter:url(#iGlow)}.rack-lights path{animation:rack-pulse 2.4s ease-in-out infinite}.rack-lights path:nth-child(2){animation-delay:.4s}.rack-lights path:nth-child(3){animation-delay:.8s}.rack-lights path:nth-child(4){animation-delay:1.2s}
.water-plant ellipse,.water-plant path{fill:#102129;stroke:#75d9ff}.water-line{fill:#75d9ff!important;fill-opacity:.18!important;animation:water-breathe 3s ease-in-out infinite}.treasury-vault circle{fill:#2a190a;stroke:#f7931a}.treasury-vault>path:last-of-type{fill:none;stroke:#f7931a}
.infra-flow use{fill:none;stroke-width:1.7;stroke-dasharray:5 9;animation:flow-dash 2.5s linear infinite}.infra-flow circle{filter:url(#iGlow)}.energy-flow use{stroke:#f7931a}.energy-flow circle{fill:#f7931a}.energy-flow text{fill:#f4b358}.data-flow use{stroke:#75d9ff}.data-flow circle{fill:#75d9ff}.data-flow text{fill:#75d9ff}.value-flow use{stroke:#e5eff3}.value-flow circle{fill:#fff}.value-flow text{fill:#e5eff3}
.accountability-ring ellipse{fill:none;stroke:#f7931a;stroke-opacity:.44;stroke-dasharray:5 11;animation:dome-scan 18s linear infinite;transform-origin:381px 318px}.accountability-ring path{stroke:#75d9ff;stroke-opacity:.45}.accountability-ring text{fill:#f4c983;font-size:9px}
.telemetry text{font-size:8px;fill:#98a7ae;text-anchor:start}.telemetry rect{fill:#162127}.telemetry .meter{fill:#f7931a;transform-origin:left;animation:meter-live 4s ease-in-out infinite}.telemetry .continuity{fill:#75d9ff;animation-delay:1s}.telemetry circle{fill:#08141a;stroke:#75d9ff;animation:gate-pulse 2.5s ease-in-out infinite}.telemetry>g:last-child text{text-anchor:middle;fill:#75d9ff}

.system-explainer>.boundary{
  width:auto;max-width:none;margin:0;padding:.2rem 0;border:0;border-radius:0;
  color:#75838b;background:none;text-align:center;font-size:.58rem;letter-spacing:.03em
}
.system-explainer>.boundary span{color:#f7931a}

@keyframes sequence-progress{0%,18%{height:0;opacity:0}35%,65%{height:100%;opacity:1}82%,100%{height:100%;opacity:0}}
@keyframes home-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes solar-track{0%,100%{filter:brightness(.75)}50%{filter:brightness(1.5)}}
@keyframes core-pulse{0%,100%{opacity:.35;transform:scale(.86);transform-origin:370px 337px}50%{opacity:.8;transform:scale(1.16)}}
@keyframes dome-scan{to{stroke-dashoffset:-180}}
@keyframes flow-dash{to{stroke-dashoffset:-52}}
@keyframes gate-pulse{0%,100%{filter:drop-shadow(0 0 2px rgba(117,217,255,.2))}50%{filter:drop-shadow(0 0 10px rgba(117,217,255,.9))}}
@keyframes node-breathe{0%,100%{r:4px;opacity:.6}50%{r:8px;opacity:1}}
@keyframes core-line{0%,100%{opacity:.42}50%{opacity:1}}
@keyframes rotor-spin{to{transform:rotate(360deg)}}
@keyframes rack-pulse{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes water-breathe{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(-3px);opacity:.36}}
@keyframes meter-live{0%,100%{transform:scaleX(.7)}50%{transform:scaleX(1)}}

@media(max-width:900px){
  .system-explainer{width:calc(100vw - 1rem);padding-top:max(4.6rem,calc(env(safe-area-inset-top) + 4rem));grid-template-rows:auto auto minmax(0,1fr) auto}
  .explainer-intro{grid-template-columns:1fr;gap:.3rem}.explainer-intro>h2{max-width:31ch;font-size:clamp(1.2rem,3.8vw,1.8rem)}
  .explainer-shell{grid-template-columns:.68fr 1.32fr}.explainer-copy{padding:1rem}.explainer-copy h3{font-size:clamp(1.45rem,4.5vw,2.5rem)}
  .mobile-menu-panel{right:0}
}
@media(min-width:681px) and (max-width:900px){
  .gateway-header .mobile-menu{position:relative;right:clamp(3rem,8vw,6rem)}
}
@media(max-width:680px){
  .gateway-header{right:max(2.5rem,env(safe-area-inset-right))}
  .mobile-menu-panel{width:min(calc(100vw - 3rem),31rem)}
  .system-explainer{
    width:100%;height:calc(100svh - var(--explainer-header-offset));min-height:calc(100svh - var(--explainer-header-offset));scroll-margin-top:0;padding:clamp(.65rem,2.2svh,1.15rem) .55rem max(.45rem,env(safe-area-inset-bottom));
    gap:.42rem
  }
  .explainer-intro{display:block;padding:0 .15rem}.explainer-intro>.eyebrow{font-size:.51rem;margin-bottom:.2rem}.explainer-intro>h2{font-size:clamp(1.05rem,4.8vw,1.42rem);line-height:1.02}
  .system-explainer .scale-selector{gap:.28rem}
  .system-explainer .scale-selector button{min-height:2.55rem;padding:.38rem .18rem .36rem;border-radius:.34rem;display:block;text-align:center}
  .system-explainer .scale-selector button>span{position:static;display:block;transform:none;font-size:.48rem;line-height:1}
  .system-explainer .scale-selector button>strong{display:block;margin-top:.16rem;font-size:.48rem;letter-spacing:.025em}
  .system-explainer .scale-selector button>small{display:none}
  .explainer-shell{min-height:0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .explainer-copy{padding:.65rem .75rem .55rem;border-right:0;border-bottom:1px solid rgba(196,215,225,.1);display:grid;grid-template-columns:auto 1fr;column-gap:.65rem;align-content:center}
  .explainer-index{grid-row:1/3;align-self:start;margin-top:.25rem;font-size:.48rem}
  .explainer-copy h3{max-width:none;margin:0;font-size:clamp(1.08rem,5.6vw,1.48rem);line-height:.96}
  .explainer-copy>p{grid-column:2;margin-top:.25rem;font-size:.68rem;line-height:1.34}
  .explainer-sequence{display:none}
  .explainer-stage{min-height:0}
  .system-scene{padding:0}
  .system-scene svg{width:100%;max-width:none;transform:none}
  .system-explainer>.boundary{font-size:.46rem;line-height:1.25;padding:0 .4rem}
}
@media(max-width:680px) and (max-height:740px){
  .system-explainer{padding-top:.5rem}
  .explainer-intro>.eyebrow{display:none}.explainer-intro>h2{font-size:1rem}
  .explainer-copy>p{display:none}.explainer-copy{grid-template-rows:auto}.explainer-index{grid-row:1}.explainer-copy h3{font-size:1.05rem}
}
@media(prefers-reduced-motion:reduce){
  .system-explainer *{animation:none!important;scroll-behavior:auto!important}
  .system-scene{transition:none}
}

/* Keep the hero scroll invitation from clipping into the next chapter during
   anchor/scroll transitions. The CTAs already provide the onward route. */
.scroll-cue{display:none}

@media(min-width:901px){
  .public-signal{
    padding-top:clamp(5rem,7.6svh,6.25rem)
  }
  .public-signal::before{
    top:clamp(4.3rem,6.25svh,5.1rem)
  }
  .lens{
    min-height:min(38svh,382px)
  }
  .lens-system{
    min-height:min(32svh,312px)
  }
}

/* Sovereign Dawn — the public, IP-safe real-time window into the authored
   SI0S district. The establishing render remains beneath WebGL as the LCP and
   graceful fallback; the canvas becomes visible only after its focal assets
   are ready. */
.sovereign-dawn{position:relative;z-index:2;height:220svh;background:#03070b}
.dawn-sticky{position:sticky;top:0;height:100svh;min-height:38rem;overflow:hidden;isolation:isolate;background:#05090d}
.dawn-poster,.dawn-canvas,.dawn-vignette{position:absolute;inset:0;width:100%;height:100%}
.dawn-poster{z-index:0;transition:opacity 1.1s ease,filter 1.1s ease}
.dawn-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) brightness(.42) contrast(1.06)}
.dawn-canvas{z-index:1;display:block;opacity:0;transition:opacity 1.15s ease;touch-action:pan-y}
.sovereign-dawn.is-ready .dawn-canvas{opacity:1}
.sovereign-dawn.is-ready .dawn-poster{opacity:.48;filter:none}
.dawn-vignette{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(2,6,10,.9) 0%,rgba(2,6,10,.6) 30%,rgba(2,6,10,.02) 62%,rgba(2,6,10,.3)),linear-gradient(180deg,rgba(2,6,10,.58),transparent 22%,transparent 72%,rgba(2,6,10,.88)),radial-gradient(circle at 68% 54%,transparent 0 36%,rgba(2,6,10,.24) 82%)}
.dawn-vignette::before{position:absolute;inset:0;content:"";opacity:.18;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light}
.dawn-copy{position:absolute;z-index:4;left:max(2rem,calc((100vw - 1180px)/2));top:50%;width:min(34rem,42vw);transform:translateY(-56%);text-shadow:0 .35rem 1.5rem #000}
.dawn-copy .eyebrow{margin:0 0 1rem}.dawn-copy h2{max-width:9ch;margin:0;font:650 clamp(3.3rem,6.2vw,6.6rem)/.88 Inter,Arial,sans-serif;letter-spacing:-.065em}.dawn-copy>p:not(.eyebrow){max-width:42ch;margin:1.2rem 0 0;color:#cbd5dd;font:400 clamp(.98rem,1.25vw,1.14rem)/1.58 Inter,Arial,sans-serif}
.dawn-principles{display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;margin-top:1.4rem;color:#c2cdd5;font-size:.59rem;letter-spacing:.09em;text-transform:uppercase}.dawn-principles span{display:inline-flex;align-items:center;gap:.45rem}.dawn-principles i{width:.36rem;aspect-ratio:1;border-radius:50%;background:#75d9ff;box-shadow:0 0 .8rem rgba(117,217,255,.9)}.dawn-principles span:nth-child(2) i{background:#f7931a;box-shadow:0 0 .8rem rgba(247,147,26,.9)}
.dawn-status{position:absolute;z-index:4;right:max(2rem,calc((100vw - 1180px)/2));top:16%;width:min(19rem,26vw);padding:1rem 1.05rem 1.1rem;border-top:1px solid rgba(247,147,26,.7);border-bottom:1px solid rgba(117,217,255,.22);display:grid;gap:.35rem;background:linear-gradient(105deg,rgba(3,8,12,.84),rgba(3,8,12,.22));backdrop-filter:blur(8px)}
.dawn-status span{color:#f7931a;font-size:.57rem;letter-spacing:.17em}.dawn-status strong{font:600 clamp(1.15rem,1.65vw,1.6rem)/1.05 Inter,Arial,sans-serif}.dawn-status small{color:#aebbc3;font:400 .76rem/1.35 Inter,Arial,sans-serif}
.dawn-legend{position:absolute;z-index:4;right:max(2rem,calc((100vw - 1180px)/2));bottom:7.6rem;display:grid;gap:.55rem;color:#aeb9c1;font-size:.56rem;letter-spacing:.09em;text-transform:uppercase}.dawn-legend span{display:flex;align-items:center;gap:.55rem}.dawn-legend i{width:1.75rem;height:1px;background:#75d9ff;box-shadow:0 0 .55rem #75d9ff}.dawn-legend .energy i{background:#f7931a;box-shadow:0 0 .55rem #f7931a}.dawn-legend .authority i{background:#f5f7fa;box-shadow:0 0 .55rem rgba(255,255,255,.55)}
.dawn-controls{position:absolute;z-index:5;left:50%;bottom:max(2.8rem,calc(env(safe-area-inset-bottom) + 1.5rem));width:min(47rem,calc(100vw - 4rem));transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(200,219,227,.2);border-radius:.65rem;overflow:hidden;background:rgba(3,8,12,.78);box-shadow:0 1.2rem 4rem rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(14px)}
.dawn-controls button{position:relative;min-height:3.9rem;padding:.65rem .8rem;border:0;border-right:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.55rem;background:transparent;color:#aab5bd;cursor:pointer}.dawn-controls button:last-child{border-right:0}.dawn-controls button::after{position:absolute;left:0;right:100%;bottom:0;height:2px;content:"";background:linear-gradient(90deg,#75d9ff,#f7931a);transition:right .45s ease}.dawn-controls button[aria-selected="true"]{color:#fff;background:linear-gradient(110deg,rgba(247,147,26,.13),rgba(117,217,255,.06))}.dawn-controls button[aria-selected="true"]::after{right:0}.dawn-controls span{color:#f7931a;font-size:.55rem}.dawn-controls strong{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}
.dawn-boundary{position:absolute;z-index:4;left:max(1rem,calc((100vw - 1180px)/2));bottom:max(.75rem,env(safe-area-inset-bottom));margin:0;color:#76838c;font-size:.51rem;letter-spacing:.04em}.dawn-boundary span{color:#f7931a}.dawn-fallback{position:absolute;z-index:6;right:1rem;bottom:1rem;width:min(28rem,80vw);padding:.8rem;background:#05090d;color:#c7d0d8}
.sovereign-dawn[data-dawn-phase="home"] .dawn-copy h2{color:#f5f7fa}.sovereign-dawn[data-dawn-phase="treasury"] .dawn-copy h2{background:linear-gradient(110deg,#fff 0 52%,#ffc45c 78%);background-clip:text;-webkit-background-clip:text;color:transparent}
@media(max-width:900px){.sovereign-dawn{height:190svh}.dawn-sticky{min-height:0}.dawn-vignette{background:linear-gradient(180deg,rgba(2,6,10,.76),rgba(2,6,10,.14) 34%,rgba(2,6,10,.18) 58%,rgba(2,6,10,.96) 84%),radial-gradient(circle at 50% 48%,transparent,rgba(2,6,10,.48) 76%)}.dawn-copy{left:1rem;right:1rem;top:max(5.2rem,calc(env(safe-area-inset-top) + 4.4rem));width:auto;transform:none;text-align:center}.dawn-copy h2{max-width:12ch;margin:auto;font-size:clamp(2.55rem,9.5vw,4.6rem)}.dawn-copy>p:not(.eyebrow){max-width:39rem;margin:.8rem auto 0}.dawn-principles{justify-content:center}.dawn-status{top:auto;left:1rem;right:auto;bottom:8.3rem;width:min(16rem,46vw)}.dawn-legend{right:1rem;bottom:8.4rem}.dawn-controls{bottom:max(2.2rem,calc(env(safe-area-inset-bottom) + 1.1rem));width:calc(100vw - 2rem)}.dawn-boundary{display:none}}
@media(max-width:560px){.sovereign-dawn{height:165svh}.dawn-copy{top:max(4.75rem,calc(env(safe-area-inset-top) + 4rem));padding:0 .2rem}.dawn-copy .eyebrow{margin-bottom:.5rem}.dawn-copy h2{font-size:clamp(2.3rem,11.4vw,3.3rem);line-height:.9}.dawn-copy>p:not(.eyebrow){font-size:.82rem;line-height:1.4}.dawn-principles{gap:.4rem .75rem;margin-top:.75rem;font-size:.46rem}.dawn-status{left:.75rem;bottom:7rem;width:calc(50vw - 1rem);padding:.65rem}.dawn-status strong{font-size:1rem}.dawn-status small{font-size:.62rem}.dawn-legend{right:.75rem;bottom:7.1rem;font-size:.43rem}.dawn-legend i{width:1rem}.dawn-controls{width:calc(100vw - 1rem);bottom:max(1.45rem,calc(env(safe-area-inset-bottom) + .5rem))}.dawn-controls button{min-height:3.35rem;padding:.45rem .25rem;display:block;text-align:center}.dawn-controls span{display:block;margin-bottom:.2rem}.dawn-controls strong{font-size:.52rem;letter-spacing:.035em}}
@media(max-width:560px) and (max-height:740px){.dawn-copy>p:not(.eyebrow),.dawn-principles{display:none}.dawn-copy h2{font-size:2.25rem}.dawn-status{bottom:6.3rem}.dawn-legend{bottom:6.4rem}}
@media(prefers-reduced-motion:reduce){.dawn-poster,.dawn-canvas,.dawn-controls button::after{transition:none}.sovereign-dawn{height:100svh}}