/* ═══════════════════════════════════════════════════════════
   LUMI · site.css
   1. Base (this part)  2. Components carried over from the old page
   3. The revamp's own components and every responsive rule
   ═══════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#050a18;--dark:#080f22;--darker:#030710;--panel:#0d1530;
  --glass:rgba(13,21,48,0.72);--glass2:rgba(8,15,34,0.88);
  --crimson:#E2334B;--gold:#FFC857;--cyan:#7ae9ff;--pink:#ff7ab6;
  --purple:#a855f7;--green:#4ade80;--orange:#f97316;
  --text:#e8eaf6;--muted:#8d96ae;--subtle:#3a4260;
  --border:rgba(122,233,255,0.13);--border2:rgba(255,200,87,0.2);--hair:rgba(255,255,255,0.07);
  --gc:0 0 20px rgba(226,51,75,0.55);
  --gg:0 0 20px rgba(255,200,87,0.5);
  --gcn:0 0 20px rgba(122,233,255,0.4);
  --font-head:'Orbitron',monospace;
  --font-body:'Exo 2',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --nav-h:64px;
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px);overflow-x:hidden;-webkit-text-size-adjust:100%}
body{min-height:100vh;background:
  radial-gradient(circle at 8% 0%,rgba(255,200,87,0.07),transparent 22%),
  radial-gradient(circle at 92% 8%,rgba(122,233,255,0.08),transparent 24%),
  var(--navy);
  color:var(--text);font-family:var(--font-body);line-height:1.7;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg,video,canvas{max-width:100%}
button{font:inherit;color:inherit}
::selection{background:rgba(255,200,87,0.3);color:#fff}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--darker)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--crimson),var(--purple));border-radius:3px}

.skip{position:absolute;left:-9999px;top:10px;z-index:3000;background:var(--gold);color:#04070f;padding:.6rem 1rem;border-radius:8px;font-weight:700;text-decoration:none}
.skip:focus{left:12px}

/* reveal-on-scroll for the revamp's own blocks (older blocks keep their own) */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.vis{opacity:1;transform:none}

/* shared keyframes the carried-over blocks expect */
@keyframes titleFlow{to{background-position:240% center}}
@keyframes divFlow{to{background-position:-200% center}}
@keyframes lumiGlow{0%,100%{filter:drop-shadow(0 0 60px rgba(255,200,87,0.28))}50%{filter:drop-shadow(0 0 120px rgba(255,122,182,0.5))}}
@keyframes orbA{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(70px,-45px) scale(1.18)}66%{transform:translate(-35px,35px) scale(0.88)}}
@keyframes orbB{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-55px,45px) scale(0.9)}66%{transform:translate(45px,-35px) scale(1.15)}}

/* ─── carried over from the old page, unchanged ─── */

/* ── Avatar model switcher ── */
.model-switcher{position:absolute;z-index:11;left:50%;bottom:4.5rem;transform:translateX(-50%);display:flex;align-items:center;gap:1.1rem;padding:0.6rem 0.9rem;border-radius:20px;background:rgba(5,10,24,0.6);border:1px solid rgba(122,233,255,0.16);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,0.45)}
.model-switcher[hidden]{display:none}
.ms-arrow{width:40px;height:40px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(255,200,87,0.35);background:rgba(255,200,87,0.06);color:var(--gold);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s,box-shadow .2s}
.ms-arrow:hover{background:rgba(255,200,87,0.16);box-shadow:0 0 18px rgba(255,200,87,0.25);transform:scale(1.08)}
.ms-arrow:active{transform:scale(0.94)}
.ms-info{text-align:center;min-width:150px}
.ms-name{font-family:var(--font-head);font-weight:800;font-size:1.15rem;letter-spacing:0.02em;background:linear-gradient(135deg,var(--gold),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ms-desc{font-family:var(--font-mono);font-size:0.66rem;color:var(--muted);letter-spacing:0.04em;margin-top:0.15rem;min-height:0.9rem;max-width:200px;margin-left:auto;margin-right:auto;line-height:1.3}
.ms-dots{display:flex;gap:6px;justify-content:center;margin-top:0.5rem}
.ms-dot{width:7px;height:7px;border-radius:50%;background:rgba(232,234,246,0.25);cursor:pointer;transition:background .2s,transform .2s}
.ms-dot.active{background:var(--gold);transform:scale(1.25);box-shadow:0 0 8px rgba(255,200,87,0.6)}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes pulseDot{0%,100%{box-shadow:0 0 12px rgba(255,200,87,0.4)}50%{box-shadow:0 0 28px rgba(255,200,87,0.9)}}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);opacity:0.8}50%{transform:translateX(-50%) translateY(11px);opacity:0.2}}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes orbitPulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.04)}}

/* drifting nebula orbs (live colored light inside sections) */
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.42;pointer-events:none;z-index:0;mix-blend-mode:screen;will-change:transform}
.orb.cyan{background:radial-gradient(circle,rgba(122,233,255,0.75),transparent 70%)}
.orb.gold{background:radial-gradient(circle,rgba(255,200,87,0.65),transparent 70%)}
.orb.purple{background:radial-gradient(circle,rgba(168,85,247,0.7),transparent 70%)}
.orb.crimson{background:radial-gradient(circle,rgba(226,51,75,0.62),transparent 70%)}
.orb.pink{background:radial-gradient(circle,rgba(255,122,182,0.62),transparent 70%)}
.orb.green{background:radial-gradient(circle,rgba(74,222,128,0.55),transparent 70%)}
@keyframes orbA{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(70px,-45px) scale(1.18)}66%{transform:translate(-35px,35px) scale(0.88)}}
@keyframes orbB{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-55px,45px) scale(0.9)}66%{transform:translate(45px,-35px) scale(1.15)}}
.orb.a{animation:orbA 17s ease-in-out infinite}
.orb.b{animation:orbB 22s ease-in-out infinite}

/* ─── PRICING ─── */
.pricing-card{max-width:760px;margin:0 auto;text-align:center;background:linear-gradient(135deg,var(--glass),rgba(255,200,87,0.05));border:1px solid rgba(255,200,87,0.28);border-radius:18px;padding:2.75rem 2.25rem;box-shadow:0 26px 80px rgba(0,0,0,0.34)}
.pricing-badge{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.2em;color:var(--gold);background:rgba(255,200,87,0.1);border:1px solid rgba(255,200,87,0.3);padding:0.3rem 0.8rem;border-radius:20px;margin-bottom:1.25rem}
.pricing-badge span{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(255,200,87,0.7);animation:pulseDot 2s ease-in-out infinite}
.pricing-h{font-family:var(--font-head);font-size:clamp(1.4rem,3vw,2rem);color:var(--text);margin-bottom:0.85rem}
.pricing-sub{color:var(--muted);font-size:0.95rem;line-height:1.8;max-width:560px;margin:0 auto 2rem}
.pricing-sub strong{color:var(--text)}
.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.75rem}
.pt{background:rgba(5,10,24,0.5);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1rem;transition:all 0.3s}
.pt:hover{border-color:rgba(255,200,87,0.3);transform:translateY(-3px)}
.pt-feature{border-color:rgba(255,200,87,0.4);background:linear-gradient(135deg,rgba(255,200,87,0.08),rgba(5,10,24,0.5))}
.pt-name{font-family:var(--font-head);font-size:0.82rem;font-weight:800;letter-spacing:0.12em;color:var(--gold);margin-bottom:0.5rem}
.pt-desc{font-size:0.82rem;color:var(--muted);line-height:1.5}
.pricing-foot{font-size:0.85rem;color:var(--muted)}
.pricing-foot a{color:var(--cyan);text-decoration:none;font-weight:600}
.pricing-foot a:hover{text-shadow:var(--gcn)}

/* ═══ CORE LOOPS ═══ */
.loops-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem}
.loop-card{background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(5,10,24,0.55));border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:2rem;cursor:pointer;transition:all 0.4s;transform:translateY(40px);opacity:0;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.22)}
.loop-card.vis{transform:translateY(0);opacity:1}
.loop-card:hover{border-color:rgba(255,200,87,0.35);box-shadow:0 30px 80px rgba(255,200,87,0.12);transform:translateY(-4px)}
.loop-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.loop-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;border:1px solid}
.lc-learn .loop-icon{background:rgba(122,233,255,0.1);border-color:rgba(122,233,255,0.3)}
.lc-curate .loop-icon{background:rgba(255,200,87,0.1);border-color:rgba(255,200,87,0.3)}
.lc-improve .loop-icon{background:rgba(226,51,75,0.1);border-color:rgba(226,51,75,0.3)}
.loop-title-text{font-family:var(--font-head);font-size:0.88rem;font-weight:700;letter-spacing:0.06em}
.lc-learn .loop-title-text{color:var(--cyan)}
.lc-curate .loop-title-text{color:var(--gold)}
.lc-improve .loop-title-text{color:var(--crimson)}
.loop-sub-text{font-size:0.72rem;color:var(--muted);font-family:var(--font-mono);margin-top:0.1rem}
.loop-steps{display:flex;flex-direction:column;gap:0.5rem}
.ls{display:flex;align-items:center;gap:0.75rem;padding:0.55rem 0.8rem;border-radius:6px;background:rgba(255,255,255,0.025);font-size:0.88rem;color:var(--muted)}
.ls-n{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.68rem;font-weight:700;font-family:var(--font-mono);flex-shrink:0}
.lc-learn .ls-n{background:rgba(122,233,255,0.18);color:var(--cyan)}
.lc-curate .ls-n{background:rgba(255,200,87,0.18);color:var(--gold)}
.lc-improve .ls-n{background:rgba(226,51,75,0.18);color:var(--crimson)}
.ls-arr{text-align:center;color:var(--subtle);font-size:0.9rem;padding:0.1rem 0}
.loop-repeat{text-align:center;margin-top:0.75rem;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em}
.lc-learn .loop-repeat{color:var(--cyan)}
.lc-curate .loop-repeat{color:var(--gold)}
.lc-improve .loop-repeat{color:var(--crimson)}
.lc-heal .loop-icon{background:rgba(168,85,247,0.1);border-color:rgba(168,85,247,0.3)}
.lc-repair .loop-icon{background:rgba(74,222,128,0.1);border-color:rgba(74,222,128,0.3)}
.lc-heal .loop-title-text{color:var(--purple)}
.lc-repair .loop-title-text{color:var(--green)}
.lc-heal .ls-n{background:rgba(168,85,247,0.18);color:var(--purple)}
.lc-repair .ls-n{background:rgba(74,222,128,0.18);color:var(--green)}
.lc-heal .loop-repeat{color:var(--purple)}
.lc-repair .loop-repeat{color:var(--green)}
.lc-heal:hover{border-color:rgba(168,85,247,0.35);box-shadow:0 30px 80px rgba(168,85,247,0.12)}
.lc-repair:hover{border-color:rgba(74,222,128,0.35);box-shadow:0 30px 80px rgba(74,222,128,0.12)}

