/* ============================================================
   RotatingResidentialProxies — "Bold Press" design system
   A soft neo-brutalist look: chunky 2px charcoal outlines,
   hard offset shadows, playful Syne display type.
   Fonts: Syne (display) + Figtree (text)
   Palette (unchanged): #EEEEEE · teal #2E9E95 · orange #F2A93B · crimson #D5544F · charcoal #39404E
   ============================================================ */
:root{
  --bg:#EEEEEE;
  --bg-alt:#FFFFFF;
  --ink:#262B36;
  --ink-soft:#4A5162;
  --muted:#7A8194;
  --brand:#2E9E95;
  --brand-l:#3FBDB4;
  --brand-2:#F2A93B;
  --danger:#D5544F;
  --gold:#E8A33D;
  --char:#39404E;
  --char-2:#2B303B;
  --card:#FFFFFF;
  --card-2:#F6F6F4;
  --line:#39404E;
  --soft-line:#DEDEDE;
  --r:16px;
  --hs:6px 6px 0 #39404E;          /* hard shadow */
  --hs-sm:4px 4px 0 #39404E;
  --hs-teal:6px 6px 0 rgba(46,158,149,.45);
}

/* ============================================================
   2026 REDESIGN — "Midnight Aurora"
   Premium dark SaaS aesthetic: layered ambient light, glass
   surfaces, soft depth, cyan/violet accents and restrained motion.
   This final cascade intentionally replaces the former Bold Press
   visual language across every page while preserving all behavior.
   ============================================================ */
