/* BotsDoThat — dark glass, radar/feed metaphor. Mobile-first. */
:root{--bg:#05070f;--bg2:#0a0f1f;--ink:#eef1ff;--muted:#a3acc9;--line:rgba(160,180,255,.14);--glass:rgba(20,28,56,.55);--glass2:rgba(255,255,255,.04);
--c1:#5ef2d6;--c2:#7c8cff;--c3:#c08bff;--warn:#ffcf6e;--bad:#ff7a90;--good:#5ef2a0;--r:18px;--max:1180px;
--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--font);overflow-x:hidden;
background-image:radial-gradient(1200px 600px at 85% -10%,rgba(124,140,255,.20),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(94,242,214,.10),transparent 60%),radial-gradient(800px 600px at 50% 110%,rgba(192,139,255,.12),transparent 60%);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.35;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%)}
footer{position:relative}
a{color:var(--c1);text-underline-offset:3px}a:hover{color:#fff}
:focus-visible{outline:3px solid var(--c1);outline-offset:3px;border-radius:6px}
img{max-width:100%;height:auto}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}h2{font-size:clamp(1.5rem,3.2vw,2.2rem)}h3{font-size:1.15rem}
p{margin:0 0 1em}.small{font-size:.88rem}.muted{color:var(--muted)}.center{text-align:center}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.narrow{max-width:820px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 12px;border-radius:8px;z-index:100}.skip:focus{left:8px}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700;color:var(--c1);margin-bottom:.6em;display:flex;align-items:center;gap:.5em}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--c1);box-shadow:0 0 0 0 rgba(94,242,214,.7);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(94,242,214,.6)}70%{box-shadow:0 0 0 12px rgba(94,242,214,0)}100%{box-shadow:0 0 0 0 rgba(94,242,214,0)}}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:.4em;padding:.75em 1.2em;border-radius:999px;border:0;font:inherit;font-weight:700;color:#04121a;background:linear-gradient(135deg,var(--c1),var(--c2));text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 30px -10px rgba(94,242,214,.6)}
.btn:hover{transform:translateY(-2px);color:#04121a;box-shadow:0 14px 40px -12px rgba(124,140,255,.8)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-ghost:hover{color:#fff;border-color:var(--c1);background:rgba(94,242,214,.06)}
.btn-sm{padding:.45em .9em;font-size:.88rem}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(5,7,15,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:16px;min-height:62px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:.55em;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.01em;font-size:1.08rem}
.logo-dot{width:14px;height:14px;border-radius:50%;background:conic-gradient(from 0deg,var(--c1),transparent 70%);border:2px solid var(--c1);animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.menu{display:flex;gap:4px;overflow-x:auto;order:3;width:100%;padding-bottom:8px;scrollbar-width:none}.menu::-webkit-scrollbar{display:none}
.menu a{color:var(--muted);text-decoration:none;padding:.35em .75em;border-radius:999px;white-space:nowrap;font-size:.94rem}.menu a:hover,.menu a[aria-current]{color:#fff;background:var(--glass2)}
.nav-cta{margin-left:auto}
@media(min-width:900px){.menu{order:0;width:auto;padding:0;margin-left:16px}}
/* hero */
.hero{padding:34px 0 0}
.hero-grid{display:grid;gap:28px;align-items:center}.hero-grid>*{min-width:0}
@media(min-width:960px){.hero-grid{grid-template-columns:1.15fr .85fr}.hero{padding-top:56px}}
.kinetic{font-size:clamp(2.3rem,6.4vw,4.6rem);font-weight:850;letter-spacing:-.035em;line-height:1.02;margin:.1em 0 .35em}
.k-line{display:block}
.rotator{display:block;height:1.08em;overflow:hidden;position:relative;background:linear-gradient(90deg,var(--c1),var(--c2) 50%,var(--c3));-webkit-background-clip:text;background-clip:text;color:transparent}
.rotator span{display:block;height:1.08em;white-space:nowrap;animation:rot 17.5s cubic-bezier(.7,0,.3,1) infinite}
@keyframes rot{0%,11%{transform:translateY(0)}14%,25%{transform:translateY(-100%)}28%,39%{transform:translateY(-200%)}42%,53%{transform:translateY(-300%)}56%,67%{transform:translateY(-400%)}70%,81%{transform:translateY(-500%)}84%,97%{transform:translateY(-600%)}100%{transform:translateY(0)}}
.kinetic-sm{font-size:clamp(2rem,5vw,3.4rem);font-weight:850;letter-spacing:-.03em;background:linear-gradient(100deg,#fff 30%,#c9d2ff 60%,var(--c1));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;color:#cfd6f3;max-width:60ch}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
/* search */
.search{display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 16px;max-width:620px;transition:border-color .2s,box-shadow .2s}
.search:focus-within{border-color:var(--c1);box-shadow:0 0 0 4px rgba(94,242,214,.12)}
.search input{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);font:inherit;padding:.5em 0}.search input:focus{outline:none}
.search-icon{color:var(--c1);font-size:1.2rem}
.home-results{max-width:620px}.home-results ul{list-style:none;margin:8px 0 0;padding:6px}.home-results li a{display:flex;gap:.6em;padding:.55em .8em;border-radius:12px;color:var(--ink);text-decoration:none}.home-results li a:hover,.home-results li a:focus{background:var(--glass2)}
.home-results .hr-cat{color:var(--muted);font-size:.85rem;margin-left:auto;white-space:nowrap}
/* radar */
.radar{position:relative;aspect-ratio:1;width:min(100%,520px);margin:0 auto;border-radius:50%;background:radial-gradient(circle,rgba(94,242,214,.10),rgba(124,140,255,.06) 45%,transparent 70%);isolation:isolate}
.radar-img{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;opacity:.35;z-index:-1;border-radius:50%;mask-image:radial-gradient(circle,#000 40%,transparent 70%)}
.radar-rings{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 calc(16.6% - 1px),rgba(140,200,255,.28) calc(16.6% - 1px) 16.6%),linear-gradient(transparent calc(50% - .5px),rgba(140,200,255,.18) calc(50% - .5px) calc(50% + .5px),transparent 0),linear-gradient(90deg,transparent calc(50% - .5px),rgba(140,200,255,.18) calc(50% - .5px) calc(50% + .5px),transparent 0);border:1px solid rgba(140,200,255,.35)}
.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(94,242,214,.45),rgba(94,242,214,.08) 12%,transparent 25%);animation:spin 5.5s linear infinite;mix-blend-mode:screen}
.blip{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);text-decoration:none;z-index:2}
.blip-dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--c1);box-shadow:0 0 18px var(--c1);animation:blip 5.5s linear infinite;animation-delay:var(--d)}
.blip:nth-child(odd) .blip-dot{background:var(--c3);box-shadow:0 0 18px var(--c3)}
@keyframes blip{0%,100%{transform:scale(.8);opacity:.55}8%{transform:scale(1.5);opacity:1}30%{transform:scale(1);opacity:.85}}
.blip-label{position:absolute;left:50%;bottom:150%;transform:translate(-50%,6px);background:rgba(8,12,28,.95);border:1px solid var(--line);color:var(--ink);font-size:.8rem;padding:.4em .7em;border-radius:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.blip:hover .blip-label,.blip:focus .blip-label{opacity:1;transform:translate(-50%,0)}
/* ticker */
.ticker{margin-top:34px;border-block:1px solid var(--line);background:rgba(10,15,31,.6);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker-track{display:flex;gap:36px;width:max-content;list-style:none;margin:0;padding:12px 0;animation:tick 70s linear infinite}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker a{color:#cfd6f3;text-decoration:none;font-size:.92rem;white-space:nowrap}.ticker a:hover{color:#fff}
.tk-src{color:var(--c2);font-family:var(--mono);font-size:.82rem;margin-right:.5em}.tk-n{color:var(--c1);font-weight:700;margin-right:.4em}
/* stats */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.stats div{padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--glass2)}
.stats b{display:block;font-size:2rem;letter-spacing:-.03em;background:linear-gradient(90deg,#fff,var(--c1));-webkit-background-clip:text;background-clip:text;color:transparent}.stats span{color:var(--muted);font-size:.9rem}
@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}}
/* blocks */
.block{padding:56px 20px 8px}.mt{margin-top:2em}
.block-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.page-head{padding-top:36px;padding-bottom:12px}
/* cards / bento */
.bento,.grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:680px){.bento,.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.bento{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.card--big{grid-column:span 2;grid-row:span 2}}
.card{position:relative;display:flex;flex-direction:column;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(160deg,rgba(30,40,80,.55),rgba(12,16,34,.7));overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(94,242,214,.14),transparent 45%);opacity:0;transition:opacity .25s;pointer-events:none}
.card:hover{transform:translateY(-4px);border-color:rgba(94,242,214,.45);box-shadow:0 20px 50px -25px rgba(94,242,214,.45)}.card:hover::before{opacity:1}
.card-link{display:flex;flex-direction:column;gap:6px;padding:18px 18px 8px;color:var(--ink);text-decoration:none;flex:1}
.card h3{font-size:1.12rem;margin:.2em 0 .1em}.card--big h3{font-size:clamp(1.4rem,2.6vw,2rem)}
.card-sum{color:#c3cbea;font-size:.95rem;margin:0}.card--big .card-sum{font-size:1.08rem}
.card-top{display:flex;align-items:center;gap:8px}.rank{margin-left:auto;font-family:var(--mono);color:var(--c1);font-weight:700}
.badge-new{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--c3);color:#160a26;border-radius:6px;padding:.15em .45em}
.card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.card-pop{padding:0 18px 16px}
.cat-tag{font-size:.78rem;color:var(--muted);background:var(--glass2);border:1px solid var(--line);border-radius:999px;padding:.2em .6em;text-decoration:none;white-space:nowrap}
.diff{align-self:flex-start;font-size:.75rem;font-weight:700;border-radius:6px;padding:.15em .5em;border:1px solid}.diff-easy{color:var(--good);border-color:rgba(94,242,160,.4)}.diff-medium{color:var(--warn);border-color:rgba(255,207,110,.4)}.diff-advanced{color:var(--bad);border-color:rgba(255,122,144,.4)}
.tools-mini{display:flex;gap:4px;flex-wrap:wrap}.tchip{font-size:.72rem;color:#c9d0ee;background:rgba(124,140,255,.14);border-radius:6px;padding:.12em .45em}.more{font-size:.72rem;color:var(--muted)}
.pop{display:inline-block;font-family:var(--mono);font-size:.8rem;color:var(--c1);text-decoration:none;background:rgba(94,242,214,.07);border:1px solid rgba(94,242,214,.25);border-radius:8px;padding:.25em .55em}.pop:hover{color:#fff;border-color:var(--c1)}
.pop--none{color:var(--muted);background:transparent;border-style:dashed;border-color:var(--line)}
/* feed (terminal) */
.feed{overflow:hidden}.term-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03)}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#ff6b81}.dots i:nth-child(2){background:#ffcf6e}.dots i:nth-child(3){background:#5ef2a0}
.term-title{font-family:var(--mono);font-size:.8rem;color:var(--muted);flex:1}
.feed-list{list-style:none;margin:0;padding:6px}
.feed-row a{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--ink);font-size:.95rem;transition:background .2s}
.feed-row a:hover{background:rgba(94,242,214,.06)}.feed-row a:hover .feed-go{transform:translateX(4px);color:var(--c1)}
.feed-row time{font-family:var(--mono);font-size:.78rem;color:var(--c2)}.feed-cat{font-size:.78rem;color:var(--muted);grid-column:2}
.feed-title{grid-column:1/-1;font-weight:600}.feed-pop{font-family:var(--mono);font-size:.78rem;color:var(--c1);grid-row:1;grid-column:3}.feed-go{display:none;transition:transform .2s}
@media(min-width:760px){.feed-row a{grid-template-columns:100px 200px 1fr 90px 20px}.feed-title{grid-column:auto}.feed-cat{grid-column:auto}.feed-pop{grid-row:auto;grid-column:auto;text-align:right}.feed-go{display:block}}
.feed-more{display:block;padding:12px 18px;border-top:1px solid var(--line);text-decoration:none;font-weight:600}
/* categories bento */
.cats-bento{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.cats-bento{grid-template-columns:repeat(4,1fr)}.cat-tile:nth-child(1),.cat-tile:nth-child(6),.cat-tile:nth-child(7),.cat-tile:nth-child(8){grid-column:span 2}}
.cat-tile a{position:relative;display:flex;flex-direction:column;height:100%;min-height:190px;padding:18px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(160deg,rgba(30,40,80,.55),rgba(12,16,34,.75));color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .25s,border-color .25s}
.cat-tile a:hover{transform:translateY(-4px);border-color:rgba(124,140,255,.6)}.cat-tile a:hover .cat-art{transform:scale(1.08) rotate(-3deg)}
.cat-art{position:absolute;right:-18px;top:-18px;width:130px;height:130px;opacity:.85;transition:transform .5s;border-radius:24px}
.cat-icon{font-size:1.8rem;margin-bottom:auto}.cat-tile h3{margin-top:24px;position:relative}.cat-tile p{color:#bfc7e6;font-size:.9rem;margin-bottom:.5em;position:relative}.count{font-size:.82rem;color:var(--c1);font-weight:700;position:relative}
/* art slots (used until generated images are dropped into static/img) */
.art-slot{background:radial-gradient(circle at 35% 35%,rgba(94,242,214,.55),transparent 45%),radial-gradient(circle at 70% 70%,rgba(192,139,255,.55),transparent 50%),linear-gradient(135deg,rgba(124,140,255,.35),rgba(10,14,30,.2));filter:blur(.5px);mask-image:radial-gradient(circle,#000 55%,transparent 72%)}
.art-slot--cat-money{background:radial-gradient(circle at 40% 40%,rgba(94,242,160,.6),transparent 45%),radial-gradient(circle at 70% 65%,rgba(124,140,255,.5),transparent 50%)}
.art-slot--cat-shopping{background:radial-gradient(circle at 40% 40%,rgba(255,207,110,.55),transparent 45%),radial-gradient(circle at 70% 70%,rgba(192,139,255,.5),transparent 50%)}
.art-slot--cat-travel{background:radial-gradient(circle at 40% 35%,rgba(110,200,255,.6),transparent 45%),radial-gradient(circle at 70% 70%,rgba(94,242,214,.45),transparent 50%)}
.art-slot--cat-family{background:radial-gradient(circle at 40% 40%,rgba(255,150,190,.5),transparent 45%),radial-gradient(circle at 70% 70%,rgba(255,207,110,.4),transparent 50%)}
.art-slot--cat-health{background:radial-gradient(circle at 40% 40%,rgba(255,122,144,.5),transparent 45%),radial-gradient(circle at 70% 70%,rgba(94,242,214,.45),transparent 50%)}
.art-slot--cat-work{background:radial-gradient(circle at 40% 40%,rgba(124,140,255,.6),transparent 45%),radial-gradient(circle at 70% 70%,rgba(110,200,255,.45),transparent 50%)}
.art-slot--cat-business{background:radial-gradient(circle at 40% 40%,rgba(192,139,255,.6),transparent 45%),radial-gradient(circle at 70% 70%,rgba(94,242,160,.45),transparent 50%)}
/* blueprints */
.bp-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:680px){.bp-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.bp-grid{grid-template-columns:repeat(4,1fr)}}
.bp-card a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:18px;color:var(--ink);text-decoration:none;border-radius:var(--r);transition:background .25s}
.bp-card{transition:transform .25s,border-color .25s}.bp-card:hover{transform:translateY(-4px);border-color:rgba(192,139,255,.55)}
.bp-card p{color:#bfc7e6;font-size:.92rem;margin:0 0 .5em}.bp-trigger{font-family:var(--mono);font-size:.76rem;color:var(--c3)}
.bp-art{width:64px;height:64px;border-radius:16px;margin-bottom:6px}
.howto{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
.howto-step{display:flex;gap:16px;padding:18px}.howto-step h3{margin-bottom:.3em}.howto-step p{margin:0;color:#cfd6f3}
.howto-n{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:850;font-size:1.2rem;color:#04121a;background:linear-gradient(135deg,var(--c1),var(--c2))}
.gloss-box{padding:14px 18px}.gloss-box summary{cursor:pointer;font-weight:700}.gloss{display:grid;gap:10px;margin:14px 0 0}.gloss dt{font-weight:700;color:var(--c1)}.gloss dd{margin:0;color:#cfd6f3}
.spec{display:grid;gap:0;margin:18px 0 8px;padding:6px 18px}.spec>div{padding:12px 0;border-bottom:1px solid var(--line)}.spec>div:last-child{border:0}.spec dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.spec dd{margin:0;font-weight:600}
@media(min-width:760px){.spec{grid-template-columns:repeat(3,1fr);gap:20px}.spec>div{border:0}}
.bp-head{display:grid;gap:20px;align-items:center}@media(min-width:760px){.bp-head{grid-template-columns:1fr 200px}}.bp-hero-art{width:200px;height:200px;border-radius:28px}
/* explainer teaser + explainer */
.three{display:grid;gap:14px;margin-bottom:18px}@media(min-width:800px){.three{grid-template-columns:repeat(3,1fr)}}
.col{padding:18px}.col ul{margin:0;padding-left:1.1em;color:#cfd6f3}.col.good{border-color:rgba(94,242,160,.35)}.col.ok{border-color:rgba(255,207,110,.35)}.col.no{border-color:rgba(255,122,144,.35)}
.explainer section{margin:26px 0}.explain-card{padding:22px}.vs{display:grid;gap:14px}@media(min-width:700px){.vs{grid-template-columns:1fr 1fr}}
.vs>div{padding:14px;border-radius:14px;background:var(--glass2);border:1px solid var(--line)}
.big-list li,.rules li{margin-bottom:.6em}.rules{counter-reset:r;list-style:none;padding:0}.rules li{counter-increment:r;padding-left:2.4em;position:relative}.rules li::before{content:counter(r);position:absolute;left:0;top:0;width:1.7em;height:1.7em;border-radius:8px;display:grid;place-items:center;background:rgba(94,242,214,.15);color:var(--c1);font-weight:800;font-size:.9rem}
/* use case page */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:20px 0 0;font-size:.85rem;color:var(--muted)}.crumbs li+li::before{content:"›";margin-right:6px}.crumbs a{color:var(--muted)}
.uc-head{padding:18px 0 10px}.uc-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.uc-grid{display:grid;gap:28px;padding-bottom:40px}@media(min-width:1000px){.uc-grid{grid-template-columns:minmax(0,1fr) 340px}.uc-side{position:sticky;top:84px;align-self:start}}
.uc-main section{margin:26px 0}.uc-main h2{font-size:1.45rem}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:10px}
.steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--glass2)}
.steps li::before{content:counter(s);flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;color:#04121a;background:linear-gradient(135deg,var(--c1),var(--c2))}
.endup{padding:18px 20px;border-color:rgba(94,242,214,.35);background:linear-gradient(135deg,rgba(94,242,214,.10),rgba(124,140,255,.08))}.endup p{font-size:1.1rem;margin:0}
.term{overflow:hidden;margin:10px 0}.term-body{margin:0;padding:16px 18px;font:14.5px/1.6 var(--mono);color:#dff;white-space:pre-wrap;word-break:break-word;max-height:440px;overflow:auto}
.copy.done{background:linear-gradient(135deg,var(--good),var(--c1))}
.tool-grid{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:600px){.tool-grid{grid-template-columns:repeat(2,1fr)}}
.tool a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;color:var(--ink);text-decoration:none;border-radius:var(--r);height:100%}.tool:hover{border-color:rgba(124,140,255,.6)}
.tool-kind{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--c2)}.kind-agent{color:var(--c1)}.kind-automation{color:var(--c3)}
.tool-note{font-size:.88rem;color:#cfd6f3}.tool-cost{font-size:.8rem;color:var(--muted)}
.warn{padding:16px 20px;border-color:rgba(255,207,110,.35)}.warn h2{color:var(--warn)}
.sources{list-style:none;padding:0;margin:0;display:grid;gap:8px}.sources li{display:flex;gap:8px;align-items:baseline;font-size:.93rem}
.src-kind{flex:none;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);border-radius:5px;padding:.05em .4em;color:var(--muted)}.k-x{color:#fff}.k-reddit{color:#ff9a6e}.k-official{color:var(--c1)}
.side-box{padding:16px 18px;margin-bottom:14px}.side-h{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.8em}
.side-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
.popnums{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 10px}.popnums div{background:var(--glass2);border-radius:10px;padding:8px 10px}.popnums dt{font-size:.72rem;color:var(--muted)}.popnums dd{margin:0;font-size:1.35rem;font-weight:800;font-family:var(--mono);color:var(--c1)}
.faq{padding:12px 16px;margin-bottom:8px}.faq summary{cursor:pointer;font-weight:600}.reals{list-style:none;padding:0;display:grid;gap:10px}.reals li{padding:14px 16px}
.guide h3{margin-top:1.2em}
/* index tools */
.index-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font:inherit;font-size:.85rem;color:var(--ink);background:var(--glass2);border:1px solid var(--line);border-radius:999px;padding:.35em .8em;cursor:pointer;transition:.2s}.chip:hover{border-color:var(--c1)}.chip.on{background:linear-gradient(135deg,var(--c1),var(--c2));color:#04121a;font-weight:700;border-color:transparent}
.sort{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.sort select{font:inherit;color:var(--ink);background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:.35em .6em}
.empty{padding:30px;text-align:center;color:var(--muted)}
.cat-hero{display:flex;gap:20px;align-items:center}.cat-hero-art{flex:none;width:110px;height:110px;border-radius:24px}
.table-wrap{overflow-x:auto}.rank-table{width:100%;border-collapse:collapse;font-size:.93rem}.rank-table th,.rank-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.rank-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.num{font-family:var(--mono);white-space:nowrap}
/* sponsor + newsletter */
.two-up{display:grid;gap:16px;padding-top:56px;padding-bottom:56px}@media(min-width:900px){.two-up{grid-template-columns:1fr 2fr}}
.featured{padding:20px;position:relative}.featured .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.featured.house{border-style:dashed}
.news{padding:24px;display:grid;gap:16px;border-color:rgba(124,140,255,.4);background:linear-gradient(135deg,rgba(124,140,255,.16),rgba(94,242,214,.08))}
.nl-form{display:flex;gap:8px;flex-wrap:wrap}.nl-form input{flex:1;min-width:220px;font:inherit;color:var(--ink);background:rgba(5,7,15,.6);border:1px solid var(--line);border-radius:999px;padding:.7em 1em}
.tiers{display:grid;gap:14px;margin:20px 0}@media(min-width:800px){.tiers{grid-template-columns:repeat(3,1fr)}}.tier{padding:18px}.tier h2{font-size:1.2rem}.price{color:var(--c1);font-weight:700}
.prose h2{margin-top:1.4em;font-size:1.5rem}
/* footer */
.foot{border-top:1px solid var(--line);margin-top:40px;padding:36px 0 24px;background:rgba(5,7,15,.6)}
.foot-grid{display:grid;gap:24px}@media(min-width:800px){.foot-grid{grid-template-columns:2fr 1fr 1fr}}
.foot-h{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.foot-links{list-style:none;padding:0;margin:0;display:grid;gap:6px}.foot-note{margin-top:20px;color:var(--muted)}
/* reveals (only when JS is on) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*60ms)}
.js .reveal.in{opacity:1;transform:none}
/* entry animation */
.intro{display:none}
.intro-on .intro{display:grid;place-items:center;position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 50% 45%,#0b1230,#05070f 70%);animation:introOut .45s ease 1.65s forwards}
.intro-radar{position:absolute;width:min(70vmin,520px);aspect-ratio:1;animation:introZoom .9s cubic-bezier(.2,.7,.2,1) forwards}
.intro-radar .radar-sweep{animation-duration:1.4s}
.intro-term{position:relative;font-family:var(--mono);color:var(--c1);font-size:clamp(.95rem,2.4vw,1.25rem);text-shadow:0 0 18px rgba(94,242,214,.6);background:rgba(5,7,15,.55);padding:14px 18px;border-radius:12px}
.intro-term p{margin:.2em 0;overflow:hidden;white-space:nowrap;width:0;animation:type .45s steps(30) forwards}.intro-term .l1{animation-delay:.1s}.intro-term .l2{animation-delay:.6s}.intro-term .l3{animation-delay:1.05s;color:#fff}
.intro-skip{position:absolute;right:18px;bottom:18px;font:inherit;font-size:.85rem;color:var(--ink);background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;padding:.45em .9em;cursor:pointer}
.intro.gone{display:none!important}
.intro-on .hero-copy>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(1.75s + var(--n,0)*90ms)}
.hero-copy>*:nth-child(2){--n:1}.hero-copy>*:nth-child(3){--n:2}.hero-copy>*:nth-child(4){--n:3}.hero-copy>*:nth-child(5){--n:4}
@keyframes type{to{width:100%}}@keyframes introZoom{from{transform:scale(.6);opacity:0}to{transform:scale(1.15);opacity:1}}
@keyframes introOut{to{opacity:0;visibility:hidden}}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
/* motion safety */
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.rotator{height:auto}.rotator span{display:none}.rotator span:first-child{display:block}.js .reveal{opacity:1;transform:none}.ticker{overflow-x:auto}.intro{display:none!important}}

.big-steps{margin:10px 0 4px;padding-left:1.1em;color:#d5dcf7;font-size:.98rem}.big-steps li{margin-bottom:.35em}.big-steps li::marker{color:var(--c1)}
.big-end{margin:8px 0 0;padding:12px 14px;border-radius:12px;background:rgba(94,242,214,.08);border:1px solid rgba(94,242,214,.25);font-size:.95rem}
.card--big{background:radial-gradient(500px circle at 100% 0%,rgba(192,139,255,.22),transparent 60%),linear-gradient(160deg,rgba(30,40,80,.65),rgba(12,16,34,.75))}
.radar{box-shadow:0 0 120px -20px rgba(94,242,214,.35)}

.intro-radar .radar-rings{background:repeating-radial-gradient(circle,transparent 0 calc(16.6% - 2px),rgba(94,242,214,.55) calc(16.6% - 2px) 16.6%);border:2px solid rgba(94,242,214,.7);filter:drop-shadow(0 0 10px rgba(94,242,214,.6))}
.intro-radar .radar-sweep{background:conic-gradient(from 0deg,rgba(94,242,214,.85),rgba(124,140,255,.25) 14%,transparent 28%)}
.intro-radar::after{content:"";position:absolute;left:68%;top:30%;width:14px;height:14px;border-radius:50%;background:var(--c3);box-shadow:0 0 22px var(--c3),-160px 120px 0 -2px var(--c1),-60px 210px 0 -3px var(--c2);animation:blip 1.4s linear infinite}
/* ---- generated art (2026-10-20) ---- */
.radar--art{background:none;box-shadow:none}
.radar--art .radar-img{position:absolute;inset:-9%;width:118%;height:118%;max-width:none;object-fit:cover;opacity:1;z-index:-1;border-radius:0;
  -webkit-mask-image:radial-gradient(circle closest-side,#000 62%,rgba(0,0,0,.6) 80%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 62%,rgba(0,0,0,.6) 80%,transparent 100%)}
.radar--art::before{content:"";position:absolute;inset:-25%;z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(70,110,255,.16),transparent 62%);pointer-events:none}
.radar-ping{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(94,242,214,.55);transform:translate(-50%,-50%) scale(.08);opacity:0;animation:ping 4.5s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
@keyframes ping{0%{transform:translate(-50%,-50%) scale(.08);opacity:.9}80%{opacity:.08}100%{transform:translate(-50%,-50%) scale(.95);opacity:0}}
.radar--art .blip-dot{box-shadow:0 0 0 3px rgba(5,7,15,.6),0 0 18px var(--c1)}
.cat-art{right:-14px;top:-14px;width:150px;height:150px;opacity:.9;border-radius:0;object-fit:cover;
  -webkit-mask-image:radial-gradient(circle closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 55%,transparent 100%)}
.cat-tile a::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,transparent 35%,rgba(10,14,30,.55) 70%);pointer-events:none}
.cat-tile a>*:not(.cat-art){position:relative;z-index:1}
@media(min-width:900px){.cat-tile:nth-child(1) .cat-art,.cat-tile:nth-child(6) .cat-art,.cat-tile:nth-child(7) .cat-art,.cat-tile:nth-child(8) .cat-art{width:200px;height:200px;top:-20px;right:-10px}}
.bp-art{display:block;width:calc(100% + 36px);max-width:none;height:130px;margin:-18px -18px 8px;object-fit:cover;border-radius:var(--r) var(--r) 0 0;
  -webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
div.bp-art.art-slot{border-radius:var(--r) var(--r) 0 0}
img.bp-hero-art,img.cat-hero-art{object-fit:cover;border:1px solid rgba(140,170,255,.22);box-shadow:0 0 40px -8px rgba(124,140,255,.45)}
@media (prefers-reduced-motion: reduce){.radar-ping{animation:none;display:none}}
.hero{overflow-x:clip}
.bp-art{width:96px;height:96px;margin:-8px 0 2px -8px;border-radius:0;object-fit:cover;-webkit-mask-image:radial-gradient(circle closest-side,#000 58%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 58%,transparent 100%);transition:transform .4s}
div.bp-art.art-slot{border-radius:50%}
.bp-card:hover .bp-art{transform:scale(1.08) rotate(-3deg)}
@media(max-width:599px){.cat-art{width:112px;height:112px;right:-16px;top:-16px;opacity:.8}}
.ex-list{padding-left:1.1em}.ex-list li{margin:0 0 12px;line-height:1.55}

/* ---- Hero headline rotation (2026-10-21): 4 headlines share one grid cell, so height never jumps ---- */
.hl-stack{display:grid}
.hl-stack>.hl{grid-area:1/1;animation:hl 28s cubic-bezier(.7,0,.3,1) infinite both}
.hl-stack>.hl-1{animation-delay:7s}.hl-stack>.hl-2{animation-delay:14s}.hl-stack>.hl-3{animation-delay:21s}
.hl-stack>.hl:not(.hl-0){pointer-events:none}
.k-grad{display:block;background:linear-gradient(90deg,var(--c1),var(--c2) 50%,var(--c3));-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes hl{0%{opacity:0;transform:translateY(.35em);filter:blur(6px)}2.5%,23%{opacity:1;transform:none;filter:none}25.5%,100%{opacity:0;transform:translateY(-.35em);filter:blur(6px)}}
@media (prefers-reduced-motion:reduce){.hl-stack>.hl{animation:none;opacity:1;transform:none;filter:none}.hl-stack>.hl:not(.hl-0){display:none}}

/* ---- Latest in AI ---- */
.news-rail{list-style:none;margin:0;padding:0 0 8px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.news-card{scroll-snap-align:start;padding:16px 16px 12px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.news-card:hover{transform:translateY(-3px);border-color:rgba(94,242,214,.4)}
.news-link{color:inherit;text-decoration:none;flex:1}
.news-card h3{font-size:1.02rem;line-height:1.3;margin:.5em 0 .4em}
.news-card p{color:var(--muted);font-size:.9rem;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.news-card .news-src{margin-top:.7em;-webkit-line-clamp:1}
.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;font-size:.78rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.news-tag{border:1px solid var(--line);border-radius:999px;padding:.1em .6em;color:var(--ink);background:var(--glass2);font-family:inherit}
.nt-model{border-color:rgba(124,140,255,.5)}.nt-agent{border-color:rgba(94,242,214,.5)}.nt-pricing{border-color:rgba(255,207,110,.5)}.nt-feature{border-color:rgba(192,139,255,.5)}
.news-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.news-item{padding:18px 20px}
.news-item h2{font-size:1.25rem;margin:.45em 0 .35em}
.news-item p{margin:.3em 0}

/* ---- Latest in AI: bento tiles (2026-10-21) ---- */
.news-chips{margin-top:14px}
.nb{display:grid;gap:16px}
.nb-main,.nb-side{display:grid;gap:14px;align-content:start;min-width:0}
.nb-label{display:flex;align-items:center;flex-wrap:wrap;gap:.5em;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--c1);margin:0}
.nb-why{text-transform:none;letter-spacing:0;font-weight:400;color:var(--muted);font-size:.85rem}
.nb-sec{margin-top:34px;display:grid;gap:14px}.nb-note{margin-top:28px;max-width:860px}
.nt{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px;border-radius:var(--r);border:1px solid color-mix(in srgb,var(--co) 22%,transparent);
  background:radial-gradient(420px circle at 100% 0%,color-mix(in srgb,var(--co) 16%,transparent),transparent 65%),linear-gradient(160deg,rgba(30,40,80,.6),rgba(12,16,34,.78));
  backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);transition:transform .25s,border-color .25s,box-shadow .25s;animation:ntIn .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(min(var(--i,0),10)*55ms)}
.nt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--co),transparent);opacity:.9}
.nt:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--co) 60%,transparent);box-shadow:0 22px 50px -26px color-mix(in srgb,var(--co) 70%,transparent)}
.nt:target{border-color:var(--c1);box-shadow:0 0 0 2px rgba(94,242,214,.4)}
@keyframes ntIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
.nt-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.78rem}
.nt-mono{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;font:800 .78rem/1 var(--mono);color:#05070f;background:var(--co);box-shadow:0 0 18px -4px var(--co)}
.nt-co{font-weight:700;color:var(--ink);margin-right:2px}
.nt .news-tag{font-size:.74rem}
.nt-badge{font-size:.72rem;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:.18em .65em;white-space:nowrap}
.nt-badge--top{color:#05070f;background:linear-gradient(135deg,var(--c1),var(--c2))}
.nt-badge--hot{color:#1a0a00;background:linear-gradient(135deg,#ffcf6e,#ff8f6e);box-shadow:0 0 16px -4px rgba(255,160,110,.8)}
.nt-badge--major{color:var(--ink);border:1px solid rgba(192,139,255,.55);background:rgba(192,139,255,.12)}
.nt-h{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.18;font-size:1.06rem}
.nt-h a{color:inherit;text-decoration:none}.nt-h a::after{content:"";position:absolute;inset:0;z-index:1}
.nt-h a:hover{color:#fff}
.nt-x{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.nt-x b{color:var(--ink);font-weight:600}
.nt-foot{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:.78rem/1.4 var(--mono);color:var(--muted)}
.nt-eng{position:relative;z-index:2;color:var(--c1);text-decoration:none;background:rgba(94,242,214,.07);border:1px solid rgba(94,242,214,.25);border-radius:8px;padding:.2em .55em}
.nt-eng b{color:#fff}.nt-eng:hover{border-color:var(--c1);color:#fff}
.nt-src{margin:0;font-size:.78rem;color:var(--muted);position:relative;z-index:2}
.nt-art{position:absolute;z-index:-1;right:-40px;top:-40px;width:200px;height:200px;max-width:none;object-fit:cover;opacity:.5;pointer-events:none;transition:transform .6s;
  -webkit-mask-image:radial-gradient(circle closest-side,#000 45%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 45%,transparent 100%)}
.nt:hover .nt-art{transform:scale(1.08) rotate(-4deg)}
/* sizes */
.nt--xl{padding:24px;gap:14px;min-height:340px;justify-content:flex-end;border-color:color-mix(in srgb,var(--co) 45%,transparent);
  background:radial-gradient(700px circle at 85% 10%,color-mix(in srgb,var(--co) 22%,transparent),transparent 60%),radial-gradient(500px circle at 0% 100%,rgba(192,139,255,.16),transparent 60%),linear-gradient(160deg,rgba(30,40,80,.7),rgba(8,12,28,.85))}
.nt--xl .nt-top{margin-bottom:auto}
.nt--xl .nt-art{width:min(78%,420px);height:auto;aspect-ratio:1;right:-12%;top:-14%;opacity:.75}
.nt--xl .nt-h{font-size:clamp(1.7rem,4.4vw,3rem);line-height:1.04;max-width:16ch;text-wrap:balance;
  background:linear-gradient(90deg,#fff 30%,color-mix(in srgb,var(--co) 80%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.nt--xl .nt-x{font-size:1.02rem;max-width:60ch;color:#c9d1ee}
.nt--l .nt-h{font-size:clamp(1.15rem,2vw,1.4rem);text-wrap:balance}
.nt--l .nt-art{width:150px;height:150px;right:-30px;top:-30px;opacity:.45}
.nt--m .nt-h{font-size:1.05rem}
.nt--l .nt-x,.nt--m .nt-x,.nt--s .nt-x{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nt-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));grid-auto-flow:dense}
.nt-grid .nt--major{border-color:rgba(192,139,255,.45)}
@media(min-width:760px){.nt-grid .nt--major{grid-column:span 2}.nt-grid .nt--major .nt-h{font-size:1.35rem}}
@media(min-width:980px){
  .nb--top{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch}
  .nb--top .nb-main{grid-template-rows:auto 1fr}.nb--top .nb-main .nt--xl{height:100%}
  .nb--top .nb-side{grid-template-rows:auto repeat(3,1fr)}
  .nb--home{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
}
.nb--home .nb-side{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
.nb--home .nt--xl{min-height:320px}
@media(max-width:599px){.nt{padding:16px}.nt--xl{padding:18px;min-height:300px}.nt--xl .nt-art{width:88%;right:-30%;top:-18%}.nb-why{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.nt{animation:none}.nt:hover,.nt:hover .nt-art{transform:none}}
.news-head{padding-bottom:20px}.news-head h1{margin-bottom:.25em}.news-head .lead{max-width:72ch;margin-bottom:.6em}.news-head .small{margin-bottom:0}
.nt--xl .nt-art{width:min(92%,540px);right:-10%;top:-12%;opacity:.8}
.nt--l{gap:8px;padding:16px 18px}
@media(min-width:980px){.nb--top .nt--xl{min-height:0}}
.nt--xl .nt-h{max-width:20ch}
@media(min-width:980px){.nb--home{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
.two-up>*{min-width:0}@media(max-width:380px){.nl-form input{min-width:0;width:100%}}

/* ---- Run for less: nav pill, homepage band, calculator (2026-10-21) ---- */
.menu a.nav-less{display:inline-flex;align-items:center;gap:.45em;color:var(--ink);border:1px solid rgba(94,242,160,.45);background:linear-gradient(135deg,rgba(94,242,160,.12),rgba(94,242,214,.06));box-shadow:0 0 18px -8px rgba(94,242,160,.7)}
.menu a.nav-less:hover,.menu a.nav-less[aria-current]{border-color:var(--good);background:rgba(94,242,160,.16);color:#fff}
.nav-less-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}
.less-band{padding-top:64px}
.lb{position:relative;isolation:isolate;overflow:hidden;padding:clamp(20px,4vw,40px);display:grid;gap:26px;border-color:rgba(94,242,160,.32);
  background:radial-gradient(900px circle at 100% 0%,rgba(94,242,160,.16),transparent 55%),radial-gradient(700px circle at 0% 100%,rgba(124,140,255,.16),transparent 60%),linear-gradient(160deg,rgba(18,32,48,.75),rgba(8,12,28,.85))}
.lb::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background:repeating-radial-gradient(circle at 92% 8%,transparent 0 46px,rgba(94,242,160,.07) 46px 47px)}
.lb-art{position:absolute;z-index:-1;right:-60px;top:-60px;width:clamp(200px,30vw,360px);height:auto;aspect-ratio:1;max-width:none;object-fit:cover;opacity:.8;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle closest-side,#000 50%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 50%,transparent 100%)}
.lb-head{max-width:760px}.lb-head .eyebrow{color:var(--good)}
.lb-h{font-size:clamp(2rem,5.2vw,3.6rem);font-weight:850;letter-spacing:-.035em;line-height:1.02;margin:.1em 0 .35em}
.lb-h .k-grad{display:inline;background-image:linear-gradient(90deg,var(--good),var(--c1) 55%,var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lb-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.lt-grid{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.lt a{position:relative;display:flex;flex-direction:column;height:100%;padding:18px;border-radius:var(--r);text-decoration:none;color:var(--ink);border:1px solid rgba(94,242,160,.22);
  background:linear-gradient(160deg,rgba(94,242,160,.08),rgba(12,16,34,.6));transition:transform .25s,border-color .25s,box-shadow .25s}
.lt a:hover{transform:translateY(-4px);border-color:rgba(94,242,160,.6);box-shadow:0 20px 44px -24px rgba(94,242,160,.6);color:var(--ink)}
.lt-big{font-size:clamp(2rem,4vw,2.7rem);font-weight:850;letter-spacing:-.03em;line-height:1;background:linear-gradient(90deg,var(--good),var(--c1));-webkit-background-clip:text;background-clip:text;color:transparent}
.lt-unit{font:700 .78rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--good);margin:.35em 0 .6em}
.lt-t{color:#cfd6f3;font-size:.93rem;line-height:1.5;flex:1}.lt-go{margin-top:.8em;font-size:.85rem;font-weight:700;color:var(--c1)}
.lb-two{display:grid;gap:18px}.lb-two>*{min-width:0}.lb-two h3{font-size:1.15rem;margin:0 0 .3em}
@media(min-width:980px){.lb-two{grid-template-columns:1.1fr .9fr}}
.lc-table{width:100%;border-collapse:collapse;font-size:.9rem}.lc-table th,.lc-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.lc-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.lc-table tbody th{font-weight:700;white-space:nowrap}
.lc-m{display:block;font-size:.85rem;color:#cfd6f3}.lc-p{display:block;font:600 .8rem/1.4 var(--mono);color:var(--c1)}
.lc-x{font:800 .95rem var(--mono);color:var(--good);white-space:nowrap}
/* calculator */
.calc{display:grid;gap:18px;padding:18px;border-radius:var(--r)}.calc label{display:grid;gap:5px;font-size:.85rem;font-weight:600;color:var(--muted)}
.calc select,.calc input[type=number]{font:inherit;font-size:.95rem;font-weight:500;color:var(--ink);background:rgba(5,7,15,.7);border:1px solid var(--line);border-radius:10px;padding:.5em .65em;width:100%;min-width:0}
.calc select:focus,.calc input:focus{border-color:var(--c1);outline:none;box-shadow:0 0 0 3px rgba(94,242,214,.18)}
.calc-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.calc-row>*{min-width:0}
.calc-in{display:grid;gap:12px;align-content:start}.calc-in h2{margin:0;font-size:clamp(1.4rem,3vw,1.9rem)}
.calc-why{margin:-4px 0 0}
.calc-chk{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important;color:var(--ink)!important}.calc-chk input{margin-top:.25em;accent-color:var(--good)}
.calc-models summary{cursor:pointer;font-size:.88rem;color:var(--c1)}.calc-mlist{display:grid;gap:4px;margin-top:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.calc-m{display:flex!important;gap:6px;align-items:center;font-weight:500!important;color:var(--ink)!important;font-size:.82rem!important}.calc-m input{accent-color:var(--c1)}
.calc-best{padding:16px 18px;border-radius:14px;border:1px solid rgba(94,242,160,.45);background:linear-gradient(135deg,rgba(94,242,160,.14),rgba(94,242,214,.05));box-shadow:0 0 40px -18px rgba(94,242,160,.7)}
.calc-best p{margin:0}.calc-best-k{font:700 .72rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--good)}
.calc-best-v b{font-size:clamp(2.2rem,5vw,3rem);font-weight:850;letter-spacing:-.03em;line-height:1.1}.calc-best-v span{color:var(--muted);margin-left:4px}
.calc-best-m{font-weight:600;margin:2px 0 6px!important}
.calc-tier{display:inline-block;font:600 .68rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:0 .5em;border-radius:999px;border:1px solid var(--line);color:var(--muted);vertical-align:middle}
.calc-tier.t-flagship{border-color:rgba(192,139,255,.5);color:#d9c2ff}.calc-tier.t-small{border-color:rgba(94,242,160,.45);color:var(--good)}
.calc-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.calc-list li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(50px,1fr) auto;gap:10px;align-items:center;font-size:.86rem;padding:6px 8px;border-radius:10px}
.calc-list li.is-best{background:rgba(94,242,160,.08)}
.calc-name{min-width:0;overflow-wrap:anywhere}.calc-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.calc-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--good),var(--c1),var(--c2));transition:width .4s cubic-bezier(.2,.7,.2,1)}
.calc-v{font:700 .85rem var(--mono);white-space:nowrap;text-align:right}
.calc-assume{margin-top:14px;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px}.calc-assume p{margin:0 0 .6em}
.calc-empty{color:var(--muted)}
.calc--full{padding:clamp(18px,3vw,30px);border-color:rgba(94,242,160,.32);background:radial-gradient(700px circle at 100% 0%,rgba(94,242,160,.12),transparent 60%),var(--glass)}
@media(min-width:900px){.calc--full{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px}}
.calc-block{padding-top:28px}
.calc--mini{padding:0;gap:12px}.calc--mini .calc-ctl{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.calc--mini .calc-best-v b{font-size:2.2rem}.calc-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
@media(max-width:420px){.calc-list li{grid-template-columns:minmax(0,1fr) auto}.calc-bar{grid-column:1/-1;order:3}.calc-row{grid-template-columns:1fr}}
/* guide callout + news pricing link */
.less-callout{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 18px;margin:20px 0;border-color:rgba(94,242,160,.4);background:linear-gradient(135deg,rgba(94,242,160,.12),rgba(124,140,255,.06))}
.less-callout>div{flex:1;min-width:200px}.less-callout p{margin:0}.lco-ico{font-size:1.6rem}.lco-k{font-weight:700}
.nt-less{position:relative;z-index:2;font-size:.8rem;font-weight:700;color:var(--good);text-decoration:none}.nt-less:hover{color:#fff}
@media (prefers-reduced-motion:reduce){.lt a:hover{transform:none}.calc-bar i{transition:none}}

/* ---- Monetization: paid labels, advertise page, sponsored slots (2026-10-21) ---- */
.paid-label{display:inline-block;font:700 .66rem/1.6 var(--mono);text-transform:uppercase;letter-spacing:.12em;padding:0 .6em;border-radius:999px;text-decoration:none;vertical-align:middle;border:1px solid rgba(255,200,87,.55);color:#ffd88a;background:rgba(255,200,87,.08)}
.paid-label.paid-affiliate{border-color:rgba(124,140,255,.55);color:#c5ccff;background:rgba(124,140,255,.1)}
.paid-label:hover{color:#fff}
.featured.sponsored .paid-label,.tool-listing .paid-label{margin-bottom:8px}
.tool-listing{padding:18px;margin:20px 0;border-color:rgba(255,200,87,.35)}.tool-listing h3{margin:.2em 0}
.lt--sponsored a{border-color:rgba(255,200,87,.4);background:linear-gradient(160deg,rgba(255,200,87,.08),rgba(12,16,34,.6))}
.lt-paid{margin:6px 2px 0;font-size:.75rem;color:var(--muted)}
.adv-honest{padding:clamp(16px,3vw,26px);margin:22px 0}.adv-honest h2{margin-top:0}
.adv-stats{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}
.adv-stats li{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(5,7,15,.4)}
.adv-stats b{display:block;font-size:1.8rem;font-weight:850;letter-spacing:-.02em;background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.adv-stats span{font-size:.82rem;color:var(--muted)}
.adv .tier .eyebrow{margin:0 0 4px}.adv-cta{padding:clamp(18px,3vw,28px);margin:26px 0;text-align:center;border-color:rgba(94,242,214,.35)}
.price-sub{margin:-.3em 0 .6em;font-size:.85rem;color:var(--muted)}.adv-bundle{font-size:1.1rem}

/* BotsDoThat wordmark + tagline */
.wm{letter-spacing:-.02em}.wm-mid{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-tag{margin:.2em 0 .5em;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:700;color:var(--muted);letter-spacing:-.01em}
.foot-tag{margin:.3em 0 .4em;font-weight:700;color:var(--ink)}
@media (forced-colors:active){.wm-mid{color:CanvasText;background:none}}