/* InvestorID · Signal (2026-10-02) — clean, high-legibility, interactive */
:root{
  --bg:#f5f6f8;--surface:#fff;--sunk:#eef0f4;
  --ink:#0b1220;--ink-2:#394357;--muted:#687186;--line:#e4e7ee;--line-2:#cfd4de;
  --brand:#0e9f6e;--brand-ink:#047857;--brand-soft:#e3f6ee;--brand-glow:rgba(14,159,110,.35);
  --amber:#f2a93b;--amber-soft:#fff3df;--loss:#e0533d;
  --dark:#0a111e;--dark-2:#111b2e;--dark-3:#18243b;--dline:rgba(255,255,255,.09);--dtext:rgba(255,255,255,.72);--dmuted:rgba(255,255,255,.5);
  --tg:#229ed9;
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --r-lg:28px;--r-md:20px;--r-sm:14px;
  --shadow:0 1px 2px rgba(11,18,32,.04),0 12px 32px -16px rgba(11,18,32,.18);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15.5px/1.7 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:'tnum' 1;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,dl,dd,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2.5px solid var(--brand);outline-offset:3px;border-radius:6px}
::selection{background:var(--brand);color:#fff}
.wrap{width:min(1240px,100% - 48px);margin-inline:auto}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- atoms ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.eyebrow .ic{width:16px;height:16px}
.on-dark .eyebrow{background:rgba(14,159,110,.16);color:#5ee0aa}
.h2{margin-top:16px;font-size:clamp(26px,2.8vw,40px);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.lede{margin-top:14px;max-width:58ch;font-size:16px;line-height:1.65;color:var(--ink-2)}
.on-dark .lede{color:var(--dtext)}
.head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px 64px;align-items:end;margin-bottom:48px}
.head .lede{margin-top:0}
.src{margin-top:16px;font-size:13px;line-height:1.6;color:var(--muted)}
.src a,.u{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--line-2);transition:color .2s,text-decoration-color .2s}
.src a:hover,.u:hover{color:var(--brand-ink);text-decoration-color:currentColor}
.on-dark .src{color:var(--dmuted)}
.on-dark .src a:hover{color:#5ee0aa}
.note{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;font-weight:400;color:var(--muted)}
.note a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.up{color:var(--brand)}

/* buttons */
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:14px;font-size:14.5px;font-weight:700;line-height:1.2;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,background .2s,border-color .2s}
.btn svg{width:20px;height:20px;flex:none}
.btn-wa{background:var(--brand);color:#fff;box-shadow:0 12px 28px -12px var(--brand-glow),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-wa::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn-tg{background:var(--surface);color:var(--ink);border:1.5px solid var(--line-2)}
.btn-tg svg{color:var(--tg)}
.on-dark .btn-tg,.dark-card .btn-tg{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.2)}
@media(hover:hover){.btn:hover{transform:translateY(-2px)}.btn-wa:hover{background:var(--brand-ink);box-shadow:0 18px 36px -14px var(--brand-glow)}.btn-wa:hover::after{transform:translateX(120%)}.btn-tg:hover{border-color:var(--tg)}}
.pill-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--brand-ink)}
.pill-link .ic{width:16px;height:16px;transition:transform .25s var(--ease)}
.pill-link:hover .ic{transform:translate(2px,-2px)}

/* logos */
.logo{flex:none;width:36px;height:36px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:3px}
.logo-x{display:inline-grid;place-items:center;padding:0;background:var(--ink);color:#fff;font-size:14px;font-weight:800;border:0}

/* ---------- tape ---------- */
.tape{background:var(--dark);color:#fff;overflow:hidden;font-size:13px;font-weight:600}
.tape-track{display:flex;width:max-content;animation:tape 55s linear infinite}
.tape:hover .tape-track{animation-play-state:paused}
.tape-group{display:flex;align-items:center;gap:30px;padding:10px 15px}
.tape-group span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--dtext)}
.tape-group b{color:#fff}
.tape-group i{font-style:normal;color:#5ee0aa}
.tape-group i::before{content:'▲ ';font-size:9px}
.tape-group em{font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--amber)}
@keyframes tape{to{transform:translateX(-50%)}}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:24px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img{width:40px;height:40px;border-radius:12px}
.brand b{display:block;font-size:16px;font-weight:800;letter-spacing:.08em}
.brand small{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--muted)}
.nav{display:flex;gap:4px;margin-inline:auto;padding:5px;border-radius:16px;background:var(--sunk)}
.nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:12px;font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.nav a .ic{width:16px;height:16px;color:var(--muted);transition:color .2s}
.nav a:hover{color:var(--ink)}
.nav a[aria-current]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(11,18,32,.12)}
.nav a[aria-current] .ic{color:var(--brand)}
.top .btn{flex:none;white-space:nowrap;min-height:46px;padding:0 18px;border-radius:14px;font-size:14px}
.progress{position:fixed;left:0;right:0;top:0;z-index:60;height:3px;background:linear-gradient(90deg,var(--brand),var(--amber));transform-origin:left;transform:scaleX(0);pointer-events:none}

