@font-face{font-family:"Space Grotesk";src:url(fonts/spacegrotesk-var.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/plexsans-var.woff2) format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/plexmono-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{
 --bg:#07100D;--bg2:#0A1512;--s1:#0E1A16;--s2:#13231D;--s3:#1A2E26;
 --line:rgba(120,255,200,.12);--line2:rgba(120,255,200,.22);
 --ink:#E8F3EE;--ink2:#B9CCC3;--muted:#8FA89C;
 --em:#3BF0A1;--em2:#16C47F;--em-ink:#03140C;--amber:#FFB547;--cyan:#5CE1FF;--red:#FF7A7A;
 --r:14px;--r2:22px;
 --d:"Space Grotesk",system-ui,sans-serif;--b:"IBM Plex Sans",system-ui,sans-serif;--m:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--b);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--em);color:var(--em-ink);padding:8px 12px;border-radius:8px}
:focus-visible{outline:2px solid var(--em);outline-offset:3px;border-radius:6px}
.mono{font-family:var(--m);font-size:12.5px;letter-spacing:.04em}
.eyebrow{font:500 12.5px/1 var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--em)}
h1,h2,h3,h4{font-family:var(--d);font-weight:600;letter-spacing:-.025em;line-height:1.05}
.btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 22px;border-radius:12px;font:600 15.5px var(--d);letter-spacing:-.01em;transition:.25s;border:1px solid transparent;white-space:nowrap}
.btn-em{background:var(--em);color:var(--em-ink);box-shadow:0 0 0 1px rgba(59,240,161,.4),0 10px 40px -8px rgba(59,240,161,.55)}
.btn-em:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--em),0 16px 50px -8px rgba(59,240,161,.7)}
.btn-line{border-color:var(--line2);color:var(--ink);background:rgba(255,255,255,.02)}
.btn-line:hover{border-color:var(--em);background:rgba(59,240,161,.06)}
.btn kbd{font:500 11px var(--m);border:1px solid currentColor;border-radius:5px;padding:2px 5px;opacity:.7}

/* header: command bar */
.hdr{position:sticky;top:0;z-index:50;background:rgba(7,16,13,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;height:68px}
.logo{display:flex;align-items:center;gap:10px;font:700 21px var(--d);letter-spacing:-.03em}
.logo-mark{width:30px;height:30px;display:grid;grid-template-rows:repeat(3,1fr);gap:3px;padding:5px;border:1px solid var(--line2);border-radius:8px;background:var(--s1)}
.logo-mark i{display:block;border-radius:2px;background:var(--em)}.logo-mark i:nth-child(2){width:70%;background:var(--cyan)}.logo-mark i:nth-child(3){width:42%;background:var(--amber)}
.hdr-mid{display:flex;align-items:center;gap:22px;justify-content:center}
.hdr-mid nav{display:flex;gap:22px;font:500 14.5px var(--b);color:var(--ink2)}
.hdr-mid nav a:hover{color:var(--em)}
.cmdk{display:flex;align-items:center;gap:10px;width:300px;height:40px;padding:0 10px 0 14px;border:1px solid var(--line2);border-radius:10px;background:var(--s1);color:var(--muted);font:400 14px var(--b);cursor:pointer}
.cmdk svg{width:16px;height:16px;flex:none}
.cmdk span{flex:1;text-align:left}
.cmdk kbd{font:500 11px var(--m);color:var(--ink2);border:1px solid var(--line2);border-radius:6px;padding:3px 6px;background:var(--s2)}
.hdr-r{display:flex;align-items:center;gap:16px}
.status{display:flex;align-items:center;gap:8px;font:500 12px var(--m);color:var(--ink2)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--em);box-shadow:0 0 0 0 rgba(59,240,161,.6);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(59,240,161,0)}100%{box-shadow:0 0 0 0 rgba(59,240,161,0)}}
.hdr .btn{height:40px;padding:0 16px;font-size:14px;border-radius:10px}
.menu-btn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line2);background:var(--s1);color:var(--em);font:600 18px var(--m);cursor:pointer}

/* command palette (mobile menu) */
.palette{position:fixed;inset:0;z-index:80;background:rgba(3,8,6,.7);backdrop-filter:blur(6px);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:.3s}
.palette.open{opacity:1;pointer-events:auto}
.pal{width:100%;background:var(--s1);border-top:1px solid var(--line2);border-radius:22px 22px 0 0;padding:14px 18px 26px;transform:translateY(40px);transition:.35s cubic-bezier(.2,.8,.2,1)}
.palette.open .pal{transform:none}
.pal-grab{width:44px;height:4px;border-radius:4px;background:var(--line2);margin:0 auto 14px}
.pal-q{display:flex;align-items:center;gap:10px;height:52px;border:1px solid var(--em);border-radius:12px;padding:0 14px;font:400 16px var(--b);color:var(--muted);box-shadow:0 0 0 4px rgba(59,240,161,.12)}
.pal-q b{color:var(--em);font-family:var(--m)}
.pal small{display:block;font:500 11px var(--m);letter-spacing:.14em;color:var(--muted);margin:18px 4px 6px;text-transform:uppercase}
.pal a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 12px;border-radius:12px;font:600 17px var(--d)}
.pal a:hover,.pal a:first-of-type{background:var(--s2)}
.pal a .t{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font:500 13px var(--m);background:rgba(59,240,161,.12);color:var(--em)}
.pal a kbd{margin-left:auto;font:500 11px var(--m);color:var(--muted)}
.pal-close{position:absolute;right:18px;top:18px}

