:root{
  --gold-soft:rgba(230, 198, 135,.42);               
  --sun-soft:#fff6e6;                             
  
  --planet-home:var(--sun);--planet-home-soft:var(--sun-soft);
  
  --zone-protect:var(--blue);--zone-money:#5fa074;   
  --zone-work:#c0d894;--zone-growth:#c9738a;--zone-archive:#4a5568;
  --warm:var(--claude);                              

  --panel-bg:rgba(12,16,32,.32);
  --panel-bg-dense:rgba(12,16,32,.55);
  --panel-border:rgba(230, 198, 135,.32);

  --card-bg:        rgba(12,16,32,.55);          
  --card-blur:      12px;                          
  --card-border:    1px solid rgba(255,255,255,.12);
  --card-border-active: 1px solid var(--gold-soft);
  --card-radius:    14px;                          
  --card-shadow:    0 8px 32px rgba(0,0,0,.4);     
  --card-pad:       14px 16px;                      
  --card-gloss:     linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 46%); 
  --card-accent:    var(--gold);                   
}

.stew-card,
.l2-mission-card, .story-card,
.archetype-card, .welcome-card, .custodian-card,
.why-card, .layers-card{
  background:var(--card-gloss), var(--card-bg);
  border:var(--card-border);
  border-radius:var(--card-radius);
  -webkit-backdrop-filter:blur(var(--card-blur)) saturate(150%);
  backdrop-filter:blur(var(--card-blur)) saturate(150%);
  box-shadow:var(--card-shadow);
}

.stew-card.sc--mission,
.l2-mission-card{
  --card-shadow:0 8px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255, 246, 230,.10);
  --card-accent:var(--gold);
}
.stew-card.sc--mission:hover,
.l2-mission-card:hover{ --card-border:var(--card-border-active); }

.stew-card.sc--narrative,
.story-card{
  --card-shadow:0 8px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255, 246, 230,.08);
  --card-accent:var(--gold);
}
.stew-card.sc--narrative:hover,
.story-card:hover{ --card-border:var(--card-border-active); }

.stew-card.sc--explainer,
.archetype-card, .welcome-card, .custodian-card{
  --card-blur:20px;
  --card-border:1px solid rgba(255,255,255,.14);
  --card-shadow:0 18px 48px rgba(0,0,0,.55), inset 0 1px 0 rgba(255, 246, 230,.10);
  --card-accent:var(--gold-soft);
}

.stew-card.sc--benefit,
.why-card, .layers-card{
  --card-bg:rgba(12,16,32,.82);   
  border-left:3px solid var(--gold);
  --card-accent:var(--gold);
}

.stew-card:focus-visible,
.l2-mission-card:focus-visible, .story-card:focus-visible,
.archetype-card:focus-visible, .welcome-card:focus-visible, .custodian-card:focus-visible,
.why-card:focus-visible, .layers-card:focus-visible{ outline:3px solid var(--sun-soft); outline-offset:2px; }
@media (prefers-reduced-motion: reduce){
  .stew-card{ transition:opacity .2s ease !important; }
}
*{box-sizing:border-box;margin:0;padding:0;}

html{background:#050b14;}
html,body{height:100%;}
body{
  background:var(--bg);color:var(--ink);
  
  font-family:Georgia,'Times New Roman',serif;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
  
  caret-color: transparent;
}
input, textarea, [contenteditable="true"]{
  caret-color: auto;  
}

.skip-link{
  position:absolute;left:-9999px;top:0;
  background:var(--gold);color:var(--bg);
  padding:10px 16px;z-index:var(--z-overlay, 100);   
  font-weight:600;border-radius:0 0 6px 0;
  text-decoration:none;
}
.skip-link:focus{left:0;outline:3px solid var(--sun-soft);outline-offset:0;}

#solarCanvas{
  position:fixed;inset:0;
  display:block;width:100%;height:100%;
  z-index:var(--z-canvas, 0);   
}
#hero-solar-canvas{
  position:fixed;inset:0;
  display:block;width:100%;height:100%;
  z-index:var(--z-canvas, 0);   
}

.hero{
  position:fixed;
  left:max(40px, 5vw);
  top:50%;
  transform:translateY(-50%);
  z-index:var(--z-nav, 80);   
  max-width:500px;
  width:min(92vw, 500px);
  padding:30px 34px 26px;
  
  background:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 38%),
    rgba(10,14,20,.18);
  border:1px solid rgba(230, 198, 135,.28);
  border-radius:16px;
  
  backdrop-filter:blur(9px) saturate(150%);
  -webkit-backdrop-filter:blur(9px) saturate(150%);
  
  box-shadow:
    0 10px 44px rgba(0,0,0,.34),
    0 0 0 1px rgba(230, 198, 135,.10) inset,
    0 1px 0 rgba(255, 246, 230,.14) inset;
  pointer-events:none;
  opacity:1;
  transition:opacity 1.4s cubic-bezier(.2,.8,.2,1);
}

.hero, .skip-link,
.story-rail-pager, .story-rail-chevron, .story-skip-link, .story-spotlight-scrim,
.l2-mission-card, #l2MissionCards,
.solsys-label, .space-text, .pricing-space-text,
.hero-orbit-fragment, .l1-feature-text, .layer-banner,
.zoom-forward-hint, .zoom-backward-hint, .zoom-wheel-hint,
#custodianPill, #custodianCard,
.nav-tips-panel,
.l2-template-tooltip, #l2TemplateTooltip,
.archetype-card, #esiapCard,
.ac-pill, .ac-card,
a[aria-label="Sign in to Stew"],
.stew-eyebrow,
#glowBeamSvg,
.step-out-btn, .fullscreen-btn,
.tell-stew-fab,
#termly-code-snippet-support,
.cookie-banner,
.ss-solsys-sun-label,
.ss-solsys-planet-label,
.welcome-overlay, .welcome-card, .story-card, #welcomeOverlay,
#deptDetailCard, #pillarsStation, #caseArcStation, #cascadeStation,
#cloudStation, #pricingStation, #multiverseStation, #l2TenantTemplates,
#whyStation, #layersStation, #companionStation,
#stewCoach, #l4CloseScrim, #pricingCtaWrap, #fadeToBlack,
#layerIndicator, #stew-card, #stew-work-surface,
#zoomWheelHint, #psCard, .pillar-sprint,
#stewCoachReopen, .coach-reopen-visible { display:none !important; }
#audioToggle { opacity:0.4; transition:opacity .3s; position:fixed; bottom:20px; right:20px; z-index:100; }
#audioToggle:hover { opacity:1; }
#legal-footer { opacity:0.3; transition:opacity .3s; position:fixed; bottom:8px; left:50%; transform:translateX(-50%); z-index:100; }
#legal-footer:hover { opacity:0.7; }
#solarCanvas { position:fixed; inset:0; width:100vw; height:100vh; z-index:1; }
body.stew-landing .space-text,
body.stew-landing .solsys-label,
body.stew-landing .zoom-forward-hint,
body.stew-landing .hero-orbit-fragment,
body.stew-landing .l1-feature-text,
body.stew-landing .layer-banner{ opacity:0 !important; visibility:hidden !important; }

.hero-eyebrow{
  display:inline-block;
  font-family:Consolas,'SF Mono',monospace;
  font-size:.6rem;letter-spacing:2.5px;
  color:var(--gold);background:var(--gold-glow);
  border:1px solid var(--gold-soft);border-radius:3px;
  padding:3px 9px;margin-bottom:16px;text-transform:uppercase;
}

.coming-soon-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:Consolas,'SF Mono',monospace;
  font-size:.66rem;letter-spacing:2.5px;
  text-transform:uppercase;font-weight:700;
  color:#ffd24a;
  background:rgba(230, 198, 135,.14);
  border:1px solid rgba(230, 198, 135,.55);
  border-radius:11px;
  padding:5px 11px 5px 9px;
  margin-bottom:10px;
}
.cs-dot{
  width:7px;height:7px;border-radius:50%;
  background:#ffd24a;
  box-shadow:0 0 9px rgba(255,210,74,.7);
  animation:cs-pulse 2.4s ease-in-out infinite;
}
@keyframes cs-pulse{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.55;transform:scale(.82);}
}
@media (prefers-reduced-motion: reduce){
  .cs-dot{animation:none;}
}
.hero h1{
  font-size:2.1rem;font-weight:600;color:#f2f5f8;
  margin-bottom:14px;line-height:1.15;letter-spacing:-.2px;
  text-shadow:0 2px 18px rgba(4,7,12,.8);  
}
.hero h1 em{
  font-style:normal;color:var(--gold);
  text-shadow:0 0 24px rgba(230, 198, 135,.4);
}

.hero-subhead{
  font-size:1.06rem;font-weight:500;color:#eaf0f6;
  line-height:1.4;margin:0 0 16px;letter-spacing:.1px;
  text-shadow:0 1px 12px rgba(4,7,12,.75);
}

.hero .body{
  font-size:.9rem;color:#cdd5de;line-height:1.62;margin-bottom:20px;
  text-shadow:0 1px 10px rgba(4,7,12,.7);
}
.hero .body strong{color:var(--ink);font-weight:600;}

.tellstew-prompt{
  display:flex;align-items:center;gap:12px;
  margin-bottom:18px;padding:11px 14px;
  background:rgba(13,17,23,.30);border:1px solid rgba(230, 198, 135,.18);
  border-left:3px solid var(--gold);border-radius:6px;min-height:46px;
}
.tellstew-prompt .ts-ask{
  flex:1;font-size:.84rem;color:var(--ink);font-style:italic;line-height:1.4;
  transition:opacity .4s ease;
}
.tellstew-prompt .ts-response{
  font-family:Consolas,monospace;font-size:.78rem;
  color:var(--gold);font-weight:600;letter-spacing:.5px;white-space:nowrap;
}

.cta-primary{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--gold);color:var(--bg);
  padding:13px 22px 13px 24px;border-radius:6px;
  text-decoration:none;font-weight:700;font-size:.96rem;letter-spacing:.4px;
  border:none;cursor:pointer;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
  box-shadow:0 6px 22px rgba(230, 198, 135,.32);
  pointer-events:auto;
}
.cta-primary:hover,.cta-primary:focus-visible{
  background:#e8be4a;transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(230, 198, 135,.45);outline:none;
}
.cta-primary:focus-visible{outline:3px solid var(--sun-soft);outline-offset:2px;}
.cta-primary .arrow{font-size:1.05rem;transition:transform .18s ease;}
.cta-primary:hover .arrow,.cta-primary:focus-visible .arrow{transform:translateX(3px);}

.cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.cta-secondary{
  font-size:.84rem;color:var(--link);text-decoration:none;
  border-bottom:1px dashed transparent;padding-bottom:1px;
  transition:color .15s ease, border-color .15s ease;
  pointer-events:auto;background:none;border:none;font-family:inherit;cursor:pointer;
}
.cta-secondary:hover,.cta-secondary:focus-visible{
  color:var(--gold);border-bottom-color:var(--gold);outline:none;
}

.pillars-station{
  position:fixed;
  top:50%;left:50%;
  transform:translate(-50%,-50%) scale(.92);
  z-index:var(--z-station, 70);   
  width:min(880px, calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  overflow-y:auto;
  padding:32px 36px;
  background:var(--panel-bg);
  
  border:var(--card-border);
  border-radius:16px;
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  box-shadow:0 24px 80px rgba(0,0,0,.6), inset 0 1px 0 rgba(255, 246, 230,.10);
  opacity:0;
  transition:opacity .35s ease, transform .55s cubic-bezier(.2,.8,.2,1), border-color .35s ease;
  pointer-events:none;  
}
.pillars-station.show{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
  border:var(--card-border-active) !important;   
}
.pillars-station.show .ps-close,
.pillars-station.show button,
.pillars-station.show a{
  pointer-events:auto;  
}
.ps-close{
  position:absolute;top:16px;right:18px;
  width:28px;height:28px;border-radius:50%;
  background:rgba(26,34,48,.6);
  border:1px solid rgba(42,51,64,.7);
  color:var(--muted);
  font-size:.95rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .15s;
}
.ps-close:hover,.ps-close:focus-visible{
  background:rgba(230, 198, 135,.18);
  border-color:var(--gold);
  color:var(--gold);outline:none;
}
.ps-eyebrow{
  display:inline-block;
  font-family:Consolas,monospace;
  font-size:.6rem;letter-spacing:2px;
  color:var(--gold);background:var(--gold-glow);
  border:1px solid var(--gold-soft);border-radius:3px;
  padding:3px 8px;text-transform:uppercase;
  margin-bottom:8px;
}
.ps-title{
  font-size:1.5rem;color:var(--ink);font-weight:600;
  margin-bottom:8px;letter-spacing:-.1px;
}
.ps-title em{font-style:normal;color:var(--gold);}
.ps-tagline{
  font-size:.86rem;color:var(--muted);line-height:1.55;
  margin-bottom:22px;
}
.pillars-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
}
.pillar-card{
  padding:16px;
  
  background:var(--card-gloss), rgba(12,16,32,.66);
  border:var(--card-border);
  border-left:3px solid var(--gold);
  border-radius:var(--card-radius);
  -webkit-backdrop-filter:blur(var(--card-blur)) saturate(150%);
  backdrop-filter:blur(var(--card-blur)) saturate(150%);
  cursor:pointer;
  transition:all .18s ease;
}
.pillar-card:hover{
  border-color:var(--gold-soft);
  border-left-color:var(--sun);
  transform:translateY(-2px);
  background:rgba(13,17,23,.7);
}
.pillar-glyph{
  display:inline-block;
  font-size:1.4rem;
  color:var(--gold);
  margin-bottom:6px;
  line-height:1;
  font-family:Georgia,serif;
}
.pillar-name{font-size:.94rem;color:var(--ink);font-weight:600;margin-bottom:6px;letter-spacing:.2px;}
.pillar-blurb{font-size:.76rem;color:var(--muted);line-height:1.55;margin-bottom:9px;}