/* ═══ ARCHITECTURE ═══ */
.arch-controls{display:flex;gap:0.75rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}
.arch-btn{background:var(--glass);border:1px solid var(--border);color:var(--muted);padding:0.5rem 1.2rem;border-radius:4px;font-family:var(--font-mono);font-size:0.78rem;cursor:pointer;transition:all 0.3s;letter-spacing:0.05em}
.arch-btn:hover,.arch-btn.active{background:rgba(122,233,255,0.08);border-color:var(--cyan);color:var(--cyan)}
.arch-wrap{position:relative;background:rgba(5,10,24,0.8);border:1px solid var(--border);border-radius:12px;overflow:hidden;height:clamp(620px,78vh,920px);touch-action:none}
#archCanvas{width:100%;height:100%;display:block;cursor:grab}
#archCanvas:active{cursor:grabbing}
.arch-panel{position:absolute;right:1.5rem;top:1.5rem;width:260px;background:var(--glass2);border:1px solid var(--border2);border-radius:10px;padding:1.5rem;opacity:0;pointer-events:none;transition:all 0.3s;backdrop-filter:blur(20px)}
.arch-panel.show{opacity:1;pointer-events:all}
.arch-panel h4{font-family:var(--font-head);font-size:0.9rem;color:var(--gold);margin-bottom:0.75rem}
.arch-panel p{font-size:0.85rem;color:var(--muted);line-height:1.65}
.arch-panel-close{position:absolute;top:0.5rem;right:0.6rem;background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;line-height:1}
.arch-panel-close:hover{color:var(--gold)}
.arch-hint{display:none;text-align:center;font-family:var(--font-mono);font-size:0.72rem;color:var(--muted);margin:-0.5rem 0 1rem}
.arch-legend{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.5rem;justify-content:center}
.arch-leg-item{display:flex;align-items:center;gap:0.4rem;font-size:0.72rem;font-family:var(--font-mono);color:var(--muted)}
.arch-leg-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}

/* Journey Roadmap */
.journey-path{position:relative;max-width:680px;margin:0 auto;padding-left:1.5rem}
.jp-spine{position:absolute;left:22px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--cyan) 0%,var(--gold) 40%,var(--crimson) 70%,rgba(255,255,255,0.06) 100%)}
.jp-node{display:flex;gap:1.5rem;margin-bottom:2.5rem;align-items:flex-start;transform:translateX(-20px);opacity:0;transition:all 0.5s}
.jp-node.vis{transform:translateX(0);opacity:1}
.jp-dot{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;border:2px solid;flex-shrink:0;font-family:var(--font-mono);background:var(--navy);z-index:2;cursor:pointer;transition:all 0.3s}
.jp-dot.done{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 18px rgba(122,233,255,0.4)}
.jp-dot.done:hover{box-shadow:0 0 30px rgba(122,233,255,0.7)}
.jp-dot.current{border-color:var(--gold);color:var(--gold);animation:pulseDot 2s ease-in-out infinite}
.jp-dot.future{border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.2)}
.jp-card{flex:1;background:var(--glass);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;cursor:pointer;transition:all 0.3s}
.jp-card:hover{border-color:rgba(255,200,87,0.25);box-shadow:0 0 25px rgba(255,200,87,0.07)}
.jp-card.done{border-color:rgba(122,233,255,0.18)}
.jp-card.current{border-color:rgba(255,200,87,0.38);box-shadow:0 0 20px rgba(255,200,87,0.08)}
.jp-phase{font-family:var(--font-mono);font-size:0.68rem;color:var(--muted);margin-bottom:0.25rem}
.jp-title{font-family:var(--font-head);font-size:0.95rem;font-weight:700;margin-bottom:0.4rem}
.jp-title.done{color:var(--cyan)}.jp-title.current{color:var(--gold)}.jp-title.future{color:rgba(255,255,255,0.38)}
.jp-status{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.68rem;font-family:var(--font-mono);padding:0.18rem 0.5rem;border-radius:3px;margin-bottom:0.3rem}
.jp-status.done{background:rgba(122,233,255,0.08);color:var(--cyan);border:1px solid rgba(122,233,255,0.25)}
.jp-status.current{background:rgba(255,200,87,0.08);color:var(--gold);border:1px solid rgba(255,200,87,0.3)}
.jp-status.future{background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.08)}
.jp-desc{font-size:0.85rem;color:var(--muted);display:none;margin-top:0.75rem;line-height:1.65}
.jp-card.open .jp-desc{display:block}

/* ═══ PROGRESS DASHBOARD ═══ */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem;margin-bottom:3rem}
.stat-card{background:linear-gradient(135deg,rgba(255,255,255,0.03),rgba(10,18,36,0.85));border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:1.75rem 1.5rem;text-align:center;transition:all 0.3s;transform:translateY(20px);opacity:0;position:relative;overflow:hidden;box-shadow:0 22px 66px rgba(0,0,0,0.25)}
.stat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px}
.stat-card.gold::after{background:var(--gold)}.stat-card.cyan::after{background:var(--cyan)}
.stat-card.crimson::after{background:var(--crimson)}.stat-card.pink::after{background:var(--pink)}
.stat-card.green::after{background:var(--green)}.stat-card.purple::after{background:var(--purple)}
.stat-card.vis{transform:translateY(0);opacity:1}
.stat-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 50px rgba(0,0,0,0.5)}
.stat-icon{font-size:1.8rem;margin-bottom:0.5rem}
.stat-label{font-family:var(--font-mono);font-size:0.7rem;color:var(--muted);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:0.4rem}
.stat-value{font-family:var(--font-head);font-size:1.9rem;font-weight:900;line-height:1;white-space:nowrap}
.stat-card.gold .stat-value{color:var(--gold);text-shadow:var(--gg)}
.stat-card.cyan .stat-value{color:var(--cyan);text-shadow:var(--gcn)}
.stat-card.crimson .stat-value{color:var(--crimson);text-shadow:var(--gc)}
.stat-card.pink .stat-value{color:var(--pink);text-shadow:0 0 15px rgba(255,122,182,0.5)}
.stat-card.green .stat-value{color:var(--green);text-shadow:0 0 15px rgba(74,222,128,0.4)}
.stat-card.purple .stat-value{color:var(--purple);text-shadow:0 0 15px rgba(168,85,247,0.5)}
.last-updated{text-align:center;font-family:var(--font-mono);font-size:0.72rem;color:var(--muted);margin-bottom:2rem}
.phases-list{display:flex;flex-direction:column;gap:0.8rem;max-width:900px;margin:0 auto}
.phase-row{display:flex;align-items:center;gap:1.25rem;background:var(--glass);border:1px solid var(--border);border-radius:8px;padding:0.9rem 1.5rem;transform:translateX(-20px);opacity:0;transition:all 0.5s}
.phase-row.vis{transform:translateX(0);opacity:1}
.phase-name{font-family:var(--font-head);font-size:0.76rem;color:var(--text);min-width:200px;flex-shrink:0}
.phase-bar-wrap{flex:1;height:6px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden}
.phase-bar{height:100%;border-radius:3px;width:0;transition:width 1.8s cubic-bezier(0.4,0,0.2,1)}
.phase-pct{font-family:var(--font-mono);font-size:0.78rem;min-width:36px;text-align:right;color:var(--muted)}

/* ━━━━━━━━ ✦ DASHBOARD ✦ ━━━━━━━━ */
.prog-hero{display:flex;gap:2.25rem;align-items:center;justify-content:center;flex-wrap:wrap;max-width:920px;margin:0 auto 3rem;background:linear-gradient(135deg,var(--glass),rgba(122,233,255,0.05));border:1px solid var(--border);border-radius:20px;padding:2.25rem 2.5rem;box-shadow:0 26px 80px rgba(0,0,0,0.34);position:relative;overflow:hidden}
.prog-hero::before{content:'';position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--pink),var(--purple));background-size:200% auto;animation:divFlow 7s linear infinite}
.prog-ring{position:relative;width:158px;height:158px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0deg, var(--cyan) calc(var(--p,0)*3.6deg), rgba(255,255,255,0.06) calc(var(--p,0)*3.6deg));box-shadow:0 0 50px rgba(122,233,255,0.18)}
.prog-ring::after{content:'';position:absolute;inset:13px;border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(13,21,48,0.96),var(--navy));box-shadow:inset 0 0 28px rgba(122,233,255,0.16)}
.pr-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.pr-num{font-family:var(--font-head);font-size:2.2rem;font-weight:900;color:var(--cyan);text-shadow:var(--gcn);line-height:1}
.pr-lbl{font-family:var(--font-mono);font-size:0.6rem;letter-spacing:0.25em;color:var(--muted);text-transform:uppercase;margin-top:0.35rem}
.prog-say{flex:1;min-width:250px}
.prog-say h4{font-family:var(--font-head);font-size:1.1rem;color:var(--text);margin-bottom:0.6rem;display:flex;align-items:center;gap:0.6rem}
.prog-say p{color:var(--muted);font-size:0.92rem;line-height:1.8}
.hb{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(74,222,128,0.6);animation:heartbeat 1.6s ease-in-out infinite;flex-shrink:0}
@keyframes heartbeat{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,0.55);transform:scale(1)}50%{box-shadow:0 0 0 9px rgba(74,222,128,0);transform:scale(1.25)}}
.prog-subhead{font-family:var(--font-head);font-size:0.8rem;color:var(--muted);letter-spacing:0.18em;text-transform:uppercase;margin:0 auto 1.25rem;max-width:920px;display:flex;align-items:center;gap:0.75rem}
.prog-subhead::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}
/* stat card glow-up: a light sweep on hover */
.stat-card::before{content:'';position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);transform:skewX(-20deg);transition:left .6s;pointer-events:none}
.stat-card:hover::before{left:120%}
/* phases as cards */
.phases-list{gap:0.7rem}
.phase-row{align-items:stretch;gap:1rem;padding:1rem 1.35rem;border-radius:12px;background:linear-gradient(135deg,var(--glass),rgba(255,255,255,0.015))}
.phase-row:hover{border-color:rgba(255,200,87,0.28);transform:translateX(4px)}
.phase-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;align-self:center;box-shadow:0 0 12px currentColor}
.phase-main{flex:1;min-width:0}
.phase-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:0.5rem}
.phase-note{font-size:0.76rem;color:var(--muted);margin-top:0.45rem;font-style:italic;opacity:0.85}
.phase-chip{font-family:var(--font-mono);font-size:0.6rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.12rem 0.5rem;border-radius:20px;margin-left:0.6rem;vertical-align:middle}
.phase-chip.done{background:rgba(122,233,255,0.12);color:var(--cyan);border:1px solid rgba(122,233,255,0.3)}
.phase-chip.active{background:rgba(255,200,87,0.12);color:var(--gold);border:1px solid rgba(255,200,87,0.3)}
.phase-chip.future{background:rgba(255,255,255,0.04);color:var(--muted);border:1px solid rgba(255,255,255,0.1)}

