/* WETWIRED · visual multi-page build (Oct 2026). Calm, dark, premium. */
:root{--bg:#07070d;--bg2:#0c0c16;--panel:#0f0f1b;--panel2:#13131f;--line:rgba(255,255,255,.07);--tx:#e7ecf5;--mut:#98a1b6;--soft:#c3cad8;
--cy:#00f0ff;--mg:#ff2bd6;--lm:#c6ff00;--warn:#ffb020;--r:18px;
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 var(--sans);overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--cy);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--lm);outline-offset:3px;border-radius:4px}
[id]{scroll-margin-top:calc(var(--hdr, 96px) + 14px)}
.skip{position:absolute;left:-999px;top:0;background:var(--lm);color:#000;padding:.5rem 1rem;z-index:99}
.skip:focus{left:8px;top:8px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.8rem clamp(1rem,4vw,2.5rem);
background:rgba(7,7,13,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .bar{display:flex;align-items:center;gap:1rem;min-width:0}
.logo{font:800 1.2rem/1 var(--sans);letter-spacing:-.02em;color:#fff}
.logo span{color:var(--mg)}
.logo:hover{text-decoration:none}
.logo.sm{font-size:1rem}
.hdr-spon{font:500 .7rem/1.2 var(--mono);color:var(--mut);letter-spacing:.04em;white-space:nowrap}
.hdr-spon b{color:var(--soft);font-weight:600}
.hdr-spon:hover{text-decoration:none;color:var(--tx)}
nav{display:flex;gap:1.6rem}
nav a{font:600 .74rem/1 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--mut);white-space:nowrap;padding:.45rem 0;border-bottom:2px solid transparent}
nav a:hover{color:#fff;text-decoration:none}
nav a[aria-current=page]{color:#fff;border-bottom-color:var(--cy)}
nav .s{display:none}
@media (max-width:720px){
 .top{flex-direction:column;align-items:stretch;gap:.45rem;padding:.6rem 1rem .2rem}
 .top .bar{justify-content:space-between}
 nav{flex-wrap:wrap;overflow:visible;justify-content:space-between;gap:.2rem .6rem}
 nav a{font-size:.7rem;letter-spacing:.05em;padding:.45rem 0 .5rem}
 nav .l{display:none} nav .s{display:inline}
}
@media (max-width:370px){ nav a{font-size:.64rem;letter-spacing:.03em} .hdr-spon span{display:none} }

main{max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.blk{padding:3.2rem 0 0}
.blk:last-child{padding-bottom:3rem}
h1,h2,h3{color:#fff}
.kicker{font:600 .74rem/1.4 var(--mono);color:var(--cy);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .9rem;display:flex;align-items:center;gap:.5rem}
.dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--lm);box-shadow:0 0 10px var(--lm)}
.sh{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.sh h2,.h2{font:750 clamp(1.35rem,3.2vw,1.75rem)/1.2 var(--sans);letter-spacing:-.02em;margin:0}
.h2{margin:0 0 .8rem}
.h2 small{font-weight:500;color:var(--mut);font-size:.8em}
.more{font:600 .78rem/1 var(--mono);letter-spacing:.04em;white-space:nowrap}
.note{color:var(--mut);max-width:68ch;margin:0 0 1.4rem;font-size:.95rem}
.fix{color:var(--mut);font-size:.9rem}

/* home hero */
.hero{position:relative;margin:0 calc(-1*clamp(1rem,4vw,2.5rem));min-height:min(78vh,640px);display:flex;align-items:flex-end;overflow:hidden}
.hero picture,.phero picture{position:absolute;inset:0}
.hero img,.phero img{width:100%;height:100%;object-fit:cover;display:block}
.hero img{object-position:25% 50%}
.hero::after,.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,13,.15) 0%,rgba(7,7,13,.35) 45%,rgba(7,7,13,.96) 100%),linear-gradient(90deg,rgba(7,7,13,.0) 40%,rgba(7,7,13,.55) 100%)}
.hero-t{position:relative;z-index:1;padding:4rem clamp(1rem,4vw,2.5rem) 2.6rem;max-width:860px;margin-left:auto}
.hero h1{font:800 clamp(2.4rem,7.4vw,4.6rem)/1.02 var(--sans);letter-spacing:-.035em;margin:0 0 1rem}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cy),var(--mg));-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--soft);max-width:44ch;margin:0 0 1.6rem}
.ctas{display:flex;flex-wrap:wrap;gap:.7rem;margin:0}
.btn{display:inline-block;font:700 .82rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#000;background:var(--cy);border-radius:999px;padding:.95rem 1.3rem}
.btn:hover{text-decoration:none;filter:brightness(1.1)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff}
@media (max-width:720px){.hero::after{background:linear-gradient(180deg,rgba(7,7,13,.1) 0%,rgba(7,7,13,.55) 32%,rgba(7,7,13,.97) 62%)}.hero .kicker{text-shadow:0 1px 8px #000}.hero{min-height:560px}.hero img{object-position:30% 30%}.hero-t{padding-top:10rem}}

/* page hero */
.phero{position:relative;margin:0 calc(-1*clamp(1rem,4vw,2.5rem));min-height:340px;display:flex;align-items:flex-end;overflow:hidden}
.phero-t{position:relative;z-index:1;padding:5rem clamp(1rem,4vw,2.5rem) 1.8rem;max-width:760px}
.phero h1,.h1s{font:800 clamp(2.2rem,6.4vw,3.8rem)/1.02 var(--sans);letter-spacing:-.035em;margin:0 0 .6rem}
.phero .sub{color:var(--soft);font-size:1.05rem;max-width:56ch;margin:0}
.ptop{padding-top:3rem}

/* headline numbers */
.stats{padding:1.4rem 0 0}
.pulse{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.pulse li{background:var(--panel);border-radius:var(--r);padding:1.3rem 1.2rem;display:flex;flex-direction:column;gap:.3rem}
.pulse b{font:800 clamp(1.9rem,4.2vw,2.6rem)/1 var(--sans);letter-spacing:-.03em;color:#fff}
.pulse span{color:var(--soft);font-size:.92rem;line-height:1.4}
.psrc{font:500 .72rem/1.3 var(--mono);color:var(--mut);margin-top:auto;padding-top:.4rem}
.psrc:hover{color:var(--cy)}
@media (max-width:900px){.pulse{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.pulse{gap:.6rem}.pulse li{padding:1rem .9rem}.pulse span{font-size:.85rem}}

/* probability bars */
.pbar{position:relative;height:10px;border-radius:99px;background:#1b1b2c;margin:.9rem 0 .5rem}
.pbar .fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,rgba(0,240,255,.55),var(--cy))}
.pbar .mk{position:absolute;top:-5px;width:4px;height:20px;margin-left:-2px;border-radius:2px;background:var(--mg);box-shadow:0 0 0 2px var(--bg)}
.pmeta{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.pp{font:800 1.35rem/1 var(--sans);color:#fff}
.mt{font:500 .74rem/1.2 var(--mono);color:#ff7ae6}
.pmeta .mt:only-child{margin-left:auto}
.mt.none{color:var(--mut)}
.tch{display:flex;align-items:baseline}

/* top calls */
.tcg{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.tc{display:flex;flex-direction:column;background:var(--panel);border-radius:var(--r);padding:1.3rem;color:var(--tx);transition:background .2s}
.tc:hover{text-decoration:none;background:var(--panel2)}
.tc h3{font:700 1.08rem/1.3 var(--sans);margin:.5rem 0 auto;padding-bottom:.4rem}
.fid{font:700 .74rem/1 var(--mono);color:var(--mg);letter-spacing:.06em}
.by{font:500 .72rem/1 var(--mono);color:var(--mut);margin-left:.6rem}
.tc .mt{color:#ff7ae6}.tc .mt:empty{display:none}
@media (max-width:900px){.tcg{grid-template-columns:1fr}}

/* explore tiles */
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.tile-i{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;background:var(--panel)}
.tile-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.tile-i:hover img{transform:scale(1.04)}
.tile-i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,7,13,.92))}
.tile-i .tt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:1rem;display:flex;flex-direction:column;gap:.2rem}
.tile-i b{color:#fff;font-size:1.05rem}
.tile-i small{color:var(--soft);font-size:.82rem;line-height:1.35}
.tile-i:hover{text-decoration:none}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.tiles{grid-template-columns:1fr 1fr}.tile-i{aspect-ratio:4/5}.tile-i:first-child{grid-column:1/-1;aspect-ratio:16/9}}

/* two columns */
.two>*,.g2>*,.grid>*,.tcg>*,.tkl>*{min-width:0}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:start}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}
@media (max-width:900px){.two,.g2{grid-template-columns:1fr}}

/* news */
.news{list-style:none;margin:0;padding:0;display:grid;gap:0}
.news li{display:grid;grid-template-columns:7.5rem 1fr;gap:.2rem 1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.news li:last-child{border-bottom:0}
.news time{font:600 .76rem/1.6 var(--mono);color:var(--cy)}
.news a{color:#fff;font-weight:600;line-height:1.45}
.news .outlet{grid-column:2;font:500 .74rem/1.2 var(--mono);color:var(--mut)}
.rel{color:var(--mut)}
@media (max-width:600px){.news li{grid-template-columns:1fr}.news .outlet{grid-column:1}}

/* newsletter */
.nlbox{background:var(--panel);border-radius:var(--r);padding:1.4rem}
#news .nlbox{margin-top:2rem}
.nl{display:grid;gap:.55rem;max-width:520px;min-width:0}
.nl>*{min-width:0}
.nl-l{color:var(--soft);font-size:.95rem}
.nl-l b{color:#fff}
.nl-row{display:flex;gap:.5rem}
.nl input[type=email]{flex:1;min-width:0;background:#08080f;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;padding:.8rem 1rem;font:inherit}
.nl button{font:700 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;border:0;border-radius:999px;background:var(--lm);color:#000;padding:0 1.1rem;cursor:pointer}
.nl small{color:var(--mut);font-size:.78rem}
.nl-msg{margin:0;font-size:.85rem}.nl-msg.ok{color:var(--lm)}.nl-msg.err{color:#ff6b81}
.hp{display:none}

/* sponsor */
.sponsor{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;border-radius:var(--r);padding:1rem 1.2rem;margin:0 0 2rem;
background:linear-gradient(90deg,rgba(0,240,255,.07),rgba(255,43,214,.06))}
.sp-l{font:600 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.sp-n{color:#fff;font-weight:600}
.sponsor a{font:600 .8rem/1.2 var(--mono)}
.sponsor small{flex-basis:100%;color:var(--mut);font-size:.78rem}

/* charts */
.chart{margin:0 0 1rem;background:var(--panel);border-radius:var(--r);padding:1.3rem 1.2rem 1rem}
.chart svg{display:block;width:100%;height:auto}
.chart svg.d{display:none}
@media (min-width:760px){.chart svg.m{display:none}.chart svg.d{display:block}}
.chart figcaption{margin-top:.9rem;color:var(--mut);font-size:.82rem;line-height:1.5}
.csrc{display:block;margin-top:.4rem}
.csrc .src{margin-right:.2rem}
details.csrc>summary{cursor:pointer;color:var(--cy);font:600 .74rem/1.3 var(--mono);list-style:none}
details.csrc>summary::-webkit-details-marker{display:none}
details.csrc>summary::after{content:" +";color:var(--mut)}
details.csrc[open]>summary{margin-bottom:.3rem}
.lg{white-space:nowrap;margin-right:.6rem;color:var(--soft)}
.lg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.3rem;vertical-align:0}
.lg .dm{background:var(--mg)}.lg .dl{background:var(--lm)}.lg .dc{background:var(--cy)}

/* sources */
.src{display:inline-block;font:500 .7rem/1.3 var(--mono);color:var(--mut);border-bottom:1px dotted rgba(152,161,182,.5);margin:.15rem .25rem 0 0;white-space:normal}
.src:hover{color:var(--cy);text-decoration:none;border-bottom-color:var(--cy)}
.src::after{content:" ↗";opacity:.6}
.srcs{margin:.6rem 0 0}
.asof{display:block;font:500 .7rem/1.3 var(--mono);color:var(--mut)}

/* badges */
.badge{display:inline-block;font:700 .62rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:.25rem .45rem;border-radius:99px;vertical-align:middle}
.badge.warn{color:#111;background:var(--warn)}
.badge.open{color:#000;background:var(--cy)}
.badge.spec{color:#ff9cec;background:rgba(255,43,214,.12)}
.badge.right{color:#000;background:var(--lm)}.badge.wrong{color:#fff;background:#ff4d6d}

/* details */
details.why{margin-top:1rem;border-top:1px solid var(--line)}
details.why>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0 .2rem;font:600 .78rem/1.3 var(--mono);color:var(--cy);letter-spacing:.03em}
details.why>summary::-webkit-details-marker{display:none}
details.why>summary::after{content:"+";font:400 1.3rem/1 var(--sans);color:var(--mut);transition:transform .2s}
details.why[open]>summary::after{transform:rotate(45deg)}
details.why .dbody{padding:.6rem 0 .2rem;color:var(--soft);font-size:.93rem}
section>details.why,.blk>details.why{background:var(--panel);border-radius:var(--r);border-top:0;padding:0 1.2rem 1rem;margin-top:0}
section>details.why>summary,.blk>details.why>summary{padding-top:1rem}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}
.grid.sm{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}
@media (max-width:400px){.grid,.grid.sm{grid-template-columns:1fr}}
@media (max-width:480px){.card-h{flex-direction:column;gap:.6rem}.count{text-align:left;display:flex;align-items:baseline;gap:.5rem}.count .big{display:inline}}
.card{background:var(--panel);border-radius:var(--r);padding:1.4rem;display:flex;flex-direction:column;min-width:0}
.card h3{font:750 1.15rem/1.3 var(--sans);margin:0}
.card .meta{color:var(--mut);font:500 .78rem/1.4 var(--mono);margin:.35rem 0 .6rem}
.card dl{margin:0;display:grid;gap:.8rem}
.card .row{display:grid;gap:.2rem}
.card dt{font:600 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mut)}
.card dd{margin:0;color:var(--soft)}
.card h4{font:600 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin:1.2rem 0 .6rem}
.card-h{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.count{text-align:right;flex:none}
.count .big{display:block;font:800 2rem/1 var(--sans);color:var(--cy);letter-spacing:-.03em}
.count .lbl{font:500 .66rem/1.2 var(--mono);color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.dev{color:var(--soft);margin:.4rem 0 0;font-size:.95rem}
.visit{margin-top:auto;padding-top:1rem;font:600 .78rem/1 var(--mono)}
.ms-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.9rem;color:var(--soft)}
.ms-list time{font:600 .74rem/1 var(--mono);color:var(--cy);margin-right:.35rem}

/* layer cards + map */
.ly-h{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}
.view{flex:none;font:700 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:.4rem .6rem;border-radius:99px;background:rgba(255,255,255,.06);color:var(--soft)}
.view.bull{background:rgba(198,255,0,.12);color:var(--lm)}
.ly-view{color:var(--soft);margin:.8rem 0 0}
.ly-view b{color:#fff}
.tks{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.tk{display:inline-block;font:700 .74rem/1 var(--mono);color:#000;background:var(--cy);padding:.3rem .45rem;border-radius:6px;margin-right:.35rem}
.lmap{margin:0;background:var(--panel);border-radius:var(--r);padding:1.2rem}
.lmap-h{display:flex;justify-content:space-between;font:600 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--mut);margin:0 0 .8rem}
.lmap ol{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;position:relative}
.lmap li a{display:grid;grid-template-columns:2.2rem 1fr auto;grid-template-areas:"n name view" "n tks tks";gap:.35rem .8rem;align-items:center;padding:.85rem 1rem;border-radius:14px;color:var(--tx);
background:linear-gradient(90deg,rgba(0,240,255,.06),rgba(255,43,214,.03))}
.lmap li:nth-child(2) a{margin-left:2%}.lmap li:nth-child(3) a{margin-left:4%}.lmap li:nth-child(4) a{margin-left:6%}.lmap li:nth-child(5) a{margin-left:8%}.lmap li:nth-child(6) a{margin-left:10%}
.lmap li a:hover{text-decoration:none;background:linear-gradient(90deg,rgba(0,240,255,.12),rgba(255,43,214,.06))}
.ln{grid-area:n;font:700 .8rem/1 var(--mono);color:var(--mg)}
.lname{grid-area:name;font-weight:700;color:#fff}
.lview{grid-area:view;font:700 .66rem/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;padding:.35rem .55rem;border-radius:99px;background:rgba(255,255,255,.06);color:var(--soft);white-space:nowrap}
.lview.bull{background:rgba(198,255,0,.12);color:var(--lm)}
.ltks{grid-area:tks}.ltks .tk{font-size:.68rem;padding:.25rem .4rem}
.tk-none{font:500 .72rem/1 var(--mono);color:var(--mut)}
.lmap-n{color:var(--mut);font-size:.82rem;margin:1rem 0 0}
@media (max-width:560px){.lmap li a{margin-left:0!important}.lmap li a{grid-template-columns:1.8rem 1fr;grid-template-areas:"n name" "n view" "n tks"}.lview{justify-self:start}}

/* tickers */
.tkl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.tkl>li{background:var(--panel);border-radius:var(--r);padding:1.1rem 1.2rem}
.tkh{display:grid;grid-template-columns:auto 1fr;gap:.3rem .7rem;align-items:center}
.tkn{color:#fff;font-weight:600;line-height:1.3}.tkn small{display:block;color:var(--mut);font:500 .72rem/1.3 var(--mono)}
.exp{grid-column:1/-1;font:600 .72rem/1.3 var(--mono);color:var(--lm);text-transform:uppercase;letter-spacing:.04em}
details.why.sm{margin-top:.6rem}
@media (max-width:400px){.tkl{grid-template-columns:1fr}}
.trends{margin:0;padding:0;list-style:none;counter-reset:t;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.trends li{counter-increment:t;background:var(--panel);border-radius:var(--r);padding:1.2rem 1.2rem 1rem;color:var(--soft);font-size:.93rem}
.trends li::before{content:"0" counter(t);display:block;font:700 .74rem/1 var(--mono);color:var(--mg);margin-bottom:.6rem}
.trends b{display:block;color:#fff;font-size:1.05rem;margin-bottom:.3rem}
@media (max-width:400px){.trends{grid-template-columns:1fr}}
.priv{margin:0;padding-left:1.1rem;display:grid;gap:.7rem;color:var(--soft)}
.priv b{color:#fff}
.specbox{border-radius:var(--r);padding:1.6rem;background:radial-gradient(120% 140% at 0% 0%,rgba(255,43,214,.12),transparent 60%),var(--panel)}
.specbox h3{font:750 1.3rem/1.3 var(--sans);margin:0 0 .8rem}
.specbox p{color:var(--soft);max-width:75ch}
.specbox p b{color:#fff}

/* forecasts */
.sc-sum{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2rem}
.sc-sum span{background:var(--panel);border-radius:99px;padding:.55rem .95rem;font:500 .8rem/1.3 var(--mono);color:var(--mut)}
.sc-sum b{color:var(--lm);font-size:1rem;margin-right:.3rem}
.fc-h{display:flex;align-items:baseline;gap:.2rem}
.fc-h .fid{font-size:.8rem}
.fc-h .conf{display:none}
.fc .thesis{color:var(--mut);font-size:.85rem;margin:.4rem 0 .3rem}
.fc h3{font-size:1.05rem;line-height:1.4}
.fc.spec{background:radial-gradient(120% 120% at 100% 0%,rgba(255,43,214,.08),transparent 55%),var(--panel)}
.fc .status{margin:1rem 0 0;font:500 .72rem/1.3 var(--mono);color:var(--mut)}
.fc .pbar{margin-top:1rem}
.cal{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.7rem}
.cal-d{display:grid;grid-template-columns:4.4rem 1fr;gap:1rem;background:var(--panel);border-radius:var(--r);padding:1rem}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:#08080f;padding:.55rem .3rem;align-self:start}
.tile .m{font:700 .66rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mg)}
.tile .dd{font:800 1.7rem/1.1 var(--sans);color:#fff}
.tile .y{font:500 .64rem/1 var(--mono);color:var(--mut)}
.ev .by{font:600 .66rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mut)}
.ev ul{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.5rem}
.ev li{color:var(--soft);font-size:.92rem;line-height:1.45}
.ev li b{color:#fff;font-weight:600}
.cl{display:inline-block;font:500 .68rem/1.3 var(--mono);color:var(--mut);margin-left:.2rem}
.callres a{font:700 .78rem/1 var(--mono);color:var(--mg)}
.callres .pp{font-size:.9rem;color:var(--cy);margin-left:.3rem}
.und{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.und .when{font:600 .72rem/1 var(--mono);color:var(--cy);margin-right:.3rem}

/* tables */
.tablewrap{border-radius:var(--r);background:var(--panel);overflow:hidden}
table.score,table.sc,table.tt,table.pt{width:100%;border-collapse:collapse;font-size:.92rem}
.score thead th,.sc thead th,.tt thead th,.pt thead th{font:600 .68rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--mut);text-align:left;padding:1rem;border-bottom:1px solid var(--line)}
.score td,.score tbody th,.sc td,.sc tbody th,.tt td,.tt tbody th,.pt td,.pt tbody th{padding:.9rem 1rem;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;color:var(--soft);font-weight:400}
.score tbody tr:last-child>*,.sc tbody tr:last-child>*,.tt tbody tr:last-child>*{border-bottom:0}
.score tbody th a{color:#fff;font-weight:700}
.score .big{font:800 1.4rem/1 var(--sans);color:var(--cy)}
.score .ms span{display:block}
.score .ms time{font:600 .72rem/1 var(--mono);color:var(--mut)}
.tag{display:inline-block;margin-left:.5rem;font:600 .62rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--mut);background:rgba(255,255,255,.06);padding:.25rem .4rem;border-radius:99px;vertical-align:middle}
.sc tbody th a{font:700 .82rem/1 var(--mono);color:var(--mg)}
.sc .pct,.tt .pct{color:#fff;font-weight:700}
.tt tbody th{color:#fff;font-weight:700}
.tt .work{display:block;color:var(--mut);font:500 .72rem/1.3 var(--mono)}
@media (max-width:720px){
 .tablewrap{background:none;border-radius:0}
 table.score,.score tbody,.score tr,.score td,.score tbody th{display:block;width:100%}
 .score thead,.sc thead,.tt thead,.pt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .score tbody tr{display:grid;grid-template-columns:1fr auto;gap:.25rem .8rem;background:var(--panel);border-radius:14px;padding:1rem;margin-bottom:.6rem}
 .score td,.score tbody th{padding:0;border:0}
 .score tbody th{grid-column:1;grid-row:1}
 .score td.num{grid-column:2;grid-row:1 / span 2;text-align:right}
 .score td.st{grid-column:1;grid-row:2;font-size:.84rem;color:var(--mut)}
 .score td.ms{grid-column:1 / -1;grid-row:3;border-top:1px solid var(--line);padding-top:.6rem;margin-top:.4rem;font-size:.88rem}
 .tag{display:block;margin:.35rem 0 0;width:max-content}
 .num .badge{display:block;width:max-content;margin:.3rem 0 0 auto}
 table.sc,.sc tbody,.sc tr,.sc td,.sc tbody th,table.tt,.tt tbody,.tt tr,.tt td,.tt tbody th{display:block;width:100%}
 .sc tbody tr,.tt tbody tr{background:var(--panel);border-radius:14px;padding:.9rem 1rem;margin-bottom:.6rem}
 .sc td,.sc tbody th,.tt td,.tt tbody th{padding:.15rem 0;border:0}
 .sc tbody tr{display:grid;grid-template-columns:auto 1fr auto;gap:.2rem .7rem;align-items:baseline}
 .sc tbody th{grid-column:1;grid-row:1}
 .sc td:nth-child(2){grid-column:2;grid-row:1;color:#fff;font-weight:600}
 .sc td.pct{grid-column:3;grid-row:1;text-align:right}
 .sc td:nth-child(3){grid-column:2;grid-row:2;font:500 .76rem/1.3 var(--mono);color:var(--mut)}
 .sc td:nth-child(5){grid-column:2;grid-row:3;font-size:.8rem;color:var(--mut)}
 .sc td:nth-child(6){grid-column:3;grid-row:2 / span 2;text-align:right}
 .sc td:nth-child(3)::before{content:"by "}
 .sc td:nth-child(5)::before{content:"Market: "}
 .tt td.yr::before{content:"Our year: ";color:var(--mut);font-weight:500}
 .tt td.pct::before{content:"Confidence: ";color:var(--mut);font-weight:500}
 .tt td:last-child::before{content:"Layer: ";color:var(--mut)}
 .tt td:nth-child(2){color:#fff;font-style:italic}
}
details .tablewrap{background:none}

/* timeline, explainer, method */
.tl{list-style:none;margin:.4rem 0 0;padding:0 0 0 1.2rem;border-left:2px solid rgba(0,240,255,.25)}
.tl li{position:relative;padding:0 0 1.1rem .8rem}
.tl li::before{content:"";position:absolute;left:calc(-1.2rem - 6px);top:.4rem;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--cy)}
.tl li:nth-last-child(-n+6)::before{border-color:var(--mg)}
.tl time{font:700 .78rem/1 var(--mono);color:var(--cy)}
.tl p{margin:.3rem 0 0;max-width:70ch}
.ex{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.ex h3{margin:0 0 .4rem;font-size:1.05rem}
.ex p{margin:0}
@media (max-width:800px){.ex{grid-template-columns:1fr}}
.uv ul{color:var(--soft);display:grid;gap:.5rem;padding-left:1.2rem}
#method p,#method li{color:var(--soft);max-width:72ch}

/* footer */
.foot{max-width:1160px;margin:3rem auto 0;padding:2.5rem clamp(1rem,4vw,2.5rem) 3rem;border-top:1px solid var(--line);color:var(--mut);font-size:.88rem}
.foot p{margin:.4rem 0}
.foot-nl{margin:1.4rem 0}
.fpages a{color:var(--soft)}
.disc{font-size:.8rem}

/* static pages (advertise, thanks, unsubscribe) */
main.page{max-width:calc(46rem + 5rem);padding-top:3rem;padding-bottom:1rem}
.page h1{font:800 clamp(2rem,6vw,3.2rem)/1.05 var(--sans);letter-spacing:-.03em;margin:.4rem 0 1rem}
.page h2{font-size:1.25rem;margin:2rem 0 .6rem}
.page p{color:var(--soft)}
.offer{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.8rem}
.offer li{background:var(--panel);border-radius:var(--r);padding:1.1rem 1.2rem;color:var(--soft)}
.offer b{display:block;color:#fff;font-size:1.05rem;margin-bottom:.25rem}
.cta{display:inline-block;font:700 .82rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#000;background:var(--lm);border-radius:999px;padding:.95rem 1.3rem;margin:.6rem 0}
.cta:hover{text-decoration:none;filter:brightness(1.08)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}