.pillar-example{
  display:none;
  font-size:.72rem;color:var(--ink);line-height:1.55;
  padding-top:7px;border-top:1px dashed var(--dim);
  font-style:italic;opacity:.85;
}
.pillar-card.expanded .pillar-example{display:block;}
.pillar-hint{
  display:block;
  font-family:Consolas,monospace;font-size:.58rem;
  color:var(--muted);letter-spacing:1px;text-transform:uppercase;
  margin-top:8px;
  transition:color .18s;
}
.pillar-card:hover .pillar-hint,
.pillar-card.expanded .pillar-hint{color:var(--gold);}
.pillar-card.expanded .pillar-hint::before{content:"\2212  ";}
.pillar-card:not(.expanded) .pillar-hint::before{content:"+  ";}

.case-arc-station{
  position:fixed;
  top:50%;left:50%;
  transform:translate(-50%,-50%) scale(.92);
  z-index:var(--z-station, 70);   
  width:min(960px, calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  overflow-y:auto;
  padding:30px 32px 26px;
  background:var(--panel-bg);
  border:var(--card-border);   
  border-radius:16px;
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  box-shadow:0 24px 80px rgba(0,0,0,.6), inset 0 1px 0 rgba(255, 246, 230,.10);
  opacity:0;
  transition:opacity .35s ease, transform .55s cubic-bezier(.2,.8,.2,1), border-color .35s ease;
  pointer-events:none;
}
.case-arc-station.show{opacity:1;transform:translate(-50%,-50%) scale(1);border:var(--card-border-active) !important;}
.case-arc-station.show .cas-close,
.case-arc-station.show button,
.case-arc-station.show a{pointer-events:auto;}
.cas-close{
  position:absolute;top:16px;right:18px;
  width:28px;height:28px;border-radius:50%;
  background:rgba(26,34,48,.6);
  border:1px solid rgba(42,51,64,.7);
  color:var(--muted);font-size:.95rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .15s;
}
.cas-close:hover,.cas-close:focus-visible{
  background:rgba(230, 198, 135,.18);border-color:var(--gold);color:var(--gold);outline:none;
}
.cas-eyebrow{
  display:inline-block;
  font-family:Consolas,monospace;font-size:.6rem;letter-spacing:2px;
  color:var(--warm);background:rgba(107,39,55,.2);
  border:1px solid var(--wine);border-radius:11px;
  padding:3px 10px;text-transform:uppercase;
  margin-bottom:10px;
}
.cas-title{
  font-size:1.5rem;color:var(--ink);font-weight:600;
  margin-bottom:8px;letter-spacing:-.1px;
}
.cas-title em{font-style:normal;color:var(--gold);}
.cas-tagline{
  font-size:.86rem;color:var(--muted);line-height:1.55;
  margin-bottom:22px;
}
.cas-tagline strong{color:var(--ink);font-weight:600;}

.cas-timeline{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
  margin-bottom:18px;
}
@media (max-width:760px){
  .cas-timeline{grid-template-columns:repeat(2, 1fr);}
}
.cas-stage{
  position:relative;
  padding:14px 14px 12px;
  background:rgba(13,17,23,.55);
  border:1px solid var(--dim);
  border-radius:8px;
  transition:all .35s cubic-bezier(.2,.8,.2,1);
}
.cas-stage.active{
  border-color:var(--gold);
  border-left:3px solid var(--gold);
  background:rgba(13,17,23,.72);
  box-shadow:0 0 0 1px rgba(230, 198, 135,.15), 0 6px 16px rgba(0,0,0,.35);
  transform:translateY(-2px);
}
.cas-stage .csg-when{
  font-family:Consolas,monospace;font-size:.62rem;
  color:var(--gold);letter-spacing:1.5px;
  text-transform:uppercase;margin-bottom:6px;
}
.cas-stage .csg-event{
  font-size:.78rem;color:var(--ink);line-height:1.5;
  margin-bottom:10px;min-height:42px;
}
.cas-stage .csg-event strong{color:var(--gold);font-weight:600;}
.cas-stage .csg-bars{display:flex;flex-direction:column;gap:6px;}
.cas-bar{font-family:Consolas,monospace;font-size:.62rem;}
.cas-bar .csg-bar-label{
  display:flex;justify-content:space-between;
  margin-bottom:3px;color:var(--muted);
}
.cas-bar .csg-bar-label .csg-bar-pct{font-weight:700;}
.cas-bar.theory-a .csg-bar-label .csg-bar-pct{color:var(--gold);}
.cas-bar.theory-b .csg-bar-label .csg-bar-pct{color:var(--zone-protect);}
.cas-bar .csg-bar-track{
  height:6px;background:rgba(13,17,23,.6);
  border:1px solid var(--dim);border-radius:3px;overflow:hidden;
}
.cas-bar .csg-bar-fill{
  height:100%;width:0;
  transition:width 1.2s cubic-bezier(.2,.8,.2,1);
}
.cas-bar.theory-a .csg-bar-fill{background:linear-gradient(90deg, var(--gold) 0%, var(--sun-soft) 100%);box-shadow:0 0 6px rgba(230, 198, 135,.5);}
.cas-bar.theory-b .csg-bar-fill{background:linear-gradient(90deg, var(--zone-protect) 0%, #8fb1ff 100%);box-shadow:0 0 6px rgba(91,141,239,.5);}

.cas-narrator{
  padding:12px 14px;
  background:rgba(13,17,23,.5);
  border:1px solid var(--dim);
  border-left:3px solid var(--warm);
  border-radius:6px;
  font-size:.82rem;color:var(--ink);line-height:1.55;
  font-style:italic;
  margin-bottom:14px;
  min-height:50px;
  transition:opacity .4s ease;
}
.cas-narrator .csn-prefix{
  font-family:Consolas,monospace;font-style:normal;font-weight:600;
  color:var(--warm);letter-spacing:1px;
  margin-right:8px;text-transform:uppercase;font-size:.62rem;
}

.cas-footer{
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;flex-wrap:wrap;
  padding-top:14px;border-top:1px solid var(--dim);
}
.cas-controls{display:flex;align-items:center;gap:10px;}
.cas-control-btn{
  padding:7px 14px;
  background:transparent;
  border:1px solid var(--gold-soft);
  color:var(--gold);
  border-radius:5px;font-size:.78rem;font-weight:600;
  font-family:inherit;cursor:pointer;
  transition:all .15s;
}
.cas-control-btn:hover,.cas-control-btn:focus-visible{
  background:var(--gold-glow);border-color:var(--gold);outline:none;
}
.cas-step-indicator{
  font-family:Consolas,monospace;font-size:.62rem;
  color:var(--muted);letter-spacing:1px;
}
.cas-step-indicator .csi-active{color:var(--gold);font-weight:700;}

.persona-strip{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.persona-strip .ps-label{
  font-family:Consolas,monospace;font-size:.58rem;
  color:var(--dim);letter-spacing:1.3px;text-transform:uppercase;
  margin-right:4px;
}
.persona-badge{
  padding:5px 11px;
  background:rgba(13,17,23,.45);
  border:1px solid var(--dim);
  border-radius:11px;
  font-size:.7rem;color:var(--muted);
  letter-spacing:.2px;cursor:default;
  transition:all .15s;
}
.persona-badge:hover{
  border-color:var(--gold-soft);
  color:var(--gold);
  background:var(--gold-glow);
}

.dept-detail-card{
  position:fixed;
  z-index:var(--z-card, 30);   
  top:50%;left:50%;
  transform:translate(-50%,-50%) scale(.86);
  width:min(360px, calc(100vw - 48px));
  padding:18px 22px;
  background:rgba(13,17,23,.58);
  
  border:var(--card-border);
  border-radius:14px;
  backdrop-filter:blur(22px) saturate(165%);
  -webkit-backdrop-filter:blur(22px) saturate(165%);
  box-shadow:0 12px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) inset;
  opacity:0;
  transform-origin:var(--ddc-origin-x, 50%) var(--ddc-origin-y, 50%);
  transition:opacity .35s cubic-bezier(.2,.8,.2,1), transform .55s cubic-bezier(.2,.8,.2,1), border-color .35s ease;
  pointer-events:none;  
}
.dept-detail-card.show{
  opacity:1;
  border:var(--card-border-active) !important;   
  transform:translate(-50%,-50%) scale(1);
}
.dept-detail-card.show .ddc-close,
.dept-detail-card.show button,
.dept-detail-card.show a{pointer-events:auto;}
.ddc-close{
  position:absolute;top:10px;right:12px;
  width:24px;height:24px;border-radius:50%;
  background:rgba(26,34,48,.6);border:1px solid rgba(42,51,64,.7);
  color:var(--muted);font-size:.8rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .15s;
}
.ddc-close:hover,.ddc-close:focus-visible{
  background:rgba(230, 198, 135,.18);border-color:var(--gold);color:var(--gold);outline:none;
}
.ddc-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px;padding-right:28px;}
.ddc-name{font-size:1.1rem;color:var(--gold);font-weight:600;}
.ddc-tag{font-family:Consolas,monospace;font-size:.6rem;color:var(--warm);letter-spacing:1.3px;text-transform:uppercase;padding:2px 6px;background:rgba(107,39,55,.2);border-radius:3px;}
.ddc-domain{font-size:.84rem;color:var(--ink);line-height:1.55;margin-bottom:10px;}
.ddc-tellstew{
  display:flex;align-items:center;gap:8px;
  padding:9px 12px;background:rgba(13,17,23,.5);
  border:1px solid var(--dim);border-left:3px solid var(--gold);
  border-radius:5px;margin-bottom:12px;
}
.ddc-tellstew .tsl-ask{flex:1;font-size:.78rem;color:var(--muted);font-style:italic;}
.ddc-tellstew .tsl-response{font-family:Consolas,monospace;font-size:.72rem;color:var(--gold);font-weight:600;}

.notify{
  margin-top:22px;padding-top:20px;
  border-top:1px solid rgba(42,51,64,.5);
  font-size:.78rem;color:var(--muted);
}
.notify .label{
  display:block;font-family:Consolas,monospace;font-size:.58rem;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);
  margin-bottom:8px;
}
.notify-form{display:flex;gap:8px;}
.notify-input{
  flex:1;background:rgba(13,17,23,.62);border:1px solid var(--dim);border-radius:5px;
  color:var(--ink);font-size:.86rem;padding:9px 12px;outline:none;font-family:inherit;
  transition:border-color .15s ease, background .15s ease;
  pointer-events:auto;  
}
.notify-input:focus{border-color:var(--gold);background:rgba(13,17,23,.82);}
.notify-input::placeholder{color:var(--muted);font-style:italic;}

.notify-btn{
  background:var(--gold);color:var(--bg);border:none;
  border-radius:6px;padding:11px 18px;
  font-size:.92rem;font-weight:700;letter-spacing:.3px;
  cursor:pointer;font-family:inherit;
  box-shadow:0 6px 22px rgba(230, 198, 135,.32);
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
  pointer-events:auto;  
}
.notify-btn:hover,.notify-btn:focus-visible{
  background:#e8be4a;transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(230, 198, 135,.45);outline:none;
}
.notify-btn:focus-visible{outline:3px solid var(--sun-soft);outline-offset:2px;}
.notify-msg{margin-top:9px;font-size:.74rem;color:var(--zone-money);min-height:1em;}

}
.warp-outline .ws-strip{
  position:absolute;pointer-events:auto;cursor:pointer;border-color:transparent;
  border-style:dashed;border-width:0;transition:border-color .25s ease, opacity .25s ease;background:transparent;
}
.warp-outline.is-outer .ws-strip{ border-color:var(--warp-out-color); opacity:.78; }
.warp-outline.is-inner .ws-strip{ border-color:var(--warp-in-color); opacity:.55; }
.warp-outline.is-outer:has(.ws-strip:hover) .ws-strip{ border-color:#ffffff; opacity:.95; }
.warp-outline.is-inner:has(.ws-strip:hover) .ws-strip{ border-color:var(--zone-protect); opacity:.95; }
.ws-strip.ws-top    { top:-9px;    left:-9px;   right:-9px;   height:18px;     border-top-width:1px; }
.ws-strip.ws-bottom { bottom:-9px; left:-9px;   right:-9px;   height:18px;     border-bottom-width:1px; }
.ws-strip.ws-left   { left:-9px;   top:-9px;    bottom:-9px;  width:18px;      border-left-width:1px; }
.ws-strip.ws-right  { right:-9px;  top:-9px;    bottom:-9px;  width:18px;      border-right-width:1px; }
.warp-outline .wo-label{
  position:absolute;top:-22px;left:50%;transform:translateX(-50%);
  font-family:Consolas,monospace;font-size:.58rem;letter-spacing:1.4px;text-transform:uppercase;
  background:rgba(13,17,23,.65);padding:3px 8px;border-radius:10px;white-space:nowrap;
  opacity:0;transition:opacity .25s ease;pointer-events:none;
}
.warp-outline.is-outer .wo-label{ color:var(--warp-out-color); }
.warp-outline.is-inner .wo-label{ color:var(--warp-in-color); }
.warp-outline:has(.ws-strip:hover) .wo-label{ opacity:1; }
body[data-zoom-state="wider"]   .warp-outline[data-jump-to="overview"][class~="is-inner"]  { inset:var(--warp-inset-inner); display:block; }
body[data-zoom-state="overview"] .warp-outline[data-jump-to="wider"][class~="is-outer"]     { inset:var(--warp-inset-outer-y) var(--warp-inset-outer-x); display:block; }
body[data-zoom-state="overview"] .warp-outline[data-jump-to="inside"][class~="is-inner"]    { inset:var(--warp-inset-inner); display:block; }
body[data-zoom-state="inside"]  .warp-outline[data-jump-to="overview"][class~="is-outer"]  { inset:var(--warp-inset-outer-y) var(--warp-inset-outer-x); display:block; }
body[data-zoom-state="inside"]  .warp-outline[data-jump-to="pricing"][class~="is-inner"]   { inset:var(--warp-inset-inner); display:block; }
body[data-zoom-state="pricing"] .warp-outline[data-jump-to="inside"][class~="is-outer"]    { inset:var(--warp-inset-outer-y) var(--warp-inset-outer-x); display:block; }
@media (prefers-reduced-motion: reduce){
  .warp-outline, .warp-outline .ws-strip, .warp-outline .wo-label{ transition:none !important; }
}

#ss-archetype-labels{
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
body[data-zoom-state="wider"] #ss-archetype-labels{
  visibility: visible;
  pointer-events: auto;
}
body:not([data-zoom-state="wider"]) #ss-archetype-labels{
  visibility: hidden !important;
  pointer-events: none !important;
}