/* ---------- hero ---------- */
.hero{position:relative;color:#fff;background:var(--dark);overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0 0 0 auto;width:68%;z-index:-2}
.hero-bg img{width:100%;height:115%;object-fit:cover;will-change:transform}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--dark) 32%,rgba(10,17,30,.86) 50%,rgba(10,17,30,.35) 75%,rgba(10,17,30,.55)),linear-gradient(0deg,var(--dark) 0%,transparent 30%)}
.hero-in{display:grid;grid-template-columns:minmax(0,640px);padding:96px 0 160px}
.hero h1{margin:20px 0 18px;font-size:clamp(34px,4.2vw,60px);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.hero h1 em{display:block;margin-top:10px;font-size:.52em;font-style:normal;font-weight:600;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(90deg,#5ee0aa,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{color:var(--dtext);font-size:16.5px}
.hero .src{color:var(--dmuted)}
.hero .src a:hover{color:#5ee0aa}
.chart-card{position:relative;padding:26px;border-radius:var(--r-lg);background:rgba(17,27,46,.62);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.chart-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.chart-top b{display:flex;align-items:center;gap:10px;font-size:15px}
.chart-top b .dot{width:9px;height:9px;border-radius:50%;background:var(--loss);box-shadow:0 0 0 4px rgba(224,83,61,.2)}
.delta{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(224,83,61,.15);color:#ff8a75;font-size:13px;font-weight:700}
.delta .ic{width:15px;height:15px}
.chart{margin:18px 0 6px;width:100%;height:auto;overflow:visible}
.chart .grid{stroke:rgba(255,255,255,.08);stroke-dasharray:3 5}
.chart .line{fill:none;stroke:url(#lg);stroke-width:3;stroke-linecap:round;stroke-dasharray:var(--len,600);stroke-dashoffset:0}
.chart .area{fill:url(#ag)}
.chart .lvl{stroke:var(--amber);stroke-width:1.5;stroke-dasharray:6 6}
.chart .lvl-t{fill:var(--amber);font:700 11px var(--font)}
.chart .pt{fill:#fff;stroke-width:3}
.chart .pt-a{stroke:#5ee0aa}.chart .pt-b{stroke:var(--loss)}
.chart-vals{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chart-vals div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--dline)}
.chart-vals small{display:block;font-size:12px;font-weight:600;color:var(--dmuted)}
.chart-vals strong{display:block;margin-top:2px;font-size:20px;font-weight:800;letter-spacing:-.02em}
.js .chart .line{stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1.8s var(--ease) .3s}
.js .chart .area,.js .chart .pt-b{opacity:0;transition:opacity .8s ease 1.6s}
.js .chart-card.is-in .line{stroke-dashoffset:0}
.js .chart-card.is-in .area,.js .chart-card.is-in .pt-b{opacity:1}

/* quick stats */
.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:-84px}
.stat{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s,border-color .2s}
.stat:hover{transform:translateY(-6px);border-color:var(--brand);box-shadow:0 26px 50px -24px rgba(11,18,32,.35)}
.stat-ic{display:grid;place-items:center;width:44px;height:44px;margin-bottom:8px;border-radius:14px;background:var(--brand-soft);color:var(--brand-ink)}
.stat:nth-child(2) .stat-ic{background:var(--amber-soft);color:#b86e00}
.stat:nth-child(3) .stat-ic{background:#e7f0ff;color:#2563eb}
.stat:nth-child(4) .stat-ic{background:#f3e8ff;color:#7c3aed}
.stat strong{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.stat span{font-size:14px;color:var(--muted);line-height:1.45}
.stat .go{position:absolute;right:18px;top:20px;width:18px;height:18px;color:var(--line-2);transition:color .2s,transform .25s var(--ease)}
.stat:hover .go{color:var(--brand);transform:translate(2px,-2px)}

/* ---------- sections ---------- */
.sec{padding:120px 0}
.sec.white{background:var(--surface)}
.on-dark{background:var(--dark);color:#fff}

/* momentum */
.mo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:stretch}
.board{padding:28px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.board-head small{font-size:13px;font-weight:600;color:var(--muted)}
.board-head small .ic{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.cols{display:grid;grid-template-columns:36px minmax(0,1fr) 110px 40px;gap:12px;padding:10px 12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cols span:nth-child(3){text-align:right}
.rank li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:4px;border-radius:16px;transition:background .2s}
.rank li+li{margin-top:4px}
.rank li:hover{background:var(--bg)}
.rank li.on{background:var(--brand-soft)}
.pick{display:grid;grid-template-columns:36px minmax(0,1fr) 110px;align-items:center;gap:12px;padding:12px;text-align:left;border-radius:16px;width:100%}
.pick .n{font-size:13px;font-weight:700;color:var(--muted)}
.pick-main{display:flex;flex-direction:column;gap:8px;min-width:0}
.pick-tk{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;letter-spacing:.02em}
.pick-tk .logo{width:34px;height:34px}
.pick .v{font-size:18px;font-weight:800;text-align:right;color:var(--brand)}
.bar{display:block;height:8px;border-radius:99px;background:var(--sunk);overflow:hidden}
.bar i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#7fe0b6,var(--brand));transform-origin:left;transition:transform 1.2s var(--ease)}
.row-src{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:var(--muted);transition:background .2s,color .2s}
.row-src:hover{background:#fff;color:var(--brand-ink)}
.row-src .ic{width:18px;height:18px}
.verify{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border-radius:16px;background:var(--bg);font-size:14.5px;font-weight:700;transition:background .2s}
.verify:hover{background:var(--brand-soft);color:var(--brand-ink)}
.verify>span:first-of-type{font-size:12px;font-weight:700;color:var(--muted)}
.verify>span:nth-of-type(2){flex:1}
.spot{position:relative;display:flex;flex-direction:column;padding:32px;border-radius:var(--r-lg);color:#fff;overflow:hidden;background:var(--dark);isolation:isolate}
.spot-bg{position:absolute;inset:0;z-index:-1;opacity:.32}
.spot-bg img{width:100%;height:100%;object-fit:cover}
.spot::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,17,30,.55),rgba(10,17,30,.96) 70%)}
.spot-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:700;letter-spacing:.06em}
.spot-body{margin-top:auto;padding-top:48px}
.spot-tk{display:flex;align-items:center;gap:14px}
.spot-tk .logo{width:52px;height:52px;border-radius:14px}
.spot h3{font-size:clamp(32px,3.2vw,44px);font-weight:800;line-height:1;letter-spacing:-.04em}
.spot h3 span{display:block;color:#5ee0aa}
.spot p{margin-top:16px;font-size:15.5px;line-height:1.65;color:var(--dtext)}
.spot-price{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);font-size:15px;font-weight:600}
.spot-price .ic{color:#5ee0aa}
.spot a{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-weight:700;color:#5ee0aa}
.spot a .ic{width:16px;height:16px}
.spot-body.swap{animation:swap .5s var(--ease)}
@keyframes swap{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* lenses tabs */
.lenses{margin-top:96px}
.lenses-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:28px}
.lenses-top h2{font-size:clamp(22px,2.2vw,30px);font-weight:800;letter-spacing:-.03em}
.lenses-top p{font-size:14px;font-weight:600;color:var(--muted)}
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tab{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:var(--surface);border:1.5px solid var(--line);text-align:left;transition:border-color .2s,background .2s,transform .3s var(--ease)}
.tab:hover{transform:translateY(-2px);border-color:var(--line-2)}
.tab[aria-selected=true]{border-color:var(--brand);background:var(--brand-soft)}
.tab .t-ic{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:var(--bg);color:var(--brand-ink);transition:background .2s,color .2s}
.tab[aria-selected=true] .t-ic{background:var(--brand);color:#fff}
.tab .t-ic svg{width:24px;height:24px}
.tab small{display:block;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.06em}
.tab b{display:block;font-size:16px;line-height:1.3}
.panels{margin-top:16px}
.panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;padding:34px 36px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.panel+.panel{margin-top:12px}
.js .panel+.panel{margin-top:0}
.js .panel[hidden]{display:none}
.panel-ic{display:grid;place-items:center;width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,var(--brand-soft),#fff);color:var(--brand-ink);border:1px solid var(--line)}
.panel-ic svg{width:44px;height:44px}
.panel h3{font-size:20px;font-weight:800;letter-spacing:-.02em}
.panel p{margin-top:8px;font-size:15.5px;line-height:1.7;color:var(--ink-2);max-width:80ch}
.js .panel:not([hidden]){animation:swap .45s var(--ease)}

/* method */
.method{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.median{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;padding:36px;border-radius:var(--r-lg);overflow:hidden;color:#fff;isolation:isolate}
.median img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.median::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,17,30,.15),rgba(10,17,30,.9) 65%)}
.median strong{font-size:clamp(52px,5.6vw,80px);font-weight:800;line-height:.95;letter-spacing:-.05em;color:#5ee0aa}
.median>span{display:block;margin-top:10px;max-width:36ch;font-size:16px;font-weight:600;line-height:1.45}
.calc{margin-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.calc summary{display:flex;align-items:center;gap:8px;padding-top:14px;font-size:14.5px;font-weight:700;color:#5ee0aa;cursor:pointer;list-style:none}
.calc summary::-webkit-details-marker{display:none}
.calc summary .ic{width:18px;height:18px;transition:transform .3s var(--ease)}
.calc[open] summary .ic{transform:rotate(180deg)}
.calc p{margin-top:12px;font-size:14px;line-height:1.75;color:var(--dtext)}
.calc a{text-decoration:underline;text-underline-offset:3px}
.steps{display:grid;gap:14px;align-content:stretch}
.step{display:flex;gap:20px;align-items:flex-start;padding:28px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:transform .35s var(--ease),border-color .2s,box-shadow .35s}
.step:hover{transform:translateX(6px);border-color:var(--brand);box-shadow:var(--shadow)}
.step-ic{position:relative;display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:18px;background:var(--brand-soft);color:var(--brand-ink)}
.step-ic svg{width:26px;height:26px}
.step-ic i{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;font-weight:800;font-style:normal}
.step dt{font-size:17px;font-weight:800;letter-spacing:-.01em}
.step dd{margin-top:4px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}

/* foreign */
.fx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:stretch}
.flows{position:relative;padding:32px;border-radius:var(--r-lg);overflow:hidden}
.flows-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.flows-head b{display:flex;align-items:center;gap:10px;font-size:16px}
.flows-head b .ic{color:#5ee0aa}
.flows-head span{font-size:13px;font-weight:600;color:var(--dmuted)}
.flow{padding:22px 0;border-bottom:1px solid var(--dline)}
.flow:last-child{border-bottom:0;padding-bottom:0}
.flow-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.flow-top strong{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:.02em}
.flow-top strong i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);font-style:normal;font-size:12px;color:#5ee0aa}
.flow-top>span{font-size:17px;font-weight:800;color:#5ee0aa}
.flows .bar{height:12px;background:rgba(255,255,255,.07)}
.flows .bar i{background:linear-gradient(90deg,rgba(94,224,170,.25),#5ee0aa)}
.flow .note{color:var(--dmuted)}
.flow .note a:hover{color:#5ee0aa}
.fx-copy{padding:32px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.fx-copy h3{margin:14px 0 10px;font-size:clamp(20px,2vw,24px);font-weight:800;line-height:1.2;letter-spacing:-.02em}
.fx-copy>p{font-size:16px;line-height:1.7;color:var(--ink-2)}
.prompts{display:grid;gap:10px;margin-top:22px}
.prompt{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:var(--bg)}
.prompt .ic{width:22px;height:22px;margin-top:2px;color:var(--brand)}
.prompt b{display:block;font-size:15.5px}
.prompt span{font-size:14.5px;line-height:1.55;color:var(--muted)}
.views{margin-top:64px}
.views-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 40px;margin-bottom:24px}
.views-head h3{margin-top:14px;font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.03em}
.views-head p{font-size:15px;font-weight:600;color:var(--muted)}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{padding:28px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s,border-color .2s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2)}
.card-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--brand-soft);color:var(--brand-ink)}
.card-ic svg{width:26px;height:26px}
.card small{display:block;margin-top:20px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.card h4{margin:6px 0 8px;font-size:17px;font-weight:800;line-height:1.3}
.card p{font-size:15px;line-height:1.65;color:var(--ink-2)}

/* issuers */
.q-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:20px 24px;margin-bottom:24px;border-radius:var(--r-md);background:var(--amber-soft);border:1px solid #f6dcb0}
.q-band small{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#9a5b00}
.q-band strong{font-size:clamp(17px,1.6vw,20px);font-weight:800;letter-spacing:-.02em}
.ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.seg{display:inline-flex;padding:4px;border-radius:14px;background:var(--sunk)}
.seg button{padding:8px 14px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--muted);transition:background .2s,color .2s}
.seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(11,18,32,.12)}
.arrows{display:flex;gap:8px}
.arrows button{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--surface);border:1.5px solid var(--line);transition:border-color .2s,background .2s}
.arrows button:hover{border-color:var(--ink)}
.ctl{display:none}.js .ctl{display:flex}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 20px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;cursor:grab}
.rail.drag{cursor:grabbing;scroll-snap-type:none}
.rail.drag *{pointer-events:none}
.ipo{scroll-snap-align:start;display:flex;flex-direction:column;padding:24px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .35s var(--ease),box-shadow .35s;user-select:none}
.ipo:hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:var(--shadow)}
.ipo-top{display:flex;align-items:center;justify-content:space-between}
.ipo-top .n{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.ipo-tk{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:18px;font-weight:800}
.ipo-pct{display:flex;align-items:center;gap:8px;margin:14px 0 4px;font-size:30px;font-weight:800;letter-spacing:-.04em;color:var(--brand)}
.ipo-pct .ic{width:28px;height:28px;stroke-width:2.4}
.ipo p{font-size:14.5px;font-weight:600;color:var(--ink-2)}
.ipo small{display:block;margin-top:auto;padding-top:16px;font-size:13px;line-height:1.55;color:var(--muted)}
.ipo small a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.ipo-q{justify-content:center;gap:16px;background:var(--dark);color:#fff;border-color:var(--dark)}
.ipo-q .card-ic{background:rgba(255,255,255,.08);color:var(--amber)}
.ipo-q p{font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:#fff}

/* details tables */
.more{margin-top:20px}
.more>summary{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:var(--surface);border:1.5px solid var(--line);font-size:14.5px;font-weight:700;cursor:pointer;list-style:none;transition:border-color .2s}
.more>summary::-webkit-details-marker{display:none}
.more>summary:hover{border-color:var(--ink)}
.more>summary .ic{width:18px;height:18px;transition:transform .3s var(--ease)}
.more[open]>summary .ic:last-child{transform:rotate(180deg)}
.tbl-wrap{margin-top:14px;overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)}
.tbl{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.tbl thead th{padding:14px 20px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg)}
.tbl td,.tbl tbody th{padding:16px 20px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.tbl tbody th{font-weight:800}
.tbl .n{font-weight:700;color:var(--muted)}
.tbl .up{font-weight:800}
.on-dark .more>summary{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);color:#fff}
.on-dark .more>summary:hover{border-color:#fff}
.on-dark .tbl-wrap{background:var(--dark-2);border-color:var(--dline)}
.on-dark .tbl{color:var(--dtext)}
.on-dark .tbl thead th{background:rgba(255,255,255,.04);color:var(--dmuted)}
.on-dark .tbl td,.on-dark .tbl tbody th{border-color:var(--dline)}
.on-dark .tbl tbody th{color:#fff}
.on-dark .tbl .up{color:#5ee0aa}
.on-dark .note{color:var(--dmuted)}

/* dividends */
.div-sec{position:relative;overflow:hidden;isolation:isolate}
.div-sec::before{content:'';position:absolute;left:50%;top:-30%;z-index:-1;width:900px;height:900px;transform:translateX(-50%);background:radial-gradient(circle,rgba(14,159,110,.18),transparent 60%)}
.yl-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 14px;font-size:13px;font-weight:600;color:var(--dmuted)}
.yl-head span{display:flex;align-items:center;gap:8px}
.yields{display:grid;gap:8px}
.yields li{display:grid;grid-template-columns:36px 150px minmax(0,1fr) minmax(0,1.1fr) 90px;gap:16px;align-items:center;padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--dline);transition:background .2s,border-color .2s,transform .3s var(--ease)}
.yields li:hover{background:rgba(255,255,255,.07);border-color:rgba(94,224,170,.35);transform:translateX(4px)}
.yields .n{font-size:13px;font-weight:700;color:var(--dmuted)}
.yields .tk{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800}
.yields .co{font-size:14.5px;font-weight:600;color:#fff}
.yields .bar{height:10px;background:rgba(255,255,255,.07)}
.yields .bar i{background:linear-gradient(90deg,rgba(242,169,59,.3),var(--amber))}
.yields .v{font-size:17px;font-weight:800;text-align:right;color:var(--amber)}
.js .yields li.extra{display:none}
.js .yields.all li.extra{display:grid;animation:swap .45s var(--ease) both}
.show-all{display:none}
.js .show-all{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:14.5px;font-weight:700;transition:background .2s}
.js .show-all:hover{background:rgba(255,255,255,.14)}
.show-all .ic{transition:transform .3s var(--ease)}
.show-all[aria-expanded=true] .ic{transform:rotate(180deg)}
.div-ask{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px 32px;align-items:center;margin-top:40px;padding:32px 36px;border-radius:var(--r-lg);background:linear-gradient(120deg,rgba(242,169,59,.16),rgba(14,159,110,.12));border:1px solid rgba(255,255,255,.12)}
.div-ask .card-ic{width:64px;height:64px;border-radius:20px;background:rgba(242,169,59,.18);color:var(--amber)}
.div-ask .card-ic svg{width:30px;height:30px}
.div-ask h3{margin:12px 0 6px;font-size:clamp(19px,1.9vw,24px);font-weight:800;line-height:1.2;letter-spacing:-.02em}
.div-ask p{color:var(--dtext)}
.div-ask .cta{margin-top:0}

/* philosophy */
.quote{display:flex;gap:16px;align-items:flex-start;max-width:900px;margin:-16px 0 40px;padding:22px 26px;border-radius:var(--r-md);background:var(--surface);border-left:4px solid var(--brand);font-size:clamp(16px,1.5vw,18px);font-weight:600;line-height:1.55;color:var(--ink-2)}
.quote .ic{width:28px;height:28px;color:var(--brand)}
.qs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.q{position:relative;display:flex;flex-direction:column;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:border-color .2s,box-shadow .35s,transform .35s var(--ease)}
.q:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.q.open{border-color:var(--brand)}
.q-btn{display:flex;flex-direction:column;gap:18px;padding:26px 26px 22px;text-align:left;width:100%}
.q-row{display:flex;align-items:center;justify-content:space-between;width:100%}
.q-ic{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--bg);color:var(--ink);transition:background .25s,color .25s}
.q-ic svg{width:24px;height:24px}
.q.open .q-ic{background:var(--brand);color:#fff}
.q-n{font-size:13px;font-weight:800;color:var(--muted)}
.q h3{font-size:16.5px;font-weight:800;line-height:1.35;letter-spacing:-.01em}
.q-more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--brand-ink)}
.q-more .ic{width:16px;height:16px;transition:transform .3s var(--ease)}
.q.open .q-more .ic{transform:rotate(45deg)}
.q-ans{padding:0 26px 24px;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.js .q-ans{display:grid;grid-template-rows:0fr;padding-bottom:0;transition:grid-template-rows .4s var(--ease),padding .4s var(--ease)}
.js .q-ans>p{overflow:hidden}
.js .q.open .q-ans{grid-template-rows:1fr;padding-bottom:24px}
.q-more{display:none}.js .q-more{display:inline-flex}
.support{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:28px 48px;align-items:center;margin-top:24px;padding:40px;border-radius:var(--r-lg);overflow:hidden;color:#fff;isolation:isolate}
.support>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.support::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,17,30,.96) 35%,rgba(10,17,30,.6))}
.support h3{margin-top:14px;font-size:clamp(22px,2.2vw,30px);font-weight:800;line-height:1.15;letter-spacing:-.03em}
.support>div>p{margin-top:10px;max-width:52ch;color:var(--dtext)}
.faces{display:flex;align-items:center;gap:14px;margin-top:22px}
.faces span{display:flex}
.faces img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid var(--dark)}
.faces img+img{margin-left:-14px}
.faces small{font-size:14px;font-weight:600;line-height:1.4;color:var(--dtext)}
.support .cta{margin-top:0;flex-direction:column}

/* learning */
.learn-cover{position:relative;display:flex;align-items:flex-end;min-height:520px;border-radius:32px;overflow:hidden;color:#fff;isolation:isolate}
.learn-cover>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.learn-cover::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,17,30,.94) 25%,rgba(10,17,30,.55) 55%,rgba(10,17,30,.05) 85%),linear-gradient(0deg,rgba(10,17,30,.6),transparent 40%)}
.learn-copy{max-width:640px;padding:48px}
.learn-copy h2{margin-top:14px;font-size:clamp(28px,3.2vw,44px);font-weight:800;line-height:1.05;letter-spacing:-.04em}
.learn-copy strong{display:block;margin:12px 0 8px;font-size:clamp(16px,1.6vw,19px);font-weight:700;color:#5ee0aa}
.learn-copy p{color:var(--dtext)}
.learn-copy a{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:13px 20px;border-radius:14px;background:#fff;color:var(--ink);font-weight:700;transition:transform .25s var(--ease)}
.learn-copy a:hover{transform:translateY(-2px)}
.path{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px 48px;align-items:center;margin:72px 0 28px}
.path p:last-child{font-size:16px;line-height:1.65;color:var(--ink-2)}
.lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lesson{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s}
.lesson:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(11,18,32,.35)}
.lesson figure{position:relative;aspect-ratio:16/10;overflow:hidden}
.lesson figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.lesson:hover figure img{transform:scale(1.07)}
.lesson figure span{position:absolute;left:16px;top:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.92);font-size:15px;font-weight:800;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lesson>div{display:flex;flex-direction:column;flex:1;padding:24px 26px 28px}
.lesson small{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--brand-ink)}
.lesson small .ic{width:16px;height:16px}
.lesson h3{margin:10px 0 8px;font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.02em}
.lesson p{font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.lesson a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-weight:700;color:var(--brand-ink)}
.lesson a .ic{width:16px;height:16px}
.faq{margin-top:96px}
.faq-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:28px}
.faq-head h3{margin-top:14px;font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-.03em}
.faq-head p{max-width:340px;font-size:15px;color:var(--muted)}
.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.fq{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);overflow:hidden}
.fq summary{display:flex;align-items:center;gap:14px;padding:22px;cursor:pointer;list-style:none;border-bottom:1px solid transparent;transition:background .2s}
.fq[open] summary{border-bottom-color:var(--line)}
.fq summary::-webkit-details-marker{display:none}
.fq summary:hover{background:var(--bg)}
.fq .card-ic{width:46px;height:46px;border-radius:14px}
.fq .card-ic svg{width:22px;height:22px}
.fq summary>span:nth-child(2){flex:1;min-width:0}
.fq em{display:block;font-size:12px;font-weight:700;font-style:normal;color:var(--muted)}
.fq strong{display:block;font-size:16.5px;font-weight:800;line-height:1.3}
.fq small{display:block;font-size:13px;color:var(--muted)}
.fq .chev{width:20px;height:20px;transition:transform .3s var(--ease)}
.fq[open] .chev{transform:rotate(180deg)}
.fq ul{padding:8px 22px 14px}
.fq li{display:flex;gap:12px;padding:11px 0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.fq li+li{border-top:1px dashed var(--line)}
.fq li .ic{width:18px;height:18px;margin-top:2px;color:var(--brand)}
.faq-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.faq-links a{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;background:var(--surface);border:1.5px solid var(--line);font-size:14.5px;font-weight:700;transition:border-color .2s}
.faq-links a:hover{border-color:var(--ink)}

/* team */
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.person{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:box-shadow .4s,transform .4s var(--ease)}
.person:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.person figure{overflow:hidden;background:linear-gradient(160deg,#e9eef5,#dfe5ee)}
.person img{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.person:hover img{transform:scale(1.04)}
.person>div{display:flex;flex-direction:column;padding:30px}
.person small{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--brand-soft);font-size:12.5px;font-weight:700;color:var(--brand-ink)}
.person h3{margin:12px 0 8px;font-size:26px;font-weight:800;letter-spacing:-.03em}
.person p{font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:22px}
.tags span{padding:7px 12px;border-radius:10px;background:var(--bg);font-size:13px;font-weight:600}
.offer{margin-top:56px;padding:36px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.offer h3{display:flex;align-items:center;gap:12px;font-size:clamp(19px,1.9vw,23px);font-weight:800;letter-spacing:-.02em}
.offer h3 .ic{width:28px;height:28px;color:var(--brand)}
.offer ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.offer li{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:var(--bg);font-size:15px;font-weight:700}
.offer li .card-ic{width:42px;height:42px;border-radius:12px;background:#fff}
.offer li .card-ic svg{width:20px;height:20px}

/* final */
.final{position:relative;padding:140px 0;color:#fff;overflow:hidden;isolation:isolate}
.final>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.final::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,17,30,.97) 30%,rgba(10,17,30,.65))}
.final-in{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:40px 64px;align-items:end}
.final h2{margin:16px 0 16px;font-size:clamp(28px,3.4vw,48px);font-weight:800;line-height:1.05;letter-spacing:-.04em}
.final .lede{color:var(--dtext)}
.final .cta{margin-top:0;flex-direction:column}

/* footer */
.foot{padding:80px 0 130px;background:#070c16;color:rgba(255,255,255,.62);font-size:14.5px;line-height:1.75}
.foot-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:56px}
.foot h2{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:15px;font-weight:800;color:#fff}
.foot h2 .ic{color:#5ee0aa}
.foot p,.foot address{margin:0 0 12px;font-style:normal}
.foot section a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}
.foot section a:hover{text-decoration-color:#5ee0aa}
.foot .line{display:flex;gap:10px}
.foot .line .ic{width:18px;height:18px;margin-top:4px;color:var(--dmuted)}
.foot .channels{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.foot .channels a{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:14px;border:1px solid rgba(255,255,255,.16);text-decoration:none;font-weight:700;transition:border-color .2s}
.foot .channels a:hover{border-color:#5ee0aa}
.foot .mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:11px;font-weight:800}
.foot .mark-wa{background:var(--brand);color:#fff}
.foot .mark-tg{background:var(--tg);color:#fff}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:rgba(255,255,255,.45)}
.foot-bottom a:hover{color:#fff}

/* dock */
.dock{position:fixed;left:50%;bottom:16px;z-index:55;display:flex;align-items:center;gap:20px;width:min(840px,100% - 32px);padding:8px 8px 8px 12px;border-radius:22px;background:rgba(10,17,30,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;box-shadow:0 24px 60px -20px rgba(0,0,0,.6);transform:translate(-50%,0);transition:transform .45s var(--ease),opacity .3s}
.js .dock.away{transform:translate(-50%,140%);opacity:0}
.dock-av{display:flex;flex:none}
.dock-av img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--dark)}
.dock-av img+img{margin-left:-12px}
.dock-intro{flex:1;min-width:0}
.dock-intro b{display:flex;align-items:center;gap:8px;font-size:14.5px}
.dock-intro b::before{content:'';width:8px;height:8px;border-radius:50%;background:#5ee0aa;box-shadow:0 0 0 0 rgba(94,224,170,.6);animation:ping 2s infinite}
.dock-intro small{display:block;font-size:12.5px;color:var(--dmuted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-actions{display:flex;gap:8px}
.dock .btn{min-height:48px;padding:0 18px;font-size:14px;border-radius:15px}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(94,224,170,0)}100%{box-shadow:0 0 0 0 rgba(94,224,170,0)}}

/* spotlight on dark cards */
.spotlight{position:relative}
.spotlight::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(94,224,170,.14),transparent 45%);opacity:0;transition:opacity .3s}
.spotlight:hover::before{opacity:1}
.spotlight>:not(.spot-bg){position:relative;z-index:1}
.dark-card{background:var(--dark-2);color:#fff;border:1px solid var(--dline)}

/* reveal */
.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js [data-reveal].is-in{opacity:1;transform:none}
.js [data-reveal] .bar i{transform:scaleX(0)}
.js [data-reveal].is-in .bar i{transform:scaleX(1)}
.js .is-in li:nth-child(2) .bar i{transition-delay:.08s}.js .is-in li:nth-child(3) .bar i{transition-delay:.16s}.js .is-in li:nth-child(4) .bar i{transition-delay:.24s}.js .is-in li:nth-child(5) .bar i{transition-delay:.32s}.js .is-in li:nth-child(n+6) .bar i{transition-delay:.4s}

/* ---------- responsive ---------- */
@media(max-width:1180px){
  .top-in{flex-wrap:wrap;gap:0 16px;min-height:0;padding-top:12px}
  .top-in .btn{margin-left:auto}
  .nav{order:3;flex-basis:100%;margin:10px 0;overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .hero-in{grid-template-columns:1fr}
  .hero-bg{width:100%}
  .hero::before{background:linear-gradient(180deg,rgba(10,17,30,.7),rgba(10,17,30,.92) 50%,var(--dark))}
  .chart-card{max-width:560px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mo{grid-template-columns:1fr}
  .spot{min-height:420px}
  .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .sec{padding:88px 0}
  .head{grid-template-columns:1fr}
  .method,.fx{grid-template-columns:1fr}
  .cards3{grid-template-columns:1fr}
  .yields li{grid-template-columns:30px minmax(0,1fr) auto;row-gap:10px}
  .yields .co{grid-column:2/-1;grid-row:2}
  .yields .bar{grid-column:2/-1;grid-row:3}
  .div-ask,.support,.final-in{grid-template-columns:1fr}
  .support .cta,.final .cta{flex-direction:row}
  .qs{grid-template-columns:1fr 1fr}
  .path{grid-template-columns:1fr}
  .lessons{grid-template-columns:1fr 1fr}
  .faq-grid{grid-template-columns:1fr}
  .offer ul{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-grid>section:last-child{grid-column:1/-1}
}
@media(max-width:640px){
  body{font-size:15px}
  .wrap{width:calc(100% - 32px)}
  .top .btn{width:46px;padding:0}
  .top .btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .nav a .ic{display:none}
  .hero-in{padding:48px 0 120px;gap:32px}
  .hero h1{font-size:clamp(30px,8.6vw,40px)}
  .hero .lede{font-size:15.5px}
  .chart-card{padding:20px}
  .chart-vals strong{font-size:20px}
  .stats{gap:10px;margin-top:-76px}
  .stat{padding:16px}
  .stat-ic{width:38px;height:38px;border-radius:12px}
  .stat strong{font-size:20px}
  .stat span{font-size:12.5px}
  .stat .go{display:none}
  .cta .btn{flex:1 1 auto}
  .lede{font-size:15.5px}
  .board{padding:16px}
  .cols{display:none}
  .pick{grid-template-columns:28px minmax(0,1fr) auto;padding:10px 8px}
  .pick .v{font-size:16px}
  .spot,.fx-copy,.flows{padding:24px 20px}
  .lenses{margin-top:72px}
  .tab{padding:12px;gap:10px}
  .tab .t-ic{width:40px;height:40px}
  .tab b{font-size:14.5px}
  .panel{grid-template-columns:1fr;gap:18px;padding:24px 20px}
  .panel-ic{width:64px;height:64px;border-radius:20px}
  .panel-ic svg{width:30px;height:30px}
  .panel p{font-size:16px}
  .median{min-height:400px;padding:26px 22px}
  .step{padding:20px;gap:16px}
  .step-ic{width:48px;height:48px}
  .rail{grid-auto-columns:82%}
  .yields li{padding:14px}
  .div-ask{padding:26px 22px}
  .qs{grid-template-columns:1fr}
  .support{padding:28px 22px}
  .support .cta,.final .cta{flex-direction:column}
  .learn-cover{min-height:480px;border-radius:24px}
  .learn-copy{padding:26px 22px}
  .lessons{grid-template-columns:1fr}
  .person{grid-template-columns:1fr}
  .person img{min-height:0;aspect-ratio:1/1}
  .offer{padding:24px 20px}
  .offer ul{grid-template-columns:1fr}
  .final{padding:96px 0}
  .foot{padding:64px 0 116px}
  .foot-grid{grid-template-columns:1fr;gap:36px}
  .dock{left:12px;right:12px;width:auto;bottom:12px;padding:6px;gap:6px;border-radius:18px;transform:none}
  .js .dock.away{transform:translateY(140%)}
  .dock-av,.dock-intro{display:none}
  .dock-actions{width:100%}
  .dock .btn-wa{flex:1;min-width:0;padding:0 12px;font-size:13.5px;white-space:nowrap}
  .dock .btn-tg{flex:none;width:48px;padding:0}
  .dock .btn-tg span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-reveal]{opacity:1;transform:none}
  .js [data-reveal] .bar i{transform:none}
  .js .chart .line{stroke-dashoffset:0}
  .js .chart .area,.js .chart .pt-b{opacity:1}
}

/* ---------- v3.1: tags, live index, folds ---------- */
.hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.updated{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--dtext);font-size:12px;font-weight:600}
.updated .ic{width:14px;height:14px}
.live{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:14px;padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--dline);font-size:13.5px;color:var(--dtext)}
.live[hidden]{display:none}
.live b{color:#fff}
.live-dot{width:8px;height:8px;border-radius:50%;background:#5ee0aa;animation:ping 2s infinite}
.live-val{color:#fff;font-weight:800}
.live-chg.up{color:#5ee0aa}.live-chg.down{color:#ff8a75}
.cta-note{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--dmuted)}
.cta-note .ic{width:16px;height:16px;color:#5ee0aa}
.fold{margin-top:16px}
.fold>summary{display:inline-flex;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;list-style:none;transition:color .2s}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary:hover{color:var(--ink)}
.fold>summary .ic{width:15px;height:15px}
.fold>summary .chev{transition:transform .3s var(--ease)}
.fold[open]>summary .chev{transform:rotate(180deg)}
.fold>.src,.fold>p{margin-top:6px;animation:swap .35s var(--ease)}
.fx-copy .fold>p{font-size:15.5px;line-height:1.7;color:var(--ink-2)}
.hero .fold>summary,.on-dark .fold>summary{color:var(--dmuted)}
.hero .fold>summary:hover,.on-dark .fold>summary:hover{color:#fff}
.foot .fold>summary{color:rgba(255,255,255,.6)}
.foot .fold>summary:hover{color:#fff}
.foot .fold>p{margin:8px 0 12px}
#learning .learn-cover{margin-bottom:96px}
@media(max-width:640px){#learning .learn-cover{margin-bottom:64px}}

/* ---------- subpages ---------- */
.sub-intro{padding:64px 0 8px}
.back{display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;padding:8px 14px 8px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:700;color:var(--ink-2);transition:border-color .2s,color .2s}
.back:hover{border-color:var(--brand);color:var(--brand-ink)}
.back .ic{width:16px;height:16px}
.sub-intro h1{font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.03em}
.sub-intro .lede{max-width:62ch}
.sub .sub-intro+.sec:not(.on-dark){padding-top:48px}
.sub .sub-intro+.sec.on-dark{margin-top:48px}
/* data & methods page */
.back-top{display:flex;width:fit-content;margin-top:48px;margin-bottom:0}
@supports (width:fit-content){.back-top{margin-inline:max(24px,calc((100% - 860px)/2))}}
.audit{max-width:860px;padding:24px 0 112px}
.audit-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:12px;font-weight:700;letter-spacing:.06em}
.audit h1{margin:18px 0 14px;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.03em}
.audit-intro{font-size:16.5px;line-height:1.7;color:var(--ink-2)}
.audit section{margin-top:24px;padding:30px 32px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);scroll-margin-top:110px}
.audit section h2{margin-bottom:12px;font-size:clamp(19px,1.9vw,23px);font-weight:800;letter-spacing:-.02em}
.audit section p{margin:0 0 12px;font-size:15.5px;line-height:1.75;color:var(--ink-2)}
.audit section p:last-child{margin-bottom:0}
.audit section a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(4,120,87,.35)}
.audit section a:hover{text-decoration-color:currentColor}
.weekly-proof-index{display:grid;gap:8px;margin:18px 0}
.weekly-proof-index li{display:grid;grid-template-columns:36px 70px minmax(0,1fr);align-items:baseline;gap:6px 12px;padding:14px 16px;border-radius:14px;background:var(--bg);scroll-margin-top:120px;transition:background .3s,box-shadow .3s}
.weekly-proof-index li:target{background:var(--brand-soft);box-shadow:0 0 0 2px var(--brand)}
.proof-number{font-size:13px;font-weight:700;color:var(--muted)}
.weekly-proof-index strong{font-size:15.5px;font-weight:800;letter-spacing:.03em}
.proof-details{font-size:14.5px;line-height:1.65;color:var(--ink-2)}
@media(max-width:640px){
  .sub-intro{padding-top:40px}
  .back-top{margin:32px 16px 0}
  .audit{padding-bottom:88px}
  .audit section{padding:22px 18px}
  .weekly-proof-index li{grid-template-columns:30px minmax(0,1fr)}
  .proof-details{grid-column:1/-1}
}