/* hero */
.hero{position:relative;padding:60px 0 40px;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(rgba(120,255,200,.18) 1px,transparent 1.4px);background-size:26px 26px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%)}
.hero::after{content:"";position:absolute;left:50%;top:-340px;width:1300px;height:760px;transform:translateX(-50%);z-index:-1;background:radial-gradient(closest-side,rgba(59,240,161,.30),rgba(92,225,255,.10) 55%,transparent);filter:blur(10px)}
.hero-c{text-align:center;max-width:1120px;margin:0 auto}
.chip-row{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 6px;border:1px solid var(--line2);border-radius:999px;background:rgba(14,26,22,.7);font:500 13.5px var(--b);color:var(--ink2)}
.chip-row b{font:500 11px var(--m);letter-spacing:.1em;background:var(--em);color:var(--em-ink);padding:4px 8px;border-radius:999px}
.hero h1{font-size:clamp(44px,6vw,86px);margin:22px 0 18px;letter-spacing:-.045em;line-height:.96}
.hero h1 .scan{position:relative;color:var(--em);display:inline-block;text-shadow:0 0 40px rgba(59,240,161,.45)}
.hero h1 .scan::after{content:"";position:absolute;left:-2%;right:-2%;height:3px;top:10%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan);animation:scan 3.6s ease-in-out infinite;opacity:.9}
@keyframes scan{0%,100%{top:12%}50%{top:86%}}
.hero .lede{font-size:19px;color:var(--ink2);max-width:690px;margin:0 auto}
.hero-cta{display:flex;gap:12px;justify-content:center;margin:28px 0 16px;flex-wrap:wrap}
.proof{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;font:500 12.5px var(--m);color:var(--muted)}
.proof span{display:flex;align-items:center;gap:8px}.proof span::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--em)}