#ss-pricing-labels{
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
body[data-zoom-state="pricing"] #ss-pricing-labels{
  visibility: visible;
  pointer-events: auto;
}
body:not([data-zoom-state="pricing"]) #ss-pricing-labels{
  visibility: hidden !important;
  pointer-events: none !important;
}

#ss-template-labels{
  transition: opacity 0.4s ease;
}
body:not([data-zoom-state="overview"]) #ss-template-labels{
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.archetype-card{
  position:fixed;
  top:50%;right:max(36px,6vw);   
  transform:translateY(-50%) scale(.92);
  z-index:var(--z-card, 30);   
  width:min(340px, calc(100vw - 72px));
  padding:22px 24px 20px;
  
  backdrop-filter:blur(var(--card-blur)) saturate(170%);
  -webkit-backdrop-filter:blur(var(--card-blur)) saturate(170%);
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease, transform .42s cubic-bezier(.2,.8,.2,1);
  
  visibility:hidden;
}
body[data-zoom-state="wider"] .archetype-card{
  visibility:visible;
}

body:not([data-zoom-state="wider"]) .archetype-card.show{
  visibility:hidden !important;
  opacity:0         !important;
  pointer-events:none !important;
}
.archetype-card.show{
  opacity:1;
  transform:translateY(-50%) scale(1);
  pointer-events:auto;
  
  border-color: rgba(200,220,255,0.55) !important;
  box-shadow:
    inset 0 0 0 1px rgba(190,210,255,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 0 18px rgba(120,160,230,0.06) !important;
}

body:not([data-zoom-state="overview"]) #templateCard{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.ac-close{
  position:absolute;top:12px;right:14px;
  width:26px;height:26px;border-radius:50%;
  background:rgba(26,34,48,.6);
  border:1px solid rgba(42,51,64,.7);
  color:var(--muted);font-size:.9rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .15s;
}
.ac-close:hover,.ac-close:focus-visible{
  background:rgba(230, 198, 135,.18);border-color:var(--gold);color:var(--gold);outline:none;
}
.ac-eyebrow{
  display:inline-block;
  font-family:Consolas,monospace;
  font-size:.58rem;letter-spacing:2px;
  color:var(--gold);background:var(--gold-glow);
  border:1px solid var(--gold-soft);border-radius:3px;
  padding:2px 7px;text-transform:uppercase;
  margin-bottom:10px;
}
.ac-name{
  font-size:1.05rem;font-weight:600;color:var(--ink);
  margin-bottom:8px;letter-spacing:-.1px;line-height:1.2;
}
.ac-pitch{
  font-size:.82rem;color:var(--muted);line-height:1.58;
  margin-bottom:16px;
}
.ac-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;
  border:1px solid var(--gold-soft);
  border-radius:5px;
  color:var(--gold);
  font-size:.8rem;font-weight:600;letter-spacing:.4px;
  padding:8px 14px;cursor:pointer;
  font-family:inherit;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}
.ac-cta:hover,.ac-cta:focus-visible{
  background:var(--gold-glow);border-color:var(--gold);color:var(--sun-soft);outline:none;
}
@media (prefers-reduced-motion: reduce){
  .archetype-card{ transition:none !important; }
}

@keyframes glowBeamPulse{
  0%,100%{ opacity:.52; }
  50%     { opacity:.80; }
}

@keyframes glowScanTraverse{
  0%  { transform:translateX(0%); opacity:0; }
  8%  { opacity:1; }
  92% { opacity:1; }
  100%{ transform:translateX(100%); opacity:0; }
}
#glowBeamSvg.beam-active{
  animation:glowBeamPulse 1.8s ease-in-out infinite;
}

.archetype-card.show::before{
  content:'';
  opacity: 0 !important;
  animation: none !important;
  display: none !important;
}
@keyframes cardScanSlide{
  0%  { background-position:0 0; }
  100%{ background-position:0 80px; }
}

.archetype-card.show::after,
.dept-detail-card.show::after,
.tier-float-card.tfc-beamed::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  z-index:-1;                 
  pointer-events:none;

  background:radial-gradient(120% 120% at 50% 42%,
              rgba(6,9,18,0.20) 0%,
              rgba(8,13,26,0.12) 48%,
              rgba(14,22,40,0.04) 100%);
  box-shadow:inset 0 0 22px rgba(2,5,12,0.16);
  animation:cardDarkPulse 1.8s ease-in-out infinite;
}

@keyframes cardDarkPulse{
  0%,100%{ opacity:.28; }
  50%    { opacity:.42; }
}
@media (prefers-reduced-motion: reduce){
  #glowBeamSvg{ transition:none !important; animation:none !important; }
  .archetype-card.show::before{ animation:none !important; }
  .archetype-card.show::after,
  .dept-detail-card.show::after,
  .tier-float-card.tfc-beamed::after{ animation:none !important; opacity:.8; }
  #glowScan1,#glowScan2{ animation:none !important; }
}

.pricing-space-text{
  position: fixed;
  z-index: var(--z-scene-label, 10);   
  font-family: Georgia, serif;
  font-size: clamp(0.85rem, 1.6vw, 1.1rem);
  font-style: italic;
  color: rgba(228, 232, 237, 0.72);
  line-height: 1.5;
  max-width: 240px;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}
.pricing-space-text em{ font-style: normal; color: var(--gold); text-shadow: 0 0 10px rgba(230, 198, 135,0.4); }
.pst-1{ top: 72%; left: 6%; transform: rotate(-1.5deg); }
.pst-2{ top: 58%; right: 5%; text-align: right; transform: rotate(1deg);
  display:flex; flex-direction:column; gap:2px; }

.pst-line{ display:block; line-height:1.25; }
.pst-data{ color:var(--gold); font-size:1.05rem; font-weight:600;
  text-shadow:0 0 8px rgba(230, 198, 135,0.4); }
.pst-rules{ color:var(--gold); font-size:1.05rem; font-weight:600;
  text-shadow:0 0 8px rgba(230, 198, 135,0.4); }
.pst-stew{ color:var(--ink); font-size:1.6rem; font-weight:700; letter-spacing:.5px;
  text-shadow:0 0 14px rgba(255,255,255,0.15); margin-top:4px; }
body[data-zoom-state="pricing"] .pricing-space-text{
  opacity: 1; visibility: visible;
}
@media (max-width: 640px){
  .pst-1{ top: 65%; left: 4%; max-width: 44%; }
  .pst-2{ top: 76%; right: 4%; max-width: 44%; }
}
@media (prefers-reduced-motion: reduce){
  .pricing-space-text{ transition: none !important; }
}

.byo-1{ top: 18%; left: 7%;  transform: rotate(-1.1deg); }
.byo-2{ top: 30%; right: 6%; text-align: right; transform: rotate(0.8deg); }
.byo-3{ top: 82%; left: 5%;  transform: rotate(-0.6deg); font-size:clamp(.78rem, 1.4vw, .98rem); }
@media (max-width: 640px){
  .byo-1{ top: 10%; left: 4%; max-width: 48%; }
  .byo-2{ display: none; }
  .byo-3{ top: 88%; left: 4%; max-width: 48%; }
}

[data-depth]{
  transition: opacity .35s ease;
}

[data-depth].layer-inactive{
  pointer-events:none !important;
  
}

.ms-station.show.layer-inactive{ opacity:0.35 !important; }
.warp-outline.layer-inactive{ opacity:0.35; }
@media (prefers-reduced-motion: reduce){
  [data-depth].layer-inactive{ transition:none !important; }
}

.layer-indicator{
  position:fixed;
  top:18px;left:50%;transform:translateX(-50%);
  z-index:calc(var(--z-scene-label, 10) + 6);   
  padding:6px 14px;
  background:rgba(13,17,23,.55);
  border:1px solid var(--layer-accent, var(--gold-soft));
  border-radius:14px;
  backdrop-filter:blur(10px);
  font-family:Consolas,monospace;font-size:.66rem;letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--layer-accent, var(--gold));
  opacity:0;
  transition:opacity .35s ease, color .35s ease, border-color .35s ease;
  pointer-events:none;
  text-shadow:0 0 8px rgba(0,0,0,.6);
}

body[data-zoom-state="wider"]    { --layer-accent: var(--zone-archive); }
body[data-zoom-state="overview"] { --layer-accent: var(--gold); }
body[data-zoom-state="inside"]   { --layer-accent: var(--zone-money); }
body[data-zoom-state="pricing"]  { --layer-accent: var(--sun); }

.ms-station{
  position:fixed;
  top:50%;left:50%;
  transform:translate(-50%,-50%) scale(.92);
  z-index:var(--z-station, 70);   
  width:min(940px, calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  overflow-y:auto;
  padding:30px 32px;
  background:var(--panel-bg);
  border:var(--card-border);   
  border-radius:16px;
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  box-shadow:0 24px 80px rgba(0,0,0,.6), inset 0 1px 0 rgba(255, 246, 230,.10);
  opacity:0;
  transition:opacity .35s ease, transform .55s cubic-bezier(.2,.8,.2,1), border-color .35s ease;
  pointer-events:none;
}
.ms-station.show{opacity:1;transform:translate(-50%,-50%) scale(1);border:var(--card-border-active) !important;}
.ms-station.show .ms-close,
.ms-station.show button,
.ms-station.show a,
.ms-station.show input{pointer-events:auto;}

.ms-station.cascade-station{
  
  width:min(1180px, calc(100vw - 36px));
  
  max-height:calc(100vh - 32px);
  overflow-y:auto;
  padding:20px 22px;
  left:50%;                 
  
  background:rgba(8,11,20,.54);
  -webkit-backdrop-filter:blur(22px) saturate(165%);
  backdrop-filter:blur(22px) saturate(165%);
}
.ms-station.cascade-station.show{
  transform:translate(-50%,-50%) scale(1);
}

.cascade-station .cascade-explainers,
.cascade-station .cascade-scale-callout,
.cascade-station .cascade-comet-callout{ display:none; }
@media(max-width:900px){
  .ms-station.cascade-station{
    width:min(940px, calc(100vw - 48px));
    left:50%;
  }
}

.cascade-station .ms-title{font-size:1.25rem;margin-bottom:6px;}
.cascade-station .ms-tagline{font-size:.78rem;margin-bottom:12px;line-height:1.5;}
.cascade-station .cascade-comet-callout{padding:8px 10px;font-size:.74rem;margin-bottom:10px;}
.cascade-station .cascade-explainers .ce{padding:7px 10px;margin-bottom:6px;}
.cascade-station .cascade-explainers .ce-a{font-size:.7rem;line-height:1.45;}
.cascade-station .cascade-scale-callout{padding:8px 10px;font-size:.74rem;margin-bottom:10px;}

.cascade-station #roleCascadeCanvas.rcs-mount{height:auto;min-height:0;}
.cascade-station .rcs-caption{font-size:.66rem;}
.ms-close{
  position:absolute;top:16px;right:18px;
  width:28px;height:28px;border-radius:50%;
  background:rgba(26,34,48,.6);
  border:1px solid rgba(42,51,64,.7);
  color:var(--muted);
  font-size:.95rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .15s;
}
.ms-close:hover,.ms-close:focus-visible{
  background:rgba(230, 198, 135,.18);
  border-color:var(--gold);color:var(--gold);outline:none;
}
.ms-eyebrow{
  display:inline-block;
  font-family:Consolas,monospace;
  font-size:.6rem;letter-spacing:2px;
  color:var(--gold);background:var(--gold-glow);
  border:1px solid var(--gold-soft);border-radius:3px;
  padding:3px 8px;text-transform:uppercase;
  margin-bottom:10px;
}
.ms-title{
  font-size:1.5rem;color:var(--ink);font-weight:600;
  margin-bottom:8px;letter-spacing:-.1px;
}
.ms-title em{font-style:normal;color:var(--gold);}
.ms-tagline{
  font-size:.86rem;color:var(--muted);line-height:1.55;
  margin-bottom:18px;
}
.ms-tagline strong{color:var(--ink);font-weight:600;}

.cascade-svg-frame{
  background:rgba(13,17,23,.55);
  border:1px solid var(--dim);
  border-radius:8px;
  padding:14px;
  margin-bottom:14px;
  overflow-x:auto;
}
.cascade-svg-frame svg{
  
  display:block;width:100%;height:auto;min-width:0;max-width:680px;margin:0 auto;
}

.cs-node{
  transition:stroke .35s ease, stroke-width .35s ease, filter .55s ease, fill .35s ease;
}
.cs-node.cs-active{
  
  stroke-width:2.8;
  fill:#2a2418;
  filter:drop-shadow(0 0 9px rgba(255,215,0,.85));
}
.cs-node.cs-active-qac{
  
  stroke-width:2.8;
  fill:#1a1e2a;
  filter:drop-shadow(0 0 9px rgba(91,141,239,.85));
}

.cs-edge{transition:opacity .4s ease;}
.cs-edge.cs-edge-active{opacity:.85;}

#cs-comet{
  transition:opacity .25s ease;
  pointer-events:none;
}
@media (prefers-reduced-motion: reduce){
  .cs-node, .cs-edge, #cs-comet{transition:none !important;}
}

.rcs-frame{
  margin-top:14px;
  background:transparent;
  border:none;
  border-radius:12px;
  overflow:visible;
  position:relative;
  box-shadow:0 0 30px rgba(120,160,230,0.12);   
}

