:root{--ink:#eaf7f4;--muted:#8da5a4;--paper:#05090e;--white:#0b1219;--green:#25f5a6;--lime:#b9ff45;--line:rgba(73,255,184,.16);--navy:#071018}
body{background:radial-gradient(circle at 50% -10%,#12352e 0,#071018 32%,#03070b 72%);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay}
.glow{opacity:.25;filter:blur(100px)}.glow-one{background:#00ffb2}.glow-two{background:#00a9ff}
.nav{height:82px;position:relative}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.45}
.brand{color:#effff9;text-transform:uppercase;letter-spacing:.04em}.brand>span:last-child>span{color:var(--green);text-shadow:0 0 22px rgba(37,245,166,.65)}
.brand-mark{width:42px;height:42px;border-radius:5px;background:linear-gradient(145deg,#16332d,#07100e);border:1px solid var(--green);color:var(--green);font-size:13px;box-shadow:inset 0 0 18px rgba(37,245,166,.14),0 0 18px rgba(37,245,166,.2);clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%)}
.nav nav a{color:#9db1af}.nav nav a:hover{color:var(--green)}.ghost,.outline{color:#dff9f2;background:rgba(8,22,27,.72);border-color:rgba(37,245,166,.28);border-radius:5px;box-shadow:inset 0 0 18px rgba(37,245,166,.04)}
.hero{min-height:760px;padding:82px 24px 46px;isolation:isolate;overflow:hidden;border-left:1px solid rgba(37,245,166,.08);border-right:1px solid rgba(37,245,166,.08)}
#matrixCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:.52;mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.7) 62%,transparent 100%)}
.hero-grid{position:absolute;z-index:-2;inset:42% -30% -40%;background-image:linear-gradient(rgba(37,245,166,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(37,245,166,.13) 1px,transparent 1px);background-size:54px 54px;transform:perspective(420px) rotateX(62deg);transform-origin:center top;mask-image:linear-gradient(#000,transparent 75%)}
.hero:after{content:"SYSTEM ONLINE · AGENT NETWORK 100+ · LIVE INDEX";position:absolute;top:24px;left:24px;font:10px monospace;letter-spacing:.13em;color:rgba(37,245,166,.55)}
.eyebrow{background:rgba(3,16,17,.78);border-color:rgba(37,245,166,.36);color:#8fffd5;border-radius:4px;font-family:monospace;box-shadow:0 0 28px rgba(37,245,166,.09)}
h1{font-size:clamp(52px,7.5vw,102px);text-transform:uppercase;letter-spacing:-.065em;text-shadow:0 5px 35px rgba(0,0,0,.8)}h1 em{color:var(--green);text-shadow:0 0 35px rgba(37,245,166,.48)}
.hero-copy{color:#a7b9b6;max-width:760px}.category-launcher{position:relative;z-index:2}
.category-launcher button{background:linear-gradient(145deg,rgba(12,24,31,.92),rgba(5,13,18,.9));border-color:rgba(37,245,166,.17);color:#e9f9f5;border-radius:6px;box-shadow:inset 0 0 24px rgba(37,245,166,.025),0 12px 30px rgba(0,0,0,.18)}
.category-launcher button:hover,.category-launcher button:focus-visible{border-color:var(--green);box-shadow:inset 0 0 25px rgba(37,245,166,.08),0 0 22px rgba(37,245,166,.13)}
.category-launcher span{border-radius:4px;background:#102b25;color:var(--green);box-shadow:inset 0 0 12px rgba(37,245,166,.14)}.category-launcher small{color:#718b87}
.trust-row{border-color:rgba(37,245,166,.2);background:rgba(3,10,14,.7);padding:25px;border-radius:5px}.trust-row div{border-color:rgba(37,245,166,.16)}.trust-row strong{color:#dfffee;text-shadow:0 0 18px rgba(37,245,166,.25)}.trust-row span{color:#6f8e88}
.ticker{background:#24efa1;color:#03110c;box-shadow:0 0 30px rgba(37,245,166,.25)}.ticker-track>span,.ticker-track i{color:#073e2c}.ticker-track b{font-weight:800}
.task-hub,.ranking{position:relative}.section-head h2,.method h2{color:#f0fcf8}.section-head p,.method-copy p{color:#8da5a4}.kicker{font-family:monospace;color:var(--green)}
.task-section,.table-card{background:linear-gradient(145deg,rgba(12,22,29,.95),rgba(6,13,18,.96));border-color:rgba(37,245,166,.15);border-radius:7px;box-shadow:0 14px 45px rgba(0,0,0,.23)}
.task-heading{background:transparent;color:#eefbf7}.task-heading small{color:#829996}.task-agents>a,.own-agent{background:rgba(10,22,28,.85);border-color:rgba(255,255,255,.07);color:#e9f6f2;border-radius:5px}.task-agents small{color:#849a96}.task-agent-logo{border-radius:4px;box-shadow:0 0 17px color-mix(in srgb,var(--task-color) 35%,transparent)}
.toolbar{background:rgba(8,18,24,.68);border:1px solid rgba(37,245,166,.12);padding:12px;border-radius:6px}.tabs button{color:#8fa5a1;border-color:rgba(37,245,166,.15);border-radius:4px}.tabs button.active{background:var(--green);color:#05100c;border-color:var(--green)}select{background:#0a151c;color:#dcebe8;border-color:rgba(37,245,166,.2);border-radius:4px}
.table-head{background:#0e201f;color:#68caa8}.agent-row{border-color:rgba(255,255,255,.055)}.agent-row:hover{background:rgba(37,245,166,.045)}.pill,.unverified{background:#0f1d23;color:#8ba09d}.pending{color:#78918c}.compare{background:#0d1920;color:#b9ccc8;border-color:rgba(37,245,166,.2);border-radius:3px}.agent-name small,.agent-name .desc{color:#78908b}
.method{background:linear-gradient(135deg,#0c201d,#071018 52%,#101928);border:1px solid rgba(37,245,166,.22);border-radius:8px;box-shadow:inset 0 0 80px rgba(37,245,166,.035),0 25px 80px rgba(0,0,0,.35)}.score-card{background:#eaf8f3;color:#07120e;border-radius:6px}.primary{background:var(--green);color:#06110d;border-radius:4px;box-shadow:0 0 24px rgba(37,245,166,.25)}
footer{border-color:rgba(37,245,166,.14)}.modal{background:rgba(0,4,7,.82)}.modal-card{background:#09151b;color:#e9f7f3;border:1px solid rgba(37,245,166,.25);border-radius:8px}.modal-card p{color:#8da5a4}.close{color:#fff}.modal input{background:#071016;border-color:rgba(37,245,166,.18);color:#fff;border-radius:4px}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 4px rgba(37,245,166,.1),0 0 9px rgba(37,245,166,.2)}50%{box-shadow:0 0 0 7px rgba(37,245,166,.03),0 0 22px rgba(37,245,166,.65)}}.live-dot{background:var(--green);animation:pulseGlow 2s infinite}
@media(max-width:850px){.hero{min-height:auto;padding-inline:12px}.hero:after{display:none}.category-launcher button{min-height:66px}}
@media(max-width:520px){h1{font-size:clamp(42px,13vw,62px)}.hero-copy{font-size:16px}.trust-row{padding:18px 8px}.trust-row strong{font-size:21px}.method{padding:30px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}#matrixCanvas{display:none}}
.plan-badge{display:inline-flex;width:max-content;align-items:center;border:1px solid;border-radius:999px;padding:6px 9px;font:800 10px/1 "DM Sans",sans-serif;white-space:nowrap}.plan-badge.free{color:#63ffb9;border-color:rgba(99,255,185,.38);background:rgba(25,199,126,.12)}.plan-badge.trial{color:#ffd36e;border-color:rgba(255,211,110,.4);background:rgba(255,190,55,.1)}.plan-badge.paid{color:#ff8298;border-color:rgba(255,90,121,.4);background:rgba(255,66,102,.1)}.task-line{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.task-line em{margin:0!important}.task-line .plan-badge{font-size:9px;padding:4px 7px}
.task-agent-card{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:5px;background:rgba(10,22,28,.85);font:inherit;color:#e9f6f2;text-align:left;width:100%;cursor:pointer}.task-agent-card:hover{border-color:var(--task-color);transform:translateY(-1px)}.task-agent-card>i{font-style:normal;color:var(--task-color);font-size:14px}.agent-row[role=button]{cursor:pointer}.agent-row[role=button]:focus-visible,.task-agent-card:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.detail-open{overflow:hidden}.agent-detail{display:none;position:fixed;inset:0;z-index:120;overflow:auto;background:radial-gradient(circle at 78% 8%,rgba(45,104,255,.15),transparent 34%),radial-gradient(circle at 12% 24%,rgba(37,245,166,.12),transparent 30%),#04090e;color:#e8f7f2}.agent-detail.open{display:block}.detail-shell{padding-top:38px;padding-bottom:80px}.detail-back{border:1px solid rgba(37,245,166,.25);background:#08141a;color:#b8cec8;border-radius:4px;padding:12px 16px;font-weight:800;cursor:pointer}.detail-back:hover{color:#05100c;background:var(--green);box-shadow:0 0 24px rgba(37,245,166,.24)}.detail-hero{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin:58px 0 35px;padding-bottom:34px;border-bottom:1px solid rgba(37,245,166,.16)}.detail-logo{width:76px;height:76px;display:grid;place-items:center;border-radius:10px;color:#fff;font:900 31px Manrope;box-shadow:0 0 30px rgba(37,245,166,.16)}.detail-hero h2{font-size:clamp(42px,6vw,72px);margin:6px 0 2px}.detail-hero p{margin:0;color:#7f9792}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:22px}.detail-main,.detail-grid aside{background:rgba(8,19,25,.88);border:1px solid rgba(37,245,166,.16);padding:34px;border-radius:7px}.detail-label,.detail-grid aside span{color:#56e7b5;font-size:11px;font-weight:900;letter-spacing:.14em}.detail-main>p{font-size:18px;line-height:1.7;color:#b8cac6}.detail-main h3{font:800 24px Manrope;margin:32px 0 8px}.detail-visit{display:inline-flex;align-items:center;gap:16px;margin-top:25px;padding:15px 20px;background:var(--green);color:#04100b;text-decoration:none;font-weight:900;border-radius:4px;box-shadow:0 0 28px rgba(37,245,166,.2)}.detail-grid aside{display:flex;flex-direction:column;gap:24px}.detail-grid aside div{display:flex;flex-direction:column;gap:8px;padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.07)}.detail-grid aside strong{font:800 22px Manrope}.detail-grid aside p{color:#78908b;line-height:1.55;font-size:13px}.detail-grid aside #detailScore{color:var(--green);font-size:34px}
.detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:15px 0 30px}.detail-actions li{position:relative;padding:13px 14px 13px 36px;background:#08171c;border:1px solid rgba(37,245,166,.12);border-radius:4px;color:#b9cfca;line-height:1.4}.detail-actions li:before{content:'✓';position:absolute;left:14px;color:var(--green);font-weight:900}.official-box{margin-top:38px;padding:22px;border:1px solid rgba(37,245,166,.2);background:linear-gradient(110deg,rgba(37,245,166,.07),rgba(47,103,255,.05));border-radius:5px}.official-box>span{color:#58e8b7;font-size:10px;font-weight:900;letter-spacing:.14em}.official-box>p{color:#8ca39e;line-height:1.55;margin:8px 0 0}.official-box .detail-visit{margin-top:18px}
@media(max-width:700px){.detail-shell{padding-top:20px}.detail-hero{grid-template-columns:auto 1fr;margin-top:35px}.detail-hero>span:last-child{grid-column:1/-1}.detail-logo{width:58px;height:58px;font-size:23px}.detail-grid{grid-template-columns:1fr}.detail-main,.detail-grid aside{padding:23px}.detail-main>p{font-size:16px}.detail-actions{grid-template-columns:1fr}}
.magazine-home{padding:92px 0 20px;perspective:1200px}.magazine-cover{position:relative;display:grid;grid-template-columns:1.5fr 1fr;min-height:590px;padding:42px 48px 36px 72px;overflow:hidden;color:#f3fff9;text-decoration:none;background:radial-gradient(circle at 72% 34%,rgba(37,245,166,.25),transparent 28%),linear-gradient(135deg,#16233c 0,#071018 52%,#0a261d 100%);border:1px solid rgba(37,245,166,.45);box-shadow:0 35px 90px rgba(0,0,0,.48),inset 0 0 80px rgba(37,245,166,.06);transition:.35s}.magazine-cover:before{content:'AI';position:absolute;right:-3%;top:4%;font:900 clamp(220px,31vw,430px)/.8 Manrope;color:transparent;-webkit-text-stroke:1px rgba(99,255,190,.18);transform:rotate(-7deg)}.magazine-cover:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 47px,rgba(37,245,166,.035) 48px),linear-gradient(115deg,transparent 65%,rgba(185,255,69,.08));pointer-events:none}.magazine-cover:hover{transform:translateY(-7px) rotateX(1deg);border-color:var(--green);box-shadow:0 42px 100px rgba(0,0,0,.55),0 0 38px rgba(37,245,166,.14)}.cover-spine{position:absolute;z-index:2;left:20px;bottom:35px;writing-mode:vertical-rl;transform:rotate(180deg);font:700 10px monospace;letter-spacing:.18em;color:#6d9188}.cover-top{position:relative;z-index:2;grid-column:1/-1;align-self:start;border-top:5px solid var(--green);padding-top:12px;display:flex;align-items:baseline;justify-content:space-between}.cover-top strong{font:900 clamp(33px,5vw,70px)/1 Manrope;letter-spacing:-.065em}.cover-top span{font:800 15px monospace;letter-spacing:.25em;color:var(--lime)}.cover-content{position:relative;z-index:2;align-self:center}.cover-kicker{font:800 11px monospace;letter-spacing:.14em;color:var(--green)}.cover-content h2{font-size:clamp(54px,7vw,102px);line-height:.82;text-transform:uppercase;margin:20px 0 28px}.cover-content h2 em{color:var(--green);font-style:normal;text-shadow:0 0 38px rgba(37,245,166,.35)}.cover-content p{max-width:560px;font-size:18px;line-height:1.55;color:#b0c5bf}.cover-lines{position:relative;z-index:2;align-self:end;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.2)}.cover-lines span{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#9eb3ad;font-size:13px;line-height:1.45}.cover-lines b{display:block;color:#effff9;font-family:Manrope;font-size:14px}.cover-footer{position:relative;z-index:2;grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;align-items:center;margin-top:35px;padding-top:18px;border-top:1px solid rgba(37,245,166,.24);font:700 11px monospace;letter-spacing:.12em;color:#698b82}.cover-footer b{padding:13px 17px;background:var(--green);color:#04100b;letter-spacing:.05em}.magazine-cover:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
@media(max-width:760px){.magazine-home{padding-top:55px}.magazine-cover{grid-template-columns:1fr;min-height:650px;padding:28px 24px 25px 45px}.cover-top{display:block}.cover-top span{display:block;margin-top:7px}.cover-content h2{font-size:clamp(48px,15vw,75px)}.cover-lines{margin-top:28px}.cover-footer{gap:18px;align-items:flex-end}.cover-footer span{max-width:150px}.cover-footer b{white-space:nowrap;font-size:10px}.cover-spine{left:12px}}
.cover-top span{font:900 clamp(27px,3.7vw,50px)/1 Manrope;letter-spacing:-.045em;text-shadow:0 0 28px rgba(185,255,69,.28)}
@media(max-width:760px){.cover-top span{font-size:32px;margin-top:10px}}