/* ═══ DOCS ═══ */
.docs-layout{display:grid;grid-template-columns:200px 1fr;gap:3rem;align-items:start}
.docs-side{position:sticky;top:85px}
.docs-nav{list-style:none;display:flex;flex-direction:column;gap:0.2rem}
.docs-nav a{display:block;padding:0.5rem 0.75rem;border-radius:5px;color:var(--muted);font-size:0.8rem;text-decoration:none;transition:all 0.2s;font-family:var(--font-mono);border-left:2px solid transparent}
.docs-nav a:hover{color:var(--text);background:rgba(255,255,255,0.03)}
.docs-nav a.active{color:var(--cyan);background:rgba(122,233,255,0.06);border-left-color:var(--cyan)}
.doc-content{display:none}
.doc-content.active{display:block}
.doc-content h3{font-family:var(--font-head);font-size:1.3rem;color:var(--text);margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}
.doc-content p{color:var(--muted);margin-bottom:1rem;font-size:0.92rem}
.doc-content ul{color:var(--muted);padding-left:1.5rem;margin-bottom:1rem;font-size:0.92rem}
.doc-content ul li{margin-bottom:0.45rem}
.doc-content code{font-family:var(--font-mono);font-size:0.82rem;background:rgba(255,255,255,0.07);padding:0.12rem 0.4rem;border-radius:3px;color:var(--cyan)}
.doc-content pre{background:rgba(5,10,24,0.8);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1rem 0;overflow-x:auto}
.doc-content pre code{background:none;padding:0;font-size:0.82rem;color:var(--text)}
.callout{background:rgba(255,200,87,0.05);border:1px solid rgba(255,200,87,0.2);border-radius:8px;padding:1rem 1.25rem;margin:1rem 0;font-size:0.88rem;color:var(--muted)}
.callout strong{color:var(--gold)}

/* ═══ PERSONALITY ═══ */
.pp-intro{max-width:680px;margin:0 auto 2.25rem;text-align:center;color:var(--muted);font-size:0.95rem;line-height:1.85}
.personality-panel{max-width:940px;margin:0 auto;background:linear-gradient(135deg,var(--glass),rgba(255,122,182,0.04));border:1px solid var(--border);border-radius:18px;padding:2.25rem;position:relative;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,0.34)}
.pp-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.25rem;align-items:start}
/* left controls */
.pp-ask{background:rgba(122,233,255,0.06);border:1px solid rgba(122,233,255,0.2);border-radius:12px;padding:0.85rem 1rem;font-size:0.9rem;color:var(--text);margin-bottom:1.75rem;line-height:1.5;font-style:italic}
.pp-ask-label{display:inline-block;font-family:var(--font-mono);font-size:0.58rem;letter-spacing:0.18em;color:var(--cyan);background:rgba(122,233,255,0.12);border-radius:4px;padding:0.12rem 0.4rem;margin-right:0.55rem;font-style:normal;vertical-align:middle}
.rapport-head{font-family:var(--font-head);font-size:0.8rem;color:var(--text);margin-bottom:0.9rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.4rem}
.rapport-value{color:var(--gold);font-family:var(--font-mono);font-size:0.92rem}
.rapport-slider{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:5px;background:linear-gradient(90deg,#E2334B,#fb923c,#FFC857,#7ae9ff,#4ade80);margin-bottom:1rem;cursor:pointer;outline:none}
.rapport-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--gold));border:2px solid var(--navy);box-shadow:0 0 14px rgba(255,200,87,0.8);cursor:pointer;transition:transform .15s}
.rapport-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}
.rapport-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);border:2px solid var(--navy);cursor:pointer}
.rapport-tiers{display:grid;grid-template-columns:repeat(6,1fr);gap:0.4rem;margin-bottom:1.9rem}
.tier-item{background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:8px;padding:0.55rem 0.3rem;text-align:center;transition:all 0.3s;cursor:pointer}
.tier-item .tier-emoji{font-size:1.05rem;display:block;margin-bottom:0.15rem;filter:grayscale(0.6);transition:filter .3s}
.tier-item.active-tier{border-color:var(--gold);background:rgba(255,200,87,0.08);box-shadow:0 0 18px rgba(255,200,87,0.18);transform:translateY(-3px)}
.tier-item.active-tier .tier-emoji{filter:grayscale(0)}
.tier-num{font-family:var(--font-mono);font-size:0.92rem;font-weight:700;color:var(--gold);display:block}
.tier-name{font-size:0.62rem;color:var(--muted);display:block;margin-top:0.1rem;line-height:1.2}
.mood-label{font-family:var(--font-head);font-size:0.8rem;color:var(--text);margin-bottom:0.85rem}
.mood-grid{display:flex;gap:0.5rem;flex-wrap:wrap}
.mood-btn{background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--muted);padding:0.45rem 0.85rem;border-radius:20px;font-size:0.8rem;cursor:pointer;transition:all 0.3s;display:inline-flex;align-items:center;gap:0.35rem}
.mood-btn:hover{border-color:rgba(255,255,255,0.25);color:var(--text)}
.mood-btn.active-mood{color:#fff;box-shadow:0 0 16px rgba(0,0,0,0.3)}
/* right preview */
.pp-preview{position:relative;background:rgba(5,10,24,0.5);border:1px solid var(--border);border-radius:14px;padding:1.6rem;min-height:280px;display:flex;flex-direction:column;transition:border-color .4s,box-shadow .4s}
.pp-stage{display:flex;align-items:center;gap:0.9rem;margin-bottom:1.1rem}
.pp-orb{width:58px;height:58px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:1.5rem;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,0.25),transparent 60%);transition:background .5s,box-shadow .5s;animation:ppPulse 2.6s ease-in-out infinite}
@keyframes ppPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.pp-orb-label{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}
.pp-bubble{position:relative;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:14px;border-top-left-radius:3px;padding:1.1rem 1.25rem;transition:border-color .4s,box-shadow .4s;flex:1}
.pp-bubble-meta{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.1em;color:var(--muted);text-transform:uppercase;margin-bottom:0.55rem}
.pp-bubble-text{font-size:1rem;line-height:1.65;color:var(--text);min-height:3.4em}
.pp-bubble-text.flash{animation:ppFlash .45s ease}
@keyframes ppFlash{0%{opacity:0.25;transform:translateY(4px)}100%{opacity:1;transform:none}}
.mood-desc{margin-top:1.1rem;padding:0.85rem 1rem;background:rgba(255,255,255,0.025);border-radius:8px;border-left:2px solid var(--pink);font-size:0.84rem;color:var(--muted);font-style:italic;line-height:1.6}
@media(max-width:760px){.pp-grid{grid-template-columns:1fr;gap:2rem}}