#roleCascadeCanvas.rcs-mount{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
}
.rcs-mode-row{
  display:flex;align-items:center;gap:8px;
  margin-top:10px;margin-bottom:4px;
}
.rcs-mode-label{
  font-family:Consolas,monospace;font-size:.6rem;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--muted);margin-right:2px;
}
.rcs-btn{
  font-family:Consolas,monospace;font-size:.65rem;letter-spacing:1px;
  text-transform:uppercase;
  padding:4px 10px;border-radius:4px;
  border:1px solid var(--dim);
  background:transparent;color:var(--muted);
  cursor:pointer;transition:all .15s ease;
}
.rcs-btn:hover,.rcs-btn:focus-visible{
  border-color:var(--gold);color:var(--gold);
  background:var(--gold-glow);outline:none;
}
.rcs-btn.rcs-active{
  border-color:var(--gold);color:var(--gold);
  background:var(--gold-glow);
}
.rcs-caption{
  font-size:.72rem;color:var(--muted);line-height:1.5;
  font-style:italic;margin-top:6px;
  font-family:Consolas,monospace;
}

@media (prefers-reduced-motion: reduce){
  #roleCascadeCanvas.rcs-mount{ display:block; }
}

.layer-banner{
  position:fixed;
  top:64px;left:50%;transform:translateX(-50%);
  z-index:calc(var(--z-scene-label, 10) + 5);   
  width:min(720px, calc(100vw - 48px));
  text-align:center;
  pointer-events:none;
  padding:14px 18px;
  opacity:1;
  transition:opacity .55s ease;
}
.layer-banner h1{
  font-family:Georgia, serif;
  font-size:clamp(1.4rem, 2.6vw, 2rem);
  font-weight:600;color:var(--ink);
  margin-bottom:8px;line-height:1.2;letter-spacing:-.2px;
  text-shadow:0 0 16px rgba(0,0,0,.65), 0 0 32px rgba(6,9,13,.5);
}
.layer-banner h1 em{font-style:normal;color:var(--gold);text-shadow:0 0 22px rgba(230, 198, 135,.30);}
.layer-banner .subhead{
  font-family:Consolas,monospace;font-size:.72rem;
  letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);
  text-shadow:0 0 12px rgba(0,0,0,.6);
}

#cascadeStation.show ~ #layerBanner{
  opacity:0 !important;
  visibility:hidden !important;
}

#cascadeStation.show ~ #l3CardDock{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.space-text{
  position:fixed;
  z-index:var(--z-scene-label, 10);   
  font-family:Georgia, serif;font-style:italic;
  
  color:rgba(244,237,217,.82);
  font-size:clamp(.78rem, 1.4vw, 1.05rem);
  pointer-events:none;
  text-shadow:0 1px 4px rgba(0,0,0,0.95), 0 0 12px rgba(0,0,0,0.75);
  letter-spacing:.2px;
  max-width:280px;
  opacity:0;
  visibility:hidden;
  transition:opacity .8s ease, visibility .8s ease;
}
.space-text em{font-style:normal;color:var(--gold);text-shadow:0 0 12px rgba(230, 198, 135,.45);}
.space-text.st-1{ top:38%;  left:8%;  transform:rotate(-2deg); }
.space-text.st-2{ top:60%;  right:9%; text-align:right; transform:rotate(1.5deg); }

.space-text.st-3{
  top:72%; left:50%; transform:translateX(-50%) rotate(-0.8deg);
  font-size:clamp(1.05rem, 2.0vw, 1.45rem);
  text-align:center;
  max-width:360px;
  
  color:rgba(244,237,217,.80);
}

button.st-3-link{
  background:none; border:none; padding:0; margin:0;
  font:inherit; cursor:pointer;
  color:inherit; line-height:inherit;
  text-align:center;
  pointer-events:auto;
}
button.st-3-link:hover, button.st-3-link:focus-visible{
  color:rgba(244,237,217,.75);
  text-shadow:0 0 18px rgba(230, 198, 135,.35);
  outline:none;
}
button.st-3-link:focus-visible{ outline:2px solid var(--gold-soft); outline-offset:4px; }
.st-3-hint{
  font-size:.75em; opacity:.55; margin-left:4px;
  vertical-align:middle; pointer-events:none;
}

.esiap-card{
  top:auto; right:auto;
  bottom:max(28px, 6vh);
  left:50%; transform:translateX(-50%) scale(.92);
  width:min(380px, calc(100vw - 48px));
}
.esiap-card.show{
  transform:translateX(-50%) scale(1);
}
body[data-zoom-state="wider"] .space-text{
  opacity:1;visibility:visible;
}

@keyframes orbit-drift-a {
  0%   { transform: translateX(0px)    translateY(0px)    rotate(-1.8deg); }
  25%  { transform: translateX(6px)    translateY(-4px)   rotate(-1.2deg); }
  50%  { transform: translateX(10px)   translateY(2px)    rotate(-2.2deg); }
  75%  { transform: translateX(3px)    translateY(5px)    rotate(-1.0deg); }
  100% { transform: translateX(0px)    translateY(0px)    rotate(-1.8deg); }
}
@keyframes orbit-drift-b {
  0%   { transform: translateX(0px)    translateY(0px)    rotate(1.4deg); }
  25%  { transform: translateX(-8px)   translateY(3px)    rotate(2.0deg); }
  50%  { transform: translateX(-5px)   translateY(-5px)   rotate(0.9deg); }
  75%  { transform: translateX(-2px)   translateY(-2px)   rotate(1.8deg); }
  100% { transform: translateX(0px)    translateY(0px)    rotate(1.4deg); }
}
@keyframes orbit-drift-c {
  0%   { transform: translateX(0px)    translateY(0px)    rotate(-0.6deg); }
  33%  { transform: translateX(4px)    translateY(-6px)   rotate(-1.2deg); }
  66%  { transform: translateX(-4px)   translateY(4px)    rotate(0.2deg); }
  100% { transform: translateX(0px)    translateY(0px)    rotate(-0.6deg); }
}
@keyframes orbit-drift-d {
  0%   { transform: translateX(-50%) translateY(0px)    rotate(0.8deg); }
  30%  { transform: translateX(-50%) translateY(-5px)   rotate(1.4deg); }
  60%  { transform: translateX(-50%) translateY(3px)    rotate(0.2deg); }
  100% { transform: translateX(-50%) translateY(0px)    rotate(0.8deg); }
}
.hero-orbit-fragment {
  position: fixed;
  z-index: var(--z-scene-label, 10);   
  font-family: Georgia, serif;
  font-style: italic;
  color: rgba(244, 237, 217, 0.72);
  pointer-events: auto;
  cursor: default;
  text-shadow: 0 0 18px rgba(0,0,0,.8), 0 0 40px rgba(0,0,0,.4);
  letter-spacing: .15px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .9s ease, visibility .9s ease;
  user-select: none;
}
.hero-orbit-fragment em { font-style: normal; color: var(--gold); text-shadow: 0 0 16px rgba(230, 198, 135,.55); }

.hof-1 {
  top: 22%; left: 7%; max-width: 220px;
  font-size: clamp(.88rem, 1.6vw, 1.15rem);
  animation: orbit-drift-a 18s ease-in-out infinite;
}
.hof-2 {
  top: 68%; right: 8%; max-width: 230px; text-align: right;
  font-size: clamp(.88rem, 1.6vw, 1.15rem);
  animation: orbit-drift-b 22s ease-in-out infinite;
}
.hof-3 {
  top: 44%; left: 6%; max-width: 200px;
  font-size: clamp(.78rem, 1.35vw, 1.0rem);
  animation: orbit-drift-c 26s ease-in-out infinite;
}
.hof-4 {
  top: 88%; left: 50%; max-width: 340px; text-align: center;
  font-size: clamp(.84rem, 1.4vw, 1.05rem);
  animation: orbit-drift-d 30s ease-in-out infinite;
}
body[data-zoom-state="wider"] .hero-orbit-fragment {
  opacity: 1; visibility: visible;
}
@media (max-width: 640px) {
  .hof-1 { top: 14%; left: 4%; max-width: 180px; }
  .hof-2 { top: 72%; right: 4%; max-width: 180px; }
  .hof-3 { display: none; }
  .hof-4 { top: 86%; max-width: 90%; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-orbit-fragment { animation: none !important; }
}
@media (max-width: 640px){
  .space-text.st-1{ top:62%; left:6%; max-width:46%; }
  .space-text.st-2{ top:74%; right:6%; max-width:46%; }
  .space-text.st-3{ top:82%; left:50%; max-width:80%; font-size:clamp(.9rem,3.5vw,1.1rem); }
}
@media (prefers-reduced-motion: reduce){
  .space-text{ transition:none !important; }
}

.layer-banner .banner-footer[hidden]{ display:none; }

.l1-feature-text{
  position:fixed;
  z-index:var(--z-scene-label, 10);   
  font-family:Consolas,'SF Mono',monospace;
  font-size:clamp(.58rem, 1.0vw, .78rem);
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:rgba(230, 198, 135,.48);
  pointer-events:none;
  text-shadow:0 0 10px rgba(0,0,0,.7);
  opacity:0;
  visibility:hidden;
  transition:opacity 1.0s ease, visibility 1.0s ease;
}

.lft-1{ top:12%; right:2%;  transform:rotate(1.2deg);  }
.lft-2{ top:82%; left:2%;   transform:rotate(-1.5deg); }
.lft-3{ top:18%; left:1%;   transform:rotate(-0.8deg); }
.lft-4{ top:88%; right:2%;  transform:rotate(0.9deg);  }
.lft-5{ top:45%; right:1%;  transform:rotate(1.8deg);  }

.st-privacy{
  font-family:Georgia, serif;
  font-style:italic;
  font-size:clamp(.62rem, 1.05vw, .82rem);
  color:rgba(228,232,237,.38); 
  letter-spacing:.4px;
  top:10%; left:50%; transform:translateX(-50%) rotate(-0.5deg);
  max-width:520px;
  text-align:center;
  pointer-events:none;
  text-shadow:0 0 8px rgba(0,0,0,.6);
}
@media (max-width:640px){
  .lft-1,.lft-3,.lft-5{ display:none; } 
  .st-privacy{ top:7%; font-size:clamp(.58rem,2.8vw,.75rem); }
}
@media (prefers-reduced-motion: reduce){
  .l1-feature-text{ transition:none !important; }
}

.l2-space-text{
  position:fixed;
  z-index:var(--z-scene-label, 10);   
  font-family:Georgia,serif;font-style:italic;
  color:rgba(244,237,217,.44);
  font-size:clamp(.72rem, 1.2vw, .92rem);
  pointer-events:none;
  text-shadow:0 0 14px rgba(0,0,0,.7);
  letter-spacing:.15px;
  max-width:230px;
  opacity:0;
  visibility:hidden;
  transition:opacity .8s ease, visibility .8s ease;
}
.l2-space-text em{font-style:normal;color:var(--gold);text-shadow:0 0 10px rgba(230, 198, 135,.45);}
.l2st-1{ top:16%; left:6%;  transform:rotate(-1.8deg); }
.l2st-2{ top:22%; right:7%; text-align:right; transform:rotate(1.2deg); }
@media (max-width:640px){
  .l2st-1{ top:10%; left:4%; max-width:48%; }
  .l2st-2{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .l2-space-text{ transition:none !important; }
}

#l2MissionCards{
  position:fixed;
  top:14%; right:3.5%;
  width:min(252px, 46vw);
  z-index:var(--z-card, 30);   
  pointer-events:none;
  display:grid;
  grid-template-columns:1fr;          
  gap:var(--card-gap, 18px);          
  justify-items:end;                   
}
.l2-mission-card{
  
  z-index:var(--z-card, 30);   
  width:min(232px, 42vw);
  padding:13px 15px 14px;
  
  opacity:0;
  visibility:hidden;
  transition:opacity .55s ease, transform .55s ease;
  pointer-events:none;   
  cursor:pointer;        
  will-change:transform;
}
.lmc-top{ display:flex; align-items:center; gap:9px; margin-bottom:7px; }
.lmc-icon{
  font-size:1rem; line-height:1;
  filter:drop-shadow(0 0 6px rgba(230, 198, 135,.5));
}
.lmc-title{
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:.82rem; font-weight:700; letter-spacing:.2px;
  color:#f2f5f8;                              
  text-shadow:0 1px 4px rgba(0,0,0,.7);
}
.lmc-sub{
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:.7rem; font-weight:500; line-height:1.35;
  color:#cdd5de;                              
  text-shadow:0 1px 3px rgba(0,0,0,.7);
  margin-bottom:10px;
}
.lmc-bar{
  position:relative; height:4px; border-radius:3px;
  background:rgba(255,255,255,.12);
  overflow:hidden;
}
.lmc-fill{
  position:absolute; left:0; top:0; bottom:0;
  border-radius:3px;
  background:linear-gradient(90deg, var(--gold) 0%, var(--sun-soft) 100%);
  box-shadow:0 0 8px rgba(230, 198, 135,.55);
}

.story-card{
  
  z-index:var(--z-card, 30);   
  width:min(244px, 44vw);
  padding:13px 15px 14px;
  
  opacity:0; visibility:hidden;
  transition:opacity .6s ease, transform .6s ease;
  pointer-events:none;
  will-change:transform;
}
.story-card .sc-top{ display:flex; align-items:center; gap:9px; margin-bottom:6px; }
.story-card .sc-icon{ font-size:1rem; line-height:1; filter:drop-shadow(0 0 6px rgba(230, 198, 135,.5)); }
.story-card .sc-title{
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:.82rem; font-weight:700; letter-spacing:.2px;
  color:#f2f5f8; text-shadow:0 1px 4px rgba(0,0,0,.7);
}
.story-card .sc-sub{
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:.7rem; font-weight:500; line-height:1.4;
  color:#cdd5de; text-shadow:0 1px 3px rgba(0,0,0,.7);
}

#l1CardDock{
  position:fixed;
  top:18%; left:50%; transform:translateX(-50%);
  width:min(800px, 92vw);
  z-index:var(--z-card, 30);
  pointer-events:none;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 244px));
  justify-content:center;
  justify-items:center;
  gap:var(--card-gap, 18px);
}
#l1CardDock .sc-l1.scp-5{ grid-column:1 / -1; }   
.sc-l1{ }   

