
:root{--bg:#07101d;--card:#111d31;--card2:#0d182a;--text:#eef4ff;--muted:#bfd0e9;--line:#223654;--brand:#1f6feb;--accent:#18c964;--accent2:#10b95a;--shadow:0 14px 34px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,var(--bg),#091322 46%,#070f1b);color:var(--text);line-height:1.65}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:0 auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(7,16,29,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}
.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:var(--shadow)}
.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{color:var(--muted);font-weight:700;font-size:.95rem}.nav-links a:hover,.nav-links a.active{color:#fff}
.burger{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:10px;padding:10px 12px}.mobile-nav{display:none;padding:0 0 14px}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:11px 0;border-top:1px solid rgba(255,255,255,.05);color:var(--muted);font-weight:700}
.hero{padding:60px 0 24px}.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:24px;align-items:center}
.kicker{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#d7e8ff;font-size:.92rem;margin-bottom:16px}
h1{font-size:clamp(2rem,4.8vw,3.7rem);line-height:1.08;margin:.1em 0 .3em}h2{font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.15;margin:0 0 .7em}h3{font-size:1.08rem;line-height:1.24;margin:0 0 .5em}
p{margin:.75em 0;color:var(--muted)}.lead{font-size:1.08rem;color:#e6f0ff}.panel{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:var(--shadow)}.hero-panel{padding:22px}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.metric{padding:16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.metric strong{display:block;font-size:1.35rem;color:#fff}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:14px;font-weight:800;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061109}.btn.secondary{background:rgba(255,255,255,.03);border-color:var(--line);color:#fff}
.section{padding:38px 0}.section-tight{padding:22px 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:linear-gradient(180deg,var(--card),#0d1829);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.brandmark{background:transparent!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;border-radius:0!important;padding:0!important;display:inline-block!important;font-size:1.85rem!important;line-height:1!important}.rating{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);font-size:.86rem;color:#dce8ff;white-space:nowrap}
.badges,.ctas{display:flex;flex-wrap:wrap;gap:9px}.badge{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#dce8ff;font-size:.82rem}
.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bonus-box{padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.bonus-box small{display:block;color:#b8cae6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.bonus-box strong{display:block;font-size:1rem;line-height:1.26;color:#fff}
.table-wrap{overflow:auto;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,var(--card),var(--card2));box-shadow:var(--shadow)}table{width:100%;min-width:980px;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}th{background:rgba(255,255,255,.03);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#c0d4ef}
.copy-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.copy-block{padding:24px}.sidebar{padding:20px}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--muted)}.list-clean li strong{color:#fff}
.breadcrumbs{padding:18px 0 0;color:#c3d5ef;font-size:.93rem}.breadcrumbs a{color:#e6f0ff}.faq details{padding:16px 0;border-top:1px solid rgba(255,255,255,.06)}.faq summary{cursor:pointer;font-weight:800}
.footer{padding:42px 0 24px;border-top:1px solid rgba(255,255,255,.06);margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer a{color:#d6e3f8}.copyright{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#afc0da;font-size:.92rem}
.center{text-align:center}.mobile-compare{display:none}
@media (max-width:980px){.nav-links{display:none}.burger{display:inline-flex}.hero-grid,.copy-layout,.footer-grid,.grid-3,.grid-2{grid-template-columns:1fr}.hero{padding-top:42px}}
@media (max-width:640px){.container{width:min(94%,100%)}.actions .btn,.ctas .btn{width:100%}.bonus-grid{grid-template-columns:1fr}table{display:none}.mobile-compare{display:grid;gap:14px;padding:14px}.copyright{font-size:.85rem}}

.top-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pick-box{padding:22px}
.pick-box h3{margin-bottom:8px}
.rank-list{display:grid;gap:10px}
.rank-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);border-radius:14px}
.rank-item strong{font-size:.95rem}
.note-strip{padding:14px 16px;border-radius:16px;background:rgba(24,201,100,.08);border:1px solid rgba(24,201,100,.16);color:#dff7ea}
.review-flags{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}
.flag{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.flag strong{display:block;color:#fff;margin-bottom:6px}
.mini-cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mini-cta{padding:18px}
.mini-cta p{margin:.35em 0}
@media (max-width:980px){.top-picks,.mini-cta-grid{grid-template-columns:1fr}}
@media (max-width:640px){.review-flags{grid-template-columns:1fr}}


.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.profile-card{padding:20px;border-radius:20px;background:linear-gradient(180deg,var(--card),#0c1728);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.profile-card strong{display:block;font-size:1.1rem;margin-bottom:6px}
.signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}
.signal{padding:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.signal strong{display:block;color:#fff;margin-bottom:6px}
.compare-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.compare-links a{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#dce8ff;font-weight:700;font-size:.88rem}
@media (max-width:980px){.profile-grid,.signal-grid{grid-template-columns:1fr}}

.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-box{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.brand-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.brand-links a{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:.85rem;color:#dce8ff}.editorial-point,.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fit-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.compare-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.compare-links a{font-weight:700;color:#d8e7ff}.section-note{margin-top:14px;padding:14px 16px;border-left:3px solid var(--accent);background:rgba(255,255,255,.03);border-radius:0 14px 14px 0}.top8-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.top8-item{padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07)}
@media (max-width:980px){.trust-grid,.top8-grid,.editorial-point,.fit-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.trust-grid,.top8-grid,.editorial-point,.fit-grid{grid-template-columns:1fr}}

.hero-note{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);margin-top:16px;color:#d9e7fb}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.signal{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}.signal strong{display:block;color:#fff;margin-bottom:6px}.compare-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.compare-links a{padding:9px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#e8f1ff;font-size:.86rem}.editorial-flag{display:inline-block;padding:8px 10px;border-radius:999px;background:rgba(24,201,100,.12);border:1px solid rgba(24,201,100,.24);color:#d7ffe8;font-size:.82rem;font-weight:700}.mini-list{display:grid;gap:10px}.mini-list div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
@media (max-width:980px){.signal-grid{grid-template-columns:1fr}}

.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.info-item{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.info-item strong{display:block;color:#fff;margin-bottom:4px}
.top6-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mini-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,#12203a,#0d182a);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.mini-card p{margin:.45em 0 0}
.route-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.route-box{padding:18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.route-box strong{display:block;color:#fff;margin-bottom:6px}
.review-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}
.quick-box{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.quick-box strong{display:block;color:#fff;margin-bottom:4px}
.compare-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.compare-links a{display:block;padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-weight:700;color:#eaf2ff}
.section-note{padding:18px;border-radius:18px;background:rgba(24,201,100,.08);border:1px solid rgba(24,201,100,.22);color:#dff6ea}
@media (max-width:980px){.info-strip,.top6-grid,.route-list,.review-quick,.compare-links{grid-template-columns:1fr}}


/* v8 polish */
.hero-note{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:#d7e6fb}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.trust-item{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}
.editorial-box{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02))}
.compare-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.compare-links a{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#dfeaff;font-weight:700}
.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mini-kpi{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.note-list{list-style:none;padding:0;margin:0}
.note-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--muted)}
@media (max-width:780px){.trust-strip,.mini-grid{grid-template-columns:1fr}}

/* v10 cleanup */
.brandmark{font-size:1.08rem}
.triple-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.triple-cta .btn{width:100%}
.review-cta-strip{margin-top:18px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}
.review-cta-strip p{margin:.35em 0 .9em}
@media (max-width:780px){.triple-cta{grid-template-columns:1fr}}

/* v11 footer/fav polish */
.footer{padding:54px 0 26px;border-top:1px solid rgba(255,255,255,.08);margin-top:48px;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))}
.footer-grid{grid-template-columns:1.3fr .85fr .85fr;gap:28px}
.footer h3{font-size:1rem;margin-bottom:.65em}
.footer p{font-size:.97rem}
.footer .list-clean li{padding:10px 0}
.footer-brandline{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-weight:800}
.footer-note{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);margin-top:14px}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
.footer-micro{font-size:.86rem;color:#aebfda;line-height:1.55}
@media (max-width:780px){.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start}}


/* v13 breathing + review flag cleanup */
.sidebar .brandmark{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  padding:0 !important;
  display:inline-block !important;
  font-size:1.9rem !important;
  line-height:1 !important;
}
.sidebar .card-head{
  align-items:center !important;
  margin-bottom:8px;
}
.review-cta-strip{
  margin-top:28px !important;
  padding:24px 22px !important;
}
.compare-links{
  gap:12px !important;
  margin-top:18px !important;
}
.compare-links a{
  padding:12px 14px !important;
}
@media (max-width:780px){
  .panel{border-radius:24px !important;}
  .copy-block,
  .sidebar{
    padding:26px 22px !important;
  }
  .copy-block p,
  .sidebar p{
    margin:1em 0 !important;
    line-height:1.72 !important;
  }
  .copy-block h1,
  .copy-block h2,
  .sidebar h2,
  .sidebar h3{
    margin-bottom:16px !important;
  }
  .bonus-grid{
    gap:16px !important;
  }
  .bonus-box,
  .mini-kpi{
    padding:18px !important;
    border-radius:18px !important;
  }
  .list-clean li,
  .note-list li{
    padding:14px 0 !important;
  }
  .triple-cta{
    gap:14px !important;
    margin-top:18px !important;
  }
  .triple-cta .btn{
    padding:16px 18px !important;
    border-radius:16px !important;
  }
  .review-cta-strip{
    padding:26px 22px !important;
  }
  .compare-links{
    margin-top:20px !important;
  }
}

.review-top-cta{margin:18px 0 20px}

/* v17 coherence */
.brandmark{background:transparent!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;border-radius:0!important;padding:0!important;display:inline-block!important;font-size:1.55rem!important;line-height:1!important;color:inherit!important}
.card-head{align-items:center!important}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.info-box{padding:16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.compare-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.compare-links a{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#dfeaff;font-weight:700}
.review-top-cta{margin:16px 0 18px}
.triple-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.triple-cta .btn{width:100%}
.review-cta-strip{margin-top:22px;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}
.table-compact td,.table-compact th{padding:12px 14px}
@media (max-width:780px){.triple-cta,.info-grid{grid-template-columns:1fr}.copy-block,.sidebar{padding:26px 22px!important}.panel{border-radius:24px!important}.copy-block p,.sidebar p{line-height:1.72!important}}


/* v18 editorial cleanup */
.brandmark{background:none!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;border-radius:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:1.35rem!important;line-height:1!important}
.card-head{align-items:center!important}
.card{gap:14px}
.card p{margin:.55em 0}
.category-intro{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;margin-top:24px}
.category-note{padding:22px}
.category-note ul{margin:0;padding-left:18px;color:var(--muted)}
.category-note li{margin:.55em 0}
.review-top-cta{margin:18px 0 20px}
.compare-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.compare-links a{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#dfeaff;font-weight:700}
.triple-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.triple-cta .btn{width:100%}
.review-cta-strip{margin-top:28px;padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}
.review-cta-strip p{margin:.45em 0 .95em}
@media (max-width:980px){.category-intro{grid-template-columns:1fr}}
@media (max-width:780px){.triple-cta{grid-template-columns:1fr}}

/* v20 polish */
.card p{line-height:1.62}
.card .bonus-box strong{font-size:1.02rem}