/* ═══ DEMO VIDEO ═══ */
.demo-intro{max-width:680px;margin:0 auto 2.5rem;text-align:center;color:var(--muted);font-size:1rem;line-height:1.8}
.demo-stage{max-width:960px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#04070f;box-shadow:0 30px 90px rgba(0,0,0,0.5);aspect-ratio:16/9}
.demo-stage video{width:100%;height:100%;display:block;background:#04070f}
.demo-cap{max-width:960px;margin:1rem auto 0;text-align:center;color:var(--muted);font-size:0.85rem;font-family:var(--font-mono)}
.demo-thumbs{display:flex;flex-wrap:wrap;gap:0.8rem;justify-content:center;max-width:960px;margin:1.6rem auto 0}
.demo-thumb{width:158px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--glass);cursor:pointer;transition:all .25s;text-align:left}
.demo-thumb:hover{border-color:var(--cyan);transform:translateY(-2px)}
.demo-thumb.active{border-color:var(--gold);box-shadow:0 0 18px rgba(255,200,87,0.25)}
.demo-thumb-media{position:relative;aspect-ratio:16/9;background-color:#0a1120;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.demo-thumb-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.demo-thumb-play{position:relative;z-index:1;font-size:1.4rem;color:#fff;opacity:0.92;text-shadow:0 2px 12px rgba(0,0,0,0.85);pointer-events:none}
.demo-thumb-title{padding:0.5rem 0.65rem;font-size:0.72rem;color:var(--text);font-family:var(--font-mono);line-height:1.3}
.demo-empty{max-width:960px;margin:0 auto;aspect-ratio:16/9;border-radius:16px;border:1px dashed rgba(122,233,255,0.3);background:var(--glass);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.6rem;color:var(--muted);text-align:center;padding:1rem}
.demo-empty .di{font-size:2.6rem;opacity:0.55}
.demo-empty .dt{font-family:var(--font-head);font-size:1.1rem;color:var(--text)}
.demo-empty .ds{font-size:0.85rem;max-width:380px}

/* ═══ WAITLIST ═══ */
.wl-card{max-width:660px;margin:0 auto;background:linear-gradient(135deg,rgba(13,21,48,0.95),rgba(122,233,255,0.05));border:1px solid rgba(122,233,255,0.28);border-radius:18px;padding:2.75rem;text-align:center}
.wl-eyebrow{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.2em;color:var(--cyan);margin-bottom:1rem}
.wl-card h3{font-family:var(--font-head);font-size:clamp(1.4rem,3vw,2rem);color:var(--text);margin-bottom:0.85rem}
.wl-sub{color:var(--muted);font-size:0.95rem;line-height:1.75;max-width:480px;margin:0 auto}
.wl-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.9rem}
.wl-row{display:flex;gap:0.6rem;flex-wrap:wrap;justify-content:center}
.wl-input{flex:1 1 240px;background:rgba(5,10,24,0.6);border:1px solid var(--border);border-radius:10px;padding:0.85rem 1rem;color:var(--text);font-family:var(--font-mono);font-size:0.9rem}
.wl-input::placeholder{color:rgba(136,146,176,0.6)}
.wl-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(122,233,255,0.12)}
.wl-btn{background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;color:#04070f;font-weight:800;padding:0.85rem 1.7rem;border-radius:10px;font-family:var(--font-head);letter-spacing:0.05em;cursor:pointer;font-size:0.82rem;transition:all .3s;white-space:nowrap}
.wl-btn:hover{box-shadow:0 0 26px rgba(122,233,255,0.4);transform:translateY(-1px)}
.wl-plats{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}
.wl-plat{display:flex;align-items:center;gap:0.45rem;font-size:0.8rem;color:var(--muted);font-family:var(--font-mono);cursor:pointer}
.wl-plat input{accent-color:var(--cyan);cursor:pointer}
.wl-or{display:flex;align-items:center;gap:0.8rem;margin:1.6rem auto 1.1rem;max-width:340px;color:var(--muted);font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.05em;opacity:0.7}
.wl-or::before,.wl-or::after{content:"";flex:1;height:1px;background:var(--border)}
.wl-alts{display:flex;gap:0.7rem;justify-content:center;flex-wrap:wrap}
.wl-alt{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text);text-decoration:none;font-family:var(--font-head);font-size:0.78rem;font-weight:700;padding:0.6rem 1.2rem;border-radius:10px;transition:all .3s}
.wl-alt span{color:var(--muted);font-weight:600}
.wl-alt:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}
.wl-alt:hover span{color:var(--cyan)}
.wl-note{margin-top:1.2rem;font-size:0.72rem;color:var(--muted);opacity:0.85}
.wl-success{max-width:660px;margin:0 auto;text-align:center;background:linear-gradient(135deg,rgba(13,21,48,0.95),rgba(74,222,128,0.06));border:1px solid rgba(74,222,128,0.3);border-radius:18px;padding:2.75rem}
.wl-success .wls-ico{font-size:2.6rem;margin-bottom:0.75rem}
.wl-success h3{font-family:var(--font-head);font-size:1.5rem;color:var(--text);margin-bottom:0.6rem}
.wl-success p{color:var(--muted);font-size:0.92rem;line-height:1.7;max-width:460px;margin:0 auto}
@media(max-width:560px){.wl-card,.wl-success{padding:1.9rem 1.3rem}.demo-thumb{width:46%}}