#l3CardDock{
  position:fixed;
  top:20%; left:3.5%;
  width:min(240px, 44vw);
  z-index:var(--z-card, 30);
  pointer-events:none;
  display:grid;
  grid-template-columns:1fr;
  gap:var(--card-gap, 18px);
  justify-items:start;
}
.sc-l3{ width:min(228px, 42vw); }   

#l4CardDock{
  position:fixed;
  top:16%; right:3.5%;
  width:min(252px, 46vw);
  z-index:var(--z-card, 30);
  pointer-events:none;
  display:grid;
  grid-template-columns:1fr;
  gap:var(--card-gap, 18px);
  justify-items:end;
}
.sc-l4{ width:min(236px, 42vw); }   

@media (max-width:860px){
  
  #l1CardDock{ grid-template-columns:1fr; top:15%; width:min(280px, 88vw); }
  #l1CardDock .sc-l1.scp-3, #l1CardDock .sc-l1.scp-4, #l1CardDock .sc-l1.scp-5{ display:none; }   
  #l3CardDock .sc-l3.scp-l2{ display:none; }   
  #l4CardDock .sc-l4.scp-2, #l4CardDock .sc-l4.scp-4{ display:none; }   
}

@media (max-width:1024px){
  #l3CardDock{ display:none !important; }   
}
@media (prefers-reduced-motion: reduce){
  .story-card{ animation:none !important; transition:none !important; }
}

body:not([data-zoom-state="wider"])    .sc-l1{ opacity:0 !important; visibility:hidden !important; }
body:not([data-zoom-state="inside"])   .sc-l3{ opacity:0 !important; visibility:hidden !important; }
body:not([data-zoom-state="pricing"])  .sc-l4{ opacity:0 !important; visibility:hidden !important; }

.l4-close-scrim{
  position:fixed; inset:0; z-index:var(--z-beam, 20); pointer-events:none;   
  background:radial-gradient(ellipse 60% 52% at 50% 46%,
              rgba(6,9,13,.72) 0%, rgba(6,9,13,.55) 34%,
              rgba(6,9,13,.22) 62%, rgba(6,9,13,0) 84%);
  opacity:0; visibility:hidden;
  transition:opacity .6s ease, visibility .6s ease;
}
body:not([data-zoom-state="pricing"]) .l4-close-scrim{ opacity:0 !important; visibility:hidden !important; }

body:not([data-zoom-state="overview"]) .l2-mission-card{
  opacity:0 !important; visibility:hidden !important;
}
@media (max-width:860px){
  
  #l2MissionCards{ top:16%; right:4%; }
  #l2MissionCards .lmc-pos-1, #l2MissionCards .lmc-pos-3{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .l2-mission-card{ animation:none !important; transition:none !important; }
}

.l3-space-text{
  position:fixed;
  z-index:var(--z-scene-label, 10);   
  font-family:Georgia,serif;font-style:italic;
  color:rgba(244,237,217,.40);
  font-size:clamp(.68rem, 1.0vw, .84rem);
  pointer-events:none;
  text-shadow:0 0 12px rgba(0,0,0,.7);
  letter-spacing:.1px;
  max-width:200px;
  opacity:0;
  visibility:hidden;
  transition:opacity .8s ease, visibility .8s ease;
}
.l3-space-text em{font-style:normal;color:var(--gold-soft);text-shadow:0 0 10px rgba(230, 198, 135,.38);}
.l3st-1{ top:12%; left:3%;  transform:rotate(-1.2deg); }
.l3st-2{ top:48%; left:4%;  transform:rotate( 0.7deg); }
.l3st-3{ top:82%; left:3%;  transform:rotate(-0.9deg); }
@media (max-width:640px){
  .l3-space-text{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .l3-space-text{ transition:none !important; }
}
@media (prefers-reduced-motion: reduce){
  .layer-banner{transition:none !important;}
}

.pricing-cta-wrap{
  position:fixed;
  
  top:170px;left:50%;
  transform:translateX(-50%);
  z-index:var(--z-station, 70);   
  display:flex;flex-direction:column;
  align-items:center;
  gap:10px;
  max-width:min(360px, calc(100vw - 48px));
  width:min(340px, calc(100vw - 48px));
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .35s ease;
}

.pricing-notify-heading{
  margin:0;
  font-size:1.02rem;font-weight:600;letter-spacing:-.1px;
  color:var(--gold);
  text-shadow:0 1px 4px rgba(0,0,0,.9);
  text-align:center;
}
.pricing-notify-sub{
  margin:-2px 0 2px;
  font-size:.78rem;line-height:1.45;
  color:var(--ink);
  text-shadow:0 1px 3px rgba(0,0,0,.85);
  text-align:center;
  max-width:320px;
}

.pricing-email-input{
  width:100%;
  padding:11px 14px;
  background:rgba(13,17,23,.72);
  border:var(--card-border);   
  border-radius:7px;
  color:var(--ink);font-size:.92rem;font-family:inherit;
  outline:none;
  transition:border-color .15s,box-shadow .15s;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  pointer-events:auto;
  box-sizing:border-box;
}
.pricing-email-input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px var(--sun-soft);
}
.pricing-email-input::placeholder{color:var(--muted);font-style:italic;}
body[data-zoom-state="pricing"] .pricing-cta-wrap{
  opacity:1;pointer-events:auto;visibility:visible;
}
.phd-accept{
  display:flex;align-items:flex-start;gap:9px;
  padding:10px 13px;
  background:rgba(13,17,23,.62);
  border:var(--card-border);   
  border-radius:7px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:.74rem;line-height:1.45;color:var(--ink);
  cursor:pointer;
  user-select:none;
  text-align:left;
  max-width:340px;
}
.phd-accept input[type="checkbox"]{
  margin:2px 0 0 0;
  width:14px;height:14px;
  accent-color:var(--gold);
  cursor:pointer;
  flex:0 0 auto;
}
.phd-accept .phd-text strong{
  color:var(--gold);font-weight:600;
}
.phd-accept:hover{ border-color:var(--gold); }
.phd-accept:focus-within{
  border-color:var(--gold);
  box-shadow:0 0 0 3px var(--sun-soft);
  outline:none;
}
.pricing-cta{
  padding:18px 38px;
  background:var(--gold);color:var(--bg);
  border:2px solid rgba(0,0,0,0.35);border-radius:8px;
  font-weight:700;font-size:1.45rem;letter-spacing:.5px;
  cursor:pointer;font-family:inherit;
  box-shadow:0 0 32px rgba(230, 198, 135,.6), 0 6px 22px rgba(230, 198, 135,.42);
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease, opacity .35s ease;
  animation:cta-pulse 2.4s ease-in-out infinite;
}
@keyframes cta-pulse{
  0%,100%{transform:scale(1.0);box-shadow:0 0 32px rgba(230, 198, 135,.6),0 6px 22px rgba(230, 198, 135,.42);}
  50%{transform:scale(1.04);box-shadow:0 0 52px rgba(230, 198, 135,.82),0 10px 32px rgba(230, 198, 135,.60);}
}
.pricing-cta:hover:not(:disabled),.pricing-cta:focus-visible:not(:disabled){
  background:#e8be4a;
  box-shadow:0 0 52px rgba(230, 198, 135,.85),0 10px 28px rgba(230, 198, 135,.55);outline:none;
  animation:none;transform:scale(1.04);
}
.pricing-cta:focus-visible{outline:3px solid var(--sun-soft);outline-offset:2px;}
.pricing-cta:disabled{
  opacity:.45;cursor:not-allowed;
  background:#7a6a3a;color:rgba(13,17,23,.6);
  box-shadow:none;animation:none;
}
@media (prefers-reduced-motion: reduce){
  .pricing-cta{animation:none !important;}
}

@media (max-width: 640px){
  .pricing-cta-wrap{
    top:210px;left:50%;
    transform:translateX(-50%);
    right:auto;
    max-width:calc(100vw - 32px);
  }
  .pricing-cta{ font-size:1.15rem; padding:15px 28px; }
  .phd-accept{ font-size:.72rem; padding:9px 11px; }
}

.fade-to-black{
  position:fixed;inset:0;z-index:var(--z-overlay, 100);   
  background:#000;opacity:0;
  pointer-events:none;
  transition:opacity 1.4s ease;
}
.fade-to-black.show{opacity:1;pointer-events:auto;}
@media (prefers-reduced-motion: reduce){
  .pricing-cta, .fade-to-black{transition:none !important;}
}

.cascade-comet-callout{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;
  background:rgba(13,17,23,.5);
  border:1px solid var(--dim);
  border-left:3px solid var(--gold);
  border-radius:6px;
  margin-bottom:14px;
  font-size:.82rem;color:var(--ink);line-height:1.55;
}
.cascade-comet-callout strong{color:var(--gold);font-weight:600;}
.cascade-comet-callout .ccc-glyph{
  font-size:1rem;color:var(--gold);line-height:1;
}
.cascade-explainers{
  display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.cascade-explainers .ce{
  padding:12px 14px;
  background:rgba(13,17,23,.55);
  border:1px solid var(--dim);
  border-left:2px solid var(--gold-soft);
  border-radius:6px;
}
.cascade-explainers .ce-q{font-size:.78rem;color:var(--gold);font-weight:600;margin-bottom:5px;}
.cascade-explainers .ce-a{font-size:.74rem;color:var(--muted);line-height:1.5;}

.cloud-grid{
  display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
  gap:10px;margin-bottom:18px;
}
.cloud-tile{
  padding:14px 12px;
  background:rgba(13,17,23,.55);
  border:1px solid var(--dim);
  border-radius:6px;
  text-align:center;
  display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:.84rem;color:var(--ink);
  transition:all .18s;
}
.cloud-tile:hover{border-color:var(--gold-soft);background:rgba(13,17,23,.7);}
.cloud-tile .check{color:var(--zone-money);font-weight:700;}

.cloud-tile-soon{color:var(--muted);border-style:dashed;opacity:.72;}
.cloud-tile-soon::before{content:"◌ ";font-size:.72em;color:var(--muted);}
.cloud-tile-soon:hover{border-color:var(--dim);background:rgba(13,17,23,.55);opacity:.85;}
.cloud-sovereignty{
  padding:14px 16px;
  background:rgba(13,17,23,.5);
  border:1px solid var(--dim);
  border-left:3px solid var(--gold);
  border-radius:6px;
  font-size:.82rem;color:var(--muted);line-height:1.6;
}
.cloud-sovereignty strong{color:var(--ink);font-weight:600;}

.pricing-grid, .price-tier, .tier-float-card, #ss-pricing-labels{
  display:none !important;
}
.pricing-grid{
  display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:10px;margin-bottom:14px;
}
.price-tier{
  display:flex;flex-direction:column;
  padding:14px 12px;
  background:rgba(13,17,23,.55);
  border:1px solid var(--dim);
  border-radius:8px;
  transition:all .18s;
}
.price-tier:hover{border-color:var(--gold-soft);transform:translateY(-2px);}
.price-tier.featured{
  border-color:var(--gold);background:rgba(13,17,23,.72);
  box-shadow:0 0 0 1px rgba(230, 198, 135,.15);
}
.price-tier .pt-tag{
  font-family:Consolas,monospace;font-size:.55rem;letter-spacing:1.3px;
  color:var(--gold);text-transform:uppercase;margin-bottom:5px;
  min-height:.7em;
}
.price-tier .pt-name{font-size:.92rem;color:var(--ink);font-weight:600;margin-bottom:3px;}
.price-tier .pt-price{
  font-size:1.15rem;color:var(--gold);font-weight:700;letter-spacing:-.2px;
  margin-bottom:8px;
}
.price-tier .pt-price .pt-per{font-size:.65rem;color:var(--muted);font-weight:400;letter-spacing:0;}
.price-tier ul{
  list-style:none;padding:0;margin:0 0 10px;
  font-size:.7rem;color:var(--muted);line-height:1.55;flex:1;
}
.price-tier ul li{padding:3px 0;border-bottom:1px dashed var(--dim);}
.price-tier ul li:last-child{border-bottom:none;}
.price-tier ul li::before{content:"·";color:var(--gold);margin-right:5px;font-weight:700;}
.pricing-note{
  font-size:.74rem;color:var(--muted);line-height:1.55;
  padding:10px 12px;background:rgba(13,17,23,.4);
  border:1px solid var(--dim);border-radius:6px;
  font-style:italic;
}

.tier-float-card{
  position:fixed;
  z-index:var(--z-card, 30);   
  width:clamp(150px,17vw,210px);
  background:rgba(13,17,23,0.15);                    
  border:1px solid rgba(91,141,239,0.35);            
  border-radius:10px;
  padding:13px 13px 11px;
  backdrop-filter:blur(12px) saturate(180%);         
  -webkit-backdrop-filter:blur(12px) saturate(180%); 
  box-shadow:0 8px 28px rgba(0,0,0,0.35), inset 0 1px 0 rgba(91,141,239,0.08); 
  pointer-events:none;
  opacity:0;
  transform:scale(.88);
  transition:opacity .4s ease,transform .4s ease;
}

.tier-float-card.tfc-show{
  opacity:1;
  transform:scale(1);
  pointer-events:none; 
}
.tier-float-card.tfc-show > *{
  pointer-events:auto; 
}