/* console */
.console{position:relative;animation:rise 1.1s .2s cubic-bezier(.2,.8,.2,1) both;margin:44px auto 0;max-width:1160px;border-radius:20px;padding:1px;background:linear-gradient(180deg,rgba(59,240,161,.55),rgba(59,240,161,.08) 40%,rgba(92,225,255,.18));box-shadow:0 50px 120px -40px rgba(59,240,161,.35),0 30px 60px -30px #000}
.console-in{border-radius:19px;background:linear-gradient(180deg,#0D1A15,#09130F);overflow:hidden}
.c-top{display:flex;align-items:center;gap:16px;height:52px;padding:0 18px;border-bottom:1px solid var(--line)}
.dots{display:flex;gap:7px}.dots i{width:11px;height:11px;border-radius:50%;background:#20372D}.dots i:first-child{background:#FF7A7A}.dots i:nth-child(2){background:var(--amber)}.dots i:nth-child(3){background:var(--em)}
.c-url{font:500 12.5px var(--m);color:var(--muted)}.c-url b{color:var(--em);font-weight:500}
.tabs{display:flex;gap:4px;margin-left:auto;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.tabs button{appearance:none;border:0;background:none;color:var(--muted);font:500 13px var(--b);height:32px;padding:0 13px;border-radius:7px;cursor:pointer;transition:.2s}
.tabs button[aria-selected=true]{background:var(--s3);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.c-body{display:grid;grid-template-columns:1.65fr 1fr;min-height:400px}
.tiers{padding:22px;border-right:1px solid var(--line);text-align:left}
.tier{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:stretch;margin-bottom:12px}
.tier-l{display:grid;place-items:center;border-radius:12px;font:700 30px var(--d);color:var(--em-ink)}
.tier.S .tier-l{background:linear-gradient(160deg,#7BFFC4,var(--em2));box-shadow:0 0 30px -4px rgba(59,240,161,.6)}
.tier.A .tier-l{background:linear-gradient(160deg,#A6F0FF,#2FB4DA)}
.tier.B .tier-l{background:linear-gradient(160deg,#FFD79A,#E89A26)}
.tier-row{display:flex;gap:10px;flex-wrap:wrap;padding:10px;border:1px dashed var(--line2);border-radius:12px;background:rgba(255,255,255,.015);min-height:84px;align-items:center}
.tool{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:10px;background:var(--s2);border:1px solid var(--line);animation:drop .6s cubic-bezier(.2,.9,.3,1.2) both}
.tool .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font:700 15px var(--d);color:#04120B}
.tool b{display:block;font:600 15px var(--d);letter-spacing:-.01em}.tool small{display:block;font:400 12.5px var(--b);color:var(--muted);line-height:1.2}
.tier-row .tool:nth-child(2){animation-delay:.08s}.tier-row .tool:nth-child(3){animation-delay:.16s}
@keyframes drop{from{opacity:0;transform:translateY(-10px) scale(.96)}}
.radar{padding:22px;display:flex;flex-direction:column;gap:16px}
.radar-box{position:relative;aspect-ratio:1/1;max-height:220px;margin:0 auto;width:100%}
.radar-box svg{width:100%;height:100%}
.sweep{transform-origin:110px 110px;animation:spin 5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ctrl{display:grid;gap:8px;font:500 12.5px var(--m)}
.ctrl div{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid var(--line)}
.ctrl i{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;font-style:normal;font-size:11px}
.ok i{background:rgba(59,240,161,.16);color:var(--em)}.part i{background:rgba(255,181,71,.16);color:var(--amber)}
.ctrl span{flex:1;color:var(--ink2)}.ctrl em{font-style:normal;color:var(--muted)}
.c-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line);font:500 12px var(--m);color:var(--muted)}
.c-foot b{color:var(--em);font-weight:500}

/* framework strip */
.fw{padding:56px 0 30px}
.fw p{text-align:center;font:500 12px var(--m);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.fw-row{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.fw-row div{padding:18px;border-right:1px solid var(--line);text-align:center;font:600 18px var(--d);color:var(--ink2);transition:.3s}
.fw-row div:last-child{border:0}.fw-row div small{display:block;font:500 11.5px var(--m);color:var(--muted);margin-top:2px}
.fw-row div:hover{background:rgba(59,240,161,.06);color:var(--em)}

/* sections */
section{position:relative}
.sec{padding:110px 0}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}
.sec-h h2{font-size:clamp(34px,4.6vw,60px);max-width:760px;margin-top:14px}
.sec-h p{max-width:380px;color:var(--ink2)}
.panel{position:relative;background:linear-gradient(180deg,var(--s1),#0A1511);border:1px solid var(--line);border-radius:var(--r2)}
.br::before,.br::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--em);opacity:.8}
.br::before{left:-1px;top:-1px;border-right:0;border-bottom:0;border-radius:var(--r2) 0 0 0}
.br::after{right:-1px;bottom:-1px;border-left:0;border-top:0;border-radius:0 0 var(--r2) 0}

/* categories */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cat{padding:28px;display:flex;flex-direction:column;gap:16px;min-height:430px;transition:.35s;overflow:hidden}
.cat:hover{transform:translateY(-6px);border-color:var(--line2)}
.cat-art{height:170px;border-radius:14px;background:radial-gradient(circle at 50% 60%,rgba(59,240,161,.16),transparent 65%),var(--bg);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.cat-art svg{height:150px}
.cat h3{font-size:27px}
.cat p{color:var(--ink2);font-size:15.5px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.tags span{font:500 11.5px var(--m);padding:5px 8px;border-radius:6px;background:var(--s2);color:var(--ink2);border:1px solid var(--line)}
.cat .go{display:flex;justify-content:space-between;align-items:center;font:600 15px var(--d);color:var(--em);padding-top:14px;border-top:1px solid var(--line)}

/* latest lists */
.lists{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.feat{padding:0;overflow:hidden;display:flex;flex-direction:column}
.feat-art{height:300px;background:linear-gradient(135deg,#0B2A1F,#07100D 60%),var(--bg);position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.feat-art svg{position:absolute;inset:0;width:100%;height:100%}
.feat-b{padding:28px}
.feat-b h3{font-size:32px;margin:12px 0}
.feat-b p{color:var(--ink2)}
.meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font:500 12.5px var(--m);color:var(--muted)}
.meta b{color:var(--em);font-weight:500}
.rows{display:flex;flex-direction:column;gap:12px}
.lrow{display:grid;grid-template-columns:52px 1fr 24px;gap:18px;align-items:center;padding:20px;transition:.3s}
.lrow:hover{border-color:var(--em);background:linear-gradient(90deg,rgba(59,240,161,.07),var(--s1))}
.tl{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font:700 22px var(--d);color:var(--em-ink)}
.tl.S{background:var(--em)}.tl.A{background:var(--cyan)}.tl.B{background:var(--amber)}
.lrow h4{font-size:19px;letter-spacing:-.015em;line-height:1.25}
.lrow small{display:block;font:500 12px var(--m);color:var(--muted);margin-top:6px}
.arr{color:var(--em);font:600 20px var(--d);transition:.3s}.lrow:hover .arr{transform:translateX(4px)}

/* table */
.tbl-wrap{border:1px solid var(--line);border-radius:var(--r2);overflow:clip;background:var(--s1)}
table{width:100%;border-collapse:collapse;font-size:15px}
thead th{position:sticky;top:68px;background:#0F1F19;font:500 11.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:left;padding:16px 18px;border-bottom:1px solid var(--line2);z-index:2}
tbody td{padding:20px 18px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink2)}
tbody tr:last-child td{border:0}
tbody tr{transition:.2s}tbody tr:hover{background:rgba(59,240,161,.04)}
td.tool-c{display:flex;align-items:center;gap:12px;color:var(--ink);font:600 16px var(--d)}
td .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:700 15px var(--d);color:#04120B;flex:none}
.tc{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;font:700 15px var(--d);color:var(--em-ink)}
.tc.S{background:var(--em)}.tc.A{background:var(--cyan)}.tc.B{background:var(--amber)}
.no{color:var(--amber)}
.price{font:500 13px var(--m);color:var(--ink)}
.date{font:500 12.5px var(--m);color:var(--muted)}

/* methodology */
.method{background:linear-gradient(180deg,transparent,#0A1814 20%,#0A1814 80%,transparent)}
.m-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.steps{display:flex;flex-direction:column;gap:0;position:relative}
.steps::before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--em),var(--cyan),var(--amber))}
.step{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:18px 0}
.step i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font:500 14px var(--m);font-style:normal;background:var(--bg);border:1px solid var(--em);color:var(--em);position:relative;z-index:1}
.step h4{font-size:21px;margin-bottom:6px}.step p{color:var(--ink2);font-size:15.5px}
.weights{padding:30px}
.weights h3{font-size:24px;margin-bottom:6px}.weights>p{color:var(--muted);font-size:14.5px;margin-bottom:22px}
.w{margin-bottom:18px}
.w div{display:flex;justify-content:space-between;font:500 14px var(--b);margin-bottom:8px}.w div b{font:500 13px var(--m);color:var(--em)}
.bar{height:10px;border-radius:6px;background:var(--s3);overflow:hidden}
.bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--em2),var(--em));transform-origin:left;animation:grow 1.4s cubic-bezier(.2,.8,.2,1) both}
.rv.in .bar i{animation-play-state:running}
@keyframes grow{from{transform:scaleX(0)}}
.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.legend div{padding:14px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:13.5px;color:var(--ink2)}
.legend .tc{margin-bottom:10px}

/* never */
.never{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.never .panel{padding:26px}
.never h4{font-size:20px;margin:16px 0 8px}.never p{color:var(--ink2);font-size:15.5px}
.never .x{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,122,122,.1);color:var(--red);font:600 20px var(--d);border:1px solid rgba(255,122,122,.3)}

/* newsletter */
.news{padding:0 0 110px}
.term{border-radius:24px;overflow:hidden;border:1px solid var(--line2);background:radial-gradient(ellipse at 90% 0%,rgba(59,240,161,.22),transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(92,225,255,.14),transparent 50%),#0B1813;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:56px;align-items:center}
.term h2{font-size:clamp(32px,4vw,52px)}
.term p{color:var(--ink2);margin-top:14px}
.term-box{font:500 14px/1.9 var(--m);background:#040A08;border:1px solid var(--line2);border-radius:14px;padding:20px}
.term-box .c{color:var(--muted)}.term-box .g{color:var(--em)}
.term-form{display:flex;gap:8px;margin-top:14px}
.term-form input{flex:1;min-width:0;height:50px;border-radius:10px;border:1px solid var(--line2);background:#0E1A16;color:var(--ink);padding:0 14px;font:400 15px var(--b)}
.term-form input::placeholder{color:var(--muted)}
.caret{display:inline-block;width:9px;height:17px;background:var(--em);vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* footer */
.ftr{border-top:1px solid var(--line);padding:72px 0 28px;overflow:hidden;position:relative}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.f-grid p{color:var(--muted);font-size:14.5px;max-width:320px;margin-top:14px}
.f-grid h5{font:500 11.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.f-grid a{display:block;color:var(--ink2);font-size:15px;padding:5px 0}.f-grid a:hover{color:var(--em)}
.giant{font:700 clamp(90px,21vw,320px)/.8 var(--d);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(59,240,161,.45);text-align:center;margin:70px 0 0;user-select:none;background:linear-gradient(180deg,rgba(59,240,161,.22),transparent 75%);-webkit-background-clip:text;background-clip:text}
.f-bar{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font:500 12px var(--m);color:var(--muted)}
.f-bar .status{color:var(--ink2)}
.disc-f{font-size:13.5px;color:var(--muted);margin-top:18px;max-width:760px}

/* reveal */
html.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
html.js .rv.in{opacity:1;transform:none}

/* ARTICLE */
.a-hero{padding:56px 0 40px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.a-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000,transparent);-webkit-mask-image:linear-gradient(180deg,#000,transparent);z-index:-1}
.a-hero::after{content:"";position:absolute;right:-200px;top:-200px;width:700px;height:600px;background:radial-gradient(closest-side,rgba(59,240,161,.22),transparent);z-index:-1}
.a-hero{isolation:isolate}
.a-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:end}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font:500 12.5px var(--m);color:var(--muted);margin-bottom:22px}.crumbs a:hover{color:var(--em)}
.a-hero h1{font-size:clamp(36px,5vw,66px);letter-spacing:-.04em;margin:16px 0 18px}
.a-hero h1 em{font-style:normal;color:var(--em)}
.dek{font-size:19px;color:var(--ink2);max-width:680px}
.byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:26px;font-size:14.5px;color:var(--ink2)}
.av{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--em),var(--cyan));display:grid;place-items:center;color:var(--em-ink);font:700 15px var(--d)}
.vb{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--m);padding:7px 10px;border-radius:8px;background:rgba(59,240,161,.1);color:var(--em);border:1px solid rgba(59,240,161,.3)}
.disc{font-size:13.5px;color:var(--muted);margin-top:16px;max-width:680px}.disc a{color:var(--ink2);text-decoration:underline}
.a-art{border-radius:20px;overflow:hidden;height:300px;position:relative}
.a-art svg{width:100%;height:100%}
.a-main{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding:56px 28px 100px}
.toc{position:sticky;top:96px;align-self:start}
.toc h5{font:500 11.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.toc a{display:block;font-size:14px;color:var(--muted);padding:8px 0 8px 14px;border-left:2px solid var(--line);line-height:1.35}
.toc a.on,.toc a:hover{color:var(--em);border-color:var(--em)}
.prog{height:4px;border-radius:4px;background:var(--s3);margin-top:20px;overflow:hidden}.prog i{display:block;height:100%;width:0;background:var(--em)}
.verdict{position:relative;padding:30px;border-radius:20px;background:linear-gradient(135deg,rgba(59,240,161,.12),rgba(92,225,255,.05) 60%),var(--s1);border:1px solid rgba(59,240,161,.4);box-shadow:0 30px 70px -40px rgba(59,240,161,.5)}
.verdict .lbl{font:500 12px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--em);display:flex;align-items:center;gap:10px}
.verdict .lbl::before{content:"$";display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--em);color:var(--em-ink)}
.verdict p.big{font:500 22px/1.45 var(--d);letter-spacing:-.015em;margin:16px 0 22px}
.verdict p.big mark{background:none;color:var(--em)}
.v3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v3 a{padding:14px;border-radius:12px;background:var(--bg);border:1px solid var(--line);transition:.25s}
.v3 a:hover{border-color:var(--em)}
.v3 small{display:block;font:500 11px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.v3 b{display:flex;align-items:center;gap:8px;font:600 17px var(--d);margin-top:8px}
.prose{max-width:760px}
.prose h2{font-size:clamp(28px,3vw,38px);margin:64px 0 18px;scroll-margin-top:90px}
.prose h3{font-size:24px;margin:30px 0 10px}
.prose p{color:var(--ink2);margin:0 0 18px}
.prose p strong{color:var(--ink)}
.prose ul{margin:0 0 20px 0;list-style:none}.prose ul li{position:relative;padding-left:24px;color:var(--ink2);margin-bottom:10px}
.prose ul li::before{content:"";position:absolute;left:0;top:11px;width:10px;height:2px;background:var(--em)}
.pick{margin:28px 0;padding:0;overflow:hidden}
.pick-h{display:flex;align-items:center;gap:16px;padding:24px 26px;border-bottom:1px solid var(--line)}
.pick-h .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font:700 22px var(--d);color:#04120B}
.pick-h h3{margin:0;font-size:26px}
.pick-h small{display:block;font:500 12px var(--m);color:var(--muted);margin-top:4px}
.pick-h .tc{margin-left:auto;width:46px;height:46px;font-size:22px}
.pick-b{padding:24px 26px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.pc>div{padding:18px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.pc h5{font:500 12px var(--m);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.pc .pro h5{color:var(--em)}.pc .con h5{color:var(--amber)}
.pc .con{border-color:rgba(255,181,71,.35);background:linear-gradient(180deg,rgba(255,181,71,.07),var(--bg))}
.pc li{font-size:15px}
.pc .con li::before{background:var(--amber)}
.pick-f{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 26px;border-top:1px solid var(--line);background:rgba(255,255,255,.015);font:500 12.5px var(--m);color:var(--muted)}
.pick-f .btn{height:44px;font-size:14.5px}
details{border:1px solid var(--line);border-radius:14px;background:var(--s1);margin-bottom:10px}
summary{cursor:pointer;list-style:none;padding:18px 20px;font:600 17px var(--d);display:flex;justify-content:space-between;gap:14px}
summary::after{content:"+";color:var(--em);font-family:var(--m)}details[open] summary::after{content:"−"}
details p{padding:0 20px 18px;margin:0!important}
.author{display:flex;gap:18px;padding:24px;margin-top:40px}
.author .av{width:60px;height:60px;font-size:20px;flex:none}
.author p{font-size:15px;margin:6px 0 0!important}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

@media (max-width:1100px){
 .hdr-mid nav,.status{display:none}
 .cats{grid-template-columns:1fr 1fr}.lists,.m-grid,.term{grid-template-columns:1fr}
 .a-grid{grid-template-columns:1fr}.a-main{grid-template-columns:1fr}.toc{display:none}
}
@media (max-width:760px){
 body{font-size:16.5px}
 .wrap{padding:0 18px}
 .hdr .wrap{grid-template-columns:1fr auto;height:62px;gap:10px}
 .hdr-mid,.hdr-r .btn{display:none}
 .menu-btn{display:grid;place-items:center}
 .hero{padding:52px 0 28px}
 .hero h1{font-size:46px;margin:20px 0 16px}
 .hero .lede{font-size:17px}
 .hero-cta .btn{width:100%;justify-content:center}
 .proof{gap:12px 18px;font-size:11.5px}
 .console{margin-top:40px;border-radius:18px}
 .c-top{flex-wrap:wrap;height:auto;padding:12px;gap:10px}
 .c-url{display:none}
 .tabs{margin:0;width:100%;overflow-x:auto;scrollbar-width:none}
 .tabs button{flex:none;padding:0 11px;font-size:12.5px}
 .c-body{grid-template-columns:1fr}
 .tiers{border:0;padding:14px}
 .tier{grid-template-columns:44px 1fr;gap:10px}
 .tier-l{font-size:22px;border-radius:10px}
 .tier-row{padding:8px;gap:8px}
 .tool{width:100%}
 .radar{display:none}
 .c-foot{flex-direction:column;gap:4px}
 .fw-row{grid-template-columns:repeat(3,1fr)}
 .fw-row div{border-bottom:1px solid var(--line);font-size:16px;padding:14px 6px}
 .fw-row div:nth-child(3n){border-right:0}
 .sec{padding:76px 0}
 .sec-h{flex-direction:column;align-items:start;gap:14px;margin-bottom:30px}
 .sec-h h2{font-size:36px}
 .cats{grid-template-columns:1fr}
 .cat{min-height:0}
 .feat-art{height:200px}.feat-b h3{font-size:26px}
 .lrow{grid-template-columns:44px 1fr;padding:16px;gap:14px}.lrow .arr{display:none}.tl{width:44px;height:44px;font-size:19px}
 .lrow h4{font-size:17px}
 /* table -> cards */
 .tbl-wrap{border:0;background:none;overflow:visible}
 table,thead,tbody,tr,td{display:block}
 thead{display:none}
 tbody tr{border:1px solid var(--line);border-radius:16px;background:var(--s1);margin-bottom:12px;padding:6px 16px 12px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
 tbody td{border:0;padding:10px 0 0;font-size:14.5px}
 tbody td::before{content:attr(data-l);display:block;font:500 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
 td.tool-c{grid-column:1/-1;padding:12px 0;border-bottom:1px solid var(--line)!important}
 td.tool-c::before{display:none}
 td.wide{grid-column:1/-1}
 .m-grid{gap:30px}
 .legend{grid-template-columns:1fr}
 .never{grid-template-columns:1fr}
 .term{padding:28px 20px;border-radius:20px;gap:24px}
 .term-form{flex-direction:column}.term-form .btn{justify-content:center}
 .f-grid{grid-template-columns:1fr 1fr;gap:28px}.f-grid>div:first-child{grid-column:1/-1}
 .giant{font-size:92px;margin-top:44px;-webkit-text-stroke:1px rgba(59,240,161,.55)}
 .a-hero{padding:30px 0 30px}
 .a-hero h1{font-size:36px}
 .dek{font-size:17px}
 .a-art{height:190px}
 .a-main{padding:34px 18px 70px}
 .verdict{padding:22px 18px}.verdict p.big{font-size:19px}
 .v3{grid-template-columns:1fr}
 .pc{grid-template-columns:1fr}
 .pick-h{padding:18px}.pick-b{padding:18px}.pick-f{padding:14px 18px}
 .pick-h h3{font-size:22px}
}
@keyframes rise{from{opacity:0;transform:translateY(40px) scale(.98)}}
.f-grid a.logo{display:flex;padding:0}
.rules{background:linear-gradient(120deg,#3BF0A1,#7BFFD0 55%,#5CE1FF);color:var(--em-ink);border-radius:32px;margin:0 16px;padding:96px 0!important;overflow:hidden}
.rules .eyebrow{color:#05402A}.rules h2{color:#03140C}
.rules .panel{background:rgba(3,20,12,.9);border-color:rgba(3,20,12,.4);color:var(--ink)}
.rules::after{content:"S A B S A B";position:absolute;right:-20px;bottom:-60px;font:700 220px/1 var(--d);letter-spacing:-.05em;color:rgba(3,20,12,.07);white-space:nowrap;pointer-events:none}
@media (max-width:760px){.rules{margin:0 8px;border-radius:24px;padding:64px 0!important}.rules::after{font-size:120px}}

/* Tierlyn template mapping (design only, added 2026-11-03).
   Mockup classes above are kept verbatim. The tl- classes below map the
   real templates and rendered samples onto the same mockup look, so
   build.py output and the samples share one visual language.
   Font paths are relative to the stylesheet in /assets/ after build.
   Dark only, matching the mockup. No external request. */
.tl-wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.tl-skip{position:absolute;left:-999px}
.tl-skip:focus{left:12px;top:12px;z-index:99;background:var(--em);color:var(--em-ink);padding:8px 12px;border-radius:8px}
.tl-progress{position:fixed;top:0;left:0;height:4px;width:100%;background:var(--em);transform:scaleX(0);transform-origin:0 50%;z-index:90}
@supports (animation-timeline: scroll()){.tl-progress{animation:tl-progress linear both;animation-timeline:scroll(root)}}
@keyframes tl-progress{to{transform:scaleX(1)}}
.tl-header-row{display:contents}
.tl-logo{display:flex;align-items:center;gap:10px;font:700 21px var(--d);letter-spacing:-.03em;color:var(--ink)}
.tl-logo svg{width:auto;height:30px;display:block}
.tl-nav{display:flex;gap:22px;font:500 14.5px var(--b);color:var(--ink2);flex-wrap:wrap}
.tl-nav a{color:var(--ink2)}
.tl-nav a:hover{color:var(--em)}
.tl-navlink{color:var(--ink2)}
.hdr-mid .tl-nav{justify-content:center}
.tl-toggle{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:10px;font:600 14px var(--d);border:1px solid var(--line2);color:var(--ink);background:rgba(255,255,255,.02);cursor:pointer}
.tl-toggle:hover{border-color:var(--em);background:rgba(59,240,161,.06)}
.tl-main{padding:24px 0 80px}
.tl-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font:500 12.5px var(--m);color:var(--muted);margin-bottom:22px}
.tl-breadcrumbs a{color:var(--muted)}
.tl-breadcrumbs a:hover{color:var(--em)}
.tl-section{min-width:0}
.tl-hero-title{font-family:var(--d);font-weight:600;letter-spacing:-.045em;line-height:.96}
.tl-hero-text{font-size:19px;color:var(--ink2);max-width:690px}
.hero .tl-hero-title{font-size:clamp(44px,6vw,86px);margin:22px 0 18px}
.hero .tl-hero-text{margin:0 auto}
.a-hero .tl-hero-title{font-size:clamp(36px,5vw,66px);letter-spacing:-.04em;margin:16px 0 18px}
.tl-trust{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;font:500 12.5px var(--m);color:var(--muted);margin:28px 0 16px}
.tl-trust a{display:flex;align-items:center;gap:8px;color:var(--muted)}
.tl-trust a:hover{color:var(--em)}
.tl-trust a::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--em)}
.tl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}
.tl-card{position:relative;background:linear-gradient(180deg,var(--s1),#0A1511);border:1px solid var(--line);border-radius:var(--r2);padding:28px;min-width:0}
.tl-card h2,.tl-card h3{margin-top:0}
.tl-card p{color:var(--ink2)}
.tl-card p strong{color:var(--ink)}
.tl-pill{display:inline-block;font:500 11.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--em);padding:5px 8px;border-radius:6px;background:var(--s2);border:1px solid var(--line);white-space:nowrap}
.tl-meta{color:var(--muted);font-size:14.5px}
.tl-meta p{margin:0 0 6px;color:var(--muted)}
.tl-disclosure{font-size:13.5px;color:var(--muted);margin-top:16px;max-width:680px}
.tl-disclosure a{color:var(--ink2);text-decoration:underline}
.tl-answer{position:relative;padding:30px;border-radius:20px;background:linear-gradient(135deg,rgba(59,240,161,.12),rgba(92,225,255,.05) 60%),var(--s1);border:1px solid rgba(59,240,161,.4);box-shadow:0 30px 70px -40px rgba(59,240,161,.5);margin:28px 0}
.tl-answer p{font:500 22px/1.45 var(--d);letter-spacing:-.015em;color:var(--ink);margin:0}
.tl-answer p p{font:inherit;color:inherit;margin:0}
.tl-answer .lbl{font:500 12px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--em);display:flex;align-items:center;gap:10px;margin-bottom:16px}
.tl-answer .lbl::before{content:"$";display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--em);color:var(--em-ink)}
.tl-toc{background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:24px 0}
.tl-toc summary{cursor:pointer;font:600 17px var(--d);display:flex;justify-content:space-between;gap:14px;list-style:none}
.tl-toc summary::after{content:"+";color:var(--em);font-family:var(--m)}
.tl-toc[open] summary::after{content:"-"}
.tl-toc ul{margin:12px 0 0;list-style:none}
.tl-toc li{margin-bottom:6px}
.tl-toc a{display:block;font-size:14px;color:var(--muted);padding:8px 0 8px 14px;border-left:2px solid var(--line);line-height:1.35}
.tl-toc a:hover{color:var(--em);border-color:var(--em)}
.tl-tier-note{font-size:.95rem;color:var(--muted);max-width:72ch;margin:24px 0}
.tl-tier-legend{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.tl-tier{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;font:700 22px var(--d);color:var(--em-ink);background:var(--em);flex:none}
.tl-tier-s,.tl-tier-S{background:var(--em);color:var(--em-ink)}
.tl-tier-a,.tl-tier-A{background:var(--cyan);color:var(--em-ink)}
.tl-tier-b,.tl-tier-B{background:var(--amber);color:var(--em-ink)}
.tl-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;background:linear-gradient(180deg,var(--s1),#0A1511);border:1px solid var(--line);border-radius:var(--r2);padding:24px;margin:16px 0;min-width:0}
.tl-item-body{min-width:0}
.tl-item-body>:first-child{margin-top:0}
.tl-item-body h3{font-size:24px;margin:10px 0}
.tl-item-body h3 a:hover{color:var(--em)}
.tl-item-body p{color:var(--ink2);margin:0 0 12px}
.tl-item-body p strong{color:var(--ink)}
.tl-item-body ul{margin:0 0 16px;list-style:none}
.tl-item-body ul li{position:relative;padding-left:24px;color:var(--ink2);margin-bottom:8px}
.tl-item-body ul li::before{content:"";position:absolute;left:0;top:11px;width:10px;height:2px;background:var(--em)}
.tl-item-body a{color:var(--em)}
.tl-item-body h3 a{color:var(--ink)}
.tl-verdict{position:relative;padding:30px;border-radius:20px;background:linear-gradient(135deg,rgba(59,240,161,.12),rgba(92,225,255,.05) 60%),var(--s1);border:1px solid rgba(59,240,161,.4);margin:20px 0}
.tl-verdict-label{font:500 12px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--em)}
.tl-table-wrap{border:1px solid var(--line);border-radius:var(--r2);overflow:auto;background:var(--s1);margin:20px 0}
.tl-table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;background:var(--s1)}
.tl-table th{font:500 11.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:left;padding:16px 18px;border-bottom:1px solid var(--line2);background:#0F1F19}
.tl-table td{padding:20px 18px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink2)}
.tl-table tr:last-child td{border:0}
.tl-table a{color:var(--em)}
.tl-table caption{color:var(--muted);font:500 12.5px var(--m);text-align:left;padding:14px 18px}
.tl-faq details{border:1px solid var(--line);border-radius:14px;background:var(--s1);margin-bottom:10px}
.tl-faq summary{cursor:pointer;list-style:none;padding:18px 20px;font:600 17px var(--d);display:flex;justify-content:space-between;gap:14px}
.tl-faq summary::after{content:"+";color:var(--em);font-family:var(--m)}
.tl-faq details[open] summary::after{content:"-"}
.tl-faq details p{padding:0 20px 18px;margin:0;color:var(--ink2)}
.tl-trust-link{color:var(--ink2)}
.tl-footer{border-top:1px solid var(--line);padding:72px 0 28px;overflow:hidden;position:relative;color:var(--muted)}
.tl-footer-nav{display:flex;flex-direction:column}
.tl-footer-nav a{display:block;color:var(--ink2);font-size:15px;padding:5px 0}
.tl-footer-nav a:hover{color:var(--em)}
.f-grid .tl-nav,.f-grid .tl-footer-nav{display:flex;flex-direction:column;gap:0}
.f-grid .tl-nav a,.f-grid .tl-footer-nav a{display:block;padding:5px 0;font:400 15px var(--b);color:var(--ink2)}
.f-grid .tl-nav a:hover,.f-grid .tl-footer-nav a:hover{color:var(--em)}
.tl-filter{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.tl-filter button{background:var(--s1);color:var(--ink);border:1px solid var(--line2);border-radius:999px;padding:8px 14px;font:600 14px var(--d);cursor:pointer}
.tl-filter button:hover{border-color:var(--em)}
.cat-art{height:170px;border-radius:14px;background:radial-gradient(circle at 50% 60%,rgba(59,240,161,.16),transparent 65%),var(--bg);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.cat-art svg{height:150px;max-width:100%}
.feat-art{height:200px;background:linear-gradient(135deg,#0B2A1F,#07100D 60%),var(--bg);position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.feat-art svg{position:absolute;inset:0;width:100%;height:100%}
.a-art{border-radius:20px;overflow:hidden;height:300px;position:relative;background:radial-gradient(circle at 50% 60%,rgba(59,240,161,.16),transparent 65%),var(--bg);border:1px solid var(--line);display:grid;place-items:center}
.a-art svg{width:100%;height:100%;max-height:300px}
.prose{max-width:760px}
.prose h2{font-size:clamp(28px,3vw,38px);margin:64px 0 18px;scroll-margin-top:90px}
.prose h3{font-size:24px;margin:30px 0 10px}
.prose p{color:var(--ink2);margin:0 0 18px}
.prose p strong{color:var(--ink)}
.prose ul,.prose ol{margin:0 0 20px;list-style:none;padding-left:0}
.prose ul li,.prose ol li{position:relative;padding-left:24px;color:var(--ink2);margin-bottom:10px}
.prose ul li::before{content:"";position:absolute;left:0;top:11px;width:10px;height:2px;background:var(--em)}
.prose a{color:var(--em);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--ink)}
.tl-section .prose h2:first-child{margin-top:0}
form input,form textarea,form select{width:100%;min-width:0;height:50px;border-radius:10px;border:1px solid var(--line2);background:var(--s1);color:var(--ink);padding:0 14px;font:400 15px var(--b);margin-bottom:12px}
form textarea{height:auto;min-height:140px;padding:14px}
form input::placeholder,form textarea::placeholder{color:var(--muted)}
form button,form input[type="submit"]{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 22px;border-radius:12px;font:600 15.5px var(--d);background:var(--em);color:var(--em-ink);border:1px solid transparent;cursor:pointer}
form label{display:block;font:500 13px var(--m);color:var(--ink2);margin-bottom:6px}
.tl-card .tl-card{padding:20px}
.pc.tl-grid{grid-template-columns:1fr 1fr}
.pc .pro h3{color:var(--em)}
.pc .con h3{color:var(--amber)}
.pc .con{border-color:rgba(255,181,71,.35);background:linear-gradient(180deg,rgba(255,181,71,.07),var(--bg))}
@media (max-width:1100px){
 .tl-grid{grid-template-columns:1fr 1fr}
 .tl-nav{display:none}
 .a-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
 .tl-wrap{padding:0 18px}
 .tl-grid{grid-template-columns:1fr}
 .pc.tl-grid{grid-template-columns:1fr}
 .tl-item{grid-template-columns:44px minmax(0,1fr);padding:18px}
 .tl-tier{width:44px;height:44px;font-size:19px}
 .tl-answer{padding:22px 18px}
 .tl-answer p{font-size:19px}
 .tl-table-wrap{overflow-x:auto}
 .tl-table,.tl-table thead,.tl-table tbody,.tl-table tr,.tl-table td,.tl-table th{display:revert}
 .tl-table{display:table;width:100%;min-width:560px}
 .tl-table thead{display:table-header-group}
 .tl-table tbody{display:table-row-group}
 .tl-table tr{display:table-row}
 .tl-table td,.tl-table th{display:table-cell}
 .tl-table td::before{display:none}
 .tl-pill{white-space:normal}
 .a-art{height:190px}
 .cat-art{height:150px}
}

/* v2: console tab panels */
.console-panel{display:none}
.console-panel.active{display:block}
.console-panel .tier{margin-bottom:10px}
.console-panel .tier:last-child{margin-bottom:0}
/* v2: palette close button */
.pal-close{position:absolute;right:18px;top:18px;background:var(--s1);border:1px solid var(--line2);color:var(--em);width:44px;height:44px;border-radius:12px;font:600 16px var(--m);cursor:pointer;z-index:81}
/* v2: article byline, inline at all widths, mono chips at 375 */
.byline{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.byline p{margin:0}
/* v2: 375 home, edge-to-edge hero, 40px H1, stacked CTAs */
@media(max-width:760px){
.tl-section.hero{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
.hero h1{font-size:40px}
.hero-cta .btn{width:100%;justify-content:center}
.console{margin-left:0;margin-right:0}
.byline{gap:8px}
.byline p{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:rgba(59,240,161,.1);border:1px solid rgba(59,240,161,.3);font:500 12px var(--m);color:var(--em)}
.byline p b,.byline p strong{color:var(--em)}
}