/* ━━━ ECOSYSTEM: LITTLE LUMI ↔ BIG LUMI ━━━ */
.eco-statement{max-width:720px;margin:0 auto 3rem;text-align:center;font-size:1.05rem;line-height:1.9;color:var(--text)}
.eco-statement strong{color:var(--gold)}
.eco-statement .little{color:var(--cyan)}
.eco-statement .big{color:var(--purple)}
.eco-statement .giant{color:var(--gold)}
/* three tiers subtitle */
.eco-sub{max-width:720px;margin:-1.25rem auto 2.5rem;text-align:center;font-family:var(--font-mono);font-size:0.82rem;letter-spacing:0.03em;line-height:1.9}
.eco-sub .n{color:var(--cyan)}.eco-sub .m{color:var(--purple)}.eco-sub .w{color:var(--gold)}
.eco-sub .sep{color:var(--muted);margin:0 0.5rem;opacity:0.6}
/* three-tier architecture stack: Little Lumi · Big Lumi · Giant Lumi */
.eco-tiers{max-width:790px;margin:0 auto 3rem}
.eco-tiers-cap{text-align:center;font-size:0.92rem;color:var(--muted);max-width:600px;margin:0 auto 1.6rem;line-height:1.75}
.eco-tier{border:1px solid;border-radius:14px;padding:1.3rem 1.55rem;background:var(--glass);transition:transform .3s,box-shadow .3s}
.eco-tier:hover{transform:translateY(-2px)}
.eco-tier-k{border-color:rgba(255,200,87,0.32);background:linear-gradient(135deg,rgba(255,200,87,0.08),rgba(5,10,24,0.4))}
.eco-tier-k:hover{box-shadow:0 0 26px rgba(255,200,87,0.14)}
.eco-tier-b{border-color:rgba(168,85,247,0.32);background:linear-gradient(135deg,rgba(168,85,247,0.08),rgba(5,10,24,0.4));margin:0 1.7rem}
.eco-tier-b:hover{box-shadow:0 0 26px rgba(168,85,247,0.14)}
.eco-tier-l{border-color:rgba(122,233,255,0.32);background:linear-gradient(135deg,rgba(122,233,255,0.08),rgba(5,10,24,0.4));margin:0 3.4rem}
.eco-tier-l:hover{box-shadow:0 0 26px rgba(122,233,255,0.14)}
.eco-tier-head{display:flex;align-items:baseline;gap:0.7rem;margin-bottom:0.5rem;flex-wrap:wrap}
.eco-tier-name{font-family:var(--font-head);font-size:1.05rem;font-weight:800;letter-spacing:0.12em}
.eco-tier-name.giant{color:var(--gold)}.eco-tier-name.big{color:var(--purple)}.eco-tier-name.little{color:var(--cyan)}
.eco-tier-role{font-family:var(--font-mono);font-size:0.72rem;color:var(--muted);letter-spacing:0.08em}
.eco-tier p{font-size:0.86rem;line-height:1.7;color:var(--muted);margin:0}
.eco-tier p strong{color:var(--text)}
.eco-tier-flow{display:flex;justify-content:center;gap:1.5rem;padding:0.55rem 0;font-family:var(--font-mono);font-size:0.71rem;letter-spacing:0.02em}
.eco-tier-flow .up{color:var(--gold)}.eco-tier-flow .dn{color:var(--cyan)}
@media(max-width:640px){.eco-tier-b{margin:0 0.8rem}.eco-tier-l{margin:0 1.6rem}.eco-tier-flow{flex-direction:column;gap:0.2rem;text-align:center}}
.constellation{max-width:820px;margin:0 auto 3rem;background:rgba(5,10,24,0.55);border:1px solid rgba(168,85,247,0.18);border-radius:16px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,0.4)}
.constellation svg{width:100%;height:auto;display:block}
.eco-diagram{position:relative;z-index:2;max-width:780px;margin:0.25rem auto 0.75rem}
.eco-diagram svg{width:100%;height:auto;display:block;overflow:visible}
.eco-diagram-cap{position:relative;z-index:2;text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.04em;margin:0 auto 0.4rem;max-width:620px}
.eco-legend{position:relative;z-index:2;display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;margin:0 auto 0.4rem;font-family:var(--font-mono);font-size:0.7rem;color:var(--muted)}
.eco-legend span{display:inline-flex;align-items:center;gap:0.5rem}
.eco-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:0 0 10px currentColor}
.ecosystem-map{max-width:980px;margin:0 auto 3rem;position:relative;border:1px solid rgba(168,85,247,0.28);border-radius:18px;background:radial-gradient(circle at 50% 8%,rgba(168,85,247,0.2),transparent 26%),radial-gradient(circle at 18% 84%,rgba(122,233,255,0.12),transparent 22%),radial-gradient(circle at 82% 84%,rgba(255,200,87,0.1),transparent 24%),rgba(5,10,24,0.72);box-shadow:0 30px 90px rgba(0,0,0,0.42),inset 0 0 80px rgba(122,233,255,0.035);padding:2rem;overflow:hidden}
.ecosystem-map::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(122,233,255,0.035) 1px,transparent 1px),linear-gradient(0deg,rgba(122,233,255,0.025) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 48%,#000 0%,transparent 76%);pointer-events:none}
.eco-map-grid{position:relative;z-index:2;display:grid;grid-template-rows:auto auto auto auto auto;gap:1rem}
.eco-map-grid::before{content:'';position:absolute;left:50%;top:4.4rem;bottom:8.5rem;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,200,87,0.55),rgba(168,85,247,0.5),rgba(74,222,128,0.5),rgba(122,233,255,0.45));box-shadow:0 0 20px rgba(122,233,255,0.18);z-index:0}
.eco-map-node{position:relative;border:1px solid rgba(255,255,255,0.11);background:rgba(8,15,34,0.74);backdrop-filter:blur(18px);border-radius:12px;padding:1rem 1.15rem;box-shadow:0 18px 45px rgba(0,0,0,0.28)}
.eco-map-node h3{font-family:var(--font-head);font-size:1rem;letter-spacing:0.12em;margin-bottom:0.25rem}
.eco-map-node p{font-size:0.82rem;color:var(--muted);line-height:1.55;margin:0}
.eco-map-node strong{color:var(--text)}
.eco-map-node.giant{max-width:720px;margin:0 auto;border-color:rgba(255,200,87,0.38);background:linear-gradient(135deg,rgba(255,200,87,0.12),rgba(8,15,34,0.72))}
.eco-map-node.giant h3{color:var(--gold)}
.eco-map-node.big{max-width:640px;margin:0 auto;border-color:rgba(168,85,247,0.44);background:linear-gradient(135deg,rgba(168,85,247,0.16),rgba(8,15,34,0.72));text-align:center}
.eco-map-node.big h3{color:#c9a4ff}
.eco-map-node.gateway{max-width:520px;margin:0 auto;border-color:rgba(74,222,128,0.42);background:linear-gradient(135deg,rgba(74,222,128,0.12),rgba(8,15,34,0.72));text-align:center}
.eco-map-node.gateway h3{color:var(--green)}
.eco-map-row{position:relative;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:1rem;align-items:stretch}
.eco-map-row::before{content:'';position:absolute;left:12%;right:12%;top:-0.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(122,233,255,0.32),rgba(74,222,128,0.28),rgba(122,233,255,0.32),transparent);z-index:0}
.eco-map-node.little{border-color:rgba(122,233,255,0.34);background:linear-gradient(135deg,rgba(122,233,255,0.12),rgba(8,15,34,0.74))}
.eco-map-node.little h3{color:var(--cyan)}
.eco-map-node.you{border-color:rgba(122,233,255,0.72);box-shadow:0 0 34px rgba(122,233,255,0.18),0 18px 45px rgba(0,0,0,0.28)}
.eco-map-node.other{opacity:0.8}
.eco-map-badge{display:inline-flex;align-items:center;gap:0.45rem;font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:0.45rem}
.eco-map-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}
.eco-map-dot.gold{background:var(--gold);color:var(--gold)}.eco-map-dot.purple{background:var(--purple);color:var(--purple)}.eco-map-dot.green{background:var(--green);color:var(--green)}.eco-map-dot.cyan{background:var(--cyan);color:var(--cyan)}
.eco-map-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0.85rem;max-width:760px;margin:0 auto;color:var(--muted);font-family:var(--font-mono);font-size:0.72rem}
.eco-map-flow::before,.eco-map-flow::after{content:'';height:1px;background:linear-gradient(90deg,transparent,rgba(122,233,255,0.28),transparent)}
.flow-chip{display:flex;flex-wrap:wrap;justify-content:center;gap:0.55rem}
.flow-chip span{border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.035);border-radius:999px;padding:0.25rem 0.65rem;white-space:nowrap}
.flow-chip .up{color:var(--gold);border-color:rgba(255,200,87,0.26);background:rgba(255,200,87,0.055)}
.flow-chip .down{color:var(--cyan);border-color:rgba(122,233,255,0.26);background:rgba(122,233,255,0.055)}
.eco-map-orb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 0.65rem;position:relative;background:radial-gradient(circle at 38% 32%,rgba(255,255,255,0.36),transparent 58%),rgba(8,15,34,0.82);border:1px solid currentColor;box-shadow:0 0 24px currentColor}
.eco-map-node.giant .eco-map-orb{color:var(--gold)}
.eco-map-node.big .eco-map-orb{color:var(--purple)}
.eco-map-node.gateway .eco-map-orb{color:var(--green)}
.eco-map-node.little .eco-map-orb{color:var(--cyan)}
.eco-map-orb::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px dashed currentColor;opacity:0.35;animation:spin 18s linear infinite}
.eco-map-face{width:30px;height:22px;border-radius:14px;background:rgba(5,10,24,0.86);display:flex;align-items:center;justify-content:center;gap:5px}
.eco-map-eye{width:5px;height:5px;border-radius:50%;background:currentColor}
.eco-map-world{font-family:var(--font-head);font-size:1.45rem;color:var(--gold);text-shadow:0 0 20px rgba(255,200,87,0.55)}
.eco-map-shield{font-size:1.35rem;color:var(--green)}
.eco-map-dependency{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin-top:1rem}
.eco-map-dependency div{border:1px solid rgba(255,255,255,0.09);background:rgba(255,255,255,0.028);border-radius:8px;padding:0.75rem;color:var(--muted);font-size:0.76rem;line-height:1.45}
.eco-map-dependency strong{display:block;color:var(--text);font-family:var(--font-head);font-size:0.7rem;letter-spacing:0.08em;margin-bottom:0.25rem}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.ecosystem-map{padding:1.2rem}.eco-map-row,.eco-map-dependency{grid-template-columns:1fr}.eco-map-node.other{display:none}.eco-map-flow{grid-template-columns:1fr}.eco-map-flow::before,.eco-map-flow::after{display:none}.flow-chip span{white-space:normal;text-align:center}}
@keyframes ecoPulse{0%,100%{opacity:.85}50%{opacity:.35}}
.eco-flow{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:center;max-width:920px;margin:0 auto 3rem}
.eco-step{flex:1 1 200px;max-width:240px;background:var(--glass);border:1px solid rgba(168,85,247,0.2);border-radius:10px;padding:1rem 1.1rem;position:relative;transition:all .3s;transform:translateY(20px);opacity:0}
.eco-step.vis{transform:translateY(0);opacity:1}
.eco-step:hover{border-color:rgba(255,200,87,0.35);box-shadow:0 0 24px rgba(168,85,247,0.12)}
.eco-step-n{font-family:var(--font-mono);font-size:0.68rem;color:var(--purple);letter-spacing:0.15em;margin-bottom:0.35rem}
.eco-step h4{font-family:var(--font-head);font-size:0.82rem;color:var(--text);margin-bottom:0.35rem}
.eco-step p{font-size:0.8rem;color:var(--muted);line-height:1.55}
.eco-trust{max-width:820px;margin:0 auto;background:linear-gradient(135deg,var(--glass),rgba(74,222,128,0.04));border:1px solid rgba(74,222,128,0.22);border-radius:14px;padding:2rem}
.eco-trust-title{font-family:var(--font-head);font-size:0.95rem;color:var(--green);text-align:center;margin-bottom:1.25rem;letter-spacing:0.05em}
.eco-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0.6rem 1.5rem}
.eco-trust-item{display:flex;align-items:flex-start;gap:0.55rem;font-size:0.85rem;color:var(--muted)}
.eco-trust-item .chk{color:var(--green);font-weight:700;flex-shrink:0}
.eco-tagline{text-align:center;margin-top:2.5rem;font-family:var(--font-head);font-size:clamp(1.1rem,2.4vw,1.5rem);background:linear-gradient(135deg,var(--cyan),var(--gold),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ——— WHITEPAPER MODAL ——— */
.wp-overlay{position:fixed;inset:0;z-index:10000;background:rgba(3,7,16,0.88);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:2.5rem 1.5rem;opacity:0;transition:opacity .3s}
.wp-overlay.open{display:flex;opacity:1}
.wp-modal{width:100%;max-width:940px;height:86vh;background:radial-gradient(circle at 50% -12%,rgba(168,85,247,0.14),transparent 55%),linear-gradient(165deg,#0c142e,#070d1e);border:1px solid rgba(122,233,255,0.2);border-radius:20px;box-shadow:0 50px 140px rgba(0,0,0,0.7),0 0 80px rgba(168,85,247,0.1);display:flex;flex-direction:column;overflow:hidden;animation:wpIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes wpIn{from{opacity:0;transform:translateY(20px) scale(0.98)}to{opacity:1;transform:none}}
.wp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--border)}
.wp-head-titles{min-width:0}
.wp-head h3{font-family:var(--font-head);font-size:clamp(1.05rem,3vw,1.4rem);background:linear-gradient(135deg,var(--gold),var(--pink) 55%,var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:0.01em;line-height:1.2}
.wp-head p{font-size:0.8rem;color:var(--muted);margin-top:0.45rem;line-height:1.5;max-width:640px}
.wp-close{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,0.04);color:var(--muted);font-size:1.45rem;line-height:1;cursor:pointer;transition:all .25s}
.wp-close:hover{border-color:var(--crimson);color:var(--crimson);background:rgba(226,51,75,0.14);transform:rotate(90deg)}
/* tab pills — robust on desktop and mobile, no <nav> element so the global fixed nav can't hijack it */
.wp-tabs{display:flex;gap:0.5rem;overflow-x:auto;padding:1rem 1.75rem;border-bottom:1px solid var(--border);background:rgba(5,10,24,0.45);-webkit-overflow-scrolling:touch;scrollbar-width:none}
.wp-tabs::-webkit-scrollbar{display:none}
.wp-tabs button{flex:0 0 auto;white-space:nowrap;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.02em;padding:0.5rem 0.95rem;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,0.03);color:var(--muted);cursor:pointer;transition:all .2s}
.wp-tabs button:hover{color:var(--text);border-color:rgba(122,233,255,0.35)}
.wp-tabs button.active{color:#04070f;background:linear-gradient(135deg,var(--cyan),var(--gold));border-color:transparent;font-weight:700;box-shadow:0 0 18px rgba(122,233,255,0.3)}
.wp-content{flex:1;overflow-y:auto;padding:2.25rem 2rem 3rem}
.wp-content .wp-section{max-width:720px;margin:0 auto}
.wp-content h3{font-family:var(--font-head);font-size:1.25rem;color:var(--text);margin-bottom:1.1rem;padding-bottom:0.65rem;border-bottom:1px solid var(--border)}
.wp-content h3:not(:first-child){margin-top:2.25rem}
.wp-content p{color:#aeb6c8;font-size:0.96rem;line-height:1.9;margin-bottom:1.1rem}
.wp-content ul{color:#aeb6c8;font-size:0.96rem;line-height:1.85;padding-left:1.3rem;margin-bottom:1.1rem}
.wp-content li{margin-bottom:0.6rem}
.wp-content em{color:var(--text);font-style:italic}
.wp-callout{background:linear-gradient(135deg,rgba(255,200,87,0.06),rgba(168,85,247,0.05));border:1px solid rgba(255,200,87,0.22);border-left:3px solid var(--gold);border-radius:10px;padding:1.1rem 1.35rem;margin:1.5rem 0;font-size:0.92rem;color:#c2cad8;line-height:1.75}
.wp-callout strong{color:var(--gold)}
@media(max-width:760px){
  .wp-overlay{padding:0}
  .wp-modal{height:100vh;max-width:none;border-radius:0;border:none}
  .wp-head{padding:1.1rem 1.15rem 0.9rem}
  .wp-tabs{padding:0.75rem 1.15rem}
  .wp-content{padding:1.5rem 1.25rem 2.5rem}
}

/* ═══ EVERYTHING I CAN DO ═══ */
.ab-intro,.ms-intro{max-width:680px;margin:0 auto 2rem;text-align:center;color:var(--muted);font-size:0.95rem;line-height:1.8}
.ab-filters{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-bottom:2rem}
.ab-filter{background:var(--glass);border:1px solid var(--border);color:var(--muted);padding:0.4rem 0.95rem;border-radius:20px;font-family:var(--font-mono);font-size:0.72rem;cursor:pointer;transition:all .2s}
.ab-filter:hover{color:var(--text);border-color:rgba(122,233,255,0.35)}
.ab-filter.active{color:#04070f;background:linear-gradient(135deg,var(--cyan),var(--gold));border-color:transparent;font-weight:700}
.ab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0.9rem}
.ab-card{position:relative;background:linear-gradient(135deg,var(--glass),rgba(255,255,255,0.015));border:1px solid var(--border);border-radius:12px;padding:1.05rem 1.1rem 1.1rem;transition:transform .3s,border-color .3s,box-shadow .3s,opacity .3s;overflow:hidden}
.ab-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ab,#7ae9ff);box-shadow:0 0 12px var(--ab,#7ae9ff)}
.ab-card:hover{transform:translateY(-3px);border-color:rgba(255,200,87,0.3);box-shadow:0 18px 44px rgba(0,0,0,0.4)}
.ab-card.hide{display:none}
.ab-top{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.4rem}
.ab-ico{font-size:1.25rem;flex:0 0 auto}
.ab-name{font-family:var(--font-head);font-size:0.78rem;font-weight:700;letter-spacing:0.05em;color:var(--text)}
.ab-new{margin-left:auto;font-family:var(--font-mono);font-size:0.56rem;letter-spacing:0.14em;color:#04070f;background:var(--gold);border-radius:10px;padding:0.1rem 0.45rem;font-weight:700}
.ab-line{font-size:0.83rem;color:var(--muted);line-height:1.6}

/* ═══ MEASURED, NOT CLAIMED ═══ */
.mz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.1rem}
.mz-card{background:linear-gradient(160deg,rgba(255,255,255,0.045),rgba(8,15,34,0.85));border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:1.35rem 1.35rem 1.2rem;position:relative;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,0.28)}
.mz-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--mz,#4ade80),transparent)}
.mz-label{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:0.85rem}
.mz-vals{display:flex;align-items:baseline;gap:0.7rem;flex-wrap:wrap;margin-bottom:0.8rem}
.mz-before{font-family:var(--font-head);font-size:1.05rem;color:rgba(232,234,246,0.38);text-decoration:line-through;text-decoration-color:rgba(226,51,75,0.6)}
.mz-arrow{color:var(--muted);font-size:0.95rem}
.mz-after{font-family:var(--font-head);font-size:1.75rem;font-weight:900;color:var(--mz,#4ade80);text-shadow:0 0 18px var(--mz,#4ade80);line-height:1}
.mz-bar{height:5px;border-radius:3px;background:rgba(255,255,255,0.06);overflow:hidden;margin-bottom:0.8rem;position:relative}
.mz-bar i{position:absolute;top:0;bottom:0;left:0;border-radius:3px}
.mz-bar .b{background:rgba(255,255,255,0.42);z-index:2;border-right:2px solid rgba(255,255,255,0.8)}
.mz-bar .a{background:var(--mz,#4ade80);box-shadow:0 0 10px var(--mz,#4ade80);width:0;transition:width 1.4s cubic-bezier(.4,0,.2,1)}
.mz-note{font-size:0.82rem;color:var(--muted);line-height:1.6}
.mz-foot{text-align:center;margin-top:1.8rem;font-family:var(--font-mono);font-size:0.72rem;color:var(--muted);opacity:0.8}

/* ── Spiral navigator: chamber chips, a climb slider and on-canvas controls ── */
.arch-nav{display:flex;align-items:center;gap:0.5rem;margin-top:0.85rem}
.arch-nav-btn{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--glass);border:1px solid var(--border);color:var(--cyan);font-size:1.1rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .2s}
.arch-nav-btn:hover{border-color:var(--cyan);background:rgba(122,233,255,0.1)}
.arch-chips{flex:1;display:flex;gap:0.4rem;overflow-x:auto;padding:0.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.arch-chips::-webkit-scrollbar{display:none}
.arch-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.45rem;padding:0.4rem 0.8rem;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,0.03);color:var(--muted);font-family:var(--font-mono);font-size:0.72rem;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}
.arch-chip:hover{color:var(--text);border-color:rgba(122,233,255,0.35)}
.arch-chip.active{color:#04070f;font-weight:700;border-color:transparent}
.arch-chip i{width:8px;height:8px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px currentColor}
.arch-climb{display:flex;align-items:center;gap:0.7rem;margin-top:0.7rem;font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.14em;color:var(--muted)}
.arch-climb input{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:4px;background:linear-gradient(90deg,#7ae9ff,#a855f7,#FFC857);outline:none;cursor:pointer}
.arch-climb input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--gold));border:2px solid var(--navy);box-shadow:0 0 14px rgba(255,200,87,0.75);cursor:pointer}
.arch-climb input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);border:2px solid var(--navy);cursor:pointer}
.arch-zoom{position:absolute;left:0.9rem;bottom:0.9rem;display:flex;flex-direction:column;gap:0.4rem;z-index:3}
.arch-zoom button{width:38px;height:38px;border-radius:9px;background:rgba(5,10,24,0.72);border:1px solid var(--border);color:var(--cyan);font-size:1.15rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.arch-zoom button:hover{border-color:var(--cyan);background:rgba(122,233,255,0.12)}
.arch-where{position:absolute;left:0.9rem;top:0.9rem;z-index:3;font-family:var(--font-mono);font-size:0.72rem;color:var(--cyan);background:rgba(5,10,24,0.62);border:1px solid var(--border);border-radius:20px;padding:0.32rem 0.8rem;backdrop-filter:blur(8px);pointer-events:none}
@media(max-width:768px){
  .arch-where{font-size:0.66rem}
  .arch-zoom button{width:42px;height:42px}
  .arch-chip{padding:0.45rem 0.85rem}
}

/* ─── the revamp ─── */

/* cursor: the real one stays; a soft ring follows it on mouse-driven screens */
#cursorGlow{position:fixed;left:0;top:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,200,87,0.5);pointer-events:none;z-index:9999;opacity:0;transition:width .25s,height .25s,border-color .25s,background .25s,opacity .3s;mix-blend-mode:screen}
#cursorGlow.on{opacity:1}
#cursorGlow.hot{width:52px;height:52px;border-color:rgba(255,200,87,0.9);background:rgba(255,200,87,0.06)}
@media (pointer:coarse){#cursorGlow{display:none}}

/* scroll progress */
#scrollBar{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--cyan),var(--gold),var(--pink),var(--purple));z-index:1200;pointer-events:none}

/* ═══ NAV ═══ */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;gap:1rem;padding:0 clamp(1rem,2.5vw,2.25rem);background:rgba(5,10,24,0.6);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.nav.solid{background:rgba(5,10,24,0.94);border-bottom-color:var(--border)}
.nav-logo{font-family:var(--font-head);font-weight:900;font-size:1.45rem;letter-spacing:.12em;color:var(--gold);text-shadow:var(--gg);text-decoration:none;flex:0 0 auto}
.nav-logo span{color:var(--crimson)}
.nav-links{display:flex;gap:.15rem;list-style:none;margin-left:auto}
.nav-links a{display:block;white-space:nowrap;padding:.45rem .65rem;border-radius:8px;color:var(--muted);text-decoration:none;font-family:var(--font-head);font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:color .2s,background .2s}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,0.04)}
.nav-links a.active{color:var(--cyan);background:rgba(122,233,255,0.08)}
.nav-actions{display:flex;align-items:center;gap:.55rem;flex:0 0 auto}
.nav-burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,0.04);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.nav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s,opacity .25s}
.nav-burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nav-sheet{position:fixed;top:var(--nav-h);left:0;right:0;z-index:999;background:rgba(5,10,24,0.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:.5rem clamp(1rem,4vw,2rem) 1.5rem;max-height:calc(100vh - var(--nav-h));overflow-y:auto;box-shadow:0 30px 60px rgba(0,0,0,0.5)}
.nav-sheet[hidden]{display:none}
.nav-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}
.nav-sheet a,.nav-sheet button{display:block;width:100%;text-align:left;padding:.85rem .25rem;border:none;border-bottom:1px solid var(--hair);background:none;color:var(--text);text-decoration:none;font-family:var(--font-head);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.nav-sheet a:hover,.nav-sheet button:hover{color:var(--gold)}
.nav-sheet .btn{margin-top:1.1rem;text-align:center}
.nav-sheet a.btn-primary{display:flex;justify-content:center;background:linear-gradient(135deg,var(--crimson),var(--purple));border:none;border-radius:10px;padding:.95rem 1rem;color:#fff}
.nav-sheet a.btn-primary:hover{color:#fff}

/* ═══ BUTTONS & CHIPS ═══ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.45rem;border-radius:10px;font-family:var(--font-head);font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s,box-shadow .25s,background .25s,border-color .25s,color .25s;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--crimson),var(--purple));color:#fff;box-shadow:0 0 22px rgba(226,51,75,0.4)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(226,51,75,0.65)}
.btn-ghost{background:rgba(255,255,255,0.03);border-color:rgba(122,233,255,0.35);color:var(--cyan)}
.btn-ghost:hover{background:rgba(122,233,255,0.1);border-color:var(--cyan);transform:translateY(-2px)}
.btn-sm{padding:.55rem .95rem;font-size:.62rem}
.nav-vid{position:relative}
.nav-vid-dot{width:7px;height:7px;border-radius:50%;background:var(--crimson);box-shadow:0 0 0 0 rgba(226,51,75,0.6);animation:vidPulse 1.8s infinite}
.nav-vid-short{display:none}
@keyframes vidPulse{0%{box-shadow:0 0 0 0 rgba(226,51,75,0.6)}70%{box-shadow:0 0 0 7px rgba(226,51,75,0)}100%{box-shadow:0 0 0 0 rgba(226,51,75,0)}}
.icon-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);background:rgba(255,255,255,0.04);color:var(--muted);text-decoration:none;font-weight:700;font-size:.9rem;transition:all .25s;flex:0 0 auto}
.icon-btn:hover{background:rgba(226,51,75,0.12);border-color:var(--crimson);color:var(--crimson);transform:translateY(-1px)}
.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.34rem .75rem;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,0.035);font-family:var(--font-mono);font-size:.68rem;color:var(--muted);letter-spacing:.02em;white-space:nowrap}
.chip b{color:var(--text);font-weight:600}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(74,222,128,0.8)}

/* ═══ SECTIONS ═══ */
.section{position:relative;overflow:hidden;padding:clamp(4.5rem,9vw,7rem) 0;border-top:1px solid var(--hair)}
.band-a{background:linear-gradient(180deg,var(--darker) 0%,var(--dark) 100%)}
.band-b{background:var(--navy)}
.wrap,.si{max-width:1240px;margin:0 auto;padding:0 clamp(1rem,3vw,2.5rem);position:relative;z-index:2}
.sec-head{text-align:center;max-width:740px;margin:0 auto clamp(2.2rem,4vw,3.2rem)}
.eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin-bottom:.85rem}
.eyebrow::before,.eyebrow::after{content:'';width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}
.eyebrow::after{background:linear-gradient(90deg,var(--cyan),transparent)}
.sec-head h2{font-family:var(--font-head);font-size:clamp(1.65rem,4vw,2.65rem);line-height:1.18;letter-spacing:.01em;background:linear-gradient(110deg,var(--text) 15%,var(--cyan) 50%,var(--gold) 75%,var(--pink) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleFlow 14s linear infinite}
.lead{color:var(--muted);font-size:1rem;line-height:1.85;margin-top:.95rem}
.lead strong{color:var(--text)}
.sub-head{font-family:var(--font-head);font-size:clamp(1.05rem,2.3vw,1.4rem);color:var(--text);text-align:center;margin:4.5rem auto .6rem;letter-spacing:.04em}
.sub-lead{text-align:center;color:var(--muted);max-width:660px;margin:0 auto 2rem;font-size:.93rem;line-height:1.8}

/* ═══ HERO ═══ */
#hero{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;overflow:hidden;padding-top:var(--nav-h);background:radial-gradient(circle at 18% 22%,rgba(122,233,255,0.13),transparent 18%),radial-gradient(circle at 85% 12%,rgba(255,122,182,0.12),transparent 16%),var(--darker)}
#hero::before{content:'';position:absolute;inset:0;background:linear-gradient(150deg,rgba(5,9,20,0.9),rgba(8,15,34,0.4) 40%,rgba(5,9,20,0.95));z-index:1;pointer-events:none}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;mix-blend-mode:screen;opacity:.95}
.model-switcher{left:74%;bottom:2.5rem}
.hero-text{position:relative;z-index:10;margin:2rem 0 2rem clamp(1rem,5vw,5rem);max-width:560px;padding:clamp(1.8rem,3vw,2.7rem);background:rgba(5,10,24,0.76);border:1px solid rgba(122,233,255,0.14);border-radius:26px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 40px 120px rgba(0,0,0,0.45)}
.hero-eyebrow{font-family:var(--font-mono);color:var(--cyan);font-size:.72rem;letter-spacing:.3em;margin-bottom:1.1rem;opacity:0;animation:fadeUp .8s .3s forwards}
.hero-title{font-family:var(--font-head);font-weight:900;line-height:.92;margin-bottom:1.15rem;letter-spacing:-.02em;opacity:0;animation:fadeUp .8s .45s forwards}
.hero-title .meet{color:rgba(232,234,246,0.4);font-size:clamp(1rem,3vw,1.3rem);letter-spacing:.35em;display:block;margin-bottom:.35rem}
.hero-title .lumi{display:block;font-size:clamp(4.2rem,8vw,6.8rem);background:linear-gradient(135deg,var(--gold),var(--crimson) 38%,var(--pink) 68%,var(--purple) 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleFlow 8s linear infinite,lumiGlow 4.5s ease-in-out infinite}
.hero-sub{font-size:1rem;color:var(--text);line-height:1.9;opacity:0;animation:fadeUp .8s .6s forwards}
.hero-sub strong{color:var(--cyan)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem;opacity:0;animation:fadeUp .8s .75s forwards}
.hero-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.5rem;opacity:0;animation:fadeUp .8s .9s forwards}
.scroll-cue{position:absolute;bottom:1.6rem;left:clamp(1rem,5vw,5rem);z-index:10;display:flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.3em;color:rgba(255,255,255,0.6);text-decoration:none;opacity:0;animation:fadeUp 1s 1.3s forwards}
.scroll-cue i{width:16px;height:26px;border:1px solid rgba(255,255,255,0.25);border-radius:9px;position:relative}
.scroll-cue i::after{content:'';position:absolute;top:5px;left:50%;width:3px;height:7px;background:var(--text);border-radius:2px;transform:translateX(-50%);animation:bounce 1.5s ease-in-out infinite}

/* ═══ WHAT I AM ═══ */
.compare{max-width:1000px;margin:0 auto;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--glass2);box-shadow:0 30px 80px rgba(0,0,0,0.35)}
.cmp-row{display:grid;grid-template-columns:1fr 1fr}
.cmp-row+.cmp-row{border-top:1px solid var(--hair)}
.cmp-row>div{padding:1rem 1.5rem;display:flex;gap:.8rem;align-items:flex-start;font-size:.93rem;line-height:1.6}
.cmp-them{color:var(--muted)}
.cmp-me{color:var(--text);background:linear-gradient(100deg,rgba(255,200,87,0.07),rgba(168,85,247,0.05));border-left:1px solid var(--border2)}
.cmp-ico{flex:0 0 auto;width:1.4rem;text-align:center}
.cmp-them .cmp-ico{color:#6b7591}
.cmp-me .cmp-ico{color:var(--gold)}
.cmp-head>div{font-family:var(--font-head);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding-top:1.2rem;padding-bottom:1.1rem}
.cmp-head .cmp-me{color:var(--gold)}
.cmp-label{display:none}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin-top:3rem}
.pillar{position:relative;background:linear-gradient(170deg,rgba(255,255,255,0.045),rgba(8,15,34,0.85));border:1px solid var(--hair);border-radius:18px;padding:1.8rem 1.5rem;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,0.3);transition:transform .35s,box-shadow .35s,border-color .35s,opacity .7s}
.pillar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pc),transparent)}
.pillar:hover{transform:translateY(-6px);border-color:rgba(255,255,255,0.14);box-shadow:0 30px 70px rgba(0,0,0,0.45),0 0 30px rgba(168,85,247,0.14)}
.pillar-icon{font-size:2.1rem;display:block;margin-bottom:.9rem}
.pillar h3{font-family:var(--font-head);font-size:.9rem;letter-spacing:.08em;color:var(--pc);margin-bottom:.6rem}
.pillar p{color:var(--muted);font-size:.88rem;line-height:1.75}
.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1.6rem}
.principle{display:flex;gap:.75rem;align-items:flex-start;padding:.95rem 1.05rem;border-radius:12px;background:rgba(255,255,255,0.025);border:1px solid var(--hair);transition:border-color .25s,background .25s}
.principle:hover{border-color:rgba(255,200,87,0.25);background:rgba(13,21,48,0.9)}
.principle .p-em{font-size:1.25rem;flex:0 0 auto}
.principle h4{font-family:var(--font-head);font-size:.66rem;letter-spacing:.1em;color:var(--text);margin-bottom:.2rem}
.principle p{font-size:.8rem;color:var(--muted);line-height:1.5}