.tier-float-card.tfc-focused{
  border-color:var(--gold);                                          
  box-shadow:0 0 0 1px rgba(230, 198, 135,.35), 0 6px 24px rgba(0,0,0,0.40), inset 0 1px 0 rgba(230, 198, 135,.10); 
}
.tier-float-card.tfc-dimmed{
  opacity:.38;
  transform:scale(.95);
}
.tfc-close{
  position:absolute;top:7px;right:9px;
  background:none;border:none;cursor:pointer;
  color:var(--muted);font-size:1rem;line-height:1;padding:2px 4px;
  transition:color .15s;
  pointer-events:auto;
}
.tfc-close:hover{color:var(--ink);}
.tfc-tag{
  font-family:Consolas,monospace;font-size:.5rem;letter-spacing:1.2px;
  color:var(--gold);text-transform:uppercase;margin-bottom:4px;
}
.tfc-name{font-size:.88rem;color:var(--ink);font-weight:700;margin-bottom:2px;}
.tfc-price{font-size:1.1rem;color:var(--gold);font-weight:700;margin-bottom:8px;letter-spacing:-.2px;}
.tfc-price .tfc-per{font-size:.6rem;color:var(--muted);font-weight:400;letter-spacing:0;}
.tfc-list{list-style:none;padding:0;margin:0;font-size:.66rem;color:var(--muted);line-height:1.6;}
.tfc-list li{padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.06);}
.tfc-list li:last-child{border-bottom:none;}
.tfc-list li::before{content:"·";color:var(--gold);margin-right:4px;font-weight:700;}

#tfc-free      { top:18%;  left:clamp(8px,2vw,24px);  }              
#tfc-personal  { top:70%;  left:clamp(8px,2vw,24px);  }              
#tfc-pro       { top:42%;  left:calc(50% - clamp(75px,8.5vw,105px)); }
#tfc-practice  { top:18%;  right:clamp(8px,2vw,24px); }              
#tfc-enterprise{ top:70%;  right:clamp(8px,2vw,24px); }              
@media(max-width:760px){
  .tier-float-card{width:clamp(120px,40vw,170px);padding:10px 10px 8px;font-size:.9em;}
  #tfc-free      { top:10%;  left:2%;  }
  #tfc-personal  { top:62%;  left:2%;  }
  #tfc-pro       { top:38%;  left:calc(50% - clamp(60px,20vw,85px)); }
  #tfc-practice  { top:10%;  right:2%; }
  #tfc-enterprise{ top:62%;  right:2%; }
}

.tier-float-card{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 50%, rgba(255,255,255,0.04) 100%),
    rgba(13,17,23,0.15);  
  isolation:isolate;       
}

.tier-float-card{
  box-shadow:
    inset 0 0 0 1px rgba(230, 198, 135,0.30),         
    0 8px 32px rgba(0,0,0,0.40),                   
    inset 0 1px 0 rgba(91,141,239,0.08);           
  transition:opacity .4s ease, transform .4s cubic-bezier(.2,.7,.3,1.2), box-shadow .3s ease;
  will-change:transform;
}

@media (hover:hover) and (prefers-reduced-motion: no-preference){
  .tier-float-card.tfc-show:hover{
    transform:translate3d(0, -4px, 0) rotateX(2deg) scale(1.01);
    box-shadow:
      inset 0 0 0 1px rgba(230, 198, 135,0.45),
      0 14px 40px rgba(0,0,0,0.50),
      inset 0 1px 0 rgba(91,141,239,0.12);
  }
}

@keyframes tfcDrift{
  0%, 100% { transform:translateY(0) scale(1); }
  50%      { transform:translateY(-3px) scale(1.005); }
}
@media (prefers-reduced-motion: no-preference){
  
  #tfc-free.tfc-show      { animation:tfcDrift 7.0s ease-in-out 0.0s infinite; }
  #tfc-personal.tfc-show  { animation:tfcDrift 7.6s ease-in-out 0.9s infinite; }
  #tfc-pro.tfc-show       { animation:tfcDrift 6.4s ease-in-out 1.7s infinite; }
  #tfc-practice.tfc-show  { animation:tfcDrift 7.2s ease-in-out 2.4s infinite; }
  #tfc-enterprise.tfc-show{ animation:tfcDrift 6.8s ease-in-out 3.1s infinite; }
  
  .tier-float-card.tfc-focused, .tier-float-card.tfc-show:hover{ animation-play-state:paused; }
}

.tier-float-card::after{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  opacity:0.55;
  transition:opacity .35s ease;
  filter:blur(14px);
}
#tfc-free::after      { background:radial-gradient(circle at 50% 50%, rgba(91,141,239,0.32), rgba(130,140,170,0.10) 60%, transparent 80%); }
#tfc-personal::after  { background:radial-gradient(circle at 50% 50%, rgba(230, 198, 135,0.30), rgba(230, 198, 135,0.08) 60%, transparent 80%); }
#tfc-pro::after       { background:radial-gradient(circle at 50% 50%, rgba(232,180,40,0.42), rgba(230, 198, 135,0.10) 60%, transparent 80%); }
#tfc-practice::after  { background:radial-gradient(circle at 50% 50%, rgba(60,200,140,0.30), rgba(60,180,120,0.08) 60%, transparent 80%); }
#tfc-enterprise::after{ background:radial-gradient(circle at 50% 50%, rgba(160,110,220,0.32), rgba(140,100,200,0.08) 60%, transparent 80%); }
.tier-float-card.tfc-show::after{ opacity:0.75; }
@media (hover:hover) and (prefers-reduced-motion: no-preference){
  .tier-float-card.tfc-show:hover::after{ opacity:0.95; }
}

.multiverse-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:8px;
  margin-bottom:14px;
}
@media (max-width:480px){
  .multiverse-grid{grid-template-columns:repeat(2, 1fr);}
}
.mv-tile{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;
  padding:14px 10px;
  background:rgba(13,17,23,.55);
  border:1px solid var(--dim);
  border-radius:8px;
  text-align:center;
  transition:all .18s ease;
}
.mv-tile:hover{border-color:var(--gold-soft);background:rgba(13,17,23,.7);}
.mv-tile.mv-yours{
  border-color:var(--gold);background:rgba(230, 198, 135,.10);
}
.mv-tile .mv-glyph{
  width:24px;height:24px;border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 8px rgba(230, 198, 135,.6);
}
.mv-tile.mv-zone-mid .mv-glyph{background:var(--zone-money);box-shadow:0 0 8px rgba(95,160,116,.6);}
.mv-tile.mv-zone-work .mv-glyph{background:var(--zone-work);box-shadow:0 0 8px rgba(192,216,148,.5);}
.mv-tile.mv-zone-protect .mv-glyph{background:var(--zone-protect);box-shadow:0 0 8px rgba(91,141,239,.5);}
.mv-tile.mv-zone-growth .mv-glyph{background:var(--zone-growth);box-shadow:0 0 8px rgba(201,115,138,.5);}
.mv-tile.mv-zone-archive .mv-glyph{background:var(--zone-archive);box-shadow:0 0 6px rgba(74,85,104,.5);}
.mv-tile .mv-label{
  font-size:.72rem;color:var(--ink);font-weight:600;line-height:1.3;
}
.mv-tile.mv-yours .mv-label{color:var(--gold);}
.multiverse-coda{
  padding:14px 16px;
  background:rgba(13,17,23,.5);
  border:1px solid var(--dim);
  border-left:3px solid var(--gold);
  border-radius:6px;
  font-size:.82rem;color:var(--muted);line-height:1.6;
}
.multiverse-coda strong{color:var(--ink);font-weight:600;}

.l2-tenant-templates{
  position:fixed;
  bottom:56px;left:50%;transform:translateX(-50%);
  z-index:var(--z-card, 30);   
  width:min(560px, calc(100vw - 32px));
  max-height:55vh;
  overflow-y:auto;
  padding:20px 24px;
  background:var(--panel-bg);
  border:var(--card-border);   
  border-radius:14px;
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  box-shadow:0 16px 60px rgba(0,0,0,.55);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .4s ease, visibility .4s ease;
}
body[data-zoom-state="overview"] .l2-tenant-templates{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

body.rail-active[data-zoom-state="overview"] .l2-tenant-templates{
  bottom:152px;   
}
body.rail-active[data-zoom-state="overview"] .story-rail-pager{
  bottom:272px;   
}
@media (max-width:760px){
  
  body.rail-active[data-zoom-state="overview"] .l2-tenant-templates{
    bottom:128px;   
  }
  body.rail-active[data-zoom-state="overview"] .story-rail-pager{
    bottom:262px;   
  }
}
.l2tt-eyebrow{
  font-family:Consolas,monospace;font-size:.6rem;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--zone-money);margin-bottom:6px;
}
.l2tt-title{
  
  font-family:Georgia,serif;font-size:clamp(.9rem, 2.2vw, 1.15rem);color:var(--ink);
  margin:0 0 4px;font-weight:normal;
}
.l2tt-title em{font-style:normal;color:var(--gold);}
.l2tt-tagline{
  font-size:.78rem;color:var(--muted);margin:0 0 14px;
}
.l2tt-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:8px;
}
@media (max-width:480px){
  .l2tt-grid{grid-template-columns:repeat(2, 1fr);}
  
  .l2-tenant-templates{
    bottom:48px;
    padding:14px 16px;
    max-height:38vh;
  }
}
.l2tt-tile{
  
  background:none;
  border:none;
  cursor:pointer;
  font-family:inherit;
  
}
.l2tt-tile:hover .mv-glyph{
  box-shadow:0 0 14px rgba(230, 198, 135,.8);
  transform:scale(1.15);
  transition:transform .18s ease, box-shadow .18s ease;
}

.why-grid{
  display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;margin-bottom:16px;
}
.why-card{
  padding:14px 16px;
  
}
.why-card h4{
  font-size:.86rem;color:var(--ink);font-weight:600;
  margin:0 0 5px;line-height:1.35;
}

.why-card p{font-size:.74rem;color:#aeb8c4;line-height:1.55;}
.why-quote{
  padding:14px 18px;
  background:rgba(13,17,23,.5);
  border-left:3px solid var(--gold);border-radius:0 6px 6px 0;
  margin-bottom:16px;
}
.why-quote p{font-style:italic;color:var(--ink);font-size:.88rem;line-height:1.5;margin-bottom:5px;}
.why-quote .wq-attrib{
  font-family:Consolas,monospace;font-size:.6rem;
  color:var(--muted);letter-spacing:1px;text-transform:uppercase;
}
.why-final-cta{
  display:flex;align-items:center;justify-content:center;
  padding:14px 0 4px;
  border-top:1px dashed var(--dim);
}
.why-final-cta .cta-primary{margin:0;}

.layers-grid{
  display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:10px;margin-bottom:16px;
}
.layers-card{
  display:flex;align-items:flex-start;gap:10px;
  padding:12px 14px;
  
}
.layers-dot{
  flex-shrink:0;
  width:8px;height:8px;border-radius:50%;
  background:var(--gold-soft);margin-top:5px;
  box-shadow:0 0 6px rgba(230, 198, 135,.35);
}
.layers-card strong{font-size:.84rem;color:var(--ink);font-weight:600;display:block;margin-bottom:3px;}

.layers-card p{font-size:.73rem;color:#aeb8c4;line-height:1.55;margin:0;}

.hero-layers-link{
  display:inline-block;margin-top:10px;
  font-size:.77rem;color:var(--gold);
  background:none;border:none;cursor:pointer;
  font-family:inherit;text-decoration:underline;text-underline-offset:3px;
  padding:0;
}
.hero-layers-link:hover{color:var(--sun-soft);}

@media (max-width:760px){
  .ms-station{padding:22px 20px;}
  .ms-title{font-size:1.2rem;}
  .pricing-grid{grid-template-columns:1fr 1fr;}
  .cloud-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr;}
  .layers-grid{grid-template-columns:1fr;}
  .cascade-svg-frame svg{min-width:0;}
}

.ms-station.is-zoom-layer,
.pillars-station.is-zoom-layer,
.case-arc-station.is-zoom-layer{
  
  top:78px;
  bottom:24px;
  left:auto;
  right:24px;
  transform:scale(.94);
  transform-origin:top right;
  width:min(440px, calc(100vw - 48px));
  max-width:min(440px, calc(100vw - 48px));
  max-height:none;
  overflow-y:auto;
  
}
.ms-station.is-zoom-layer.show,
.pillars-station.is-zoom-layer.show,
.case-arc-station.is-zoom-layer.show{
  transform:scale(1);
}
@media (max-width:760px){
  .ms-station.is-zoom-layer,
  .pillars-station.is-zoom-layer,
  .case-arc-station.is-zoom-layer{
    
    top:auto;left:0;right:0;bottom:0;
    transform:translateY(100%);
    width:100vw;max-width:100vw;
    border-radius:16px 16px 0 0;
    max-height:62vh;
  }
  .ms-station.is-zoom-layer.show{
    transform:translateY(0);
  }
}

.audio-toggle{
  position:fixed;
  
  bottom:18px;left:18px;
  z-index:var(--z-dock, 60);  
  width:34px;height:34px;
  border-radius:50%;
  background:var(--panel-bg);
  border:1px solid var(--panel-border);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  color:var(--muted);
  font-size:1rem;line-height:1;
  font-family:inherit;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  opacity:.42;                 
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  transition:opacity .18s ease, background .18s ease, border-color .18s ease, color .18s ease, transform .12s ease;
}
.audio-toggle:hover,.audio-toggle:focus-visible{
  opacity:1;
  color:var(--gold);
  background:var(--gold-glow);
  border-color:var(--gold);
  transform:translateY(-1px);
  outline:none;
}
.audio-toggle:focus-visible{outline:3px solid var(--sun-soft);outline-offset:2px;}
.audio-toggle.is-muted{ color:var(--muted); }
@media (prefers-reduced-motion: reduce){
  .audio-toggle{ transition:opacity .18s ease, color .18s ease; }
}

.custodian-pill{
  position:fixed;
  
  bottom:64px;left:18px;     
  z-index:var(--z-dock, 60);  
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 14px;
  border-radius:999px;
  background:var(--panel-bg);
  border:1px solid var(--panel-border);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  color:var(--muted);
  font-family:Consolas,'SF Mono',monospace;
  font-size:.62rem; letter-spacing:1.3px; text-transform:uppercase;
  cursor:pointer;
  opacity:.42;                 
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  transition:opacity .18s ease, background .18s ease, border-color .18s ease, color .18s ease, transform .12s ease;
}
.custodian-pill .cp-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--gold); box-shadow:0 0 7px var(--gold-soft);
}
.custodian-pill:hover,.custodian-pill:focus-visible{
  opacity:1; color:var(--gold);
  background:var(--gold-glow); border-color:var(--gold);
  transform:translateY(-1px); outline:none;
}
.custodian-pill:focus-visible{outline:3px solid var(--sun-soft);outline-offset:2px;}

