/* Shared atmosphere, typography and navigation. Local controls retain their styles. */
:root {
  --void:#010207; --obsidian:#000; --panel:rgba(6,8,14,.72);
  --white:#f8fbff; --grey:#bac7d9; --grey-dim:#9cacc2;
  --cyan:#39f8ff; --cyan-dim:rgba(57,248,255,.44); --hud:rgba(57,248,255,.16);
  --gold:#e7b947; --gold-hot:#ffe38c; --gold-dim:rgba(231,185,71,.45);
  --brut:"Arial Black","Segoe UI Black",Impact,"Helvetica Neue",sans-serif;
  --body:"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --mono:"Cascadia Code","JetBrains Mono",Consolas,"SF Mono",monospace;
}
html { background:var(--void); scroll-padding-top:24px; }
.unified-site,.unified-site *, .unified-site *::before,.unified-site *::after { box-sizing:border-box; }
body.unified-site {
  display:block; width:100%; max-width:none; margin:0; padding:0;
  min-height:100vh; color:var(--white); font-family:var(--body);
  background:transparent !important; isolation:isolate; line-height:1.65;
}
.unified-atmosphere {
  position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden;
  background:
    radial-gradient(1px 1px at 18% 21%,#ccdfff 98%,transparent) 0 0/173px 191px,
    radial-gradient(1px 1px at 77% 52%,#8ab8d2 98%,transparent) 0 0/281px 247px,
    radial-gradient(ellipse at 12% 20%,rgba(0,151,190,.19),transparent 48%),
    radial-gradient(ellipse at 92% 74%,rgba(119,55,213,.22),transparent 50%),#010207;
}
.unified-atmosphere::after {
  content:""; position:absolute; width:clamp(150px,24vw,370px); aspect-ratio:1;
  right:-8%; top:24%; border-radius:50%; opacity:.55;
  background:radial-gradient(circle at 30% 25%,#284657,#0a1423 48%,#02040b 70%);
  box-shadow:inset -28px -20px 50px #000,0 0 70px rgba(0,240,255,.09);
}
.unified-site #cosmos,.unified-site #bg { opacity:.3; z-index:-1; }
.unified-site .cosmos-atmos { opacity:.25; }
.unified-site .unified-header {
  position:relative; z-index:80; width:100%; padding:22px clamp(18px,4vw,64px);
  margin:0; border-bottom:1px solid var(--cyan-dim); background:rgba(3,3,8,.92);
  display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left;
}
.unified-brand { display:flex; align-items:center; gap:12px; text-decoration:none;
  font:700 14px/1.35 var(--body); letter-spacing:.1em; color:var(--white); }
.unified-brand img { width:32px; height:32px; object-fit:contain; }
.unified-brand small { display:block; color:var(--gold-hot); font:11px/1.8 var(--mono); letter-spacing:.15em; }
.unified-site nav.unified-nav { position:static; display:flex; flex-wrap:wrap;
  padding:0; margin:0; gap:5px 18px; min-width:0; border:0; background:none; backdrop-filter:none; }
.unified-nav a { display:inline-flex; align-items:center; min-height:40px;
  color:var(--grey); font:600 11px/1.4 var(--mono); letter-spacing:.08em; text-decoration:none; }
.unified-nav a:hover,.unified-nav a[aria-current=page] { color:var(--gold-hot); }
.unified-nav a.unified-cta { color:var(--cyan); border:1px solid var(--cyan-dim); padding:8px 14px; border-radius:5px; }
.unified-site .page-links { position:relative; z-index:6; max-width:1280px;
  padding:10px 24px; margin:0 auto; border-bottom:1px solid rgba(255,255,255,.06);
  color:var(--grey); font:12px/1.6 var(--mono); text-align:left; }
.page-links summary { cursor:pointer; width:fit-content; padding:4px 0; }
.page-links .page-links-content { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; padding:14px 0; }
.page-links .nav-right { position:static!important; display:flex!important; flex-wrap:wrap;
  transform:none!important; width:auto!important; height:auto!important; visibility:visible!important;
  opacity:1!important; padding:0!important; gap:16px; background:none!important; }
.page-links a { color:var(--grey); text-decoration:none; letter-spacing:.05em; }
.page-links .nav-mark { font-size:12px; }
.page-links .nav-mark img { max-height:24px; }
.unified-site footer.unified-footer { position:relative; z-index:6; display:block;
  margin:64px 0 0; padding:38px clamp(20px,5vw,80px); text-align:left;
  border-top:1px solid var(--cyan-dim); background:rgba(3,3,8,.88);
  color:var(--grey); font:13px/1.8 var(--body); text-transform:none; letter-spacing:0; }
.unified-footer strong { color:var(--white); }
.unified-footer p { margin:8px 0; color:var(--grey); font-size:13px; }
.unified-footer .unified-footer-links { display:flex; flex-wrap:wrap; gap:8px 22px; margin:18px 0; }
.unified-footer a { color:var(--cyan); text-decoration:none; min-height:30px; display:inline-flex; align-items:center; }
.unified-site .page-colophon { position:relative; z-index:5; margin:28px auto; padding:20px 24px;
  max-width:1200px; color:var(--grey); text-align:center; font:12px/1.8 var(--body); }
.unified-site .page-colophon a { color:var(--cyan); }
.unified-site a:focus-visible,.unified-site button:focus-visible,.unified-site summary:focus-visible,
.unified-site input:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.unified-site .page { padding-top:56px; }
.unified-site .hero { padding-top:70px; }
.unified-site .unified-document { max-width:920px; margin:52px auto; padding:32px clamp(20px,4vw,54px);
  background:var(--panel); border:1px solid var(--cyan-dim); border-radius:14px; }
.unified-document h1 { font:800 clamp(28px,5vw,42px)/1.2 var(--body); color:var(--white); padding-bottom:22px; }
.unified-document h2 { font:650 21px/1.35 var(--body); color:var(--cyan); margin:30px 0 12px; }
.unified-document p,.unified-document li { color:var(--grey); font-size:16px; line-height:1.8; }
.unified-document a { color:var(--cyan); }
.unified-site.auth-page > .container { max-width:480px; margin:48px auto; padding:32px;
  border:1px solid var(--cyan-dim); background:var(--panel); }
.auth-page .logo h2 { color:var(--white); margin:14px 0; font:700 27px/1.3 var(--body); }
.auth-page .links,.auth-page .back,.auth-page .back a { color:var(--grey); }
.unified-site.legacy-shell > .container { max-width:1100px; margin:48px auto; padding:32px 24px; }
.legacy-shell h1 { font-size:clamp(28px,6vw,56px); overflow-wrap:anywhere; }
.unified-site #gate { position:relative; inset:auto; min-height:65vh; padding:36px 18px; z-index:6; }
.unified-site #gate.off { display:none; }
.quantum-stack { padding:80px clamp(20px,5vw,72px); max-width:1320px; margin:36px auto;
  background:linear-gradient(130deg,rgba(0,240,255,.04),rgba(87,44,150,.08)),var(--panel);
  border:1px solid var(--cyan-dim); border-radius:18px; }
.quantum-stack h2 { font:800 clamp(28px,4vw,48px)/1.15 var(--body); color:var(--white); margin:12px 0 24px; }
.quantum-stack h3 { font:700 23px/1.35 var(--body); color:var(--cyan); margin:16px 0; }
.quantum-stack p { color:var(--grey); line-height:1.8; margin:12px 0; }
.quantum-stack strong { color:var(--white); }
.quantum-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin:32px 0; }
.quantum-card { padding:26px; border:1px solid rgba(255,255,255,.10); border-radius:10px; background:rgba(3,3,8,.5); }
.quantum-card small,.quantum-stack code { color:var(--gold-hot); font:12px/1.7 var(--mono); overflow-wrap:anywhere; }
.quantum-table-wrap { overflow-x:auto; margin:24px 0; }
.quantum-stack table { width:100%; border-collapse:collapse; text-align:left; font-size:14px; }
.quantum-stack th,.quantum-stack td { padding:17px 14px; border-bottom:1px solid rgba(255,255,255,.1); vertical-align:top; }
.quantum-stack th { color:var(--cyan); }
.quantum-stack td:first-child { white-space:nowrap; color:var(--gold-hot); }
.quantum-stack td { color:var(--grey); }
.quantum-stack .quantum-limits { border-left:3px solid var(--gold); padding:20px 26px; background:rgba(201,162,39,.04); }
.quantum-limits ul { padding-left:20px; color:var(--grey); }
.quantum-census,.availability-note { position:relative; z-index:6; padding:24px; margin:28px auto;
  max-width:1120px; border:1px solid var(--cyan-dim); border-radius:8px; color:var(--grey); background:var(--panel); }
.quantum-census strong { color:var(--cyan); }
@media(max-width:900px) {
  .unified-site .unified-header { flex-direction:column; align-items:flex-start; padding:18px 20px; gap:14px; }
  .unified-site nav.unified-nav { justify-content:flex-start; gap:0 17px; }
  .unified-nav a { font-size:11px; }
  .quantum-grid { grid-template-columns:1fr; }
  .quantum-stack { margin:24px 12px; padding:32px 18px; }
  .unified-site.auth-page > .container { width:calc(100% - 28px); padding:24px; }
  .unified-site .unified-document { margin:24px 12px; }
  .quantum-stack td,.quantum-stack th { padding:12px 8px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Phase 150.8A-R2: production composition, amplified light and motion.
   No hero geometry, typography, spacing, grid, nav or button-shape overrides. */
:root { --electric:#4285ff; --violet:#a477ff; --magenta:#d55dc9; --energy-ease:cubic-bezier(.22,1,.36,1); }
.unified-site ::selection { background:#16546c; color:#fff; }
/* Keep the existing galaxy visible: production .30; rejected experiment .16. */
.unified-site #cosmos { opacity:.76; }
.unified-site #bg { opacity:.50; }
.unified-site .cosmos-atmos { opacity:.52; }
.unified-atmosphere::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 12% 20%,rgba(0,176,213,.12),transparent 48%),
    radial-gradient(ellipse at 92% 74%,rgba(149,62,231,.13),transparent 50%);
  animation:energy-atmosphere 20s ease-in-out infinite alternate;
}
/* Existing reveals remain readable with JS disabled or unavailable. */
.unified-site .reveal,.unified-site .reveal.in { opacity:1; transform:none; transition:none; }
.unified-site #loader { display:none; }
.unified-site.cosmos-enter,.unified-site .cosmos-enter { animation:none; }
.unified-site #hero h1 { color:var(--white); text-shadow:0 2px 16px #000; }
.unified-site h1 .h1-gold {
  color:transparent; -webkit-text-stroke:1.6px var(--gold-hot);
  text-shadow:0 0 24px rgba(244,185,53,.3),0 0 52px rgba(244,185,53,.12);
  background:linear-gradient(115deg,transparent 40%,rgba(255,227,140,.26) 50%,transparent 60%);
  background-size:260% 100%; -webkit-background-clip:text; background-clip:text;
  animation:energy-gold-sweep 14s ease-in-out infinite;
}
.unified-site h1 .h1-cyan {
  color:var(--cyan); text-shadow:0 0 24px rgba(0,237,255,.46),0 0 52px rgba(0,180,255,.22);
  animation:energy-cyan-breathe 7s ease-in-out infinite;
}
.unified-site .blink-dot { animation:energy-beacon 4s ease-in-out infinite; }
.unified-site .hero-status { text-shadow:0 0 16px rgba(255,211,88,.22); }
.unified-site .hero-sub { color:var(--grey); }
.unified-site :is(.hero-sub,.section-sub,.spectrum-what,.spectrum-who,.spectrum-code) {
  text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.85);
}

/* Lighting follows the existing sections; no section moves or changes size. */
.unified-site :is(#measured,#agents,#engine,#download,#get) { --section-light:57,248,255; position:relative; isolation:isolate; }
.unified-site #agents { --section-light:152,106,255; }
.unified-site :is(#download,#get) { --section-light:242,192,77; }
.unified-site :is(#measured,#agents,#engine,#download,#get)::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at 85% 12%,rgba(var(--section-light),.085),transparent 56%);
  opacity:.7; transition:opacity 1.2s ease;
}
.unified-site :is(#measured,#agents,#engine,#download,#get).cinematic-section-lit::before { opacity:1; }
.unified-site :is(.mind-card,.prop,.bcard,.tier,.quantum-card,.proof-item) {
  border-color:rgba(90,192,222,.25);
  box-shadow:inset 0 1px 0 rgba(185,230,255,.09),0 8px 28px rgba(0,0,0,.2);
}
.unified-site :is(.portal,.demo,.gate-card) {
  border-color:rgba(57,248,255,.36);
  box-shadow:inset 0 1px 0 rgba(199,247,255,.1),0 0 26px rgba(0,179,211,.07);
}
.unified-site :is(.portal-head,.mod-head,.bcard-head) {
  background:linear-gradient(100deg,rgba(49,162,199,.09),transparent);
}
.unified-site :is(.mind-sig,.badge .n,.prop .big) {
  text-shadow:0 0 22px rgba(0,236,255,.38),0 0 38px rgba(39,107,255,.12);
}
.unified-site #agents .mind-sig { color:#ae9aff; text-shadow:0 0 22px rgba(158,98,255,.38); }
.unified-site #measured .mind-card { background:linear-gradient(150deg,rgba(12,27,39,.88),var(--panel)); }
.unified-site .mind-card::after {
  height:100%; transform:scaleY(0); transform-origin:top;
  background:linear-gradient(var(--cyan),var(--electric),transparent);
  transition:transform .5s var(--energy-ease);
}
.unified-site .mind-card:hover::after { transform:scaleY(1); }
.unified-site .cinematic-lit .mind-card::after { animation:energy-trace 1.3s var(--energy-ease) 1; }
.unified-site .quantum-stack {
  background:radial-gradient(ellipse at 92% 8%,rgba(164,49,156,.12),transparent 46%),
    linear-gradient(130deg,rgba(44,102,241,.10),rgba(112,44,194,.13)),var(--panel);
  border-color:rgba(160,112,255,.44);
  box-shadow:inset 0 1px 0 rgba(212,178,255,.12),0 0 36px rgba(115,45,196,.07);
}
.quantum-stack h3,.quantum-stack th { color:#bcabff; }
.unified-site :is(#download,#get) .portal { border-color:rgba(255,208,102,.46); }
.unified-site #limits { background:rgba(2,4,9,.74); }
.unified-site #limits :is(p,li) { color:#c4cfde; }
.unified-site #limits h2 { text-shadow:none; }
.unified-site .tier { border-color:rgba(232,190,80,.42); }
.unified-site .opt.lifetime { background:linear-gradient(110deg,rgba(239,190,70,.10),transparent); }
.unified-site td.n { color:var(--grey-dim); }
.unified-site.auth-page .unified-atmosphere::before { animation:none; opacity:.3; }
.unified-site.auth-page > .container { border-color:rgba(57,248,255,.3); }

/* Existing hit boxes, typography, corner cuts and navigation wrapping survive. */
.unified-nav a:hover,.unified-nav a[aria-current=page] { color:var(--gold-hot); text-shadow:0 0 15px rgba(244,194,77,.4); }
.unified-nav a.unified-cta { border-color:rgba(57,248,255,.55); box-shadow:inset 0 0 14px rgba(57,248,255,.05); }
.unified-site .btn-gold { background:linear-gradient(115deg,#f9d978,var(--gold) 66%,#efc65f); }
.unified-site .btn-ghost { border-color:rgba(57,248,255,.48); }
.unified-site :is(.btn-gold,.btn-ghost):hover { box-shadow:0 0 32px rgba(70,221,235,.22); }
.unified-site .btn-gold:hover { background:var(--gold-hot); box-shadow:0 0 34px rgba(255,199,64,.28); }
.unified-site :is(.spectrum-row,table tbody tr):hover { background-color:rgba(39,205,235,.045); }
.unified-site .unified-document h2 { text-shadow:0 0 18px rgba(57,248,255,.14); }
.unified-site :is(input:not([type=range]),textarea,select):focus { border-color:var(--cyan); }
.unified-site :is(a,button,summary,input,select,textarea):focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.unified-footer a:hover { color:var(--gold-hot); text-shadow:0 0 12px rgba(57,248,255,.3); }
/* Optional pause is inside the existing collapsed Page links menu. The primary
   navigation receives no extra item, placeholder, width or height changes. */
.page-links .cinematic-motion {
  font:12px/1.6 var(--mono); color:var(--grey); padding:8px 12px; min-height:40px;
  background:transparent; border:1px solid var(--cyan-dim); border-radius:5px; cursor:pointer;
}
.page-links .cinematic-motion:hover { color:var(--cyan); }
.page-links .cinematic-motion:disabled { cursor:default; }
@media (hover:hover) and (pointer:fine) {
  .unified-site :is(.mind-card,.prop,.tier,.quantum-card):hover {
    border-color:rgba(57,248,255,.58); box-shadow:inset 0 1px 0 rgba(195,245,255,.14),0 0 24px rgba(35,179,217,.10);
  }
}
@keyframes energy-atmosphere { to { transform:translate3d(1.5%,-1.5%,0); opacity:.65; } }
@keyframes energy-gold-sweep {
  0%,15% { background-position:130% 0; }
  70%,100% { background-position:-90% 0; }
}
/* Only the two headline accents paint small glow changes; large fields use opacity/transform. */
@keyframes energy-cyan-breathe {
  0%,100% { text-shadow:0 0 22px rgba(0,237,255,.40),0 0 46px rgba(0,180,255,.18); }
  50% { text-shadow:0 0 30px rgba(0,237,255,.58),0 0 58px rgba(0,180,255,.26); }
}
@keyframes energy-beacon { 0%,100% { opacity:.65; } 50% { opacity:1; } }
@keyframes energy-trace { 0% { transform:scaleY(0); opacity:1; } 60% { transform:scaleY(1); opacity:1; } 100% { transform:scaleY(1); opacity:0; } }
@media (max-width:1024px) {
  .unified-site #cosmos { opacity:.68; }
  .unified-site #bg { opacity:.44; }
  .unified-atmosphere::before { animation-duration:26s; }
}
@media (max-width:768px) {
  .unified-site #cosmos { opacity:.62; }
  .unified-site .cosmos-atmos { opacity:.44; }
  .unified-atmosphere::before { animation:none; opacity:.5; }
  .unified-site h1 .h1-gold { animation:none; text-shadow:0 0 20px rgba(244,185,53,.3); }
  .unified-site h1 .h1-cyan { animation:none; text-shadow:0 0 22px rgba(0,237,255,.42); }
  .unified-site :is(.portal,.demo,.gate-card,.quantum-stack) { box-shadow:inset 0 1px 0 rgba(199,247,255,.09); }
}
@media (max-width:480px) {
  .unified-site h1 .h1-gold { text-shadow:0 0 12px rgba(244,185,53,.32); }
  .unified-site h1 .h1-cyan { text-shadow:0 0 16px rgba(0,237,255,.44); }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  .unified-site *,.unified-site *::before,.unified-site *::after {
    animation:none!important; transition:none!important; scroll-behavior:auto!important;
  }
  .unified-site .reveal { opacity:1; transform:none; }
}
html.cinematic-still .unified-site *,html.cinematic-still .unified-site *::before,
html.cinematic-still .unified-site *::after { animation-play-state:paused!important; }
@media (forced-colors:active) {
  .unified-atmosphere { display:none; }
  .unified-site h1 :is(.h1-gold,.h1-cyan) { color:CanvasText; -webkit-text-stroke:0; text-shadow:none; background:none; }
}