/* ═══ PROGRESS ═══ */
.prog-hero{margin-bottom:2rem}
.last-updated{margin-top:.6rem}
.path{list-style:none;position:relative;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}
.path::before{content:'';position:absolute;left:27px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,var(--gold),var(--cyan) 28%,rgba(255,255,255,0.06))}
.stage{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:1.1rem;align-items:start}
.stage-num{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:900;font-size:1.05rem;background:var(--navy);border:2px solid rgba(255,255,255,0.14);color:rgba(255,255,255,0.4);position:relative;z-index:1}
.stage.next .stage-num{border-color:var(--gold);color:var(--gold);animation:pulseDot 2.2s ease-in-out infinite}
.stage.underway .stage-num{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 18px rgba(122,233,255,0.35)}
.stage.done .stage-num{border-color:var(--green);color:var(--green)}
.stage-card{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.35rem;transition:border-color .25s}
.stage-card:hover{border-color:rgba(255,200,87,0.3)}
.stage.next .stage-card{border-color:rgba(255,200,87,0.4);background:linear-gradient(135deg,rgba(255,200,87,0.07),var(--glass))}
.stage.underway .stage-card{border-color:rgba(122,233,255,0.3)}
.stage-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1rem;flex-wrap:wrap}
.stage-title{font-family:var(--font-head);font-size:.95rem;color:var(--text);letter-spacing:.04em}
.stage-status{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,0.12);color:var(--muted);white-space:nowrap}
.st-next{color:var(--gold);border-color:rgba(255,200,87,0.4);background:rgba(255,200,87,0.08)}
.st-underway{color:var(--cyan);border-color:rgba(122,233,255,0.35);background:rgba(122,233,255,0.07)}
.st-done{color:var(--green);border-color:rgba(74,222,128,0.35);background:rgba(74,222,128,0.07)}
.stage-line{color:var(--muted);font-size:.88rem;margin-top:.35rem;line-height:1.65}
.stage-items{list-style:none;margin-top:.8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.4rem}
.stage-items li{font-size:.83rem;color:var(--muted);padding-left:1.35rem;position:relative;line-height:1.55}
.stage-items li::before{content:'○';position:absolute;left:0;top:0;color:#4a5373}
.stage-items li.done{color:var(--text)}
.stage-items li.done::before{content:'✓';color:var(--green);font-weight:700}
.stage-items li.next{color:var(--text)}
.stage-items li.next::before{content:'◉';color:var(--gold)}
.tag-next{display:inline-block;font-family:var(--font-mono);font-size:.54rem;letter-spacing:.14em;color:#04070f;background:var(--gold);border-radius:6px;padding:.08rem .38rem;margin-left:.4rem;vertical-align:1px;font-weight:700}
.phase-row{cursor:pointer}
.phase-row:focus-visible{outline-offset:2px}
.phase-items{display:none;margin-top:.8rem;padding-top:.75rem;border-top:1px solid var(--hair);columns:2;column-gap:1.6rem}
.phase-row.open .phase-items{display:block}
.phase-items div{font-size:.8rem;color:var(--muted);padding:.16rem 0 .16rem 1rem;position:relative;break-inside:avoid;line-height:1.5}
.phase-items div::before{content:'›';position:absolute;left:0;color:var(--gold)}
.phase-more{font-family:var(--font-mono);font-size:.64rem;color:var(--muted);margin-top:.45rem;opacity:.7;letter-spacing:.04em}
.phase-row.open .phase-more .pm-open{display:none}
.phase-row:not(.open) .phase-more .pm-close{display:none}

/* ═══ ROADMAPS ═══ */
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}
.tab{background:var(--glass);border:1px solid var(--border);color:var(--muted);padding:.55rem 1.1rem;border-radius:999px;font-family:var(--font-head);font-size:.66rem;letter-spacing:.08em;cursor:pointer;transition:all .25s;white-space:nowrap}
.tab:hover{border-color:rgba(255,200,87,0.35);color:var(--text)}
.tab[aria-selected="true"]{background:rgba(255,200,87,0.1);border-color:var(--gold);color:var(--gold)}
.road-panel[hidden]{display:none}
.jp-card{cursor:default}
.track-intro{max-width:720px;margin:0 auto 2.2rem;text-align:center;padding:1.8rem 2rem;border-radius:16px;border:1px solid var(--hair);background:linear-gradient(135deg,var(--glass),rgba(255,255,255,0.02));box-shadow:inset 0 2px 0 var(--tc)}
.track-intro h3{font-family:var(--font-head);font-size:1.3rem;color:var(--tc);margin-bottom:.7rem}
.track-intro p{color:var(--muted);font-size:.92rem;line-height:1.8}

/* ═══ DAILY LOGS ═══ */
.log-controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:2.2rem}
.log-search{background:var(--glass);border:1px solid var(--border);color:var(--text);padding:.55rem 1rem;border-radius:999px;font-family:var(--font-mono);font-size:.8rem;min-width:240px;outline:none}
.log-search:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(122,233,255,0.12)}
.tag-filter{background:var(--glass);border:1px solid var(--border);color:var(--muted);padding:.4rem .9rem;border-radius:999px;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all .2s}
.tag-filter:hover{color:var(--text)}
.tag-filter.active{border-color:var(--crimson);color:var(--crimson);background:rgba(226,51,75,0.1)}
.logs{position:relative;max-width:880px;margin:0 auto;padding-left:2.4rem}
.logs::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,var(--gold),var(--crimson) 20%,var(--purple) 60%,rgba(168,85,247,0.1))}
.log{position:relative;margin-bottom:1.4rem;padding:1.4rem 1.6rem;background:var(--glass);border:1px solid var(--border);border-radius:14px;transition:border-color .25s}
.log::before{content:'';position:absolute;left:calc(-2.4rem - 5px);top:1.7rem;width:12px;height:12px;border-radius:50%;background:var(--crimson);border:2px solid var(--navy)}
.log.is-milestone{border-color:rgba(255,200,87,0.3)}
.log.is-milestone::before{background:var(--gold);box-shadow:0 0 14px rgba(255,200,87,0.8)}
.log:hover{border-color:rgba(122,233,255,0.3)}
.log.is-hidden{display:none}
.log-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem;flex-wrap:wrap}
.log-date{font-family:var(--font-mono);font-size:.7rem;color:var(--crimson);letter-spacing:.08em}
.log.is-milestone .log-date{color:var(--gold)}
.log-latest{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.16em;background:var(--green);color:#04070f;border-radius:6px;padding:.1rem .45rem;font-weight:700}
.log-title{font-family:var(--font-head);font-size:.98rem;line-height:1.45;margin-bottom:.55rem;color:var(--text);font-weight:700}
.log-summary{color:var(--muted);font-size:.9rem;line-height:1.75}
.log-detail{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--hair)}
.log-detail p{color:#aeb6c8;font-size:.88rem;line-height:1.85;margin-bottom:.85rem}
.log-detail p:last-child{margin-bottom:0}
.log.open .log-detail{display:block}
.log-foot{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:.9rem}
.log-expand{background:none;border:none;color:var(--cyan);font-family:var(--font-mono);font-size:.72rem;cursor:pointer;padding:.2rem 0}
.log-expand:hover{text-decoration:underline}
.log-tags{display:flex;flex-wrap:wrap;gap:.3rem}
.log-tag{font-size:.64rem;padding:.16rem .5rem;border-radius:4px;font-family:var(--font-mono);background:rgba(226,51,75,0.08);border:1px solid rgba(226,51,75,0.25);color:var(--crimson)}
.log.is-milestone .log-tag{background:rgba(255,200,87,0.08);border-color:rgba(255,200,87,0.25);color:var(--gold)}
.logs-more{display:flex;justify-content:center;margin-top:1.4rem}
.logs-empty{text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:.8rem;padding:2rem 0}

/* ═══ DOCS ═══ */
.docs-nav button{display:block;width:100%;text-align:left;padding:.5rem .75rem;border-radius:6px;border:none;border-left:2px solid transparent;background:none;color:var(--muted);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all .2s}
.docs-nav button:hover{color:var(--text);background:rgba(255,255,255,0.03)}
.docs-nav button.active{color:var(--cyan);background:rgba(122,233,255,0.06);border-left-color:var(--cyan)}
.doc-content{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:clamp(1.3rem,3vw,2.2rem)}

/* ═══ FAQ ═══ */
.faq{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:.6rem}
.faq-item{background:var(--glass);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}
.faq-item[open]{border-color:rgba(255,200,87,0.32)}
.faq-item summary{list-style:none;cursor:pointer;padding:1rem 1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-family:var(--font-head);font-size:.8rem;letter-spacing:.03em;line-height:1.5;color:var(--text)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-family:var(--font-mono);color:var(--gold);font-size:1.2rem;line-height:1;transition:transform .2s;flex:0 0 auto}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:hover{color:var(--gold)}
.faq-a{padding:0 1.25rem 1.15rem;color:var(--muted);font-size:.9rem;line-height:1.8}

/* ═══ GET LUMI ═══ */
.get-grid{max-width:720px;margin:0 auto}
.get-grid .wl-card,.get-grid .wl-success{max-width:none;margin:0}
.wl-count{margin:1.1rem auto 0;display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.76rem;color:var(--cyan);background:rgba(122,233,255,0.07);border:1px solid rgba(122,233,255,0.25);border-radius:20px;padding:.4rem .95rem}
.wl-count span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(74,222,128,0.8)}