.custodian-card{
  position:fixed;
  bottom:104px;left:18px;
  z-index:var(--z-dock, 60);   
  width:min(340px, calc(100vw - 36px));
  display:none;                
  padding:18px 20px 16px;
  
  --card-bg:rgba(12,16,32,.72);
  backdrop-filter:blur(var(--card-blur)) saturate(160%);
  -webkit-backdrop-filter:blur(var(--card-blur)) saturate(160%);
  color:var(--ink);
  opacity:0; transform:translateY(8px);
  transition:opacity .28s ease, transform .28s ease;
}
.custodian-card.show{ opacity:1; transform:translateY(0); }
.custodian-card .cc-eyebrow{
  display:inline-block;
  font-family:Consolas,'SF Mono',monospace;
  font-size:.6rem; letter-spacing:1.6px; text-transform:uppercase;
  color:var(--gold); margin-bottom:8px;
}
.custodian-card h3{
  font-family:Georgia,'Times New Roman',serif;
  font-size:1.05rem; line-height:1.3; margin:0 0 9px; color:var(--ink);
}
.custodian-card p{ font-size:.84rem; line-height:1.55; margin:0 0 10px; color:#c4cdd8; }
.custodian-card .cc-soon{
  font-size:.62rem; letter-spacing:1.1px; text-transform:uppercase;
  color:var(--muted); margin:2px 0 0;
}
.custodian-card .cc-close{
  position:absolute; top:9px; right:11px;
  background:none; border:none; color:var(--muted);
  font-size:1.2rem; line-height:1; cursor:pointer; padding:4px;
}
.custodian-card .cc-close:hover,.custodian-card .cc-close:focus-visible{ color:var(--gold); outline:none; }
@media (prefers-reduced-motion: reduce){
  .custodian-pill{ transition:opacity .18s ease, color .18s ease; }
  .custodian-card{ transition:opacity .18s ease; transform:none; }
  .custodian-card.show{ transform:none; }
}
@media (max-width: 760px){
  .custodian-pill{ bottom:60px; }
  .custodian-card{ bottom:100px; left:18px; right:18px; width:auto; }
}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.welcome-overlay{
  position:fixed;inset:0;
  z-index:var(--z-overlay, 100);   
  display:flex;align-items:center;justify-content:center;
  background:rgba(6,10,16,.72);
  backdrop-filter:blur(4px) saturate(120%);
  -webkit-backdrop-filter:blur(4px) saturate(120%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.welcome-overlay.show{
  opacity:1;
  pointer-events:auto;
}
.welcome-card{
  position:relative;
  width:min(360px, calc(100vw - 40px));
  padding:28px 28px 24px;
  
  --card-shadow:0 18px 48px rgba(0,0,0,.55), 0 0 0 1px rgba(230, 198, 135,.08) inset;
  box-shadow:var(--card-shadow);
  backdrop-filter:blur(var(--card-blur)) saturate(170%);
  -webkit-backdrop-filter:blur(var(--card-blur)) saturate(170%);
  text-align:center;
}
.welcome-eyebrow{
  display:block;
  font-family:Consolas,'SF Mono',monospace;
  font-size:.58rem;letter-spacing:2px;
  color:var(--gold);
  text-transform:uppercase;
  margin-bottom:10px;
}
.welcome-headline{
  font-size:1.35rem;color:var(--ink);font-weight:700;
  line-height:1.2;margin-bottom:12px;
}
.welcome-body{
  font-size:.8rem;color:var(--muted);line-height:1.65;
  margin-bottom:20px;
}
.welcome-dismiss{
  display:inline-block;
  padding:9px 28px;
  background:transparent;
  border:1px solid var(--gold-soft);
  border-radius:22px;
  font-family:Consolas,'SF Mono',monospace;
  font-size:.62rem;letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--gold);
  cursor:pointer;
  transition:background .15s, border-color .15s;
}
.welcome-dismiss:hover,.welcome-dismiss:focus-visible{
  background:var(--gold-glow);
  border-color:var(--gold);
  outline:none;
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:0.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:0.001ms !important;
  }
  .welcome-overlay{
    transition:none !important;
  }
}

@media (max-width:760px){
  .hero{
    left:50%;top:auto;bottom:18px;
    transform:translateX(-50%);
    padding:22px 22px 20px;
    width:calc(100vw - 28px);max-width:100%;
  }
  .hero h1{font-size:1.6rem;}
  .hero-subhead{font-size:.98rem;}  
  .pillars-station{padding:22px 20px;}
  .ps-title{font-size:1.2rem;}
  .pillars-grid{grid-template-columns:1fr;}
}
@media (max-width:420px){
  .hero{padding:18px 18px 16px;border-radius:10px;}
  .hero h1{font-size:1.45rem;}
  .hero-subhead{font-size:.92rem;}  
  .cta-primary{padding:11px 18px;font-size:.88rem;}
}

@media (max-width: 640px){
  #solarCanvas{ height:100% !important; }
}

@media (max-width: 640px){
  :root{
    --warp-inset-inner: 8%;    
    --warp-inset-outer-y: 24px; 
    --warp-inset-outer-x: 27px; 
  }
  
  body[data-zoom-state="overview"] .warp-outline[data-jump-to="inside"][class~="is-inner"]{ inset:10% !important; }
}

@media (max-width: 640px){
  .layer-banner{
    top:48px;  
    max-width:min(640px, calc(100vw - 24px));  
    padding:10px 14px;  
  }
  .layer-banner h1{
    font-size:clamp(1.1rem, 5.5vw, 1.6rem);  
  }
  .layer-banner .subhead{ font-size:.66rem; letter-spacing:1.2px; }
  .layer-banner .banner-footer{ font-size:.74rem; }
}

@media (max-width: 640px){
  .ms-station{
    width:calc(100vw - 24px);
    max-height:calc(100vh - 100px);  
  }
}

@media (max-width: 640px){
  
  .pst-1, .pst-2, .byo-1, .byo-3{ display:none !important; }
  #l4CardDock{ display:none !important; }   

  .pricing-cta-wrap{
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    right:auto;
    z-index:var(--z-station, 70);   
    width:min(360px, calc(100vw - 28px));
    max-width:calc(100vw - 28px);
    max-height:calc(100dvh - 96px);        
    overflow-y:auto;                        
    -webkit-overflow-scrolling:touch;
    padding:18px 16px 16px;
    gap:12px;
    
    background:
      linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 42%),
      rgba(10,14,20,.62);
    border:1px solid rgba(230, 198, 135,.42);
    border-radius:15px;
    backdrop-filter:blur(13px) saturate(150%);
    -webkit-backdrop-filter:blur(13px) saturate(150%);
    box-shadow:0 14px 44px rgba(0,0,0,.5), inset 0 1px 0 rgba(255, 246, 230,.12);
  }
  .pricing-notify-heading{ font-size:1.12rem; }
  .pricing-notify-sub{
    font-size:.82rem; line-height:1.5;
    max-width:100%;
    color:var(--ink);                       
  }
  
  .pricing-email-input{
    width:100%;
    padding:13px 14px;                      
    font-size:16px;                         
  }
  .phd-accept{
    width:100%;
    font-size:.74rem; padding:11px 12px;
    max-width:100%;
  }
  .phd-accept input[type="checkbox"]{ width:18px; height:18px; }
  .pricing-cta{
    width:100%;
    font-size:1.12rem;
    padding:15px 20px;                      
  }
}

@media (max-width: 640px){
  .l2-mission-card{
    width:min(208px, 56vw);
    padding:11px 13px 12px;
  }
  
  #l2MissionCards{ top:19%; right:5%; width:min(252px, 64vw); }
  .lmc-title{ font-size:.8rem; }
  .lmc-sub{ font-size:.68rem; }

  .story-card{ width:min(210px, 56vw); padding:11px 13px 12px; }
  #l1CardDock{ top:15%; width:min(260px, 86vw); }
}

.project-types-divider{
  margin:14px 0 10px;
  border-top:1px dashed var(--dim);
  padding-top:10px;
}
.project-types-label{
  font-family:Consolas,monospace;font-size:.58rem;
  color:var(--dim);letter-spacing:1.3px;text-transform:uppercase;
  margin-bottom:8px;display:block;
}
.project-types-grid{
  display:flex;flex-wrap:wrap;gap:7px;
}
.project-type-chip{
  padding:6px 12px;
  background:rgba(13,17,23,.45);
  border:1px solid var(--dim);
  border-radius:11px;
  font-size:.72rem;color:var(--muted);
  letter-spacing:.2px;
  cursor:default;
  transition:all .15s;
}
.project-type-chip:hover{
  border-color:var(--gold-soft);
  color:var(--gold);
  background:var(--gold-glow);
}

.solo-ops-text{
  position:fixed;
  z-index:var(--z-scene-label, 10);   
  font-family:Georgia,serif;font-style:italic;
  color:rgba(244,237,217,.42);
  font-size:clamp(.62rem, 1.0vw, .82rem);
  pointer-events:none;
  text-shadow:0 0 12px rgba(0,0,0,.7);
  letter-spacing:.1px;
  opacity:0;
  visibility:hidden;
  transition:opacity .8s ease, visibility .8s ease;
}
.solo-ops-text em{font-style:normal;color:var(--gold-soft);text-shadow:0 0 10px rgba(230, 198, 135,.38);}
body[data-zoom-state="inside"] .solo-ops-text{
  opacity:1;visibility:visible;
}
@media (prefers-reduced-motion: reduce){
  .solo-ops-text{transition:none !important;}
}

.sg-1 { top:12%; left:2%;  transform:rotate(-1.5deg); }
.sg-2 { top:19%; left:7%;  transform:rotate( 0.8deg); }
.sg-3 { top:26%; left:2%;  transform:rotate(-0.5deg); }
.sg-4 { top:33%; left:8%;  transform:rotate( 1.2deg); }
.sg-5 { top:40%; left:2%;  transform:rotate(-1.0deg); }
.sg-6 { top:47%; left:7%;  transform:rotate( 0.4deg); }
.sg-7 { top:54%; left:2%;  transform:rotate(-0.9deg); }
.sg-8 { top:61%; left:8%;  transform:rotate( 1.5deg); }
.sg-9 { top:68%; left:2%;  transform:rotate(-0.3deg); }
.sg-10{ top:75%; left:7%;  transform:rotate( 0.7deg); }
.sg-11{ top:82%; left:2%;  transform:rotate(-1.1deg); }
.sg-12{ top:88%; left:7%;  transform:rotate( 0.6deg); }
.sg-13{ top:93%; left:2%;  transform:rotate(-0.4deg); color:rgba(230, 198, 135,.55); }

@media (max-width:640px){
  .solo-ops-text{ display:none; }
}

.notify-intent-wrap{
  margin-top:10px;
}
.notify-intent-label{
  display:block;
  font-family:Consolas,monospace;font-size:.56rem;
  letter-spacing:1.3px;text-transform:uppercase;color:var(--dim);
  margin-bottom:6px;
}
.notify-intent-field{
  width:100%;
  min-height:52px;max-height:90px;
  background:rgba(13,17,23,.55);
  border:1px solid var(--dim);
  border-left:3px solid var(--gold-soft);
  border-radius:5px;
  color:var(--ink);font-size:.82rem;
  padding:8px 10px;
  outline:none;font-family:inherit;
  line-height:1.45;resize:vertical;
  transition:border-color .15s ease, background .15s ease;
  pointer-events:auto;
}
.notify-intent-field:focus{
  border-color:var(--gold-soft);
  border-left-color:var(--gold);
  background:rgba(13,17,23,.75);
}
.notify-intent-field::placeholder{color:var(--muted);font-style:italic;}

.cascade-scale-callout{
  margin-top:12px;
  padding:10px 14px;
  background:rgba(13,17,23,.45);
  border:1px solid var(--dim);
  border-left:3px solid var(--zone-money);
  border-radius:6px;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  font-size:.78rem;color:var(--muted);line-height:1.5;
}
.cascade-scale-callout .csc-stat{
  font-family:Consolas,monospace;
  font-size:1.15rem;font-weight:700;
  color:var(--zone-money);
  letter-spacing:-.5px;
  white-space:nowrap;
}
.cascade-scale-callout .csc-label{flex:1;}
.cascade-scale-callout strong{color:var(--ink);}

.pillars-station,
.case-arc-station,
.ms-station,
.archetype-card,
.welcome-card,
.dept-detail-card,
.l2-tenant-templates,
.tier-float-card{
  background: transparent !important;                       
  
  backdrop-filter: blur(3px) brightness(1.10) saturate(110%) !important;
  -webkit-backdrop-filter: blur(3px) brightness(1.10) saturate(110%) !important;
  
  border: 1px solid rgba(255, 255, 255, 0.14) !important;   
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),                   
    0 0 16px rgba(180,190,210,0.05) !important;             
}

.pillars-station.show,
.case-arc-station.show,
.ms-station.show,
.dept-detail-card.show{
  border: var(--card-border-active) !important;
  border-color: var(--gold-soft) !important;
}

