:root {
  --bg: #090612;
  --bg-2: #120a24;
  --text: #f8f3ff;
  --muted: #b9a9ce;
  --violet: #8d55ff;
  --amethyst: #c266ff;
  --magenta: #f35fe0;
  --blue: #4c72ff;
  --lime: #a8ff30;
  --lime-soft: rgba(168,255,48,.16);
  --line: rgba(226,209,255,.15);
  --panel: rgba(10,6,20,.58);
  --shell: min(1180px, calc(100vw - 48px));
  --header-h: 72px;
  --ease: cubic-bezier(.2,.75,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; color: var(--text); background: var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-x: hidden; }
body.goggles-off { --lime: #d0b8ff; --lime-soft: rgba(177,133,255,.12); }
::selection { background: var(--lime); color: #111; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
img { max-width: 100%; display: block; }

.site-bg { position: fixed; inset: 0; z-index: -4; background: linear-gradient(rgba(8,4,18,.50),rgba(8,4,18,.64)), url("assets/site-bg-desktop.webp") center/cover no-repeat; transform: scale(1.02); }
.site-bg::after { content:""; position:absolute; inset:0; background: radial-gradient(circle at 72% 18%, rgba(122,64,255,.16), transparent 31%), radial-gradient(circle at 20% 55%, rgba(216,74,229,.08), transparent 28%), linear-gradient(180deg, rgba(5,3,12,.18), rgba(5,3,12,.44)); }
.prism-layer { position: fixed; inset:0; z-index:-2; pointer-events:none; overflow:hidden; opacity:.55; transition: opacity .5s ease, filter .5s ease; }
.prism-layer i { position:absolute; width:5px; height:5px; border:1px solid rgba(222,190,255,.45); transform:rotate(45deg); box-shadow:0 0 22px rgba(192,104,255,.7); animation: floatPrism 14s ease-in-out infinite; }
.prism-layer i:nth-child(1){left:6%;top:18%;animation-delay:-2s}.prism-layer i:nth-child(2){left:24%;top:72%;width:8px;height:8px;animation-delay:-7s}.prism-layer i:nth-child(3){left:68%;top:14%;width:7px;height:7px;animation-delay:-4s}.prism-layer i:nth-child(4){left:91%;top:45%;animation-delay:-10s}.prism-layer i:nth-child(5){left:77%;top:83%;width:9px;height:9px;animation-delay:-1s}.prism-layer i:nth-child(6){left:46%;top:38%;width:4px;height:4px;animation-delay:-9s}
body.goggles-off .prism-layer { opacity:.32; filter:hue-rotate(35deg) saturate(.7); }
@keyframes floatPrism { 0%,100%{transform:translate3d(0,0,0) rotate(45deg);opacity:.2}50%{transform:translate3d(20px,-36px,0) rotate(95deg);opacity:1} }

.shell { width: var(--shell); margin-inline:auto; }
.section { position:relative; padding: 118px 0; }
.section::before { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(180deg, rgba(10,6,22,0), rgba(17,8,36,.18) 50%, rgba(10,6,22,0)); }

.site-header { position:fixed; z-index:50; top:12px; left:50%; transform:translateX(-50%); width:min(1240px,calc(100vw - 28px)); height:var(--header-h); padding:0 18px; display:flex; align-items:center; justify-content:space-between; border:1px solid transparent; transition:background .3s,border-color .3s,box-shadow .3s,backdrop-filter .3s; }
.site-header.is-scrolled { background:rgba(8,5,17,.72); border-color:var(--line); backdrop-filter: blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 12px 40px rgba(0,0,0,.25); }
.brand { display:flex; align-items:baseline; gap:10px; white-space:nowrap; z-index:2; }
.brand-mark { font-weight:900; letter-spacing:-.04em; font-size:20px; }
.brand-copy { font-size:10px; color:var(--muted); letter-spacing:.14em; font-weight:700; }
.main-nav { display:flex; align-items:center; gap:28px; }
.nav-links { display:flex; gap:22px; align-items:center; }
.nav-links a { color:#d8cbe7; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; transition:color .2s; }
.nav-links a:hover { color:var(--lime); }
.header-actions { display:flex; align-items:center; gap:12px; }
.goggle-toggle { border:1px solid rgba(168,255,48,.25); background:rgba(168,255,48,.06); color:#edf9dd; padding:9px 12px; display:flex; gap:8px; align-items:center; cursor:pointer; font-size:10px; letter-spacing:.12em; font-weight:900; }
.live-dot, .signal-dot { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 13px var(--lime); display:inline-block; flex:0 0 auto; }
.menu-toggle { display:none; width:42px; height:42px; border:0; background:transparent; position:relative; z-index:3; }
.menu-toggle span { position:absolute; left:10px; right:10px; height:1px; background:#fff; transition:transform .25s,top .25s; }
.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:25px}.menu-toggle.is-open span:first-child{top:21px;transform:rotate(45deg)}.menu-toggle.is-open span:last-child{top:21px;transform:rotate(-45deg)}

.social-row { display:flex; align-items:center; gap:8px; }
.social-link { width:42px; height:42px; display:grid; place-items:center; position:relative; transition:transform .25s var(--ease), filter .25s; }
.social-link img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 5px 10px rgba(112,57,255,.2)); }
.social-link:hover { transform:translateY(-2px) scale(1.07); filter:brightness(1.08); }
.social-row--header .social-link { width:34px; height:34px; }

.hero { min-height:100svh; display:grid; align-items:center; padding:130px 0 68px; overflow:hidden; }
.hero::before { background: radial-gradient(circle at 76% 48%, rgba(169,255,48,.08), transparent 23%), radial-gradient(circle at 42% 40%, rgba(144,65,255,.17), transparent 33%); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.9fr); gap:54px; align-items:center; position:relative; z-index:1; }
.hero-copy { max-width:660px; }
.eyebrow { color:#c6b5d9; text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:850; margin:0 0 22px; display:flex; align-items:center; gap:10px; }
.hero h1, h2 { text-transform:uppercase; font-weight:950; letter-spacing:-.055em; line-height:.88; margin:0; text-wrap:balance; }
.hero h1 { font-size:clamp(62px,7.2vw,118px); max-width:780px; }
.hero h1 span { display:block; font-size:.42em; letter-spacing:.03em; color:#c7b1e5; margin-bottom:12px; }
.hero h1 em, h2 em { font-style:normal; color:transparent; -webkit-text-stroke:1px rgba(219,185,255,.8); text-shadow:0 0 38px rgba(152,73,255,.18); }
.ticker-pill { display:inline-flex; margin-top:22px; padding:7px 10px; border-left:2px solid var(--lime); background:linear-gradient(90deg,var(--lime-soft),transparent); color:var(--lime); font-size:13px; letter-spacing:.16em; font-weight:900; }
.hero-slogan { margin:28px 0 10px; font-size:20px; font-weight:900; letter-spacing:.02em; }
.hero-sub { color:var(--muted); font-size:17px; line-height:1.55; margin:0; }
.hero-cta { display:flex; gap:12px; margin:32px 0 22px; flex-wrap:wrap; }
.button { min-height:48px; padding:0 19px; display:inline-flex; align-items:center; justify-content:center; font-size:11px; letter-spacing:.12em; font-weight:900; text-transform:uppercase; transition:transform .25s var(--ease),background .25s,color .25s,border .25s; }
.button:hover { transform:translateY(-2px); }
.button--primary { background:var(--lime); color:#10130b; box-shadow:0 12px 45px rgba(168,255,48,.12); }
.button--primary:hover { background:#c4ff70; }
.button--ghost { border:1px solid rgba(220,198,255,.25); background:rgba(20,11,39,.32); }
.button--ghost:hover { border-color:rgba(220,198,255,.55); }
.ca-panel { width:min(100%,620px); min-height:52px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(11,6,23,.22); }
.ca-label { padding:0 13px; font-size:10px; font-weight:900; letter-spacing:.14em; color:var(--lime); }
.ca-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#c9bbdb; font-size:11px; }
.copy-button, .footer-ca button { border:0; border-left:1px solid var(--line); height:100%; min-width:66px; background:transparent; color:#fff; cursor:pointer; font-size:9px; letter-spacing:.12em; font-weight:900; }
.copy-button:hover, .footer-ca button:hover { color:var(--lime); background:var(--lime-soft); }
.hero-bottom-row { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; max-width:620px; }
.status-copy { display:flex; gap:15px; color:#7f7093; font-size:9px; letter-spacing:.12em; }
.status-copy b { color:#c9bad7; }
.hero-art-wrap { position:relative; display:grid; place-items:center; justify-self:end; width:min(47vw,570px); aspect-ratio:1; }
.hero-art { width:100%; height:100%; object-fit:contain; border-radius:4px; filter:drop-shadow(0 26px 80px rgba(78,29,148,.42)); animation:heroBreath 7s ease-in-out infinite; position:relative; z-index:1; }
.hero-orbit { position:absolute; width:88%; height:88%; border:1px solid rgba(194,102,255,.18); border-radius:50%; box-shadow:inset 0 0 90px rgba(110,47,184,.12),0 0 90px rgba(110,47,184,.12); animation:orbit 14s linear infinite; }
.hero-orbit::before,.hero-orbit::after { content:""; position:absolute; width:7px; height:7px; border:1px solid var(--lime); transform:rotate(45deg); box-shadow:0 0 18px var(--lime); }
.hero-orbit::before{left:6%;top:19%}.hero-orbit::after{right:4%;bottom:17%}
.hero-scan { position:absolute; z-index:2; left:10%; right:10%; height:1px; top:30%; background:linear-gradient(90deg,transparent,var(--lime),transparent); opacity:.2; box-shadow:0 0 16px var(--lime); animation:scan 5.5s ease-in-out infinite; pointer-events:none; }
.hero-glow { position:absolute; width:48vw; height:48vw; right:-8vw; top:14%; border-radius:50%; background:radial-gradient(circle,rgba(135,58,255,.18),transparent 64%); filter:blur(30px); }
@keyframes heroBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes scan{0%,100%{top:24%;opacity:0}20%{opacity:.28}70%{opacity:.18}90%{top:74%;opacity:0}}
.scroll-cue { position:absolute; bottom:25px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:10px; color:#756783; font-size:8px; letter-spacing:.18em; font-weight:800; }
.scroll-cue span { width:26px; height:1px; background:var(--line); position:relative; }
.scroll-cue span::after { content:""; width:5px; height:5px; border-right:1px solid #a993bd; border-bottom:1px solid #a993bd; transform:rotate(45deg); position:absolute; right:-1px; top:-2px; }

.split-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr); gap:clamp(44px,7vw,100px); align-items:center; position:relative; z-index:1; }
.media-frame { position:relative; overflow:hidden; border:1px solid rgba(213,181,255,.14); background:#11091f; box-shadow:0 30px 80px rgba(0,0,0,.26); }
.media-frame::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.03); pointer-events:none; }
.media-frame img { width:100%; height:auto; object-fit:contain; }
.lens-sweep { position:absolute; top:-20%; bottom:-20%; width:18%; left:-28%; transform:skewX(-15deg); background:linear-gradient(90deg,transparent,rgba(176,255,76,.2),rgba(255,255,255,.28),transparent); filter:blur(4px); animation:lensSweep 7s ease-in-out infinite; }
@keyframes lensSweep { 0%,70%{left:-30%;opacity:0}75%{opacity:1}95%{left:118%;opacity:.5}100%{left:118%;opacity:0} }
.section-copy h2,.section-heading h2,.watchers-copy h2,.site-footer h2 { font-size:clamp(48px,6.2vw,90px); }
.section-copy .lore-lines { margin-top:38px; max-width:460px; }
.lore-lines p { color:#d4c9df; font-size:17px; line-height:1.6; margin:0 0 19px; }
.lore-lines p:nth-child(2) { color:#9d8aad; font-size:14px; letter-spacing:.1em; text-transform:uppercase; line-height:1.9; }
.micro-note { display:inline-block; margin-top:24px; padding-top:12px; border-top:1px solid var(--line); color:#776788; font-size:9px; letter-spacing:.16em; font-weight:900; }

.section-heading { position:relative; z-index:1; margin-bottom:50px; }
.section-heading > p:not(.eyebrow) { color:var(--muted); font-size:16px; margin:22px 0 0; }
.vision-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr); gap:32px; position:relative; z-index:1; align-items:stretch; }
.vision-art { min-height:540px; }
.vision-art img { width:100%; height:100%; object-fit:cover; object-position:center; }
.vision-overlay { position:absolute; inset:0; background:linear-gradient(135deg,transparent 55%,rgba(168,255,48,.05)); mix-blend-mode:screen; transition:opacity .35s; }
body.goggles-off .vision-overlay { opacity:.12; }
.market-panel { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0; display:flex; flex-direction:column; background:linear-gradient(90deg,rgba(12,7,25,.72),rgba(12,7,25,.2)); }
.market-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:0 18px 18px; border-bottom:1px solid var(--line); }
.market-panel-head > div { display:flex; gap:10px; align-items:center; }
.market-panel-head .kicker,.last-update { font-size:9px; letter-spacing:.15em; color:#8e809e; font-weight:800; }
.market-panel-head strong { font-size:10px; letter-spacing:.1em; color:var(--lime); display:flex; align-items:center; gap:7px; }
.last-update { text-align:right; }
.metrics-grid { display:grid; grid-template-columns:1fr 1fr; }
.metric { min-height:116px; padding:20px 18px; border-bottom:1px solid var(--line); border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; transition:background .3s,box-shadow .3s; }
.metric:nth-child(2n){border-right:0}.metric:nth-last-child(1){grid-column:1/-1;border-right:0}
.metric span { color:#857694; font-size:9px; font-weight:900; letter-spacing:.15em; }
.metric strong { font-size:clamp(26px,2.4vw,38px); letter-spacing:-.04em; margin:5px 0 2px; white-space:nowrap; }
.metric small { color:#5e526c; font-size:8px; letter-spacing:.15em; font-weight:800; }
.metric.flash { background:var(--lime-soft); box-shadow:inset 2px 0 0 var(--lime); }
.metric--change.positive strong { color:var(--lime); }
.metric--change.negative strong { color:#ff6aa9; }
.market-joke { padding:20px 18px 10px; }
.market-joke p { margin:0; font-weight:800; }
.market-joke small { color:#71637f; font-size:10px; }
.text-link { margin:auto 18px 0; padding:14px 0 2px; border-top:1px solid var(--line); color:#a996ba; font-size:9px; font-weight:900; letter-spacing:.12em; transition:color .2s; }
.text-link:hover { color:var(--lime); }

.prophecy { padding-bottom:80px; }
.section-heading--wide { max-width:900px; }
.prophecy-viewport { width:min(1460px,calc(100vw - 28px)); margin:0 auto; position:relative; }
.prophecy-scroller { overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:none; cursor:grab; }
.prophecy-scroller::-webkit-scrollbar{display:none}.prophecy-scroller.is-dragging{cursor:grabbing}
.prophecy-canvas { position:relative; min-width:1180px; aspect-ratio:1983/793; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.prophecy-canvas img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.prophecy-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,2,12,.08) 45%,rgba(5,2,12,.8) 100%),linear-gradient(90deg,rgba(5,2,12,.18),transparent 12%,transparent 88%,rgba(5,2,12,.18)); }
.stage { position:absolute; bottom:6%; width:21%; padding:18px 17px 14px; border-top:1px solid rgba(255,255,255,.24); text-shadow:0 2px 15px rgba(0,0,0,.8); }
.stage span { color:var(--lime); font-size:9px; letter-spacing:.15em; font-weight:900; }
.stage h3 { margin:5px 0 4px; font-size:clamp(20px,2vw,31px); line-height:1; letter-spacing:-.04em; }
.stage p { margin:0; max-width:220px; color:#cfbfdc; font-size:11px; line-height:1.4; }
.stage--1{left:2%}.stage--2{left:27%}.stage--3{left:52%}.stage--4{left:77%}
.prophecy-progress { height:2px; background:rgba(255,255,255,.08); margin-top:13px; }
.prophecy-progress span { display:block; height:100%; width:25%; background:linear-gradient(90deg,var(--violet),var(--lime)); transform-origin:left; }
.prophecy-scroll-hint { display:none; }

.chart-section { padding-top:100px; }
.section-heading--center { text-align:center; margin-inline:auto; max-width:820px; }
.section-heading--center .eyebrow { justify-content:center; }
.chart-shell { height:690px; position:relative; border:1px solid rgba(212,187,255,.18); background:#07060a; overflow:hidden; box-shadow:0 35px 100px rgba(0,0,0,.35); }
.chart-shell iframe { width:100%; height:100%; border:0; display:block; position:relative; z-index:1; background:#07060a; }
.chart-status { position:absolute; z-index:3; left:16px; top:14px; background:rgba(6,5,10,.7); border:1px solid rgba(255,255,255,.1); padding:8px 10px; display:flex; align-items:center; gap:8px; font-size:8px; letter-spacing:.13em; color:#9d90aa; pointer-events:none; backdrop-filter:blur(8px); }
.chart-mascot { position:absolute; z-index:2; width:min(250px,20vw); height:auto; right:-58px; bottom:-72px; pointer-events:none; filter:drop-shadow(0 20px 30px rgba(0,0,0,.5)); opacity:.88; }

.watchers-card { position:relative; min-height:640px; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#080512; }
.watchers-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.watchers-gradient { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,4,15,.96) 0%,rgba(7,4,15,.78) 35%,rgba(7,4,15,.15) 68%,rgba(7,4,15,.25) 100%),linear-gradient(180deg,transparent 55%,rgba(5,3,10,.54)); }
.watchers-copy { position:relative; z-index:2; min-height:640px; width:min(560px,58%); padding:76px 64px; display:flex; flex-direction:column; justify-content:center; }
.watchers-copy p:not(.eyebrow) { margin:24px 0 30px; color:#c8bbd6; font-size:18px; }
.watchers-copy > strong { font-size:11px; letter-spacing:.15em; color:var(--lime); margin-bottom:16px; }
.social-row--community { gap:14px; }
.social-row--community .social-link { width:66px; height:66px; }

.site-footer { position:relative; padding:90px 0 26px; border-top:1px solid rgba(211,180,255,.08); background:linear-gradient(180deg,rgba(6,3,13,.18),rgba(6,3,13,.78)); }
.footer-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:end; }
.footer-main { display:flex; align-items:center; gap:24px; }
.footer-mark { width:112px; height:112px; object-fit:contain; filter:drop-shadow(0 0 30px rgba(168,255,48,.08)); }
.footer-main h2 { font-size:clamp(44px,5vw,74px); }
.footer-main p:not(.eyebrow) { color:#a796b5; }
.footer-meta { border-top:1px solid var(--line); }
.footer-meta > div:not(.social-row) { min-height:50px; display:grid; grid-template-columns:90px 1fr; align-items:center; border-bottom:1px solid var(--line); gap:12px; }
.footer-meta span { color:#726580; font-size:9px; letter-spacing:.14em; font-weight:900; }
.footer-meta strong,.footer-meta code { font-size:11px; color:#d5c8de; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.footer-ca { grid-template-columns:90px minmax(0,1fr) 70px !important; }
.footer-meta > .social-row { margin-top:14px; }
.footer-bottom { margin-top:70px; padding-top:18px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:30px; color:#62566e; font-size:9px; letter-spacing:.08em; }

.toast { position:fixed; z-index:100; left:50%; bottom:28px; transform:translate(-50%,20px); background:#0e0918; border:1px solid rgba(177,255,67,.24); padding:11px 15px; color:#eaf6db; font-size:10px; letter-spacing:.12em; font-weight:900; opacity:0; pointer-events:none; transition:opacity .25s,transform .25s; box-shadow:0 15px 40px rgba(0,0,0,.38); }
.toast.is-visible { opacity:1; transform:translate(-50%,0); }

[data-reveal] { opacity:0; transform:translateY(24px); transition:opacity .8s var(--ease),transform .8s var(--ease); transition-delay:var(--reveal-delay,0ms); }
[data-reveal].is-visible { opacity:1; transform:none; }

@media (max-width: 1060px) {
  :root { --shell:min(100% - 34px,980px); }
  .brand-copy { display:none; }
  .nav-links { gap:14px; }
  .nav-links a { font-size:9px; }
  .social-row--header { display:none; }
  .hero-grid { grid-template-columns:1fr .85fr; gap:24px; }
  .hero-art-wrap { width:min(44vw,500px); }
  .vision-grid { grid-template-columns:1fr; }
  .vision-art { min-height:0; aspect-ratio:16/9; }
  .market-panel { max-width:100%; }
  .watchers-copy { width:66%; }
}

@media (max-width: 780px) {
  :root { --shell:calc(100vw - 28px); --header-h:58px; }
  .site-bg { background-image:linear-gradient(rgba(8,4,18,.46),rgba(8,4,18,.64)),url("assets/site-bg-mobile.webp"); }
  .section { padding:82px 0; }
  .site-header { top:8px; width:calc(100vw - 16px); padding:0 12px; }
  .menu-toggle { display:block; }
  .main-nav { position:absolute; left:0; right:0; top:calc(100% + 8px); padding:22px; display:flex; flex-direction:column; align-items:stretch; gap:22px; background:rgba(8,5,17,.95); border:1px solid var(--line); backdrop-filter:blur(18px); transform:translateY(-10px); opacity:0; visibility:hidden; transition:opacity .2s,transform .2s,visibility .2s; }
  .main-nav.is-open { opacity:1; transform:none; visibility:visible; }
  .nav-links { display:grid; grid-template-columns:1fr 1fr; gap:0; }
  .nav-links a { padding:13px 0; border-bottom:1px solid var(--line); font-size:10px; }
  .header-actions { justify-content:space-between; }
  .social-row--header { display:flex; }
  .hero { min-height:auto; padding-top:112px; padding-bottom:76px; }
  .hero-grid { grid-template-columns:1fr; gap:32px; }
  .hero-copy { order:1; }
  .hero-art-wrap { order:0; width:min(92vw,540px); justify-self:center; margin-top:2px; }
  .hero h1 { font-size:clamp(58px,17vw,88px); }
  .hero-slogan { font-size:17px; }
  .hero-bottom-row { align-items:flex-start; flex-direction:column; }
  .scroll-cue { display:none; }
  .ca-panel { grid-template-columns:auto minmax(0,1fr) 62px; }
  .ca-value { font-size:9px; }
  .split-grid { grid-template-columns:1fr; gap:38px; }
  .split-grid--incident .section-media { order:0; }
  .split-grid--incident .section-copy { order:1; }
  .section-copy h2,.section-heading h2,.watchers-copy h2,.site-footer h2 { font-size:clamp(45px,13vw,68px); }
  .section-heading { margin-bottom:32px; }
  .vision-grid { gap:18px; }
  .market-panel { padding-bottom:14px; }
  .metric { min-height:102px; padding:17px 13px; }
  .metric strong { font-size:26px; }
  .prophecy { padding-bottom:64px; }
  .prophecy-viewport { width:calc(100vw - 14px); }
  .prophecy-canvas { min-width:1120px; }
  .prophecy-scroll-hint { display:flex; align-items:center; justify-content:flex-end; gap:9px; color:#766987; font-size:8px; letter-spacing:.14em; margin:0 10px 10px; }
  .prophecy-scroll-hint i { color:var(--lime); font-style:normal; font-size:16px; }
  .stage { width:22%; }
  .chart-shell { height:min(72svh,610px); }
  .chart-mascot { width:170px; right:-52px; bottom:-66px; opacity:.62; }
  .watchers-card,.watchers-copy { min-height:590px; }
  .watchers-art { object-position:62% center; }
  .watchers-gradient { background:linear-gradient(90deg,rgba(7,4,15,.96),rgba(7,4,15,.68) 62%,rgba(7,4,15,.34)),linear-gradient(0deg,rgba(5,3,10,.75),transparent 50%); }
  .watchers-copy { width:78%; padding:50px 26px; }
  .social-row--community .social-link { width:56px; height:56px; }
  .footer-grid { grid-template-columns:1fr; gap:44px; }
  .footer-main { align-items:flex-start; }
  .footer-mark { width:84px; height:84px; }
  .footer-bottom { flex-direction:column; margin-top:44px; gap:8px; }
}

@media (max-width: 480px) {
  .brand-mark { font-size:17px; }
  .hero-art-wrap { width:100%; }
  .hero-cta { display:grid; grid-template-columns:1fr 1fr; }
  .button { padding-inline:10px; }
  .status-copy { flex-direction:column; gap:5px; }
  .metrics-grid { grid-template-columns:1fr 1fr; }
  .metric strong { font-size:22px; }
  .chart-shell { height:560px; }
  .chart-mascot { display:none; }
  .watchers-card { min-height:620px; }
  .watchers-copy { width:100%; min-height:620px; padding:48px 20px; justify-content:flex-end; }
  .watchers-gradient { background:linear-gradient(0deg,rgba(6,3,13,.98) 0%,rgba(6,3,13,.86) 45%,rgba(6,3,13,.08) 80%); }
  .watchers-art { object-position:center 26%; height:70%; }
  .footer-main { flex-direction:column; }
  .footer-meta > div:not(.social-row) { grid-template-columns:70px minmax(0,1fr); }
  .footer-ca { grid-template-columns:70px minmax(0,1fr) 58px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  [data-reveal] { opacity:1; transform:none; }
}

/* ==================================================
   GOGGLE VISION — HIGH-CONTRAST ON / OFF STATES
   ================================================== */
body,
.site-bg,
.hero-art,
.vision-art img,
.chart-mascot,
.watchers-art,
.footer-mark,
.market-panel,
.goggle-toggle,
.hero-scan,
.lens-sweep,
.hero-orbit,
.prism-layer {
  transition-property: filter, opacity, background, background-color, border-color, box-shadow, color, transform;
  transition-duration: .55s;
  transition-timing-function: var(--ease);
}

.goggle-vision-fx {
  position: fixed;
  inset: 0;
  z-index: 45;
  pointer-events: none;
  opacity: .78;
  mix-blend-mode: screen;
  background:
    radial-gradient(circle at 78% 28%, rgba(168,255,48,.13), transparent 22%),
    radial-gradient(circle at 18% 72%, rgba(83,132,255,.08), transparent 24%),
    repeating-linear-gradient(180deg, rgba(168,255,48,.022) 0 1px, transparent 1px 7px),
    linear-gradient(115deg, transparent 0 43%, rgba(168,255,48,.025) 50%, transparent 57%);
  transition: opacity .5s var(--ease), filter .5s var(--ease);
}
body.goggles-off .goggle-vision-fx { opacity: 0; filter: saturate(0); }

.goggle-flash {
  position: fixed;
  inset: 0;
  z-index: 200;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at 50% 48%, rgba(205,255,120,.26), rgba(130,65,255,.14) 34%, transparent 68%);
}
.goggle-flash.is-active { animation: goggleModeFlash .62s ease-out; }
body.goggles-off .goggle-flash { background: radial-gradient(circle at 50% 48%, rgba(178,123,255,.23), rgba(70,38,128,.12) 34%, transparent 68%); }
@keyframes goggleModeFlash {
  0% { opacity: 0; }
  18% { opacity: 1; }
  100% { opacity: 0; }
}

body.goggles-on .site-bg {
  filter: saturate(1.08) contrast(1.03) brightness(1.02);
}
body.goggles-off .site-bg {
  filter: saturate(.58) hue-rotate(22deg) brightness(.78) contrast(1.05);
}
body.goggles-off .site-bg::after {
  background:
    radial-gradient(circle at 72% 18%, rgba(126,80,225,.12), transparent 31%),
    radial-gradient(circle at 20% 55%, rgba(131,72,197,.08), transparent 28%),
    linear-gradient(180deg, rgba(5,3,12,.26), rgba(5,3,12,.57));
}

body.goggles-on .prism-layer { opacity: .68; filter: saturate(1.18); }
body.goggles-off .prism-layer { opacity: .12; filter: saturate(.25) brightness(.6); }

body.goggles-on .goggle-toggle {
  border-color: rgba(168,255,48,.52);
  background: rgba(168,255,48,.12);
  color: #f0ffdf;
  box-shadow: inset 0 0 24px rgba(168,255,48,.045), 0 0 24px rgba(168,255,48,.055);
}
body.goggles-off .goggle-toggle {
  border-color: rgba(190,148,255,.3);
  background: rgba(126,78,190,.08);
  color: #c6b6dd;
  box-shadow: none;
}
body.goggles-off .goggle-toggle .live-dot,
body.goggles-off .signal-dot,
body.goggles-off .market-panel-head .live-dot,
body.goggles-off .chart-status .live-dot {
  background: #8c70bc;
  box-shadow: 0 0 8px rgba(140,112,188,.35);
}

/* ON feels like a live lens / scanner. OFF feels like the raw violet prophecy. */
body.goggles-on .hero-art {
  filter: saturate(1.08) contrast(1.04) brightness(1.02) drop-shadow(0 26px 80px rgba(78,29,148,.42));
}
body.goggles-off .hero-art {
  filter: saturate(.52) hue-rotate(21deg) brightness(.87) contrast(1.04) drop-shadow(0 24px 60px rgba(85,42,145,.32));
}
body.goggles-off .hero-art-wrap::after {
  content:"";
  position:absolute;
  inset:4%;
  z-index:3;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle at 50% 48%, rgba(92,42,157,.15), rgba(58,27,108,.24) 54%, transparent 72%);
  mix-blend-mode:color;
}
body.goggles-on .hero-scan { opacity: .36; box-shadow: 0 0 22px var(--lime); }
body.goggles-off .hero-scan { opacity: 0 !important; animation-play-state: paused; }
body.goggles-off .hero-orbit { opacity: .24; box-shadow: inset 0 0 45px rgba(110,47,184,.08),0 0 45px rgba(110,47,184,.08); }
body.goggles-off .hero-orbit::before,
body.goggles-off .hero-orbit::after { opacity: 0; }
body.goggles-off .hero::before { opacity:.55; }

body.goggles-on .lens-sweep { opacity: 1; }
body.goggles-off .lens-sweep { opacity: 0; animation-play-state: paused; }
body.goggles-off .media-frame { border-color: rgba(180,150,226,.09); }
body.goggles-off .media-frame img,
body.goggles-off .watchers-art,
body.goggles-off .chart-mascot,
body.goggles-off .footer-mark {
  filter: saturate(.55) hue-rotate(18deg) brightness(.82) contrast(1.03);
}
body.goggles-off .vision-art::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(81,42,135,.28),rgba(25,12,48,.34));
  mix-blend-mode:color;
}
body.goggles-on .vision-overlay {
  opacity: 1;
  background:
    repeating-linear-gradient(180deg, transparent 0 16px, rgba(168,255,48,.028) 16px 17px),
    linear-gradient(135deg,transparent 46%,rgba(168,255,48,.10));
}
body.goggles-off .vision-overlay { opacity: 0; }

body.goggles-on .market-panel {
  background: linear-gradient(90deg,rgba(12,7,25,.78),rgba(43,64,22,.10));
  box-shadow: inset 2px 0 0 rgba(168,255,48,.14);
}
body.goggles-off .market-panel {
  background: linear-gradient(90deg,rgba(12,7,25,.78),rgba(23,12,42,.34));
  box-shadow: inset 2px 0 0 rgba(150,103,221,.10);
}
body.goggles-off .metric--change.positive strong { color:#b8a3da; }
body.goggles-off .metric.flash { background:rgba(131,88,185,.08); box-shadow:inset 2px 0 0 rgba(177,133,255,.22); }

body.goggles-off .ticker-pill,
body.goggles-off .ca-label,
body.goggles-off .stage span,
body.goggles-off .watchers-copy > strong,
body.goggles-off .text-link:hover,
body.goggles-off .nav-links a:hover {
  color:#bda5e2;
}
body.goggles-off .button--primary {
  background:#a992ca;
  color:#130d1c;
  box-shadow:none;
}
body.goggles-off .button--primary:hover { background:#c2aee0; }

body.goggles-off .prophecy-progress span {
  background:linear-gradient(90deg,#744ad1,#b497db);
}
body.goggles-off .watchers-gradient {
  background:linear-gradient(90deg,rgba(7,4,15,.98) 0%,rgba(18,8,36,.86) 38%,rgba(30,15,54,.28) 70%,rgba(7,4,15,.40) 100%),linear-gradient(180deg,transparent 55%,rgba(5,3,10,.7));
}

@media (max-width:780px) {
  .goggle-vision-fx { opacity:.48; }
  body.goggles-off .goggle-vision-fx { opacity:0; }
}