/* ═══ FOOTER ═══ */
.footer{background:var(--darker);border-top:1px solid var(--border);padding:3.2rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) auto;gap:2rem;align-items:start}
.footer-logo{font-family:var(--font-head);font-size:1.9rem;font-weight:900;color:var(--gold);text-shadow:var(--gg);letter-spacing:.1em}
.footer-tag{font-size:.95rem;color:var(--muted);font-style:italic;margin-top:.3rem}
.footer-tag span{color:var(--crimson)}
.footer-note{font-size:.8rem;color:var(--muted);opacity:.8;margin-top:.6rem;max-width:300px;line-height:1.6}
.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem 1.5rem}
.footer-links a{color:var(--muted);text-decoration:none;font-size:.78rem;font-family:var(--font-mono);transition:color .2s}
.footer-links a:hover{color:var(--cyan)}
.footer-copy{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--hair);font-size:.7rem;color:rgba(141,150,174,0.55);font-family:var(--font-mono);text-align:center}

/* ═══ ARCHITECTURE (mobile) ═══ */
.arch-hint{display:block}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1360px){
  .nav-wp{display:none}
}
@media(max-width:1200px){
  .nav-links{display:none}
  .nav-burger{display:flex}
  .nav-actions{margin-left:auto}
}
@media(max-width:1100px){
  .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .principles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1024px){
  .docs-layout{grid-template-columns:1fr;gap:1.2rem}
  .docs-side{position:relative;top:auto}
  .docs-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;padding-bottom:.4rem;scrollbar-width:none}
  .docs-nav::-webkit-scrollbar{display:none}
  .docs-nav li{flex:0 0 auto}
  .docs-nav button{border-left:none;border:1px solid var(--border);border-radius:999px;padding:.4rem .85rem;white-space:nowrap}
  .docs-nav button.active{border-color:var(--cyan)}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-note{margin-left:auto;margin-right:auto}
  .footer-links{justify-items:center}
}
@media(max-width:860px){
  #hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;padding:calc(var(--nav-h) + .5rem) 0 2.5rem}
  #hero::before{display:none}
  #heroCanvas{position:relative;inset:auto;display:block;width:100%;height:44vh;min-height:300px;order:-1;opacity:1;mix-blend-mode:normal}
  .model-switcher{position:relative;left:auto;bottom:auto;transform:none;order:0;margin:.4rem auto 0}
  .hero-text{margin:.9rem 1rem 0;max-width:none;text-align:center}
  .hero-ctas,.hero-chips{justify-content:center}
  .scroll-cue{display:none}
  .cmp-row{grid-template-columns:1fr}
  .cmp-head{display:none}
  .cmp-row>div{padding:.85rem 1.1rem}
  .cmp-me{border-left:none;border-top:1px dashed var(--hair)}
  .cmp-label{display:block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.15rem}
  .cmp-them .cmp-label{color:#6b7591}
  .cmp-me .cmp-label{color:var(--gold)}
  .stage-items{grid-template-columns:1fr}
  .phase-items{columns:1}
  .arch-wrap{height:70vh;min-height:460px}
  .arch-panel{position:fixed;left:1rem;right:1rem;bottom:1rem;top:auto;width:auto;max-width:none;z-index:50}
  .arch-controls{gap:.5rem}
  .arch-btn{padding:.45rem .8rem;font-size:.72rem}
  .personality-panel{padding:1.4rem 1.1rem}
  .rapport-tiers{gap:.3rem}
  .tier-item{padding:.5rem .1rem}
  .tier-name{font-size:.54rem}
}
@media(max-width:640px){
  .nav-wp{display:none}
  .nav-vid-long{display:none}
  .nav-vid-short{display:inline}
  .nav-sheet-grid{grid-template-columns:1fr}
  .pillars,.principles{grid-template-columns:1fr}
  .stage{grid-template-columns:40px minmax(0,1fr);gap:.8rem}
  .stage-num{width:40px;height:40px;font-size:.85rem}
  .path::before{left:19px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:.4rem;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .logs{padding-left:1.4rem}
  .log{padding:1.15rem 1.1rem}
  .log::before{left:calc(-1.4rem - 5px)}
  .log-search{min-width:0;width:100%}
  .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prog-hero{padding:1.6rem 1.2rem}
  .hero-title .lumi{font-size:3.6rem}
}
@media(max-width:400px){
  .nav-x{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal,.loop-card,.jp-node,.eco-step,.stat-card,.phase-row,.orb,.hero-eyebrow,.hero-title,.hero-sub,.hero-ctas,.hero-chips,.scroll-cue{opacity:1!important;transform:none!important}
}
.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}
.tier-item{width:100%;font:inherit;color:inherit}