.ms-station.cascade-station{
  background: rgba(8,11,20,.54) !important;
  backdrop-filter: blur(22px) saturate(165%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(165%) !important;
}

.tier-float-card *,
.archetype-card *,
.dept-detail-card *,
.l2-tenant-templates *,
.pillars-station *,
.case-arc-station *,
.ms-station *{
  text-shadow: 0 1px 4px rgba(0,0,0,0.95), 0 0 10px rgba(0,0,0,0.65);
}

.archetype-card .ac-pitch,
.archetype-card .ac-name{
  color: #eef4ff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.95), 0 0 12px rgba(0,0,0,0.75);
}
.dept-detail-card .ddc-domain,
.dept-detail-card .ddc-tellstew .tsl-ask{
  color: #eef4ff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.95), 0 0 12px rgba(0,0,0,0.75);
}
.tier-float-card .tfc-name{
  color: #eef4ff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.95), 0 0 10px rgba(0,0,0,0.65);
}
.tier-float-card .tfc-list,
.tier-float-card .tfc-list li{
  color: rgba(220,228,240,0.92);
  text-shadow: 0 1px 4px rgba(0,0,0,0.95), 0 0 10px rgba(0,0,0,0.65);
}
.tier-float-card .tfc-price .tfc-per{
  color: rgba(190,205,225,0.88);
}

.pillars-station .pillar-blurb,
.pillars-station .ps-tagline,
.case-arc-station .cas-tagline,
.case-arc-station .cas-narrator,
.ms-station .ms-tagline{
  color: rgba(220,228,242,0.92);
  text-shadow: 0 1px 4px rgba(0,0,0,0.95), 0 0 12px rgba(0,0,0,0.75);
}

.pillars-station.show,
.case-arc-station.show,
.ms-station.show,
.welcome-card{
  pointer-events:none;   
}

.pillars-station.show > *,
.case-arc-station.show > *,
.ms-station.show > *,
.welcome-overlay.show > .welcome-card > *{
  pointer-events:auto;   
}

.archetype-card.show{
  pointer-events:none;   
}
.archetype-card.show > *{
  pointer-events:auto;   
}

.dept-detail-card.show{
  pointer-events:none;   
}
.dept-detail-card.show > *{
  pointer-events:auto;   
}

.welcome-overlay{
  
  background:rgba(6,10,16,0.60);              
}

.pillars-station,
.case-arc-station,
.ms-station{
  box-shadow:0 16px 48px rgba(0,0,0,0.35), inset 0 1px 0 rgba(91,141,239,0.08);
}

.archetype-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 0 18px rgba(120,160,230,0.06);
}
.welcome-card{
  box-shadow:0 8px 32px rgba(0,0,0,0.30), 0 0 0 1px rgba(91,141,239,0.06) inset;
}

.space-text,
.hero-orbit-fragment,
.l1-feature-text,
.l2-space-text,
.l3-space-text,
.pricing-space-text {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.solsys-label {
  position: fixed;
  z-index: var(--z-scene-label, 10);   
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  max-width: 30vw;
}
body[data-zoom-state="wider"] .solsys-label {
  opacity: 1;
}

.solsys-label .ssl-title {
  display: block;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 700;
  font-size: clamp(1.3rem, 2.3vw, 1.85rem);  
  color: rgba(242, 208, 122, 1);             
  text-shadow: 0 0 12px rgba(0,0,0,0.8), 0 0 26px rgba(230, 198, 135,0.3);
  letter-spacing: 0.04em;
  line-height: 1.1;
  
  padding-bottom: 7px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(240, 205, 120, 0.32);
}
.solsys-label .ssl-desc {
  display: block;
  margin-top: 0;                              
  font-family: Georgia, serif;
  font-size: clamp(0.82rem, 1.2vw, 1.0rem);   
  line-height: 1.5;
  color: rgba(228, 225, 215, 0.94);           
  text-shadow: 0 0 8px rgba(0,0,0,0.92), 0 1px 4px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1);
}

.solsys-label .ssl-cta {
  font-style: normal;
  color: rgba(240, 205, 120, 0.98);
  border-bottom: 1px dotted rgba(240, 205, 120, 0.6);
  padding-bottom: 1px;
  margin-left: 4px;
}

.solsys-label.solsys-fg {
  text-align: center;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: 11%;
  top: auto;
  max-width: 34rem;         
}
.solsys-label.solsys-bg1 {
  text-align: left;
  left: 2.5%;
  right: auto;
  transform: none;
  bottom: 6.5%;
  top: auto;
  max-width: 21rem;         
}
.solsys-label.solsys-bg2 {
  text-align: right;        
  left: auto;
  right: 2.5%;
  transform: none;
  bottom: 6.5%;
  top: auto;
  max-width: 21rem;
}
.solsys-label.solsys-bg2 .ssl-title { border-bottom-color: rgba(240,205,120,0.32); }
@media (max-width: 760px) {
  .solsys-label { max-width: 44vw; }
  .solsys-label .ssl-title { font-size: 0.9rem; }
  .solsys-label .ssl-desc { font-size: 0.7rem; }
  .solsys-label.solsys-fg  { max-width: 60vw; }
  .solsys-label.solsys-bg1 { max-width: 42vw; }
  .solsys-label.solsys-bg2 { max-width: 42vw; }
}

.l4-corner {
  position: fixed;
  z-index: var(--z-scene-label, 10);   
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
  top: 96px;
  max-width: 20rem;
}
.l4-corner-left  { left: 2.5%;  right: auto; text-align: left;  }
.l4-corner-right { right: 2.5%; left: auto;  text-align: right; }
.l4-corner .ssl-title {
  display: block;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 700;
  font-size: clamp(1.15rem, 1.9vw, 1.55rem);
  color: rgba(242, 208, 122, 1);
  text-shadow: 0 0 12px rgba(0,0,0,0.8), 0 0 26px rgba(230, 198, 135,0.3);
  letter-spacing: 0.03em;
  line-height: 1.12;
  padding-bottom: 6px;
  margin-bottom: 7px;
  border-bottom: 1px solid rgba(240, 205, 120, 0.32);
}
.l4-corner .ssl-desc {
  display: block;
  font-family: Georgia, serif;
  font-size: clamp(0.8rem, 1.15vw, 0.96rem);
  line-height: 1.5;
  color: rgba(228, 225, 215, 0.94);
  text-shadow: 0 0 8px rgba(0,0,0,0.92), 0 1px 4px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1);
}
@media (max-width: 760px) {
  
  .l4-corner { max-width: 42vw; top: 86px; }
  .l4-corner .ssl-title { font-size: 0.92rem; }
  .l4-corner .ssl-desc  { font-size: 0.72rem; }
  .l4-corner-right { display: none; }
}

@media (max-width: 640px) {
  .l4-corner-left { display: none; }
}

.zoom-forward-hint {
  position: fixed;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--z-scene-label, 10);   
  font-family: Georgia, serif;
  font-size: clamp(0.75rem, 1.1vw, 0.95rem);
  color: rgba(230, 198, 135, 0.6);
  letter-spacing: 0.05em;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  text-shadow: 0 0 6px rgba(0,0,0,0.6);
  white-space: nowrap;
}
body[data-zoom-state="wider"] .zoom-forward-hint {
  opacity: 1;
  animation: zfhPulse 3s ease-in-out infinite;
}
.zoom-forward-hint .zfh-plus {
  display: inline-block;
  width: 1.2em; height: 1.2em; line-height: 1.1em;
  border: 1px solid rgba(230, 198, 135, 0.6);
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
}
@keyframes zfhPulse {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 0.95; }
}

.tfc-close { display: none !important; }

.tier-float-card {
  width: clamp(120px, 16vw, 180px) !important;
  padding: 10px 10px 8px !important;
}
.tfc-name  { font-size: 0.82rem; }
.tfc-price { font-size: 1.0rem; }
.tfc-pitch { font-size: 0.7rem; }
.tfc-list  { font-size: 0.62rem; }

#tfc-free       { top: auto !important; left: 4%  !important; bottom: 8% !important; right: auto !important; }
#tfc-personal   { top: auto !important; left: 22% !important; bottom: 8% !important; right: auto !important; }
#tfc-pro        { top: auto !important; left: 40% !important; bottom: 8% !important; right: auto !important; }
#tfc-practice   { top: auto !important; left: 58% !important; bottom: 8% !important; right: auto !important; }
#tfc-enterprise { top: auto !important; left: 76% !important; bottom: 8% !important; right: auto !important; }

@media (max-width: 760px) {
  .tier-float-card { width: clamp(95px, 18vw, 130px) !important; padding: 8px 8px 6px !important; font-size: 0.9em; }
  #tfc-free       { left: 1%  !important; bottom: 4% !important; }
  #tfc-personal   { left: 20% !important; bottom: 4% !important; }
  #tfc-pro        { left: 40% !important; bottom: 4% !important; }
  #tfc-practice   { left: 60% !important; bottom: 4% !important; }
  #tfc-enterprise { left: 79% !important; bottom: 4% !important; }
}

.story-rail-pager{
  position:fixed; left:50%; bottom:168px;
  
  transform:translateX(-50%);
  z-index:var(--z-story, 50);  
  display:none;            
  gap:8px;
  font-family:Consolas,'SF Mono',monospace;
  font-size:.62rem; letter-spacing:1.4px;
  color:var(--muted);
  pointer-events:none;     
  opacity:.85;
  transition:opacity .4s ease;
}
.story-rail-pager .srp-dot{
  width:7px; height:7px; border-radius:50%;
  background:var(--dim);
  transition:background .35s ease, box-shadow .35s ease;
}
.story-rail-pager .srp-dot.active{
  background:var(--gold);
  box-shadow:0 0 8px var(--gold-soft);
}
.story-rail-pager .srp-label{
  align-self:center;
  text-transform:uppercase;
  color:var(--muted);
  margin-left:10px;
}

.story-rail-chevron{
  position:fixed; left:50%; bottom:104px;
  transform:translateX(-50%);
  z-index:var(--z-story-step, 55);  
  display:none;            
  align-items:center; gap:9px;
  font-size:.72rem; letter-spacing:1.6px; text-transform:uppercase;
  font-family:Consolas,'SF Mono',monospace;
  color:var(--gold);
  text-shadow:0 0 12px var(--gold-glow);
  pointer-events:auto;
  cursor:pointer;
  background:rgba(8,11,16,.72);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
  border:1px solid var(--gold-soft);
  border-radius:999px;
  padding:9px 20px;
  opacity:1;               
  box-shadow:0 0 0 0 var(--gold-soft);
  animation:srcPulse 2.6s ease-in-out infinite;
}
.story-rail-chevron .src-arrow{ font-size:1rem; line-height:1; }
.story-rail-chevron:hover,
.story-rail-chevron:focus-visible{
  outline:none;
  background:rgba(230, 198, 135,.16);
  box-shadow:0 0 0 3px var(--gold-soft), 0 0 22px var(--gold-glow);
}

@keyframes srcPulse{
  0%,100% { box-shadow:0 0 0 0 rgba(230, 198, 135,.40), 0 0 16px var(--gold-glow); }
  50%     { box-shadow:0 0 0 8px rgba(230, 198, 135,.04), 0 0 26px var(--gold-glow); }
}
@media (prefers-reduced-motion: reduce){
  .story-rail-chevron{ animation:none; }
}

.story-spotlight-scrim{
  position:fixed; inset:0;
  z-index:var(--z-story-scrim, 40);  
  display:none;            
  pointer-events:none;
  
  background:radial-gradient(120% 80% at 50% 86%,
    rgba(2,4,7,0) 0%, rgba(2,4,7,0) 22%, rgba(2,4,7,.34) 62%, rgba(2,4,7,.52) 100%);
  transition:opacity .6s ease;
  opacity:0;               
}

.story-skip-link{
  position:fixed; top:14px; right:108px;     
  z-index:var(--z-nav, 80);   
  display:none;            
  font-family:Consolas,'SF Mono',monospace;
  font-size:.66rem; letter-spacing:1.2px; text-transform:uppercase;
  color:var(--muted); text-decoration:none;
  border:1px solid rgba(122,134,148,.4); border-radius:7px;
  padding:7px 13px; background:rgba(8,11,16,.72);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
  cursor:pointer;
}
.story-skip-link:hover,
.story-skip-link:focus-visible{ color:var(--ink); border-color:var(--gold-soft); outline:none; }
@media (max-width: 760px){
  
  .story-rail-pager  { bottom:140px; }
  .story-rail-chevron{ bottom:80px; }
  .story-skip-link   { top:auto; bottom:14px; right:14px; }
}

#stewCoach {
  position: fixed;
  bottom: 100px;           
  left: 18px;
  z-index: var(--z-dock, 60);   
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 14px;
  max-width: 220px;
  border-radius: 10px;
  background: rgba(14, 18, 26, 0.72);
  border: 1px solid rgba(230, 198, 135, 0.18);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  pointer-events: auto;
  animation: stewCoachFadeIn 0.6s ease forwards;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#stewCoach.coach-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#stewCoach ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#stewCoach ul li {
  font-size: 0.72rem;
  line-height: 1.35;
  color: rgba(220, 225, 235, 0.82);
  padding-left: 12px;
  position: relative;
}
#stewCoach ul li::before {
  content: "›";
  position: absolute;
  left: 0;
  color: rgba(230, 198, 135, 0.7);
  font-weight: 700;
}
#stewCoach .coach-dismiss-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}
#stewCoachDismissBtn {
  background: none;
  border: none;
  color: rgba(230, 198, 135, 0.55);
  font-size: 0.65rem;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
#stewCoachDismissBtn:hover {
  color: rgba(230, 198, 135, 0.9);
}

#stewCoachReopen {
  position: fixed;
  bottom: 18px;
  left: 64px;              
  z-index: var(--z-dock, 60);   
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(14, 18, 26, 0.72);
  border: 1px solid rgba(230, 198, 135, 0.18);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  color: rgba(230, 198, 135, 0.65);
  font-size: 0.75rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  display: none;           
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  transition: border-color 0.18s ease, color 0.18s ease;
}
#stewCoachReopen:hover {
  border-color: rgba(230, 198, 135, 0.5);
  color: rgba(230, 198, 135, 1);
}
#stewCoachReopen.coach-reopen-visible {
  display: flex;
}
@keyframes stewCoachFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #stewCoach { animation: none; opacity: 1; }
  #stewCoach.coach-hidden { opacity: 0; visibility: hidden; }
}

@media (max-width: 480px) {
  #stewCoach {
    max-width: 170px;
    padding: 8px 10px;
    bottom: 90px;
  }
  #stewCoach ul li { font-size: 0.68rem; }
  #stewCoachReopen { left: 58px; }
}