:root{
  --bg:#07111f;--bg-alt:#0a1627;--ink:#edf6ff;--ink-soft:#a9bad0;
  --muted:#71849d;--brand:#32d6d0;--brand-l:#69eee8;--brand-2:#8b5cf6;
  --danger:#fb7185;--gold:#fbbf24;--char:#0d1b2e;--char-2:#07111f;
  --card:rgba(16,32,53,.78);--card-2:rgba(20,40,66,.72);
  --line:rgba(148,184,220,.16);--soft-line:rgba(148,184,220,.12);
  --r:22px;--hs:0 22px 70px rgba(0,0,0,.30);--hs-sm:0 12px 38px rgba(0,0,0,.22);
  --hs-teal:0 20px 55px rgba(50,214,208,.16)
}
html{background:#07111f}
body{background:
  radial-gradient(circle at 8% 2%,rgba(50,214,208,.13),transparent 27rem),
  radial-gradient(circle at 92% 12%,rgba(139,92,246,.15),transparent 30rem),
  linear-gradient(180deg,#07111f 0%,#091525 52%,#07111f 100%);
  background-attachment:fixed;color:var(--ink);font-size:16px}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
::selection{background:rgba(50,214,208,.28);color:#fff}
.wrap{max-width:1220px;padding-inline:28px}
section{padding:94px 0}
section.alt{background:linear-gradient(180deg,rgba(13,27,46,.66),rgba(9,21,37,.78));border:0;box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -1px rgba(255,255,255,.04)}

/* Navigation */
.nav{background:rgba(7,17,31,.74);border:0;border-bottom:1px solid rgba(159,190,222,.12);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}
.nav-inner{height:82px}
.logo{color:#fff;font-size:.93rem;letter-spacing:.04em}
.logo svg{filter:drop-shadow(0 0 12px rgba(50,214,208,.35))}
.logo small{color:var(--brand);letter-spacing:.27em}
.menu{gap:4px}.menu>a{color:#9eb0c7;border:0;border-radius:11px;padding:10px 14px}
.menu>a:hover{background:rgba(255,255,255,.065);color:#fff}.menu>a .mi{color:#5be3df}
.burger{color:#fff}

/* Buttons and labels */
.btn{border:1px solid rgba(255,255,255,.15);border-radius:12px;background:linear-gradient(135deg,#24c9c3,#168eab);box-shadow:0 10px 28px rgba(25,188,190,.22),inset 0 1px rgba(255,255,255,.25);padding:13px 25px;transition:transform .25s,box-shadow .25s,filter .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(25,188,190,.3),inset 0 1px rgba(255,255,255,.3);filter:brightness(1.08)}
.btn:active{transform:translateY(0);box-shadow:0 8px 20px rgba(25,188,190,.2)}
.btn.ghost{background:rgba(255,255,255,.055);color:#eaf5ff;border:1px solid rgba(171,204,235,.2);box-shadow:none;backdrop-filter:blur(12px)}
.btn.ghost:hover{background:rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.btn.onlight{background:linear-gradient(135deg,#8b5cf6,#6d45d6);color:#fff}
.pill{background:rgba(50,214,208,.09);border:1px solid rgba(50,214,208,.26);color:#72ebe6;box-shadow:none;letter-spacing:.08em}
.pill.light{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);box-shadow:none;color:#dbeafe}

/* Hero */
.hero{padding:108px 0 82px;min-height:680px;display:flex;align-items:center}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none}
.hero::before{width:360px;height:360px;right:4%;top:12%;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 66%)}
.hero::after{width:290px;height:290px;left:-8%;bottom:-12%;background:radial-gradient(circle,rgba(50,214,208,.15),transparent 66%)}
.hero-grid{grid-template-columns:1.16fr .84fr;gap:72px}
.hero h1{color:#f5f9ff;font-size:clamp(2.6rem,5.3vw,4.65rem);letter-spacing:-.048em;line-height:1.03;margin:26px 0 22px}
.hero h1 em{background:linear-gradient(100deg,#55e8e2,#70bdfb 48%,#ad8bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 em::after{display:none}.sub{color:#a9bad0;font-size:1.08rem;line-height:1.78}
.hero-cta{margin-top:34px}.hero-art{background:linear-gradient(145deg,rgba(25,50,78,.76),rgba(12,25,44,.9));border:1px solid rgba(162,198,235,.18);border-radius:30px;box-shadow:0 35px 100px rgba(0,0,0,.38),0 0 70px rgba(50,214,208,.08),inset 0 1px rgba(255,255,255,.09);padding:20px;transform:none;backdrop-filter:blur(18px)}
.stat-band{gap:12px;margin-top:46px}.stat{background:rgba(15,31,52,.7);border:1px solid rgba(148,184,220,.15);border-radius:16px;box-shadow:none;padding:17px 12px;backdrop-filter:blur(12px)}
.stat b{font-size:1.5rem;color:#5be3df}.stat:nth-child(2) b{color:#ae8bff}.stat:nth-child(3) b{color:#fb8da0}.stat:nth-child(4) b{color:#f0f7ff}.stat span{color:#8093aa}
.marquee{border:0;border-block:1px solid rgba(148,184,220,.13);background:rgba(11,24,42,.86);color:#91a6be;padding:14px 0}.mq-track{font-size:.78rem;letter-spacing:.18em}

/* Shared headings and surfaces */
.sec-head{max-width:720px;margin-bottom:52px}.sec-head h2,.sec-head h1,.page-hero h1,.art h1,.ptop h1{color:#f2f7ff;letter-spacing:-.035em}.sec-head p,.page-hero .sub{color:#879ab2}
.page-hero{padding:82px 0 42px}.err{background:linear-gradient(135deg,#5de6e1,#a98bff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.tabs{border:1px solid rgba(150,187,223,.16);border-radius:15px;background:rgba(14,29,49,.72);box-shadow:0 15px 40px rgba(0,0,0,.22);padding:5px;gap:5px;overflow:visible}
.tab,.tab:last-child{border:0;border-radius:11px;background:transparent;color:#91a5bd;padding:12px 28px}.tab small{color:#657991}.tab.active,.tab:nth-child(2).active,.tab:nth-child(3).active{background:linear-gradient(135deg,rgba(50,214,208,.22),rgba(73,167,211,.17));color:#72ebe6;box-shadow:inset 0 0 0 1px rgba(50,214,208,.18)}.tab.active small,.tab:nth-child(2).active small,.tab:nth-child(3).active small{color:#8ca2ba}

/* Provider rankings */
.pgrid{gap:12px}.pcard{background:linear-gradient(110deg,rgba(18,36,59,.88),rgba(12,27,47,.8));border:1px solid rgba(145,183,219,.15);border-radius:19px;box-shadow:0 10px 34px rgba(0,0,0,.15);padding:16px 22px;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.pcard:hover{transform:translateY(-3px);border-color:rgba(50,214,208,.37);background:linear-gradient(110deg,rgba(22,45,72,.96),rgba(14,31,53,.92));box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 35px rgba(50,214,208,.05)}
.pcard.sel{outline:2px solid rgba(50,214,208,.7);outline-offset:2px}.rank-big{color:#3a516b;-webkit-text-stroke:0;font-size:1.72rem}.pc-logo{background:rgba(255,255,255,.95);border:0;border-radius:20px;box-shadow:0 10px 24px rgba(0,0,0,.22);width:86px;height:86px}.pc-logo .lchip,.pc-logo .mlogo{width:74px!important;height:74px!important;border:0;border-radius:15px;box-shadow:none}.pc-main b{color:#edf6ff}.pc-main small,.psub-line{color:#7f93aa}.chip{border:1px solid rgba(50,214,208,.2);background:rgba(50,214,208,.09);color:#78dfdc}.chip.score{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.22);color:#b8a0ff}.view{color:#5ce1dc}.dbtn{border:1px solid rgba(148,184,220,.19);background:rgba(255,255,255,.045);color:#a8bdd3;box-shadow:none}.dbtn:hover{background:rgba(50,214,208,.14);color:#62e7e2;transform:none;box-shadow:none}.offsite{color:#71859c}

/* Cards, tools and editorial content */
.f,.check-item,.bcard,.content-card,.contact-card,.faq details,.art-cta{background:linear-gradient(145deg,rgba(18,37,61,.82),rgba(12,27,46,.9));border:1px solid rgba(148,184,220,.15);box-shadow:var(--hs-sm);border-radius:21px}
.f{padding:29px;transition:.25s}.f:nth-child(odd),.f:nth-child(even){transform:none}.f:hover,.f:nth-child(odd):hover,.f:nth-child(even):hover{transform:translateY(-5px);border-color:rgba(50,214,208,.3);box-shadow:0 22px 50px rgba(0,0,0,.28)}
.f .em{border:1px solid rgba(50,214,208,.22);border-radius:14px;background:rgba(50,214,208,.1);color:#5be3df}.f:nth-child(3n+2) .em{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.2);color:#ac8dff}.f:nth-child(3n) .em{background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.2);color:#fb8799}.f h4,.check-item h4,.bbody h3{color:#edf6ff}.f p,.check-item p,.bbody p{color:#8296ae}
.tool-band{background:linear-gradient(135deg,rgba(25,66,88,.9),rgba(39,28,82,.86));border:1px solid rgba(122,221,226,.2);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.1);position:relative;overflow:hidden}.tool-band::before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(50,214,208,.11);filter:blur(20px);top:-220px;left:-80px}.tool-band>*{position:relative}.field{background:rgba(4,13,25,.72);color:#edf6ff;border:1px solid rgba(161,198,232,.2);border-radius:12px}.field:focus{border-color:rgba(50,214,208,.7);box-shadow:0 0 0 4px rgba(50,214,208,.1)}.tool-band .field{border-color:rgba(255,255,255,.2)}.tr-cell{background:rgba(4,14,26,.34);border:1px solid rgba(255,255,255,.11)}
.cnum{border:0;border-radius:12px;background:linear-gradient(135deg,#2acbc6,#168fa7);box-shadow:0 8px 20px rgba(36,201,195,.2)}.check-item:nth-child(4n+2) .cnum{background:linear-gradient(135deg,#9b72f7,#7045db);color:#fff}.check-item:nth-child(4n+3) .cnum{background:linear-gradient(135deg,#fb7185,#df4d67)}.check-item:nth-child(4n) .cnum{background:#203650;color:#dcecff}
.prose{color:#a6b7cb}.prose h2{color:#eef6ff}.prose a,.content-card a,.faq details a{color:#62dfdb;text-decoration-color:rgba(98,223,219,.35)}.prose code{background:#101f34;border:1px solid rgba(148,184,220,.16)}
.bcard{overflow:hidden}.bcard:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.32);box-shadow:0 24px 55px rgba(0,0,0,.3)}.bthumb img{border:0;opacity:.88}.bmeta{color:#71859c}.art-thumb img{border:1px solid rgba(148,184,220,.18);box-shadow:0 28px 75px rgba(0,0,0,.32)}
.faq summary{color:#e9f2fc}.faq summary::after{color:#62dfdb}.faq details[open] summary{border-bottom:1px solid rgba(148,184,220,.12)}.faq details p,.contact-card p,.content-card p{color:#9cafc4}.mailbox{background:rgba(50,214,208,.09);border:1px solid rgba(50,214,208,.22);color:#68e5e0;box-shadow:none}.crumbs{color:#6f849c}.crumbs b{color:#aebed0}
.biglogo-box{background:#fff;border:0;border-radius:15px;box-shadow:0 12px 34px rgba(0,0,0,.24)}.tagline,.score-chip{color:#8295ac}.badge,.score-chip{border:1px solid rgba(148,184,220,.17);background:rgba(255,255,255,.04)}.badge.tf{background:rgba(50,214,208,.1);color:#68ded9}.badge.tb{background:rgba(139,92,246,.11);color:#b49cff}.badge.tp{background:rgba(251,113,133,.1);color:#fb8799}.score-chip b{color:#5ee2de}

/* Footer and auxiliary UI */
.footer{background:#050c17!important;border-top:1px solid rgba(148,184,220,.11)!important;color:#8194aa}.footer a:hover{color:#64e4df}.footer h4{color:#e7f0fb}.footer-bottom{border-top-color:rgba(148,184,220,.1)!important}
.compare-dock,.cookie{background:rgba(10,24,41,.92)!important;border:1px solid rgba(148,184,220,.17)!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important;backdrop-filter:blur(20px)}

@media(max-width:980px){.hero{min-height:auto;padding-top:82px}.hero-grid{gap:46px}.hero h1{font-size:clamp(2.5rem,7vw,4rem)}.pcard{grid-template-columns:54px 78px 1.4fr 1fr auto}.pc-logo{width:72px;height:72px}.pc-logo .lchip,.pc-logo .mlogo{width:62px!important;height:62px!important}}
@media(max-width:760px){.wrap{padding-inline:18px}section{padding:72px 0}.nav-inner{height:72px}.menu{background:rgba(7,17,31,.97)!important;border-bottom:1px solid rgba(148,184,220,.14)!important;backdrop-filter:blur(20px)}.hero{padding:72px 0 58px}.hero-grid{gap:42px}.hero h1{font-size:clamp(2.35rem,12vw,3.5rem)}.hero-art{border-radius:24px}.stat-band{grid-template-columns:repeat(2,1fr)}.pcard{padding:16px;gap:13px}.tabs{width:100%}.tab{flex:1;padding:11px 9px}.tool-band{padding:42px 20px}}
@media(max-width:480px){.hero h1{font-size:2.55rem}.hero-cta .btn{width:100%;justify-content:center}.pcard{border-radius:16px}.rank-big{font-size:1.28rem}.stat{padding:14px 8px}.stat b{font-size:1.28rem}}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Figtree,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:15.5px;background-image:radial-gradient(#dcdcdc 1.1px,transparent 1.1px);background-size:26px 26px}
h1,h2,h3,h4,h5{font-family:Syne,Figtree,sans-serif;line-height:1.18;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.wrap.narrow{max-width:880px}
section{padding:78px 0}
section.alt{background:var(--bg-alt);border-top:2px solid var(--line);border-bottom:2px solid var(--line)}
section.tight-top{padding-top:26px}

/* ---------- buttons & pills ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;font-size:.95rem;border:2px solid var(--line);cursor:pointer;box-shadow:var(--hs);transition:.15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--char)}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--char)}
.btn.ghost{background:#fff;color:var(--char)}
.btn.small{padding:8px 16px;font-size:.85rem;box-shadow:var(--hs-sm)}
.btn.full{width:100%;justify-content:center;margin-top:10px}
.btn.onlight{background:var(--brand-2);color:var(--char-2)}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn.dis-btn{background:var(--card-2);color:var(--muted);cursor:default}
.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:999px;background:#fff;border:2px solid var(--line);color:var(--char);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:3px 3px 0 var(--char)}
.pill.light{background:var(--char-2);border-color:#fff;color:#fff;box-shadow:3px 3px 0 rgba(255,255,255,.35)}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:120;background:var(--bg);border-bottom:2px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}
.logo{display:flex;align-items:center;gap:11px;font-family:Syne,sans-serif;font-weight:800;font-size:.92rem;letter-spacing:.06em;line-height:1.12;color:var(--char)}
.logo small{font-size:.7rem;color:var(--brand);letter-spacing:.32em;font-weight:700}
.menu{display:flex;align-items:center;gap:2px}
.menu>a{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;font-size:.9rem;font-weight:600;color:var(--ink-soft);border:2px solid transparent}
.menu>a:hover{background:#fff;color:var(--char);border-color:var(--line)}
.menu>a .mi{display:flex;color:var(--brand)}
.menu .btn{margin-left:10px}
.burger{display:none;background:none;border:none;color:var(--ink);cursor:pointer}

/* ---------- hero ---------- */
.hero{padding:80px 0 60px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;position:relative;z-index:2}
.hero h1{font-size:clamp(2rem,4.7vw,3.2rem);margin:24px 0 16px;font-weight:800;color:var(--char)}
.hero h1 em{font-style:normal;color:var(--brand);position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:10px;background:rgba(242,169,59,.45);z-index:-1;border-radius:3px}
.sub{color:var(--ink-soft);font-size:1.07rem;max-width:640px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.stat-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.stat{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center;box-shadow:var(--hs-sm)}
.stat b{display:block;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;color:var(--brand)}
.stat:nth-child(2) b{color:var(--brand-2)}
.stat:nth-child(3) b{color:var(--danger)}
.stat:nth-child(4) b{color:var(--char)}
.stat span{font-size:.78rem;color:var(--muted);font-weight:600}

/* hero animated art */
.hero-art{background:var(--card);border:2px solid var(--line);border-radius:var(--r);box-shadow:var(--hs);padding:14px;transform:rotate(1.2deg)}
.hero-art svg{display:block}
.an-spin-slow{animation:haspin 26s linear infinite}
.an-spin-rev{animation:haspinrev 15s linear infinite}
.an-bob{animation:habob 4.5s ease-in-out infinite}
.an-bob2{animation:habob 3.6s ease-in-out infinite reverse}
.an-bob3{animation:habob 5.2s ease-in-out infinite}
@keyframes haspin{to{transform:rotate(360deg)}}
@keyframes haspinrev{to{transform:rotate(-360deg)}}
@keyframes habob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* marquee ticker */
.marquee{border-top:2px solid var(--line);border-bottom:2px solid var(--line);background:var(--char);color:#fff;overflow:hidden;padding:12px 0}
.mq-track{display:flex;width:max-content;animation:mq 40s linear infinite;font-family:Syne,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}
.mq-track span{white-space:nowrap;padding-right:12px}
.mq-track span::selection{background:var(--brand)}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- section heads ---------- */
.sec-head{text-align:center;max-width:660px;margin:0 auto 44px}
.sec-head.tight{margin-bottom:10px}
.sec-head h2,.sec-head h1{font-size:clamp(1.55rem,3.4vw,2.25rem);margin-top:18px;font-weight:800;color:var(--char)}
.sec-head p{color:var(--muted);margin-top:10px}
.page-hero{padding:64px 0 30px;text-align:center;position:relative}
.page-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-top:20px;font-weight:800;color:var(--char)}
.page-hero .sub{margin:12px auto 0}
.center-hero{padding:110px 0}
.err{font-family:Syne,sans-serif;font-size:clamp(4rem,12vw,7rem);font-weight:800;color:var(--brand);line-height:1;text-shadow:6px 6px 0 rgba(242,169,59,.5)}

/* ---------- tier switch ---------- */
.tabs{display:flex;gap:0;justify-content:center;flex-wrap:wrap;margin-bottom:38px;border:2px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--hs);width:max-content;max-width:100%;margin-left:auto;margin-right:auto;overflow:hidden}
.tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 30px;border:none;border-right:2px solid var(--line);background:#fff;font-family:Syne,sans-serif;font-weight:700;font-size:.95rem;color:var(--ink-soft);cursor:pointer;transition:.15s}
.tab:last-child{border-right:none}
.tab small{font-family:Figtree,sans-serif;font-weight:500;font-size:.74rem;color:var(--muted)}
.tab.active{background:var(--brand);color:#fff}
.tab.active small{color:rgba(255,255,255,.85)}
.tab:nth-child(2).active{background:var(--brand-2);color:var(--char-2)}
.tab:nth-child(2).active small{color:rgba(43,48,59,.75)}
.tab:nth-child(3).active{background:var(--danger);color:#fff}
.tab:nth-child(3).active small{color:rgba(255,255,255,.85)}

/* ---------- provider ranked ticket rows ---------- */
.pgrid{display:flex;flex-direction:column;gap:14px}
.pcard{position:relative;background:linear-gradient(180deg,#f7f8fb 0%, #ffffff 100%);border:2px solid var(--line);border-radius:18px;padding:18px 24px;cursor:pointer;display:grid;grid-template-columns:78px 118px 1.5fr 1fr auto auto;align-items:center;gap:22px;transition:.15s;box-shadow:var(--hs-sm)}
.pcard:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--char)}
.pcard.sel{outline:3px solid var(--brand);outline-offset:2px}
.rank-big{font-family:Syne,sans-serif;font-weight:800;font-size:2.2rem;color:transparent;-webkit-text-stroke:2px var(--char);letter-spacing:-.02em}
.pc-logo{display:flex;align-items:center;justify-content:center;width:102px;height:102px;border-radius:26px;background:linear-gradient(180deg,#ffffff 0%,#eef4fb 100%);border:2px solid var(--line);box-shadow:0 8px 0 rgba(57,64,78,.16)}
.pc-logo .lchip,.pc-logo .mlogo{width:88px !important;height:88px !important;border-radius:22px;border:1.5px solid #d9e2ec;background:#fff;padding:5px;object-fit:contain;display:block;box-shadow:none}
.pc-logo .lchip{filter:saturate(1.06) contrast(1.04)}
.pc-main{min-width:0}
.pc-main b{display:block;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.12}
.pc-main small{color:var(--muted);font-size:.9rem}
.chiprow{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:5px 13px;border-radius:999px;border:2px solid var(--line);background:rgba(63,189,180,.16);color:var(--char);font-size:.76rem;font-weight:700}
.chip.score{background:rgba(242,169,59,.25)}
.pc-stars{text-align:right}
.stars{color:var(--gold);letter-spacing:2px;font-size:.92rem}
.stars.big{font-size:1.05rem;margin:12px 0}
.stars .sc{color:var(--muted);font-size:.8rem;letter-spacing:0}
.pc-actions{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.view{color:var(--brand);font-size:.98rem;font-weight:700;white-space:nowrap}
.dbtn{flex:none;width:34px;height:34px;border-radius:10px;border:2px solid var(--line);background:#fff;color:var(--char);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.12s;box-shadow:3px 3px 0 var(--char)}
.dbtn:hover{background:var(--brand-2);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--char)}
.offsite{display:inline-flex;align-items:center;gap:6px;font-size:.92rem;color:var(--muted);font-weight:600;white-space:nowrap}
.offsite:hover{color:var(--brand)}
.offsite.dis{cursor:default;opacity:.65}
.viewall{text-align:center;margin-top:36px}
.meta{display:flex;align-items:center;justify-content:space-between}
.psub-line{color:var(--muted);font-size:.86rem}

/* ---------- feature cards ---------- */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.f{background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--hs-sm);transition:.15s}
.f:hover{transform:translate(-2px,-2px);box-shadow:var(--hs)}
.f:nth-child(odd){transform:rotate(-.5deg)}
.f:nth-child(even){transform:rotate(.5deg)}
.f:nth-child(odd):hover,.f:nth-child(even):hover{transform:translate(-2px,-2px) rotate(0)}
.f .em{display:inline-flex;width:48px;height:48px;border-radius:12px;background:rgba(63,189,180,.18);border:2px solid var(--line);color:var(--brand);align-items:center;justify-content:center;margin-bottom:14px}
.f:nth-child(3n+2) .em{background:rgba(242,169,59,.22);color:#B87A1E}
.f:nth-child(3n) .em{background:rgba(213,84,79,.16);color:var(--danger)}
.f h4{font-size:1.02rem;margin-bottom:7px}
.f p{color:var(--muted);font-size:.9rem}

/* ---------- tool ---------- */
.tool-band{background:var(--char);border:2px solid var(--line);border-radius:22px;padding:56px 40px;text-align:center;color:#fff;box-shadow:8px 8px 0 rgba(57,64,78,.35)}
.tool-band h2{font-size:clamp(1.5rem,3.2vw,2.1rem);margin:16px 0 10px;font-weight:800}
.tool-band .d{color:#c3c9d6;max-width:560px;margin:0 auto 26px}
.tool-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:560px;margin:0 auto}
.field{flex:1;min-width:240px;padding:13px 18px;border-radius:12px;border:2px solid var(--line);font-size:.95rem;font-family:Figtree,sans-serif;outline:none;color:var(--ink);background:#fff}
.tool-band .field{border-color:#fff}
#tool-out{margin-top:18px;font-weight:700;min-height:22px;color:#9fe8e0}
.tool-res{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px;margin:14px auto 0;text-align:left}
.tool-res:empty{display:none}
.tr-cell{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 14px;color:#fff}
.tr-cell span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:#7dded0}
.tr-cell b{font-size:.92rem;word-break:break-all}

/* ---------- checklist ---------- */
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.check-item{display:flex;gap:16px;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--hs-sm)}
.cnum{flex:none;width:40px;height:40px;border-radius:11px;border:2px solid var(--line);background:var(--brand);color:#fff;font-family:Syne,sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--char)}
.check-item:nth-child(4n+2) .cnum{background:var(--brand-2);color:var(--char-2)}
.check-item:nth-child(4n+3) .cnum{background:var(--danger)}
.check-item:nth-child(4n) .cnum{background:#fff;color:var(--char)}
.check-item h4{font-size:.98rem;margin-bottom:4px}
.check-item p{color:var(--muted);font-size:.88rem}

/* ---------- prose ---------- */
.prose{max-width:820px;margin:0 auto;color:var(--ink-soft)}
.prose p{margin-bottom:16px}
.prose h2{font-size:1.35rem;margin:30px 0 12px;color:var(--char)}
.prose a{color:var(--brand);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:rgba(46,158,149,.4)}
.prose code{background:#fff;border:1.5px solid var(--soft-line);padding:2px 7px;border-radius:6px;font-size:.85em}
.legal p{font-size:.95rem}

/* ---------- blog ---------- */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bcard{background:var(--card);border:2px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.15s;box-shadow:var(--hs-sm)}
.bcard:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--char)}
.bthumb img{width:100%;height:158px;object-fit:cover;display:block;border-bottom:2px solid var(--line)}
.bbody{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.bbody h3{font-size:1rem;line-height:1.35}
.bbody p{color:var(--muted);font-size:.86rem;flex:1}
.bmeta{display:flex;gap:7px;color:var(--muted);font-size:.78rem;font-weight:600}
.art{padding:56px 0 66px}
.art h1{font-size:clamp(1.7rem,3.8vw,2.45rem);margin:20px 0 22px;font-weight:800;color:var(--char)}
.art-thumb img{border-radius:var(--r);border:2px solid var(--line);box-shadow:var(--hs);margin-bottom:28px}
.art-body h2{margin-top:34px}
.art-cta{margin-top:40px;background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:28px;text-align:center;box-shadow:var(--hs-sm)}
.art-cta b{font-family:Syne,sans-serif;font-size:1.15rem;color:var(--char)}
.art-cta p{color:var(--muted);margin:8px 0 18px}

/* ---------- faq ---------- */
.faq details{background:var(--card);border:2px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:var(--hs-sm)}
.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:700;font-family:Syne,sans-serif;font-size:.96rem;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--danger);transition:.2s;flex:none;font-family:Figtree}
.faq details[open] summary{border-bottom:2px dashed var(--soft-line)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:14px 22px 18px;color:var(--ink-soft);font-size:.93rem}
.faq details a{color:var(--brand);font-weight:700}

/* ---------- contact ---------- */
.contact-card{max-width:620px;margin:0 auto;background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:32px;text-align:center;box-shadow:var(--hs)}
.contact-card p{color:var(--ink-soft);margin-bottom:18px}
.mailbox{display:inline-flex;align-items:center;gap:10px;background:rgba(63,189,180,.14);border:2px solid var(--line);border-radius:12px;padding:12px 24px;font-weight:700;color:#23857D;box-shadow:3px 3px 0 var(--char)}
.mailbox.big{font-size:1.05rem;margin:6px 0 10px}

/* ---------- crumbs ---------- */
.crumbs{padding:18px 0 0;font-size:.85rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-weight:600}
.crumbs a:hover{color:var(--brand)}
.crumbs .sep{opacity:.5}
.crumbs b{color:var(--ink)}

/* ---------- provider review page ---------- */
.phero{padding:36px 0 60px}
.ptop{display:flex;align-items:center;gap:20px;margin-bottom:30px}
.ptop h1{font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:800;color:var(--char)}
.biglogo-box{flex:none;background:#fff;border:2px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;align-items:center;box-shadow:var(--hs-sm)}
.biglogo-box img{height:44px;max-width:170px;object-fit:contain}
.psub{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.tagline{color:var(--muted);font-size:.92rem;font-weight:600}
.badge{padding:5px 14px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.03em;border:2px solid var(--line)}
.badge.tf{background:rgba(63,189,180,.2);color:var(--char)}
.badge.tb{background:rgba(242,169,59,.28);color:var(--char)}
.badge.tp{background:rgba(213,84,79,.18);color:var(--char)}
.score-chip{background:#fff;border:2px solid var(--line);border-radius:999px;padding:5px 14px;font-size:.8rem;color:var(--muted);font-weight:600}
.score-chip b{color:var(--brand)}
.pv-layout{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start}
.content-card{background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:28px;margin-bottom:22px;box-shadow:var(--hs-sm)}
.content-card h2{font-size:1.22rem;margin-bottom:14px;color:var(--char)}
.content-card p{color:var(--ink-soft);margin-bottom:12px}
.content-card p:last-child{margin-bottom:0}
.content-card a{color:var(--brand);font-weight:700}
.more-link{margin-top:14px}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.spec{background:var(--card-2);border:2px solid var(--line);border-radius:12px;padding:13px 15px}
.spec span{display:flex;align-items:center;gap:6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px;font-weight:700}
.spec b{font-size:.93rem}
.pc-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pc-cols.spaced{margin:26px 0}
.pc-cols h4,.h-pro{color:#23857D;font-size:.98rem;margin-bottom:8px;font-family:Syne,sans-serif}
.h-con{color:var(--danger)!important;font-size:.98rem;margin:14px 0 8px;font-family:Syne,sans-serif}
.pros li,.cons li{list-style:none;padding:7px 0 7px 26px;position:relative;color:var(--ink-soft);font-size:.93rem;border-bottom:1.5px dashed var(--soft-line)}
.pros li::before{content:"✓";position:absolute;left:2px;color:#23857D;font-weight:800}
.cons li::before{content:"✕";position:absolute;left:2px;color:var(--danger);font-weight:800}
.pros li:last-child,.cons li:last-child{border-bottom:none}
.verdict{background:linear-gradient(120deg,rgba(63,189,180,.16),rgba(242,169,59,.16));border:2px solid var(--line);border-radius:var(--r);padding:26px 28px;margin-bottom:22px;box-shadow:var(--hs-sm)}
.verdict h3{font-size:1.12rem;margin-bottom:10px;color:var(--char)}
.verdict p{color:var(--ink-soft)}
.verdict a{color:var(--brand);font-weight:700}
.rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.rel-grid a{display:flex;align-items:center;gap:12px;background:var(--card-2);border:2px solid var(--soft-line);border-radius:12px;padding:11px 14px;font-size:.9rem;font-weight:600;transition:.13s}
.rel-grid a:hover{border-color:var(--line);box-shadow:3px 3px 0 var(--char);transform:translate(-1px,-1px)}
.lchip{border-radius:9px;object-fit:contain;background:#fff;border:1.5px solid var(--soft-line);padding:3px}
.pv-side{position:sticky;top:96px}
.side-card{background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:24px;margin-bottom:18px;box-shadow:var(--hs)}
.side-card h3{font-size:1.05rem;color:var(--char)}
.side-card .btn{width:100%;justify-content:center}
.side-card.center{text-align:center}
.side-note{color:var(--muted);font-size:.85rem;margin-top:6px;margin-bottom:8px}
.qf{list-style:none;margin-top:18px}
.qf li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1.5px dashed var(--soft-line);font-size:.86rem}
.qf li:last-child{border-bottom:none}
.qf span{color:var(--muted);font-weight:600}
.qf b{text-align:right}

/* ---------- compare pages ---------- */
.vs-hero{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;margin-top:26px}
.vcol{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:28px 40px;min-width:230px;transition:.15s;box-shadow:var(--hs-sm)}
.vcol:hover{transform:translate(-2px,-2px);box-shadow:var(--hs)}
.vcol h2{font-size:1.18rem}
.vcol .wlogo,.wlogo-box img{height:44px;max-width:170px;object-fit:contain}
.vsbig{font-family:Syne,sans-serif;font-weight:800;font-size:1.7rem;color:var(--danger);text-shadow:3px 3px 0 rgba(242,169,59,.5)}
.win-banner{display:flex;align-items:center;gap:16px;background:rgba(63,189,180,.15);border:2px solid var(--line);border-radius:var(--r);padding:18px 22px;margin-bottom:22px;box-shadow:var(--hs-sm)}
.win-banner p{color:var(--ink-soft)}
.win-banner a{color:var(--brand)}
.cmp-table{border:2px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card);box-shadow:var(--hs-sm)}
.cmp-row{display:grid;grid-template-columns:150px 1fr 1fr;border-bottom:1.5px solid var(--soft-line)}
.cmp-row:last-child{border-bottom:none}
.cmp-row.hdr{background:var(--char);font-family:Syne,sans-serif;font-weight:700;border-bottom:2px solid var(--line)}
.cmp-row.hdr .cl,.cmp-row.hdr .cv{color:#fff}
.cl{padding:13px 18px;font-size:.78rem;color:var(--muted);display:flex;align-items:center;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.cv{padding:13px 18px;font-size:.9rem;border-left:1.5px solid var(--soft-line);display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink-soft)}
.cmp-row.hdr .cv{border-left-color:rgba(255,255,255,.2)}
.cv.win{background:rgba(63,189,180,.16);font-weight:700;color:var(--ink)}
.mcta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:26px 0}
.mcta.center{margin-top:34px}

/* ---------- compare hub picker ---------- */
.slotbar{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap;background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--hs)}
.slot{flex:1;min-width:220px;max-width:330px;min-height:74px;border:2px dashed var(--char);border-radius:14px;display:flex;align-items:center;gap:12px;padding:12px 16px;position:relative;background:var(--card-2)}
.slot.filled{border-style:solid;background:rgba(63,189,180,.12)}
.s-empty{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.9rem;font-weight:600}
.snum{width:30px;height:30px;border-radius:9px;background:#fff;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--char)}
.s-name{font-weight:700;font-family:Syne,sans-serif}
.s-sub{color:var(--muted);font-size:.8rem}
.s-x{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.95rem}
.s-x:hover{color:var(--danger)}
.vsmid{font-family:Syne,sans-serif;font-weight:800;font-size:1.25rem;color:var(--danger)}
.stepnote{text-align:center;color:var(--muted);font-size:.9rem;margin:16px 0 22px;min-height:20px;font-weight:600}
.pkfilter{max-width:340px;margin:0 auto 22px;display:block}
.pk-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pk{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:16px 10px;cursor:pointer;transition:.13s;box-shadow:3px 3px 0 var(--char)}
.pk:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--char)}
.pk.sel{background:rgba(63,189,180,.14);outline:3px solid var(--brand);outline-offset:1px}
.pk.dim{opacity:.4}
.pk.hide{display:none}
.pk-t b{display:block;font-size:.85rem;line-height:1.2;font-family:Syne,sans-serif}
.pk-t small{color:var(--muted);font-size:.72rem}
.pknum{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:7px;background:var(--brand-2);border:2px solid var(--line);color:var(--char-2);font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.pknum:empty{display:none}
.cmp-group{background:var(--card);border:2px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden;box-shadow:var(--hs-sm)}
.cmp-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 18px;font-weight:700;font-size:.92rem}
.cmp-group summary::-webkit-details-marker{display:none}
.cmp-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 18px 16px}
.cmp-links a{font-size:.82rem;color:var(--ink-soft);padding:6px 10px;border-radius:8px;background:var(--card-2);font-weight:600}
.cmp-links a:hover{color:var(--brand)}

/* ---------- compare select bar ---------- */
.cbar{position:fixed;left:50%;transform:translate(-50%,120px);bottom:24px;z-index:200;background:var(--char);color:#fff;padding:13px 22px;border-radius:14px;font-size:.9rem;border:2px solid #fff;box-shadow:0 14px 40px rgba(0,0,0,.35);transition:.25s;opacity:0;display:flex;align-items:center;gap:8px;max-width:92vw}
.cbar.open{transform:translate(-50%,0);opacity:1}
.cbar button{margin-left:10px;background:var(--brand-2);color:var(--char-2);border:none;border-radius:9px;padding:6px 14px;cursor:pointer;font-size:.8rem;font-weight:700}

/* ---------- footer ---------- */
.ft{background:var(--char);color:#c3c9d6;padding:56px 0 30px;border-top:2px solid var(--line)}
.ft .logo{color:#fff}
.ft .logo small{color:#7dded0}
.ft-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:38px}
.ft-tag{max-width:420px;font-size:.88rem;color:#9aa1b0}
.ft-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:36px}
.ft-cols h5{color:#fff;font-size:.92rem;margin-bottom:14px;letter-spacing:.06em;font-family:Syne,sans-serif}
.ft-cols a{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.86rem;color:#c3c9d6;font-weight:500}
.ft-cols a:hover{color:#7dded0}
.ft-cols .fa{color:var(--brand-2);display:flex}
.ft-bottom{border-top:1.5px solid #4a5162;padding-top:22px;font-size:.86rem;color:#c3c9d6;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;text-align:center}
.ft-bottom a{color:#fff}
.totop{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:12px;border:2px solid var(--line);background:var(--brand-2);color:var(--char-2);cursor:pointer;box-shadow:var(--hs-sm);display:flex;align-items:center;justify-content:center;z-index:150;transition:.13s}
.totop:hover{transform:translate(-2px,-2px);box-shadow:var(--hs)}

/* ---------- responsive ---------- */
@media(max-width:1020px){
  .pk-grid{grid-template-columns:repeat(3,1fr)}
  .feat{grid-template-columns:repeat(2,1fr)}
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero-art{max-width:440px;margin:0 auto}
  .pv-layout{grid-template-columns:1fr}
  .pv-side{position:static}
  .ft-cols{grid-template-columns:repeat(2,1fr)}
  .pcard{grid-template-columns:56px 96px 1.3fr 1fr auto;gap:14px}
  .pc-logo{width:88px;height:88px;border-radius:22px}
  .pc-logo .lchip,.pc-logo .mlogo{width:74px !important;height:74px !important;padding:5px;border-radius:18px}
  .pc-stars{display:none}
}
@media(max-width:720px){
  .menu{position:fixed;inset:74px 0 auto 0;background:var(--card);flex-direction:column;align-items:stretch;padding:14px 20px 22px;gap:4px;border-bottom:2px solid var(--line);display:none}
  .menu.open{display:flex}
  .menu .btn{margin:10px 0 0}
  .burger{display:block}
  .feat,.bgrid,.check-grid{grid-template-columns:1fr}
  .stat-band{grid-template-columns:repeat(2,1fr)}
  .specs{grid-template-columns:1fr 1fr}
  .pc-cols{grid-template-columns:1fr}
  .tool-res{grid-template-columns:1fr 1fr}
  .pk-grid{grid-template-columns:repeat(2,1fr)}
  .cmp-links{grid-template-columns:1fr}
  .cmp-row{grid-template-columns:96px 1fr 1fr}
  .cl{font-size:.68rem;padding:11px 10px}
  .cv{font-size:.8rem;padding:11px 10px}
  .ptop{flex-direction:column;align-items:flex-start}
  .pcard{grid-template-columns:44px 80px 1fr auto;grid-template-areas:"rank logo main actions" "rank logo chips actions";row-gap:8px;column-gap:12px}
  .rank-big{grid-area:rank;font-size:1.45rem}
  .pc-logo{grid-area:logo;display:flex;width:72px;height:72px;border-radius:18px}
  .pc-logo .lchip,.pc-logo .mlogo{width:60px !important;height:60px !important;padding:4px;border-radius:15px}
  .pc-main{grid-area:main}
  .chiprow{grid-area:chips}
  .pc-actions{grid-area:actions;flex-direction:column;align-items:flex-end;gap:8px}
  .offsite{display:none}
  .tabs{width:100%}
  .tab{flex:1;padding:12px 10px}
}


/* ============================================================
   Prism Orchard — bestrotatingproxy.com 2026 refresh
   Warm editorial SaaS theme: porcelain + indigo + violet + pistachio
   ============================================================ */
:root{
  --bg:#F8F7F2;--bg-alt:#F0F4FF;--ink:#182033;--ink-soft:#4B556D;--muted:#778198;
  --brand:#635BFF;--brand-l:#867FFF;--brand-2:#B7F36B;--danger:#FF8669;--gold:#F0B94A;
  --char:#1C2440;--char-2:#11182E;--card:rgba(255,255,255,.84);--card-2:#F7F8FC;
  --line:#D7DDEA;--soft-line:#E7EAF1;--r:24px;
  --hs:0 18px 50px rgba(42,50,86,.12);--hs-sm:0 10px 28px rgba(42,50,86,.09);--hs-teal:0 16px 46px rgba(99,91,255,.16)
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);background-image:radial-gradient(circle at 13% 8%,rgba(183,243,107,.28),transparent 24%),radial-gradient(circle at 88% 18%,rgba(116,215,245,.24),transparent 22%),radial-gradient(circle at 76% 72%,rgba(99,91,255,.09),transparent 25%);color:var(--ink)}
h1,h2,h3,h4,h5,.logo,.rank-big,.tab,.cnum{font-family:"Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.025em}
section{padding:88px 0} section.alt{background:rgba(240,244,255,.72);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nav{background:rgba(248,247,242,.82);backdrop-filter:blur(20px);border-bottom:1px solid rgba(215,221,234,.8);box-shadow:0 8px 30px rgba(26,32,56,.04)}
.nav-inner{height:78px}.logo{font-size:.9rem}.logo small{color:var(--brand);letter-spacing:.22em}.menu>a{border:1px solid transparent;border-radius:12px}.menu>a:hover{background:rgba(255,255,255,.78);border-color:var(--line);color:var(--char)}
.btn{border:0;border-radius:14px;background:linear-gradient(135deg,#635BFF,#776EFF);box-shadow:0 10px 24px rgba(99,91,255,.24);padding:13px 23px}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(99,91,255,.3)}.btn:active{transform:translateY(0);box-shadow:0 6px 15px rgba(99,91,255,.18)}.btn.ghost{background:rgba(255,255,255,.78);color:var(--char);border:1px solid var(--line);box-shadow:none}.btn.onlight{background:var(--brand-2);color:#17220D;box-shadow:0 10px 24px rgba(183,243,107,.18)}
.pill{border:1px solid rgba(99,91,255,.18);background:rgba(255,255,255,.7);color:#5148E5;box-shadow:none;text-transform:none;letter-spacing:.02em;padding:8px 14px}.pill.light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);box-shadow:none}
.hero{padding:92px 0 68px}.hero-grid{grid-template-columns:1.08fr .92fr;gap:66px}.hero h1{font-size:clamp(2.45rem,5.2vw,4.25rem);color:var(--char);line-height:1.02;margin:24px 0 20px}.hero h1 em{color:var(--brand);white-space:normal}.hero h1 em::after{height:13px;bottom:2px;background:rgba(183,243,107,.62);border-radius:10px}.sub{font-size:1.08rem;line-height:1.8}.stat-band{gap:12px;margin-top:40px}.stat{border:1px solid rgba(215,221,234,.9);border-radius:18px;box-shadow:none;background:rgba(255,255,255,.63);backdrop-filter:blur(10px)}.stat b,.stat:nth-child(2) b,.stat:nth-child(3) b,.stat:nth-child(4) b{color:var(--char);font-size:1.35rem}.stat span{font-size:.74rem}
.match-card{position:relative;background:rgba(255,255,255,.82);border:1px solid rgba(215,221,234,.95);border-radius:30px;box-shadow:0 32px 90px rgba(50,55,90,.16);padding:9px;overflow:hidden}.match-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(183,243,107,.35);filter:blur(2px);right:-70px;top:-80px}.match-top{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:17px 18px;border-bottom:1px solid var(--soft-line)}.match-top b{font-family:"Space Grotesk",sans-serif}.match-top small{color:var(--muted)}.match-dot{width:10px;height:10px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 0 6px rgba(183,243,107,.18)}.match-body{position:relative;padding:18px}.match-body label,.calc-grid label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.match-body select,.calc-grid input{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px 13px;color:var(--ink);font:inherit;outline:none}.match-body select:focus,.calc-grid input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(99,91,255,.09)}.match-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.match-btn{margin-top:16px}.match-result{margin-top:14px;border-radius:17px;background:#F5F5FF;border:1px solid #E1DFFE;padding:14px 15px}.match-result span{display:block;color:var(--brand);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.match-result b{display:block;margin:3px 0;font-family:"Space Grotesk",sans-serif}.match-result p{font-size:.8rem;color:var(--muted);line-height:1.5}.match-result.ready{background:linear-gradient(135deg,#F6FFE9,#F5F4FF);border-color:#DDECBF}
.marquee{border:0;background:var(--char-2);padding:13px 0}.mq-track{font-family:"Space Grotesk",sans-serif;font-size:.79rem;letter-spacing:.1em;color:#DDE2F0}
.sec-head{max-width:720px}.sec-head h2,.sec-head h1{color:var(--char);font-size:clamp(1.8rem,3.6vw,2.65rem)}
.tabs{border:1px solid var(--line);border-radius:17px;box-shadow:none;background:rgba(255,255,255,.68);padding:5px;gap:4px}.tab{border:0!important;border-radius:12px;padding:12px 25px;background:transparent}.tab.active,.tab:nth-child(2).active,.tab:nth-child(3).active{background:var(--char);color:#fff}.tab.active small,.tab:nth-child(2).active small,.tab:nth-child(3).active small{color:#C9D0E2}
.pgrid{gap:12px}.pcard{grid-template-columns:58px 86px 1.5fr 1fr auto auto;border:1px solid var(--line);border-radius:22px;box-shadow:none;background:rgba(255,255,255,.72);padding:16px 20px}.pcard:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(37,44,76,.09);border-color:#C3C9D9}.rank-big{font-size:1.25rem;color:#A8B0C3;-webkit-text-stroke:0;letter-spacing:.04em}.pc-logo{width:72px;height:72px;border:1px solid var(--soft-line);border-radius:20px;box-shadow:none;background:#fff}.pc-logo .lchip,.pc-logo .mlogo{width:60px!important;height:60px!important;border:0;border-radius:16px;padding:5px}.chip{border:0;background:#EFF0FF;color:#5148E5;padding:6px 11px}.chip.score{background:#F4FBE9;color:#557521}.dbtn{border:1px solid var(--line);box-shadow:none;border-radius:11px}.dbtn:hover{background:#F0EFFF;box-shadow:none;transform:none}.view{color:var(--brand)}
.feat{gap:18px}.f{border:1px solid var(--line);border-radius:22px;box-shadow:none;background:rgba(255,255,255,.72)}.f:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(37,44,76,.08)}.f:nth-child(odd),.f:nth-child(even),.f:nth-child(odd):hover,.f:nth-child(even):hover{transform:none}.f .em{border:0;border-radius:14px;background:#ECEBFF;color:var(--brand)}
.radar{position:relative}.radar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.radar-card{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,248,255,.8));border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--hs-sm);transition:.2s}.radar-card:hover{transform:translateY(-3px);border-color:#C8C4FF}.radar-mark{flex:none;width:50px;height:50px;border-radius:17px;background:linear-gradient(135deg,#635BFF,#8D7DFF);color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk",sans-serif;font-weight:800}.radar-card:nth-child(2) .radar-mark{background:linear-gradient(135deg,#13223A,#36C6C9)}.radar-card:nth-child(3) .radar-mark{background:linear-gradient(135deg,#FF8669,#FFB38A);color:#49251C}.radar-card b{font-family:"Space Grotesk",sans-serif;font-size:1.08rem}.radar-card p{color:var(--muted);font-size:.88rem;line-height:1.55;margin:6px 0 9px}.radar-card em{font-style:normal;color:var(--brand);font-size:.82rem;font-weight:800}
.tool-band{background:radial-gradient(circle at 12% 12%,rgba(183,243,107,.12),transparent 25%),linear-gradient(135deg,#151D36,#222B4B 70%,#2E2857);border:0;border-radius:30px;box-shadow:0 30px 90px rgba(18,25,50,.2);padding:58px 46px}.tool-band .field{border:1px solid rgba(255,255,255,.18)}.tool-res{grid-template-columns:repeat(3,1fr)}.tr-cell{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}.tr-cell span{color:#B7F36B}.tool-divider{display:flex;align-items:center;gap:14px;margin:30px auto 22px;max-width:780px;color:#98A3BD;font-size:.7rem;font-weight:800;letter-spacing:.12em}.tool-divider:before,.tool-divider:after{content:"";height:1px;background:rgba(255,255,255,.14);flex:1}.calc-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;max-width:820px;margin:0 auto;align-items:end}.calc-grid label{color:#AEB8CC;text-align:left}.calc-grid input{background:rgba(255,255,255,.96)}.calc-btn{height:45px;background:var(--brand-2);color:#17220D;box-shadow:none}.calc-out{max-width:820px;margin:14px auto 0;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#DCE2F1}.calc-out b{color:#fff}.calc-out small{display:block;color:#98A3BD;margin-top:2px}
.check-grid{gap:14px}.check-item{border:1px solid var(--line);border-radius:20px;box-shadow:none;background:rgba(255,255,255,.72)}.cnum,.check-item:nth-child(4n+2) .cnum,.check-item:nth-child(4n+3) .cnum,.check-item:nth-child(4n) .cnum{border:0;box-shadow:none;background:var(--char);color:#fff;border-radius:13px}.check-item:nth-child(2n) .cnum{background:var(--brand);}.check-item:nth-child(3n) .cnum{background:var(--brand-2);color:#1C2A0D}
.bgrid{gap:18px}.bcard{border:1px solid var(--line);border-radius:22px;box-shadow:none;background:rgba(255,255,255,.76)}.bcard:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(37,44,76,.09)}.bthumb img{border-bottom:1px solid var(--line)}
.faq details{border:1px solid var(--line);border-radius:17px;box-shadow:none;background:rgba(255,255,255,.74)}
.contact-card{border:1px solid var(--line)!important;box-shadow:none!important;border-radius:24px!important;background:rgba(255,255,255,.78)!important}.mailbox{border:1px solid var(--line)!important;box-shadow:none!important;border-radius:14px!important}
footer{background:#12182C!important;border-top:0!important}.footer-grid,.foot-bottom{color:#C9D0E2}.footer-brand p,.footer-links a{color:#9EA8BE!important}.footer-links a:hover{color:#fff!important}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.match-card{max-width:620px;margin:0 auto}.radar-grid{grid-template-columns:1fr}.calc-grid{grid-template-columns:1fr 1fr}.calc-btn{grid-column:1/-1}.pcard{grid-template-columns:46px 70px 1fr auto}.pcard .chiprow,.pcard .pc-stars{display:none}.tool-res{grid-template-columns:1fr 1fr}}
@media(max-width:600px){section{padding:65px 0}.hero{padding-top:64px}.hero h1{font-size:2.55rem}.stat-band{grid-template-columns:1fr 1fr}.match-split{grid-template-columns:1fr}.calc-grid{grid-template-columns:1fr}.tool-band{padding:36px 18px}.tool-res{grid-template-columns:1fr}.pcard{grid-template-columns:38px 58px 1fr;padding:13px}.pc-logo{width:54px;height:54px}.pc-logo .lchip,.pc-logo .mlogo{width:46px!important;height:46px!important}.pc-actions{grid-column:2/4;justify-content:flex-start}.radar-card{padding:18px}}

/* Final Midnight Aurora theme cascade */
:root{--bg:#07111f;--bg-alt:#0a1627;--ink:#edf6ff;--ink-soft:#a9bad0;--muted:#71849d;--brand:#32d6d0;--brand-l:#69eee8;--brand-2:#8b5cf6;--danger:#fb7185;--gold:#fbbf24;--char:#0d1b2e;--char-2:#07111f;--card:rgba(16,32,53,.82);--card-2:rgba(20,40,66,.74);--line:rgba(148,184,220,.16);--soft-line:rgba(148,184,220,.11);--hs:0 24px 70px rgba(0,0,0,.3);--hs-sm:0 12px 38px rgba(0,0,0,.22)}
html{background:#07111f}body{color:var(--ink);background:radial-gradient(circle at 8% 2%,rgba(50,214,208,.14),transparent 28rem),radial-gradient(circle at 92% 12%,rgba(139,92,246,.16),transparent 31rem),linear-gradient(180deg,#07111f,#091525 52%,#07111f);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent 75%)}
section.alt{background:linear-gradient(180deg,rgba(13,27,46,.65),rgba(9,21,37,.8));border-color:rgba(148,184,220,.08)}
.nav{background:rgba(7,17,31,.76);border-color:rgba(159,190,222,.12);box-shadow:none}.logo{color:#fff}.menu>a{color:#9eb0c7}.menu>a:hover{background:rgba(255,255,255,.065);border-color:transparent;color:#fff}
.btn{background:linear-gradient(135deg,#24c9c3,#168eab);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(25,188,190,.22);color:#fff}.btn:hover{box-shadow:0 16px 34px rgba(25,188,190,.3)}.btn.ghost{background:rgba(255,255,255,.055);border-color:rgba(171,204,235,.2);color:#edf6ff}.btn.onlight{background:linear-gradient(135deg,#8b5cf6,#6d45d6);color:#fff}.pill{background:rgba(50,214,208,.09);border-color:rgba(50,214,208,.25);color:#72ebe6}.pill.light{background:rgba(255,255,255,.07)}
.hero{padding:108px 0 82px}.hero-grid{grid-template-columns:1.16fr .84fr;gap:72px}.hero h1{color:#f5f9ff;font-size:clamp(2.65rem,5.3vw,4.65rem);letter-spacing:-.048em}.hero h1 em{background:linear-gradient(100deg,#55e8e2,#70bdfb 48%,#ad8bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 em:after{display:none}.sub{color:#a9bad0}.hero-art,.match-card{background:linear-gradient(145deg,rgba(25,50,78,.78),rgba(12,25,44,.92));border:1px solid rgba(162,198,235,.18);box-shadow:0 35px 100px rgba(0,0,0,.4),0 0 70px rgba(50,214,208,.08);transform:none}.match-top{border-color:var(--line)}.match-top small,.match-result p{color:var(--muted)}.match-body select,.calc-grid input{background:#0b192b;border-color:var(--line);color:#edf6ff}.match-result,.match-result.ready{background:rgba(50,214,208,.07);border-color:rgba(50,214,208,.18)}
.stat{background:rgba(15,31,52,.74);border-color:var(--line);box-shadow:none}.stat b,.stat:nth-child(2) b,.stat:nth-child(3) b,.stat:nth-child(4) b{color:#5be3df}.stat span{color:#8093aa}.marquee{background:rgba(5,13,24,.88);border-color:var(--line)}
.sec-head h2,.sec-head h1,.page-hero h1,.art h1,.ptop h1{color:#f2f7ff}.sec-head p{color:#879ab2}.tabs{background:rgba(14,29,49,.74);border-color:var(--line)}.tab{color:#91a5bd}.tab.active,.tab:nth-child(2).active,.tab:nth-child(3).active{background:linear-gradient(135deg,rgba(50,214,208,.22),rgba(73,167,211,.16));color:#72ebe6}
.pcard,.f,.radar-card,.check-item,.bcard,.content-card,.contact-card,.faq details,.art-cta{background:linear-gradient(145deg,rgba(18,37,61,.84),rgba(12,27,46,.92))!important;border:1px solid var(--line)!important;box-shadow:var(--hs-sm)!important;color:var(--ink)}.pcard:hover,.bcard:hover,.radar-card:hover{transform:translateY(-4px);border-color:rgba(50,214,208,.34)!important;box-shadow:0 22px 55px rgba(0,0,0,.3)!important}.rank-big{color:#49617b}.pc-logo{background:#fff;border:0;box-shadow:0 10px 24px rgba(0,0,0,.2)}.pc-main b,.f h4,.radar-card b,.check-item h4,.bbody h3{color:#edf6ff}.pc-main small,.f p,.radar-card p,.check-item p,.bbody p,.bmeta{color:#8296ae}.chip{background:rgba(50,214,208,.09);color:#78dfdc}.chip.score{background:rgba(139,92,246,.13);color:#b8a0ff}.dbtn{background:rgba(255,255,255,.045);border-color:var(--line);color:#a8bdd3}.view,.radar-card em{color:#5ce1dc}
.tool-band{background:linear-gradient(135deg,rgba(25,66,88,.94),rgba(39,28,82,.9));border:1px solid rgba(122,221,226,.2);box-shadow:0 30px 85px rgba(0,0,0,.36)}.field{background:rgba(4,13,25,.72);border-color:rgba(161,198,232,.2);color:#edf6ff}.tr-cell,.calc-out{background:rgba(4,14,26,.34)}.tr-cell span{color:#6ce7e2}.calc-btn{background:linear-gradient(135deg,#8b5cf6,#6d45d6);color:#fff}
.prose,.content-card p,.faq details p,.contact-card p{color:#a6b7cb}.prose h2,.content-card h2,.faq summary{color:#eef6ff}.prose a,.content-card a,.faq a,.mailbox{color:#62dfdb}.prose code{background:#101f34;border-color:var(--line)}.mailbox{background:rgba(50,214,208,.09);border-color:rgba(50,214,208,.22)!important}.art-thumb img{border-color:var(--line);box-shadow:var(--hs)}.faq details[open] summary{border-color:var(--line)}
.biglogo-box{background:#fff;border:0}.tagline,.crumbs{color:#8295ac}.score-chip,.badge{background:rgba(255,255,255,.05);border-color:var(--line);color:#a8bacd}.score-chip b{color:#5ee2de}
footer,.footer{background:#050c17!important;border-color:var(--line)!important}.footer-grid,.foot-bottom{color:#8194aa}.footer-brand p,.footer-links a{color:#8194aa!important}.footer-links a:hover{color:#64e4df!important}.compare-dock,.cookie{background:rgba(10,24,41,.94)!important;border-color:var(--line)!important;color:#edf6ff}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:82px}.menu{background:rgba(7,17,31,.98)!important}.pcard{grid-template-columns:46px 70px 1fr auto}}
@media(max-width:600px){.hero{padding:66px 0 56px}.hero h1{font-size:2.6rem}.tool-band{padding:38px 18px}.pcard{grid-template-columns:38px 58px 1fr}}

/* ============================================================
   FINAL REDESIGN V3 — ClearView Editorial
   Bright, compact, professional comparison UI.
   ============================================================ */
:root{--bg:#f6f8fc;--bg-alt:#eef3f9;--ink:#172235;--ink-soft:#45556d;--muted:#718096;--brand:#1463ff;--brand-l:#4383ff;--brand-2:#14b88a;--danger:#ef5d6f;--gold:#f5a623;--char:#10213d;--char-2:#09162b;--card:#fff;--card-2:#f8fafc;--line:#dce4ee;--soft-line:#e9eef5;--r:18px;--hs:0 18px 48px rgba(31,55,86,.11);--hs-sm:0 8px 26px rgba(31,55,86,.075)}
html{background:#f6f8fc}body{color:var(--ink);background:#f6f8fc;background-image:radial-gradient(circle at 94% 3%,rgba(20,99,255,.07),transparent 26rem),radial-gradient(circle at 4% 24%,rgba(20,184,138,.055),transparent 23rem);background-attachment:initial}body:before{display:none}::selection{background:rgba(20,99,255,.18);color:#10213d}
section{padding:82px 0}section.alt{background:#fff;border-top:1px solid #e7edf4;border-bottom:1px solid #e7edf4;box-shadow:none}.wrap{max-width:1200px}
.nav{background:rgba(255,255,255,.91);border-bottom:1px solid #e3eaf2;box-shadow:0 5px 25px rgba(24,48,80,.055)}.nav-inner{height:76px}.logo{color:#10213d}.logo small{color:#1463ff}.menu>a{color:#52637a}.menu>a:hover{background:#eef4ff;border-color:#dce8ff;color:#1463ff}.menu>a .mi{color:#1463ff}.burger{color:#10213d}
.btn{padding:12px 23px;border:0;border-radius:10px;background:#1463ff;color:#fff;box-shadow:0 8px 18px rgba(20,99,255,.2)}.btn:hover{background:#0754eb;transform:translateY(-2px);box-shadow:0 11px 25px rgba(20,99,255,.26)}.btn.ghost{background:#fff;color:#173153;border:1px solid #d8e2ed;box-shadow:none}.btn.ghost:hover{background:#f7faff;box-shadow:0 8px 20px rgba(31,55,86,.08)}.btn.onlight{background:#14b88a;color:#fff}.pill{padding:7px 13px;border:1px solid #cfe0ff;background:#edf4ff;color:#145bd9;box-shadow:none;letter-spacing:.05em}.pill.light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.hero{min-height:auto;padding:92px 0 72px;background:linear-gradient(120deg,#f6f9ff 0%,#fff 48%,#effbf8 100%);border-bottom:1px solid #e5ecf3}.hero:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(20,99,255,.1);border-radius:50%;right:-150px;top:-190px}.hero:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(20,184,138,.12);border-radius:50%;right:6%;top:9%}.hero-grid{grid-template-columns:1.12fr .88fr;gap:72px}.hero h1{color:#10213d;font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.04;letter-spacing:-.05em}.hero h1 em{background:none;-webkit-background-clip:initial;color:#1463ff}.sub{color:#53647b;line-height:1.75}.hero-art,.match-card{background:#fff;border:1px solid #dae4ef;border-radius:24px;box-shadow:0 26px 65px rgba(34,64,102,.14);transform:none}.match-top{border-color:#e4ebf3}.match-top b{color:#172235}.match-top small,.match-result p{color:#718096}.match-body label,.calc-grid label{color:#65758b}.match-body select,.calc-grid input{background:#fff;border-color:#d8e2ec;color:#172235}.match-result,.match-result.ready{background:#f1f8ff;border-color:#dbeaff}.stat{background:#fff;border:1px solid #dde6ef;border-radius:13px;box-shadow:0 7px 19px rgba(31,55,86,.05)}.stat b,.stat:nth-child(2) b,.stat:nth-child(3) b,.stat:nth-child(4) b{color:#1463ff}.stat:nth-child(2) b{color:#14a880}.stat span{color:#718096}.marquee{background:#10213d;border:0;color:#dce8f8}
.sec-head{margin-bottom:38px}.sec-head h2,.sec-head h1,.page-hero h1,.art h1,.ptop h1{color:#10213d;font-size:clamp(1.75rem,3.3vw,2.55rem);letter-spacing:-.035em}.sec-head p,.page-hero .sub{color:#66768b}.page-hero{background:linear-gradient(180deg,#f4f8ff,#f6f8fc)}
.tabs{margin-bottom:28px;padding:4px;border:1px solid #dce5ef;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(31,55,86,.065)}.tab{padding:10px 24px;border-radius:9px;color:#617187}.tab small{color:#8492a5}.tab.active,.tab:nth-child(2).active,.tab:nth-child(3).active{background:#10213d;color:#fff;box-shadow:none}.tab.active small,.tab:nth-child(2).active small,.tab:nth-child(3).active small{color:#c3cede}
.pgrid{gap:10px}.pcard{min-height:102px;grid-template-columns:48px 64px 1.35fr 1fr auto auto;gap:16px;padding:13px 18px;background:#fff!important;border:1px solid #dce5ef!important;border-radius:14px;box-shadow:0 5px 16px rgba(31,55,86,.045)!important}.pcard:hover{transform:translateY(-2px);border-color:#a9c5f8!important;box-shadow:0 12px 27px rgba(31,79,148,.1)!important}.rank-big{font-size:1.06rem;color:#9aabc0;letter-spacing:.04em}.pc-logo{width:58px;height:58px;border:1px solid #e1e7ee;border-radius:13px;background:#fff;box-shadow:none}.pc-logo .lchip,.pc-logo .mlogo{width:50px!important;height:50px!important;border-radius:10px}.pc-main b{color:#172235;font-size:1.05rem}.pc-main small{color:#728197;font-size:.82rem}.chip{padding:4px 10px;border:0;background:#eaf8f4;color:#0d8d6b;font-size:.71rem}.chip.score{background:#edf3ff;color:#245fcc}.stars{font-size:.82rem}.dbtn{width:31px;height:31px;border:1px solid #dce5ef;background:#f8fafc;color:#5d6e84;border-radius:8px}.dbtn:hover{background:#eaf2ff;color:#1463ff}.view{color:#1463ff;font-size:.88rem}.offsite{color:#78879b;font-size:.82rem}
.feat{gap:16px}.f,.radar-card,.check-item,.bcard,.content-card,.contact-card,.faq details,.art-cta{background:#fff!important;border:1px solid #dfe7f0!important;border-radius:16px!important;box-shadow:0 7px 22px rgba(31,55,86,.06)!important;color:#172235}.f{padding:24px}.f:hover,.bcard:hover,.radar-card:hover{transform:translateY(-3px);border-color:#bfd2eb!important;box-shadow:0 14px 32px rgba(31,55,86,.1)!important}.f .em{background:#edf4ff;color:#1463ff;border:0}.f:nth-child(3n+2) .em{background:#eaf9f4;color:#0d9b72}.f:nth-child(3n) .em{background:#fff0f2;color:#e84f64}.f h4,.radar-card b,.check-item h4,.bbody h3{color:#172235}.f p,.radar-card p,.check-item p,.bbody p,.bmeta{color:#718096}.radar-mark{background:#1463ff}.radar-card:nth-child(2) .radar-mark{background:#14a880}.radar-card:nth-child(3) .radar-mark{background:#f07d5c}.radar-card em{color:#1463ff}
.tool-band{background:linear-gradient(125deg,#10213d,#163d69 66%,#116e67);border:0;border-radius:22px;box-shadow:0 24px 60px rgba(16,33,61,.22)}.field{background:#fff;border-color:rgba(255,255,255,.3);color:#172235}.tr-cell,.calc-out{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14)}.tr-cell span{color:#75e3c5}.calc-btn{background:#14b88a;color:#fff}.cnum,.check-item:nth-child(4n+2) .cnum,.check-item:nth-child(4n+3) .cnum,.check-item:nth-child(4n) .cnum{background:#edf4ff;color:#1463ff}.check-item:nth-child(2n) .cnum{background:#eaf9f4;color:#0d9670}
.prose,.content-card p,.faq details p,.contact-card p{color:#53647a}.prose h2,.content-card h2,.faq summary{color:#172235}.prose a,.content-card a,.faq a{color:#1463ff}.prose code{background:#edf2f8;border-color:#dce5ef}.mailbox{background:#edf4ff;border-color:#d4e3ff!important;color:#145bd9}.art-thumb img{border-color:#dce5ef;box-shadow:var(--hs)}.faq details[open] summary{border-color:#e5ebf2}.crumbs,.tagline{color:#718096}.crumbs b{color:#33445b}.biglogo-box{background:#fff;border:1px solid #e1e7ef;box-shadow:0 7px 20px rgba(31,55,86,.07)}.score-chip,.badge{background:#f5f8fc;border-color:#dce5ef;color:#5c6d82}.score-chip b{color:#1463ff}.badge.tf{background:#eaf9f4;color:#0d906c}.badge.tb{background:#edf3ff;color:#245fcc}.badge.tp{background:#fff0f2;color:#dc5062}
footer,.footer{background:#0c1a30!important;border-top:0!important}.footer-grid,.foot-bottom{color:#9bacbf}.footer-brand p,.footer-links a{color:#9bacbf!important}.footer-links a:hover{color:#fff!important}.compare-dock,.cookie{background:rgba(255,255,255,.97)!important;border-color:#dce5ef!important;color:#172235;box-shadow:0 18px 50px rgba(31,55,86,.16)!important}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:75px}.menu{background:#fff!important}.pcard{grid-template-columns:40px 58px 1fr auto}.pcard .chiprow,.pcard .pc-stars{display:none}}
@media(max-width:600px){section{padding:62px 0}.hero{padding:58px 0 52px}.hero h1{font-size:2.45rem}.tabs{width:100%}.tab{padding:9px 7px}.pcard{grid-template-columns:32px 52px 1fr;padding:11px;gap:10px}.pc-logo{width:50px;height:50px}.pc-logo .lchip,.pc-logo .mlogo{width:43px!important;height:43px!important}.pc-actions{grid-column:2/4}.tool-band{padding:35px 17px}}

/* ============================================================
   FINAL REDESIGN V4 — POPSHIFT
   User-selected bold colorful modern + 3-column pricing cards.
   ============================================================ */
:root{--bg:#fffaf2;--bg-alt:#fff1df;--ink:#1b1930;--ink-soft:#514d68;--muted:#7c7890;--brand:#6c3cff;--brand-l:#8a68ff;--brand-2:#00b88a;--danger:#ff4e72;--gold:#ffac00;--char:#201847;--char-2:#140f2f;--card:#fff;--card-2:#fff8ee;--line:#e8deef;--soft-line:#f0e9f4;--r:22px;--hs:0 20px 50px rgba(62,40,105,.13);--hs-sm:0 10px 28px rgba(62,40,105,.09)}
html{background:#fffaf2}body{color:var(--ink);background:#fffaf2;background-image:radial-gradient(circle at 5% 5%,rgba(255,196,61,.22),transparent 25rem),radial-gradient(circle at 95% 10%,rgba(255,78,114,.13),transparent 27rem),radial-gradient(circle at 80% 65%,rgba(108,60,255,.08),transparent 28rem)}body:before{display:none}::selection{background:#ffd94d;color:#201847}
section{padding:88px 0}section.alt{background:#fff;border:0;box-shadow:inset 0 1px #f0e8f3,inset 0 -1px #f0e8f3}.wrap{max-width:1220px}
.nav{background:rgba(255,250,242,.9);border-bottom:1px solid rgba(76,45,117,.1);box-shadow:none}.nav-inner{height:78px}.logo{color:#201847}.logo small{color:#6c3cff}.menu>a{color:#5b556f}.menu>a:hover{background:#fff;border-color:#eadff2;color:#6c3cff}.menu>a .mi{color:#6c3cff}.burger{color:#201847}
.btn{padding:13px 24px;border:0;border-radius:12px;background:#6c3cff;color:#fff;box-shadow:5px 5px 0 #2c205f;transition:.2s}.btn:hover{background:#7b50ff;transform:translate(-2px,-2px);box-shadow:7px 7px 0 #2c205f}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #2c205f}.btn.ghost{background:#fff;color:#2c205f;border:1.5px solid #dfd2e8;box-shadow:4px 4px 0 #e1d4e8}.btn.ghost:hover{background:#fff9ed;box-shadow:6px 6px 0 #e1d4e8}.btn.onlight{background:#00b88a;color:#fff;box-shadow:5px 5px 0 #076f59}.pill{background:#fff0bc;border:1.5px solid #f6cd45;color:#624900;box-shadow:3px 3px 0 #f2d975;letter-spacing:.04em}.pill.light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff;box-shadow:none}
.hero{min-height:auto;padding:105px 0 86px;background:linear-gradient(115deg,#fff8df 0%,#fffaf2 44%,#f7edff 100%);border-bottom:1px solid #eadff0}.hero:before{content:"";display:block;position:absolute;width:280px;height:280px;right:-65px;top:35px;border-radius:38% 62% 65% 35%/45% 38% 62% 55%;background:linear-gradient(145deg,#ffda49,#ff765c);transform:rotate(18deg);opacity:.32}.hero:after{content:"";display:block;position:absolute;width:170px;height:170px;left:-65px;bottom:-60px;border-radius:50%;background:#22d3a4;opacity:.14}.hero-grid{grid-template-columns:1.08fr .92fr;gap:78px}.hero h1{color:#201847;font-size:clamp(2.75rem,5.4vw,4.8rem);line-height:.99;letter-spacing:-.055em}.hero h1 em{background:linear-gradient(95deg,#6c3cff,#d83d9a 55%,#ff663c);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:#5d5871;line-height:1.75}.hero-art,.match-card{background:#fff;border:2px solid #2c205f;border-radius:27px;box-shadow:12px 12px 0 #d9c9ff;transform:rotate(1deg)}.match-top{border-color:#eadff0}.match-top b{color:#201847}.match-top small,.match-result p{color:#7c7890}.match-dot{background:#00c997}.match-body label,.calc-grid label{color:#625d74}.match-body select,.calc-grid input{background:#fff;border:1.5px solid #ded2e8;color:#1b1930}.match-result,.match-result.ready{background:#f6f0ff;border-color:#e0d4ff}.stat{background:#fff;border:1.5px solid #e3d8e9;border-radius:15px;box-shadow:4px 4px 0 #eee3f2}.stat b,.stat:nth-child(2) b,.stat:nth-child(3) b,.stat:nth-child(4) b{color:#6c3cff}.stat:nth-child(2) b{color:#00a97f}.stat:nth-child(3) b{color:#ff4e72}.stat span{color:#7c7890}.marquee{background:#201847;color:#fff;border:0}.mq-track{color:#fff}
.sec-head{margin-bottom:42px}.sec-head h2,.sec-head h1,.page-hero h1,.art h1,.ptop h1{color:#201847;font-size:clamp(1.9rem,3.5vw,2.8rem);letter-spacing:-.04em}.sec-head p,.page-hero .sub{color:#736d84}.page-hero{background:linear-gradient(180deg,#fff2d9,#fffaf2)}
.tabs{margin-bottom:34px;padding:6px;border:2px solid #2c205f;border-radius:16px;background:#fff;box-shadow:6px 6px 0 #d8caf4}.tab{padding:12px 28px;border-radius:10px;color:#665f78}.tab small{color:#8b8598}.tab.active,.tab:nth-child(2).active,.tab:nth-child(3).active{background:#6c3cff;color:#fff;box-shadow:none}.tab:nth-child(2).active{background:#ff4e72}.tab:nth-child(3).active{background:#00a980}.tab.active small,.tab:nth-child(2).active small,.tab:nth-child(3).active small{color:rgba(255,255,255,.78)}
/* Provider pricing-card grid */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.pcard{min-height:370px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:25px;background:#fff!important;border:2px solid #2c205f!important;border-radius:21px;box-shadow:7px 7px 0 #dfd1f3!important;overflow:hidden}.pcard:nth-child(3n+2){box-shadow:7px 7px 0 #ffd5df!important}.pcard:nth-child(3n){box-shadow:7px 7px 0 #bdeedf!important}.pcard:before{content:"";position:absolute;width:125px;height:125px;border-radius:50%;background:#f1ebff;right:-55px;top:-55px;z-index:0}.pcard:nth-child(3n+2):before{background:#fff0c3}.pcard:nth-child(3n):before{background:#dff8ef}.pcard>*{position:relative;z-index:1}.pcard:hover{transform:translate(-3px,-3px);border-color:#2c205f!important;box-shadow:11px 11px 0 #cbb5f1!important}.rank-big{position:absolute;right:20px;top:18px;font-size:1rem;color:#857aa2;background:#f5f0fc;border-radius:999px;padding:5px 10px}.pc-logo{width:76px;height:76px;border:1.5px solid #e6deec;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(53,34,82,.09)}.pc-logo .lchip,.pc-logo .mlogo{width:65px!important;height:65px!important;border-radius:14px}.pc-main{width:100%}.pc-main b{color:#201847;font-size:1.35rem}.pc-main small{color:#7c7890;font-size:.9rem;margin-top:4px}.chiprow{min-height:31px}.chip{padding:6px 11px;border:0;background:#e7faf4;color:#087d61;font-size:.74rem}.chip.score{background:#eee8ff;color:#6337dc}.pc-stars{text-align:left;border-top:1px dashed #ded4e6;width:100%;padding-top:14px}.stars{font-size:.95rem}.pc-actions{width:100%;margin-top:auto;display:grid;grid-template-columns:38px 1fr;gap:9px;justify-content:stretch;align-items:center}.dbtn{width:38px;height:38px;border:1.5px solid #ded3e7;background:#faf7ff;color:#5f5278;border-radius:10px}.dbtn:hover{background:#eee8ff;color:#6c3cff}.view{display:flex;align-items:center;justify-content:center;height:38px;background:#6c3cff;color:#fff;border-radius:10px;font-size:.88rem;font-weight:800}.offsite{grid-column:1/-1;justify-content:center;color:#756e85;font-size:.8rem;padding-top:2px}.pcard:nth-child(3n+2) .view{background:#ff4e72}.pcard:nth-child(3n) .view{background:#00a980}
.feat{gap:18px}.f,.radar-card,.check-item,.bcard,.content-card,.contact-card,.faq details,.art-cta{background:#fff!important;border:1.5px solid #e2d7e9!important;border-radius:19px!important;box-shadow:5px 5px 0 #eee3f2!important;color:#1b1930}.f:hover,.bcard:hover,.radar-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #dfd0ed!important}.f .em{background:#eee8ff;color:#6c3cff;border:0}.f:nth-child(3n+2) .em{background:#e1f8f0;color:#008966}.f:nth-child(3n) .em{background:#ffe6eb;color:#e93d61}.f h4,.radar-card b,.check-item h4,.bbody h3{color:#201847}.f p,.radar-card p,.check-item p,.bbody p,.bmeta{color:#7c7890}.radar-mark{background:#6c3cff}.radar-card:nth-child(2) .radar-mark{background:#00a980}.radar-card:nth-child(3) .radar-mark{background:#ff6748}.radar-card em{color:#6c3cff}
.tool-band{background:radial-gradient(circle at 92% 5%,rgba(255,218,73,.23),transparent 20%),linear-gradient(125deg,#201847,#5331a4 62%,#7a3fd1);border:2px solid #201847;border-radius:24px;box-shadow:10px 10px 0 #d9c8f5}.field{background:#fff;border-color:rgba(255,255,255,.4);color:#1b1930}.tr-cell,.calc-out{background:rgba(255,255,255,.1)}.tr-cell span{color:#76f0ce}.calc-btn{background:#00b88a;color:#fff;box-shadow:none}.cnum,.check-item:nth-child(4n+2) .cnum,.check-item:nth-child(4n+3) .cnum,.check-item:nth-child(4n) .cnum{background:#eee8ff;color:#6c3cff;box-shadow:none}.check-item:nth-child(2n) .cnum{background:#e0f8ef;color:#008a68}.check-item:nth-child(3n) .cnum{background:#ffe7b5;color:#805c00}
.prose,.content-card p,.faq details p,.contact-card p{color:#554f68}.prose h2,.content-card h2,.faq summary{color:#201847}.prose a,.content-card a,.faq a{color:#6c3cff}.prose code{background:#f3edf9;border-color:#e3d9e9}.mailbox{background:#eee8ff;border-color:#d9cbff!important;color:#6034d9}.art-thumb img{border:2px solid #2c205f;box-shadow:8px 8px 0 #ddcef0}.faq details[open] summary{border-color:#e8deed}.crumbs,.tagline{color:#7c7890}.crumbs b{color:#3c3650}.biglogo-box{background:#fff;border:1.5px solid #e5dbe9;box-shadow:4px 4px 0 #eee3f2}.score-chip,.badge{background:#f8f3fb;border-color:#e2d7e8;color:#615a71}.score-chip b{color:#6c3cff}.badge.tf{background:#e4f9f2;color:#008767}.badge.tb{background:#eee8ff;color:#6337dc}.badge.tp{background:#ffe8ed;color:#d83e5c}
footer,.footer{background:#160f31!important;border-top:0!important}.footer-grid,.foot-bottom{color:#aea4c3}.footer-brand p,.footer-links a{color:#aea4c3!important}.footer-links a:hover{color:#ffd94d!important}.compare-dock,.cookie{background:#fff!important;border:2px solid #2c205f!important;color:#201847;box-shadow:7px 7px 0 #d7c7ed!important}
@media(max-width:980px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.hero-art,.match-card{max-width:660px;margin-inline:auto}.menu{background:#fffaf2!important}}
@media(max-width:650px){section{padding:66px 0}.hero{padding:68px 0 58px}.hero h1{font-size:2.65rem}.tabs{width:100%}.tab{padding:10px 7px}.pgrid{grid-template-columns:1fr;gap:17px}.pcard{min-height:330px;padding:22px}.pcard .chiprow,.pcard .pc-stars{display:flex}.pc-actions{grid-column:auto}.tool-band{padding:38px 18px}}

/* Hero 3D network visual + corrected card logo scale */
.hero-grid{grid-template-columns:.9fr 1.1fr;gap:48px}
.hero-side{display:grid;grid-template-columns:minmax(210px,.82fr) minmax(330px,1.18fr);align-items:center;gap:8px;position:relative;perspective:1200px}
.hero-3d{position:relative;z-index:3;width:clamp(235px,22vw,315px);aspect-ratio:1;margin-right:-28px;transform-style:preserve-3d;filter:drop-shadow(0 28px 24px rgba(54,31,102,.18));animation:globeFloat 4.8s ease-in-out infinite}
.hero-3d img{display:block;width:100%;height:100%;object-fit:contain;transform-style:preserve-3d;animation:globeTurn 9s linear infinite}
.hero-3d:before,.hero-3d:after{content:"";position:absolute;z-index:-1;inset:13%;border:2px solid rgba(108,60,255,.2);border-radius:50%;animation:orbitTilt 6s linear infinite}
.hero-3d:after{inset:23% 5%;border-color:rgba(0,184,138,.23);animation-direction:reverse;animation-duration:8s}
.orbit-node{position:absolute;z-index:4;width:17px;height:17px;border:4px solid #fff;border-radius:50%;box-shadow:0 7px 18px rgba(44,32,95,.25);animation:nodePulse 2.2s ease-in-out infinite}
.node-one{left:8%;top:28%;background:#ff4e72}.node-two{right:4%;bottom:24%;background:#00b88a;animation-delay:-1.1s}
.hero-side .match-card{position:relative;z-index:2;width:100%;transform:rotate(-1deg);box-shadow:9px 9px 0 #d9c9ff}
@keyframes globeTurn{0%{transform:rotateY(0deg) rotateZ(-2deg)}50%{transform:rotateY(180deg) rotateZ(2deg)}100%{transform:rotateY(360deg) rotateZ(-2deg)}}
@keyframes globeFloat{0%,100%{transform:translateY(0) rotateX(2deg)}50%{transform:translateY(-16px) rotateX(-2deg)}}
@keyframes orbitTilt{to{transform:rotate(360deg) rotateX(65deg)}}
@keyframes nodePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.42)}}
/* Force the selected 3-column layout even when JS changes inline display. */
.pgrid.tabgrid[style*="display: grid"],.pgrid.tabgrid[style*="display:grid"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
/* Provider logos are now a primary visual, not tiny icons. */
.pc-logo{width:112px;height:112px;border-radius:24px;padding:7px;align-self:center;margin-top:4px;background:linear-gradient(145deg,#fff,#faf6ff);border:2px solid #e4d8ea;box-shadow:0 14px 30px rgba(53,34,82,.12)}
.pc-logo .lchip,.pc-logo .mlogo{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;padding:4px!important;border-radius:19px!important;object-fit:contain}
.pc-main{text-align:center}.pc-main b{font-size:1.5rem}.pc-main small{font-size:.95rem}.chiprow{justify-content:center;width:100%}.pc-stars{text-align:center}.pcard{min-height:430px;align-items:center}.rank-big{align-self:auto}.pc-actions{align-self:stretch}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-side{max-width:760px;margin:10px auto 0}.pgrid.tabgrid[style*="display: grid"],.pgrid.tabgrid[style*="display:grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.hero-side{grid-template-columns:1fr}.hero-3d{width:min(300px,78vw);margin:0 auto -30px}.hero-side .match-card{transform:none}.pgrid.tabgrid[style*="display: grid"],.pgrid.tabgrid[style*="display:grid"]{grid-template-columns:1fr!important}.pc-logo{width:104px;height:104px}.pc-logo .lchip,.pc-logo .mlogo{width:90px!important;height:90px!important}.pcard{min-height:410px}}
@media(prefers-reduced-motion:reduce){.hero-3d,.hero-3d img,.hero-3d:before,.hero-3d:after,.orbit-node{animation:none!important}}

/* Hero final: image only — matcher panel intentionally removed. */
.hero-grid{grid-template-columns:1.02fr .98fr;gap:56px}
.hero-side{display:flex;align-items:center;justify-content:center;min-width:0;perspective:1400px}
.hero-3d{width:min(100%,540px);margin:0;filter:drop-shadow(0 34px 30px rgba(54,31,102,.22))}
.hero-3d img{width:100%;height:auto}
/* Generated 3D editorial art on all blog cards and articles. */
.bthumb{background:#f6eadb;overflow:hidden}.bthumb img{height:210px;object-fit:cover;object-position:center;transition:transform .45s ease}.bcard:hover .bthumb img{transform:scale(1.055)}
.art-thumb img{width:100%;max-height:570px;object-fit:cover;object-position:center}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-3d{width:min(560px,88vw)}}
@media(max-width:650px){.hero-3d{width:min(390px,90vw);margin:0 auto}.bthumb img{height:190px}}

/* ============================================================
   COMPARE EXPERIENCE V2 — colorful 3D visual system
   ============================================================ */
.phero:has(.vs-hero){padding:64px 0 76px;background:radial-gradient(circle at 10% 10%,rgba(255,207,63,.2),transparent 23rem),radial-gradient(circle at 90% 8%,rgba(255,78,114,.13),transparent 25rem),linear-gradient(135deg,#fff9e9,#fffaf2 50%,#f4edff);border-bottom:1px solid #eadff0;overflow:hidden;position:relative}
.phero:has(.vs-hero):before,.phero:has(.vs-hero):after{content:"";position:absolute;border-radius:50%;pointer-events:none}.phero:has(.vs-hero):before{width:180px;height:180px;background:#00c997;opacity:.08;left:-70px;bottom:-80px}.phero:has(.vs-hero):after{width:240px;height:240px;border:2px solid rgba(108,60,255,.09);right:-75px;top:-95px}
.vs-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,1fr) 92px minmax(250px,1fr);align-items:stretch;gap:22px;max-width:850px;margin:34px auto 0}
.vcol{position:relative;justify-content:center;gap:12px;min-width:0;padding:31px 28px;background:#fff;border:2px solid #2c205f;border-radius:24px;box-shadow:8px 8px 0 #d8c8f4;overflow:hidden;transition:.25s}
.vcol:nth-child(3){box-shadow:8px 8px 0 #bcebdc}.vcol:before{content:"";position:absolute;width:125px;height:125px;border-radius:50%;right:-55px;top:-60px;background:#eee7ff}.vcol:nth-child(3):before{background:#dcf8ef}.vcol:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 #c9b1ef}.vcol:nth-child(3):hover{box-shadow:12px 12px 0 #9edfc9}
.vcol .biglogo-box{position:relative;width:126px;height:126px;padding:14px;justify-content:center;border:1.5px solid #e3d9e9;border-radius:27px;background:linear-gradient(145deg,#fff,#faf6ff);box-shadow:0 16px 34px rgba(53,34,82,.12)}.vcol .biglogo-box img{width:100%;height:100%;max-width:104px;max-height:104px;object-fit:contain}.vcol h2{color:#201847;font-size:1.5rem}.vcol .stars{font-size:1rem}
.vsbig{align-self:center;justify-self:center;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff4e72,#ff7547);border:3px solid #fff;color:#fff;font-size:1.3rem;text-shadow:none;box-shadow:0 0 0 2px #2c205f,5px 6px 0 #ffd0da;transform:rotate(-7deg)}
.tight-top .wrap.narrow{max-width:940px}.tight-top .content-card{border-radius:20px!important;padding:28px 30px}
.win-banner{position:relative;gap:18px;background:linear-gradient(100deg,#e5faf3,#f2ecff);border:2px solid #2c205f;border-radius:19px;padding:20px 24px;box-shadow:6px 6px 0 #c7eedf;overflow:hidden}.win-banner:after{content:"EDITOR'S PICK";position:absolute;right:-30px;top:17px;transform:rotate(35deg);background:#00a980;color:#fff;padding:5px 34px;font-size:.62rem;font-weight:900;letter-spacing:.09em}.win-banner .lchip,.win-banner .mlogo{width:64px!important;height:64px!important;flex:none;border-radius:16px;padding:6px}.win-banner p{color:#3e3a53;font-size:.96rem}
.cmp-table{border:2px solid #2c205f;border-radius:20px;background:#fff;box-shadow:8px 8px 0 #e1d5ee;margin:28px 0;overflow:hidden}.cmp-row{grid-template-columns:170px 1fr 1fr;border-bottom:1px solid #e7deec}.cmp-row:nth-child(even):not(.hdr){background:#fffcf7}.cmp-row.hdr{background:linear-gradient(110deg,#201847,#5935a8);border:0}.cmp-row.hdr .cl,.cmp-row.hdr .cv{padding-block:18px;font-size:.85rem}.cl{padding:15px 20px;color:#625b72;background:rgba(242,236,248,.55)}.cv{padding:15px 20px;color:#4f4a61;border-left:1px solid #e5dbe9}.cv.win{position:relative;background:#e6faf3;color:#176b56;font-weight:800}.cv.win:after{content:"✓";margin-left:auto;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00a980;color:#fff;font-size:.72rem}
.pc-cols.spaced{gap:18px;margin:30px 0}.pc-cols.spaced>div{background:#fff;border:1.5px solid #e2d7e9;border-radius:19px;padding:24px;box-shadow:5px 5px 0 #eee3f2}.pc-cols.spaced>div:first-child{border-top:5px solid #6c3cff}.pc-cols.spaced>div:nth-child(2){border-top:5px solid #00a980}.pc-cols h4,.h-pro{color:#078566}.h-con{color:#e34562!important}.pros li,.cons li{border-bottom:1px dashed #e7deea;color:#575165}.pros li:before{color:#00a980}
.verdict{position:relative;background:linear-gradient(130deg,#2b1c62,#6c3cff 60%,#8b55ec);border:2px solid #201847;border-radius:21px;padding:30px 32px 30px 90px;box-shadow:8px 8px 0 #d8c8f4;color:#fff;overflow:hidden}.verdict:before{content:"★";position:absolute;left:27px;top:27px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ffcf3f;color:#3e2d00;font-size:1.4rem;box-shadow:4px 4px 0 rgba(20,15,47,.45)}.verdict h3{color:#fff;font-size:1.35rem}.verdict p{color:#e8e1fa}.verdict a{color:#ffdf65}.mcta{gap:18px;margin:32px 0}.mcta .btn{min-width:210px;justify-content:center;padding:14px 24px}.mcta .btn:nth-child(2){background:#00a980;box-shadow:5px 5px 0 #075f4c}.mcta .btn:nth-child(2):hover{box-shadow:7px 7px 0 #075f4c}
.rel-grid{gap:12px}.rel-grid a{min-height:76px;background:#fbf8fd;border:1.5px solid #e2d7e8;border-radius:15px;padding:12px 15px;box-shadow:none}.rel-grid a:hover{border-color:#6c3cff;background:#f3edff;transform:translateY(-2px);box-shadow:0 9px 20px rgba(66,38,111,.09)}.rel-grid .lchip,.rel-grid .mlogo{width:54px!important;height:54px!important;border-radius:13px;flex:none}
/* Compare hub and selection cards */
.slotbar{border:2px solid #2c205f;border-radius:20px;padding:25px;background:#fff;box-shadow:7px 7px 0 #d9c9ef}.slot{min-height:92px;border:2px dashed #9a8bad;border-radius:16px;background:#fbf8fd}.slot.filled{border:2px solid #6c3cff;background:#f2ecff}.snum{width:38px;height:38px;border:0;background:#6c3cff;color:#fff}.vsmid{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ff4e72;color:#fff;box-shadow:4px 4px 0 #ffd0d9}.pk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pk{min-height:180px;justify-content:center;gap:11px;background:#fff;border:1.5px solid #e1d5e8;border-radius:19px;padding:20px 12px;box-shadow:5px 5px 0 #ede2f3}.pk:hover{border-color:#6c3cff;transform:translate(-2px,-2px);box-shadow:8px 8px 0 #d7c6ef}.pk.sel{background:#eee8ff;outline:2px solid #6c3cff}.pk .lchip,.pk .mlogo{width:78px!important;height:78px!important;border-radius:19px;padding:7px;background:#fff}.pk-t b{font-size:.96rem;color:#201847}.pknum{width:28px;height:28px;border:0;background:#ffcf3f;color:#473500}.cmp-group{border:1.5px solid #e2d7e9;border-radius:16px;background:#fff;box-shadow:4px 4px 0 #eee3f2}.cmp-group summary{padding:17px 20px;color:#201847}.cmp-links a{padding:9px 11px;background:#f8f3fb;border-radius:9px}.cmp-links a:hover{background:#eee8ff;color:#6c3cff}
.cbar{background:#201847;border:2px solid #fff;border-radius:16px;box-shadow:0 18px 45px rgba(32,24,71,.35)}.cbar button{background:#ffcf3f;color:#3d2c00}
@media(max-width:850px){.vs-hero{grid-template-columns:1fr 64px 1fr}.vcol{padding:24px 16px}.vcol .biglogo-box{width:100px;height:100px}.vsbig{width:56px;height:56px}.pk-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.vs-hero{grid-template-columns:1fr;max-width:360px}.vsbig{margin:-6px auto;z-index:3}.cmp-row{grid-template-columns:105px 1fr 1fr}.cl,.cv{padding:11px 9px;font-size:.74rem}.cv.win:after{display:none}.pc-cols.spaced{grid-template-columns:1fr}.verdict{padding:82px 22px 25px}.verdict:before{left:22px;top:22px}.rel-grid{grid-template-columns:1fr}.pk-grid{grid-template-columns:repeat(2,1fr)}.pk{min-height:155px}.slotbar{padding:17px}}

/* ============================================================
   HEADER V2 + COMPARE ARENA V3 + PROVIDER PROFILE V2
   ============================================================ */
/* Header: new icon treatment and floating navigation rail */
.nav{top:0;background:rgba(255,250,242,.94);border:0;box-shadow:0 1px 0 rgba(44,32,95,.1),0 10px 35px rgba(44,32,95,.06)}
.nav:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#6c3cff,#ff4e72 36%,#ffcf3f 68%,#00b88a)}
.nav-inner{height:86px}.logo{gap:12px;font-size:.96rem;letter-spacing:.035em;color:#201847}.logo .logo-svg{display:none}.logo:before{content:"";flex:none;width:48px;height:48px;border-radius:15px;background:#fff url('favicon.svg') center/44px 44px no-repeat;box-shadow:0 8px 20px rgba(61,38,111,.18),0 0 0 1px rgba(44,32,95,.1)}
.logo span{display:block;padding-top:2px}.logo small{display:inline-block;margin-top:3px;padding:3px 8px;border-radius:999px;background:#eee8ff;color:#6c3cff;letter-spacing:.18em;font-size:.61rem}
.menu{padding:5px;border:1px solid #e5d9ea;border-radius:15px;background:rgba(255,255,255,.76);box-shadow:0 7px 20px rgba(45,28,76,.055)}.menu>a{padding:9px 11px;border:0;border-radius:10px}.menu>a:hover{background:#eee8ff;color:#6c3cff}.menu .btn{margin-left:5px;color:#fff}.menu .btn:hover{background:#7b50ff;color:#fff}
/* Compare Arena: dark scoreboard hero, bright stat board */
.phero:has(.vs-hero){padding:70px 0 84px;background:radial-gradient(circle at 9% 14%,rgba(0,201,151,.24),transparent 24rem),radial-gradient(circle at 91% 10%,rgba(255,78,114,.24),transparent 25rem),linear-gradient(135deg,#130d2d,#251653 52%,#301a69);border:0;color:#fff}.phero:has(.vs-hero):before{width:360px;height:360px;left:-190px;bottom:-230px;border:55px solid rgba(255,207,63,.08);background:transparent}.phero:has(.vs-hero):after{width:310px;height:310px;right:-160px;top:-190px;border:50px solid rgba(167,139,250,.11)}
.phero:has(.vs-hero) .pill{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);color:#ffdf70;box-shadow:none}.phero:has(.vs-hero) .sec-head h1{color:#fff;font-size:clamp(2rem,4vw,3.15rem)}
.vs-hero{grid-template-columns:minmax(260px,1fr) 90px minmax(260px,1fr);max-width:920px;gap:18px}.vcol{min-height:285px;padding:30px 24px;background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(246,241,255,.96));border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:0 25px 55px rgba(3,0,20,.3);transform:none}.vcol:nth-child(3){background:linear-gradient(155deg,#fff,#e9fff7);box-shadow:0 25px 55px rgba(3,0,20,.3)}.vcol:before{width:155px;height:155px;right:-75px;top:-80px;background:linear-gradient(135deg,#a78bfa,#6c3cff);opacity:.13}.vcol:nth-child(3):before{background:linear-gradient(135deg,#5ee8c4,#00a980)}.vcol:hover,.vcol:nth-child(3):hover{transform:translateY(-7px);box-shadow:0 34px 70px rgba(3,0,20,.38)}.vcol .biglogo-box{width:132px;height:132px;border:0;border-radius:31px;box-shadow:0 16px 35px rgba(44,32,95,.14)}.vcol h2{font-size:1.55rem}.vsbig{width:76px;height:76px;background:#ffcf3f;color:#2d2100;border:6px solid #251653;box-shadow:0 0 0 2px #ffcf3f,0 14px 30px rgba(0,0,0,.3);font-size:1.18rem;transform:rotate(-8deg)}
.tight-top{position:relative}.tight-top:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(108,60,255,.08),transparent);pointer-events:none}.tight-top .wrap.narrow{max-width:980px}.tight-top .content-card:first-child{margin-top:-44px;position:relative;z-index:4;border:0!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(44,32,95,.16)!important;padding:30px 34px}
.win-banner{background:#fff;border:0;border-left:7px solid #00a980;border-radius:18px;box-shadow:0 15px 35px rgba(48,33,80,.11)}.win-banner:after{background:#201847}.cmp-table{border:0;border-radius:22px;box-shadow:0 18px 55px rgba(44,32,95,.14)}.cmp-row{grid-template-columns:180px 1fr 1fr}.cmp-row.hdr{background:#201847}.cmp-row.hdr .cv:nth-child(3){background:#302060}.cl{background:#f4eff8}.cv.win{background:linear-gradient(90deg,#e7faf4,#f4fff9)}
.pc-cols.spaced>div{border:0;box-shadow:0 14px 35px rgba(45,30,76,.09)}.verdict{background:linear-gradient(130deg,#ff5c78,#7a3fff 60%,#4b27a8);border:0;box-shadow:0 20px 48px rgba(75,39,168,.25)}
/* Provider detail hero becomes a full profile masthead */
.phero:not(:has(.vs-hero)){padding:58px 0 82px;background:radial-gradient(circle at 6% 18%,rgba(255,207,63,.2),transparent 20rem),radial-gradient(circle at 92% 15%,rgba(0,201,151,.2),transparent 24rem),linear-gradient(135deg,#171033,#2b185f 60%,#372078);color:#fff;border:0}
.phero:not(:has(.vs-hero)) .ptop{position:relative;gap:28px;margin-bottom:38px;padding:25px 30px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(0,0,0,.2);overflow:hidden}.phero:not(:has(.vs-hero)) .ptop:after{content:"PROVIDER PROFILE";position:absolute;right:24px;top:20px;color:rgba(255,255,255,.23);font-size:.69rem;font-weight:900;letter-spacing:.2em}.phero:not(:has(.vs-hero)) .ptop .biglogo-box{width:142px;height:142px;padding:16px;justify-content:center;border:0;border-radius:31px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.25)}.phero:not(:has(.vs-hero)) .ptop .biglogo-box img{width:100%;height:100%;max-width:112px;max-height:112px;object-fit:contain}.phero:not(:has(.vs-hero)) .ptop h1{color:#fff;font-size:clamp(2rem,4vw,3.05rem);letter-spacing:-.045em}.phero:not(:has(.vs-hero)) .psub{margin-top:15px}.phero:not(:has(.vs-hero)) .tagline{color:#d7cfea}.phero:not(:has(.vs-hero)) .score-chip{background:#ffcf3f;border:0;color:#4a3700}.phero:not(:has(.vs-hero)) .score-chip b{color:#2e2200}.phero:not(:has(.vs-hero)) .badge{border-color:rgba(255,255,255,.25);color:#fff}.phero:not(:has(.vs-hero)) .badge.tf{background:rgba(0,201,151,.2)}.phero:not(:has(.vs-hero)) .badge.tb{background:rgba(255,207,63,.19)}.phero:not(:has(.vs-hero)) .badge.tp{background:rgba(255,78,114,.2)}
.phero:not(:has(.vs-hero)) .pv-layout{grid-template-columns:minmax(0,1fr) 345px;gap:24px}.phero:not(:has(.vs-hero)) .pv-main>.content-card{background:#fff!important;border:0!important;border-radius:21px!important;padding:30px;box-shadow:0 18px 45px rgba(3,0,20,.2)!important}.phero:not(:has(.vs-hero)) .pv-main>.content-card h2{font-size:1.32rem;padding-bottom:12px;border-bottom:1px solid #ece5f0}.phero:not(:has(.vs-hero)) .pv-main>.content-card:first-child{border-top:6px solid #6c3cff!important}
.phero:not(:has(.vs-hero)) .specs{grid-template-columns:repeat(3,1fr);gap:13px}.phero:not(:has(.vs-hero)) .spec{min-height:105px;padding:16px;background:linear-gradient(145deg,#fbf8ff,#f3edff);border:1px solid #e1d6ec;border-radius:16px;box-shadow:none}.phero:not(:has(.vs-hero)) .spec:nth-child(3n+2){background:linear-gradient(145deg,#f5fffb,#e6f9f2)}.phero:not(:has(.vs-hero)) .spec:nth-child(3n){background:linear-gradient(145deg,#fffaf0,#fff1cf)}.phero:not(:has(.vs-hero)) .spec span{color:#6e6680}.phero:not(:has(.vs-hero)) .spec span svg{width:18px;height:18px;color:#6c3cff}.phero:not(:has(.vs-hero)) .spec b{font-size:1rem;color:#201847}
.phero:not(:has(.vs-hero)) .pc-cols>div{padding:20px;border-radius:16px;background:#f8f4fb}.phero:not(:has(.vs-hero)) .pc-cols>div:nth-child(2){background:#fff3f5}.phero:not(:has(.vs-hero)) .verdict{background:linear-gradient(130deg,#ff5b75,#7040e8);border:0;box-shadow:0 18px 45px rgba(42,20,90,.24)}
.phero:not(:has(.vs-hero)) .pv-side{top:104px}.phero:not(:has(.vs-hero)) .side-card{border:1px solid rgba(255,255,255,.15);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(245,240,255,.98));box-shadow:0 22px 55px rgba(0,0,0,.24);color:#201847}.phero:not(:has(.vs-hero)) .side-card:first-child{border-top:7px solid #00a980}.phero:not(:has(.vs-hero)) .side-card h3{font-size:1.25rem}.phero:not(:has(.vs-hero)) .side-card .btn{box-shadow:none}.phero:not(:has(.vs-hero)) .qf li{border-bottom:1px solid #e7dfeb;padding:11px 0}.phero:not(:has(.vs-hero)) .qf span{color:#776f86}.phero:not(:has(.vs-hero)) .side-card.center{background:rgba(255,255,255,.09);color:#fff;box-shadow:none}.phero:not(:has(.vs-hero)) .side-card.center .side-note{color:#d3cae4}
.phero:not(:has(.vs-hero)) .rel-grid a{background:#f8f4fb}.phero:not(:has(.vs-hero)) .faq details{box-shadow:none!important}
@media(max-width:1020px){.menu{border:0;box-shadow:none;background:#fffaf2}.phero:not(:has(.vs-hero)) .pv-layout{grid-template-columns:1fr}.phero:not(:has(.vs-hero)) .pv-side{position:static}.vs-hero{grid-template-columns:1fr 70px 1fr}}
@media(max-width:700px){.nav-inner{height:76px}.logo:before{width:42px;height:42px;background-size:38px}.menu{border-radius:0}.phero:not(:has(.vs-hero)) .ptop{align-items:flex-start;padding:22px}.phero:not(:has(.vs-hero)) .ptop .biglogo-box{width:100px;height:100px}.phero:not(:has(.vs-hero)) .ptop:after{display:none}.phero:not(:has(.vs-hero)) .specs{grid-template-columns:1fr 1fr}.vs-hero{grid-template-columns:1fr;max-width:370px}.vsbig{margin:-6px auto}.cmp-row{grid-template-columns:110px 1fr 1fr}.tight-top .content-card:first-child{margin-top:-25px}}
@media(max-width:460px){.logo{font-size:.78rem}.logo small{font-size:.5rem}.phero:not(:has(.vs-hero)) .ptop{flex-direction:column}.phero:not(:has(.vs-hero)) .specs{grid-template-columns:1fr}.phero:not(:has(.vs-hero)) .pc-cols{grid-template-columns:1fr}.cmp-row{grid-template-columns:88px 1fr 1fr}.cl,.cv{font-size:.68rem;padding:10px 7px}}

/* Homepage spacing and exact keyword branding */
.hero#home{padding-top:34px}
.hero#home .hero-grid{align-items:center}
.logo{font-size:.84rem;line-height:1.15;letter-spacing:.025em}.logo small{white-space:nowrap}
@media(max-width:700px){.hero#home{padding-top:28px}}

/* Footer home-link scope: only icon and brand keyword are clickable. */
.ft-top{display:grid;grid-template-columns:max-content minmax(260px,420px);align-items:center;justify-content:space-between}
.ft-top .logo{display:inline-flex!important;width:fit-content!important;max-width:max-content!important;flex:0 0 auto;justify-self:start;position:relative;z-index:2;padding:0;margin:0}
.ft-top .logo:before{flex:0 0 48px}.ft-top .logo span{display:inline-block;width:auto;max-width:230px}.ft-top .ft-tag{width:100%;margin:0;justify-self:end}
@media(max-width:700px){.ft-top{grid-template-columns:1fr;gap:22px}.ft-top .ft-tag{justify-self:start}.ft-top .logo:before{flex-basis:42px}}

/* Footer menu hit areas: links exist only over arrow + visible words. */
.ft-cols>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ft-cols h5{width:auto;align-self:flex-start}
.ft-cols a{display:inline-flex!important;width:fit-content!important;max-width:100%!important;align-self:flex-start;flex:0 0 auto;padding:5px 0}
.ft-cols a .fa{flex:0 0 auto}


/* ============================================================
   BEST ROTATING PROXY — "Signal Atlas" visual system
   Light premium editorial/SaaS blend. Layout and functionality
   remain compatible with the provider and comparison database.
   ============================================================ */
:root{
  --bg:#F8FAFC;--bg-alt:#EEF4FF;--ink:#0F172A;--ink-soft:#334155;--muted:#64748B;
  --brand:#2563EB;--brand-l:#60A5FA;--brand-2:#F97316;--danger:#E11D48;--gold:#F59E0B;
  --char:#0F172A;--char-2:#020617;--card:#FFFFFF;--card-2:#F8FAFC;
  --line:#D8E2F0;--soft-line:#E6EDF6;--r:22px;
  --hs:0 24px 70px rgba(15,23,42,.10);--hs-sm:0 12px 34px rgba(15,23,42,.08);--hs-teal:0 18px 45px rgba(37,99,235,.16)
}
html{background:#F8FAFC;scroll-behavior:smooth}
body{font-family:Manrope,Arial,sans-serif;background:
  radial-gradient(circle at 7% 2%,rgba(37,99,235,.10),transparent 28rem),
  radial-gradient(circle at 94% 8%,rgba(249,115,22,.10),transparent 26rem),
  linear-gradient(180deg,#FBFDFF 0%,#F8FAFC 54%,#F4F7FB 100%);color:var(--ink)}
body::before{opacity:.35;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 68%)}
::selection{background:#DBEAFE;color:#1D4ED8}.wrap{max-width:1240px;padding-inline:30px}section{padding:92px 0}
section.alt{background:linear-gradient(180deg,#EEF4FF,#F8FAFC);border-block:1px solid #E2E8F0;box-shadow:none}

/* Header */
.nav{background:rgba(255,255,255,.88);border-bottom:1px solid #E2E8F0;box-shadow:0 8px 30px rgba(15,23,42,.045);backdrop-filter:blur(18px) saturate(150%)}
.nav-inner{height:78px}.logo{color:#0F172A;font-family:Space Grotesk,Manrope,sans-serif;font-weight:700;letter-spacing:.015em}
.logo small{color:#2563EB;letter-spacing:.22em}.logo svg{filter:drop-shadow(0 8px 12px rgba(37,99,235,.18))}
.menu{gap:3px}.menu>a{color:#475569;border:0;border-radius:12px;padding:10px 13px;font-weight:700}.menu>a:hover{background:#EFF6FF;color:#1D4ED8}.menu>a .mi{color:#2563EB}.burger{color:#0F172A}

/* Buttons */
.btn{background:linear-gradient(135deg,#2563EB,#0EA5E9);border:0;border-radius:13px;color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.22);font-weight:800;padding:13px 24px}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(37,99,235,.27);filter:saturate(1.08)}
.btn.ghost{background:#fff;color:#0F172A;border:1px solid #CBD5E1;box-shadow:0 8px 22px rgba(15,23,42,.06)}.btn.ghost:hover{background:#FFF7ED;border-color:#FDBA74;color:#C2410C}
.btn.onlight{background:linear-gradient(135deg,#F97316,#FB923C);color:#fff}.pill{background:#EFF6FF;border:1px solid #BFDBFE;color:#1D4ED8;box-shadow:none;letter-spacing:.06em}.pill.light{background:#FFF7ED;border-color:#FED7AA;color:#C2410C}

/* Hero */
.hero{padding:104px 0 78px;min-height:650px;overflow:hidden}.hero::before{width:470px;height:470px;right:-6%;top:4%;background:radial-gradient(circle,rgba(37,99,235,.13),transparent 68%)}.hero::after{width:380px;height:380px;left:-10%;bottom:-22%;background:radial-gradient(circle,rgba(249,115,22,.12),transparent 68%)}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:74px}.hero h1{font-family:Space Grotesk,Manrope,sans-serif;color:#0F172A;font-size:clamp(2.75rem,5.4vw,4.9rem);letter-spacing:-.052em;line-height:1.01}.hero h1 em{background:linear-gradient(100deg,#1D4ED8,#0EA5E9 55%,#F97316);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:#475569;font-size:1.08rem;line-height:1.82}.hero-cta{margin-top:34px}
.hero-art,.hero-3d{background:linear-gradient(145deg,#fff,#F8FAFC);border:1px solid #D8E2F0;border-radius:32px;box-shadow:0 36px 90px rgba(15,23,42,.14);padding:18px;transform:none}.hero-3d img,.hero-3d svg{filter:none}
.stat-band{gap:12px;margin-top:44px}.stat{background:#fff;border:1px solid #E2E8F0;border-radius:17px;box-shadow:0 10px 24px rgba(15,23,42,.055)}.stat b{color:#2563EB}.stat:nth-child(2) b{color:#F97316}.stat:nth-child(3) b{color:#0F766E}.stat:nth-child(4) b{color:#0F172A}.stat span{color:#64748B}
.marquee{background:#0F172A;color:#CBD5E1;border:0}.mq-track{letter-spacing:.17em}

/* Headings / shared surfaces */
.sec-head{max-width:760px}.sec-head h1,.sec-head h2,.page-hero h1,.ptop h1,.art h1{font-family:Space Grotesk,Manrope,sans-serif;color:#0F172A;letter-spacing:-.04em}.sec-head p,.page-hero .sub{color:#64748B}.page-hero{padding:80px 0 42px}.crumbs{color:#64748B}.crumbs a{color:#2563EB}
.tabs{border:1px solid #D8E2F0;border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.07);padding:5px}.tab,.tab:last-child{color:#64748B;background:transparent;border:0}.tab.active,.tab:nth-child(2).active,.tab:nth-child(3).active{background:#EFF6FF;color:#1D4ED8;box-shadow:inset 0 0 0 1px #BFDBFE}.tab small,.tab.active small{color:#64748B}

/* Provider cards */
.pgrid{gap:14px}.pcard{background:#fff;border:1px solid #DCE5F0;border-radius:21px;box-shadow:0 10px 28px rgba(15,23,42,.055);padding:18px 22px}.pcard:hover{transform:translateY(-4px);border-color:#93C5FD;background:#fff;box-shadow:0 22px 48px rgba(15,23,42,.11)}.pcard.sel{outline:2px solid #2563EB;outline-offset:2px}.rank-big{color:#CBD5E1;-webkit-text-stroke:0}.pc-logo{background:#fff;border:1px solid #E2E8F0;border-radius:19px;box-shadow:0 10px 22px rgba(15,23,42,.08)}.pc-main b{color:#0F172A}.pc-main small,.psub-line{color:#64748B}.chip{background:#EFF6FF;border:1px solid #BFDBFE;color:#1D4ED8}.chip.score{background:#FFF7ED;border-color:#FED7AA;color:#C2410C}.view{color:#2563EB}.dbtn{background:#F8FAFC;border:1px solid #CBD5E1;color:#475569;box-shadow:none}.dbtn:hover{background:#EFF6FF;color:#1D4ED8;border-color:#93C5FD}.offsite{color:#64748B}

/* Feature, checklist, guide and content cards */
.f,.check-item,.bcard,.content-card,.contact-card,.faq details,.art-cta,.pick-card,.pk,.slot,.result-card{background:#fff;border:1px solid #DCE5F0;box-shadow:0 12px 32px rgba(15,23,42,.065);border-radius:21px}.f:nth-child(odd),.f:nth-child(even){transform:none}.f:hover,.check-item:hover,.bcard:hover{transform:translateY(-5px);border-color:#93C5FD;box-shadow:0 24px 48px rgba(15,23,42,.10)}.f .em{background:#EFF6FF;border:1px solid #BFDBFE;color:#2563EB}.f:nth-child(3n+2) .em{background:#FFF7ED;border-color:#FED7AA;color:#F97316}.f:nth-child(3n) .em{background:#ECFDF5;border-color:#A7F3D0;color:#047857}.f h4,.check-item h4,.bbody h3,.content-card h2,.content-card h3{color:#0F172A}.f p,.check-item p,.bbody p,.content-card p{color:#64748B}.bthumb{background:#F1F5F9}.bthumb img{transition:transform .35s ease}.bcard:hover .bthumb img{transform:scale(1.025)}.bmeta{color:#64748B}
.tool-band{background:linear-gradient(135deg,#0F172A,#1E3A8A 68%,#0E7490);border:0;border-radius:28px;box-shadow:0 28px 70px rgba(15,23,42,.18)}.tool-band h2,.tool-band h3,.tool-band p,.tool-band label{color:#fff}.tool-in,.tool-band input,.tool-band select{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.55);color:#0F172A}.tool-out,.calc-out{color:#E0F2FE}.tr-cell{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15)}.tr-cell span{color:#BFDBFE}.tr-cell b{color:#fff}

/* Comparison pages */
.matchup,.match-card,.compare-hero,.vs-card{background:#fff;border:1px solid #DCE5F0;box-shadow:0 18px 48px rgba(15,23,42,.075);border-radius:24px}.vs{background:linear-gradient(135deg,#2563EB,#F97316);color:#fff;box-shadow:0 10px 25px rgba(37,99,235,.18)}.cmp-table,.spec-table{background:#fff;border-color:#DCE5F0}.cmp-table th,.spec-table th{background:#EFF6FF;color:#1E3A8A}.cmp-table td,.spec-table td{border-color:#E2E8F0;color:#334155}.verdict{background:linear-gradient(135deg,#EFF6FF,#FFF7ED);border:1px solid #BFDBFE;color:#334155}.verdict h3{color:#0F172A}.h-pro{color:#047857}.h-con{color:#BE123C}.pros li::marker{color:#10B981}.cons li::marker{color:#F43F5E}.rel-grid a{background:#F8FAFC;border:1px solid #DCE5F0;color:#0F172A}.rel-grid a:hover{background:#EFF6FF;border-color:#93C5FD}

/* Provider detail */
.ptop,.provider-hero{background:linear-gradient(180deg,#EFF6FF,#F8FAFC);border-bottom:1px solid #DBEAFE}.pbadge,.score-badge{background:#fff;border:1px solid #BFDBFE;color:#1D4ED8;box-shadow:0 8px 20px rgba(37,99,235,.08)}.fact,.metric,.spec{background:#fff;border:1px solid #DCE5F0;box-shadow:0 8px 24px rgba(15,23,42,.05)}

/* Articles */
.art{max-width:900px}.art p,.art li{color:#475569;line-height:1.85}.art h2{font-family:Space Grotesk,Manrope,sans-serif;color:#0F172A;letter-spacing:-.025em}.art-thumb{border-radius:28px;border:1px solid #DCE5F0;box-shadow:0 22px 50px rgba(15,23,42,.10);overflow:hidden}.art-cta{background:linear-gradient(135deg,#EFF6FF,#FFF7ED)}
.pagination{display:flex;justify-content:center;gap:10px;margin:46px 0 10px}.pagination a,.pagination span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid #CBD5E1;background:#fff;color:#334155;font-weight:800}.pagination a:hover{border-color:#93C5FD;color:#1D4ED8}.pagination .current{background:#2563EB;border-color:#2563EB;color:#fff}

/* Footer */
.ft{background:#0F172A;border-top:0;color:#94A3B8}.ft .logo{color:#fff}.ft .logo small{color:#60A5FA}.ft-tag{color:#94A3B8}.ft-cols h5{color:#fff}.ft-cols a{color:#CBD5E1}.ft-cols a:hover{color:#fff}.ft .fa{color:#60A5FA}.ft-bottom{border-color:#273449;color:#94A3B8}.ft-bottom a{color:#fff}.cbar{background:linear-gradient(90deg,#2563EB,#0EA5E9,#F97316)}.totop{background:#fff;color:#1D4ED8;border:1px solid #CBD5E1;box-shadow:0 12px 28px rgba(15,23,42,.13)}

/* Responsive */
@media(max-width:900px){.hero{padding-top:72px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-side{max-width:680px}.menu{background:#fff;border:1px solid #DCE5F0;box-shadow:0 24px 60px rgba(15,23,42,.14)}.menu>a{color:#334155}.wrap{padding-inline:20px}section{padding:72px 0}}
@media(max-width:600px){.hero h1{font-size:clamp(2.35rem,12vw,3.3rem)}.stat-band{grid-template-columns:1fr 1fr}.btn{width:100%;justify-content:center}.hero-cta{display:grid;gap:10px}.wrap{padding-inline:16px}section{padding:60px 0}.pcard{padding:16px}.pagination{margin-top:34px}}


/* === Provider Shortlist V2 === */
#tiers.shortlist-v2 .tabs{margin-bottom:30px}
#tiers.shortlist-v2 .pgrid.tabgrid[style*="display: grid"],
#tiers.shortlist-v2 .pgrid.tabgrid[style*="display:grid"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
#tiers.shortlist-v2 .pcard{min-height:178px!important;display:grid!important;grid-template-columns:58px 1fr auto!important;grid-template-areas:"logo main rank" "logo chips rank" "actions actions actions"!important;align-items:center!important;gap:8px 16px!important;padding:19px 20px!important;text-align:left!important;border:1px solid #D8E2F0!important;border-radius:20px!important;box-shadow:0 9px 28px rgba(15,23,42,.06)!important;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#F8FBFF 72%,#FFF7ED 150%)!important}
#tiers.shortlist-v2 .pcard:before{content:"";position:absolute;right:-42px;top:-48px;width:128px;height:128px;border-radius:999px;background:linear-gradient(135deg,rgba(37,99,235,.09),rgba(249,115,22,.08));z-index:0}
#tiers.shortlist-v2 .pcard>*{position:relative;z-index:1}
#tiers.shortlist-v2 .pcard:hover{transform:translateY(-3px)!important;border-color:#93C5FD!important;box-shadow:0 18px 42px rgba(37,99,235,.11)!important}
#tiers.shortlist-v2 .rank-big{grid-area:rank!important;position:static!important;align-self:start!important;justify-self:end!important;font-size:.78rem!important;line-height:1!important;letter-spacing:.08em!important;color:#1D4ED8!important;background:#EFF6FF!important;border:1px solid #BFDBFE!important;border-radius:999px!important;padding:7px 9px!important}
#tiers.shortlist-v2 .pc-logo{grid-area:logo!important;width:58px!important;height:58px!important;border-radius:15px!important;box-shadow:none!important}
#tiers.shortlist-v2 .pc-logo .lchip,#tiers.shortlist-v2 .pc-logo .mlogo{width:50px!important;height:50px!important;border-radius:11px!important}
#tiers.shortlist-v2 .pc-main{grid-area:main!important;width:auto!important;text-align:left!important}
#tiers.shortlist-v2 .pc-main b{font-size:1.15rem!important;color:#0F172A!important}
#tiers.shortlist-v2 .pc-main small{font-size:.82rem!important;color:#64748B!important;margin-top:3px}
#tiers.shortlist-v2 .chiprow{grid-area:chips!important;justify-content:flex-start!important;width:auto!important;min-height:0!important}
#tiers.shortlist-v2 .chip{padding:4px 9px!important;font-size:.69rem!important}
#tiers.shortlist-v2 .pc-stars{display:none!important}
#tiers.shortlist-v2 .pc-actions{grid-area:actions!important;width:100%!important;margin:10px 0 0!important;padding-top:12px!important;border-top:1px solid #E7EDF5!important;display:grid!important;grid-template-columns:36px 1fr auto!important;gap:9px!important;align-items:center!important;align-self:auto!important}
#tiers.shortlist-v2 .dbtn{width:36px!important;height:36px!important}
#tiers.shortlist-v2 .view{height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;background:#0F172A!important;color:#fff!important;font-size:.81rem!important;font-weight:800!important}
#tiers.shortlist-v2 .offsite{grid-column:auto!important;padding:0!important;white-space:nowrap!important;font-size:.76rem!important}
@media(max-width:900px){#tiers.shortlist-v2 .pgrid.tabgrid[style*="display: grid"],#tiers.shortlist-v2 .pgrid.tabgrid[style*="display:grid"]{grid-template-columns:1fr!important}}
@media(max-width:600px){#tiers.shortlist-v2 .pcard{min-height:0!important;grid-template-columns:52px 1fr auto!important;padding:15px!important;gap:7px 12px!important}#tiers.shortlist-v2 .pc-logo{width:52px!important;height:52px!important}#tiers.shortlist-v2 .pc-logo .lchip,#tiers.shortlist-v2 .pc-logo .mlogo{width:44px!important;height:44px!important}#tiers.shortlist-v2 .pc-actions{grid-template-columns:36px 1fr!important}#tiers.shortlist-v2 .offsite{grid-column:1/-1!important;justify-content:center!important;padding-top:2px!important}}


/* ============================================================
   ACCESSIBILITY POLISH — contrast, readability & spacing
   Final layer. Because several full redesigns are stacked in this
   file, later layers sometimes recoloured text without recolouring
   the surface behind it (or vice versa), leaving copy that is
   invisible or low-contrast. This layer repairs those pairs and a
   few spacing / pointer-target defects. Layout, typography and the
   visual identity are otherwise left exactly as they were.
   ============================================================ */

/* ---------- 1. Text rendered invisible by layer collisions ---------- */

/* Provider grid CTA: the card layer paints a solid coloured button, a
   later layer reset the label to blue -> blue-on-purple/pink/green. */
.pc-actions .view{color:#fff}
.pcard:nth-child(3n+2) .view{background:#E4002E}
.pcard:nth-child(3n) .view{background:#00795C}

/* Rank badge was #CBD5E1 on a near-white pill (1.3:1). */
.pcard .rank-big{color:#4A6180}

/* Comparison table head: the cell tint painted over the dark header
   row, leaving white label text on near-white (1.1:1). */
.cmp-row.hdr .cl{background:transparent}

/* Verdict panel: light on comparison/guide pages, dark gradient on
   provider pages — one body-copy colour cannot serve both. */
.verdict p,.verdict li,.verdict b,.verdict i{color:#334155}
.verdict a{color:#1D4ED8}
.phero:not(:has(.vs-hero)) .verdict{background:linear-gradient(130deg,#CE2E4C,#6838DC)}
.phero:not(:has(.vs-hero)) .verdict h3{color:#fff}
.phero:not(:has(.vs-hero)) .verdict p,
.phero:not(:has(.vs-hero)) .verdict li,
.phero:not(:has(.vs-hero)) .verdict b,
.phero:not(:has(.vs-hero)) .verdict i{color:#fff}
.phero:not(:has(.vs-hero)) .verdict a{color:#FFF4D6}

/* Brand chip: light-blue label on the chip's light lilac fill (2.1:1). */
.logo small{color:#1D4ED8}
.ft .logo small,.footer .logo small{color:#1D4ED8}

/* Bandwidth-estimator note sat mid-grey on the dark tool band. */
.calc-out small{color:#E0F2FE}

/* ---------- 2. Contrast lifts for marginal copy (were 3.9–4.5:1) ---------- */
.sec-head p,.page-hero .sub,
.f p,.check-item p,.bbody p,.content-card p,
.pc-main small,.psub-line,.bmeta,.offsite,
.stat span,.tab small,.tab.active small,
.stars .sc,.side-note,.stepnote,.pk-t small{color:#5C6B80}
.radar-card p{color:#6B6478}
.phero:not(:has(.vs-hero)) .qf span{color:#6B6478}
.crumbs a{color:#1D4ED8}
.pc-cols h4,.h-pro,.pros h4,.cons h4{color:#06755A}
.h-con{color:#D42B4C!important}   /* origin rule is !important */
.badge.tf{color:#00795C}
.badge.tp{color:#C4213F}   /* .tb already clears at 5.7:1 */

/* Star ratings were 1.9–2.2:1 on light cards; they stay gold on the
   dark provider masthead, where the light value is already correct. */
.stars,.stars.big{color:#8E5B05}
.phero:not(:has(.vs-hero)) .psub .stars{color:#FBBF24}

/* ---------- 3. Controls: white labels need a deeper fill ---------- */
.btn{background:linear-gradient(135deg,#2563EB,#0A76A6)}
.btn.onlight{background:linear-gradient(135deg,#C2540A,#AE4A05)}
/* the second CTA is tinted green by an earlier layer; it lands on both
   solid and ghost buttons, so set the label here rather than inherit. */
.mcta .btn:nth-child(2){background:#00795C;color:#fff;border-color:transparent}
.radar-card:nth-child(2) .radar-mark{background:#00795C}
/* disabled state was a 45%-faded gradient (white label at 1.7:1) */
.btn[disabled]{opacity:1;background:#64748B;box-shadow:none;color:#fff}

/* ---------- 4. Spacing & rhythm ---------- */
.hero h1{line-height:1.06}          /* 1.01 clipped descenders */
.check-item h4{margin-bottom:8px}   /* only 4px separated it from its copy */

/* ---------- 5. Pointer targets (were 20–27px) ---------- */
.crumbs a{padding-block:3px}
.offsite{min-height:24px}
@media(max-width:720px){
  .burger{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;margin-right:-8px}
}

/* ---------- 6. "Editor's pick" ribbon overlapped copy on phones ----------
   The rotated corner ribbon clears the text at desktop widths but sweeps
   across the first line once the banner narrows. It is decorative — the
   banner already reads "Our pick: <provider>" — so it is dropped below
   700px rather than squeezing the copy into an unreadable column. */
@media(max-width:700px){
  .win-banner:after{display:none}
}