:root{
  --bg:#0a0f15;
  --bg-2:#101823;
  --bg-3:#0d141d;
  --panel:rgba(255,255,255,.055);
  --panel-2:rgba(255,255,255,.075);
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.16);

  --text:#f5f7fb;
  --muted:#b8c1cd;
  --muted-2:#8e98a7;

  --gold:#d8b56d;
  --gold-2:#ecd39a;
  --gold-soft:rgba(216,181,109,.14);
  --gold-line:rgba(216,181,109,.28);

  --blue:#7dc9ff;
  --blue-soft:rgba(125,201,255,.14);

  --green:#9edb98;
  --green-soft:rgba(158,219,152,.14);

  --danger:#ff8e8e;

  --radius:20px;
  --radius-lg:28px;
  --shadow-lg:0 28px 70px rgba(0,0,0,.42);
  --shadow-md:0 14px 34px rgba(0,0,0,.30);

  --wrap:min(1180px, calc(100% - 32px));
  --wrap-narrow:min(860px, calc(100% - 32px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at top left, rgba(125,201,255,.10), transparent 30%),
    radial-gradient(circle at top right, rgba(216,181,109,.10), transparent 28%),
    linear-gradient(180deg, #091018 0%, #0d141d 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:var(--wrap);margin:0 auto}
.wrap-narrow{width:var(--wrap-narrow);margin:0 auto}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  backdrop-filter:blur(14px);
  background:rgba(8,12,18,.72);
  border-bottom:1px solid var(--line);
}
.nav{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  letter-spacing:.2px;
  font-size:1.08rem;
}
.brand-mark{
  width:12px;
  height:12px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));
  box-shadow:0 0 0 6px rgba(216,181,109,.10);
}
.nav nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px;
}
.nav nav a{
  color:var(--muted);
  font-weight:600;
}
.nav nav a:hover{color:var(--text)}

.hero{
  padding:78px 0 48px;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:center;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--gold-line);
  background:var(--gold-soft);
  color:var(--gold-2);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.02em;
  margin:0 0 16px;
}
.hero h1,
.page-hero h1,
.content h1{
  margin:0 0 16px;
  line-height:1.05;
  letter-spacing:-.03em;
  color:#fff;
}
.hero h1{font-size:clamp(2.25rem,5vw,4.5rem)}
.page-hero h1,
.content h1{font-size:clamp(2rem,4vw,3.4rem)}
h2{
  margin:0 0 14px;
  line-height:1.12;
  letter-spacing:-.02em;
  font-size:clamp(1.45rem,2.6vw,2.3rem);
}
h3{
  margin:0 0 10px;
  line-height:1.2;
  font-size:1.14rem;
}
.lede{
  color:var(--muted);
  font-size:1.06rem;
  max-width:760px;
}
.section{
  padding:34px 0;
}
.section-lg{
  padding:54px 0;
}
.section-tight{
  padding:18px 0;
}

.hero-card,
.card,
.banner,
.cta-box,
.affiliate-box,
.compare-box,
.notice-box,
.stat-box{
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-md);
}

.hero-card{
  padding:24px;
}
.hero-card h2{
  font-size:1.35rem;
  margin-bottom:10px;
}
.stack-links{
  list-style:none;
  padding:0;
  margin:0;
}
.stack-links li+li{margin-top:12px}
.stack-links a{
  display:block;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:var(--text);
  font-weight:700;
}
.stack-links a:hover{
  border-color:var(--gold-line);
  background:rgba(216,181,109,.08);
}

.cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.cards-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.card{
  padding:22px;
}
.card p:last-child{margin-bottom:0}
.card p{color:var(--muted)}

.cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:26px 0 18px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid var(--line);
  font-weight:800;
  box-shadow:var(--shadow-md);
  transition:transform .16s ease, border-color .16s ease, opacity .16s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  color:#111;
  border-color:transparent;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));
}
.btn-secondary{
  color:var(--text);
  background:rgba(255,255,255,.05);
}
.btn-blue{
  color:#07131d;
  border-color:transparent;
  background:linear-gradient(180deg,#b8e5ff,var(--blue));
}
.btn-green{
  color:#0b140c;
  border-color:transparent;
  background:linear-gradient(180deg,#d1efcc,var(--green));
}

.trust-list{
  margin:14px 0 0;
  padding-left:18px;
  color:var(--muted);
}

.page-hero{
  padding:54px 0 18px;
}
.content{
  padding:8px 0 40px;
}
.content .wrap-narrow > * + *{
  margin-top:20px;
}
.content p{
  color:var(--muted);
}
.content ul,
.content ol{
  color:var(--muted);
  padding-left:22px;
}
.content li + li{
  margin-top:8px;
}

.content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  align-items:start;
}
.sidebar{
  position:sticky;
  top:92px;
}
.sidebar > * + *{
  margin-top:18px;
}

.cta-box,
.affiliate-box,
.compare-box,
.notice-box{
  padding:22px;
}
.affiliate-box{
  border-color:var(--gold-line);
  background:
    linear-gradient(180deg, rgba(216,181,109,.10), rgba(255,255,255,.05));
}
.affiliate-box h3,
.compare-box h3,
.notice-box h3,
.cta-box h3{
  margin-bottom:8px;
}
.affiliate-meta{
  margin:12px 0 0;
  color:var(--muted-2);
  font-size:.95rem;
}
.badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 0;
}
.badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.05);
  color:var(--text);
  font-size:.82rem;
  font-weight:700;
}

.compare-list{
  display:grid;
  gap:14px;
}
.compare-item{
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.compare-item p:last-child{margin-bottom:0}

.notice-box{
  border-color:rgba(125,201,255,.25);
  background:linear-gradient(180deg, rgba(125,201,255,.10), rgba(255,255,255,.05));
}

.banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px;
}
.site-footer{
  padding:46px 0 60px;
  color:var(--muted);
}
.footer-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  border-top:1px solid var(--line);
  padding-top:26px;
}
.footer-grid a{
  color:var(--muted);
}
.footer-grid a:hover{
  color:var(--text);
}

.ad-media{
  margin:14px 0 0;
}
.ad-media img{
  border-radius:18px;
  width:auto;
  max-width:100%;
  height:auto;
}

.kicker-link{
  color:var(--gold-2);
  font-weight:800;
}

.hr{
  height:1px;
  background:var(--line);
  border:0;
  margin:26px 0;
}

@media (max-width: 1080px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .cards-3{grid-template-columns:1fr}
  .content-grid{grid-template-columns:1fr}
  .sidebar{position:static}
}
@media (max-width: 860px){
  .hero-grid{grid-template-columns:1fr}
  .banner,
  .footer-grid{
    grid-template-columns:1fr;
    display:grid;
  }
}
@media (max-width: 680px){
  .nav{
    align-items:flex-start;
    padding:12px 0;
  }
  .nav nav{
    gap:12px;
  }
  .cards{
    grid-template-columns:1fr;
  }
  .hero{
    padding:54px 0 34px;
  }
}

.page-hero-image{
  margin-top:22px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--line);
  box-shadow:var(--shadow-lg);
  background:rgba(255,255,255,.03);
}
.page-hero-image img{
  width:100%;
  height:auto;
  display:block;
}

.compare-table-wrap{
  margin-top:22px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.compare-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}
.compare-table th,
.compare-table td{
  padding:16px 18px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.08);
  vertical-align:top;
}
.compare-table th{
  color:#fff;
  font-size:.95rem;
  background:rgba(255,255,255,.04);
}
.compare-table td{
  color:var(--muted);
}
.compare-table tr:last-child td{
  border-bottom:0;
}

.form-card{
  padding:24px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.form-grid .full{
  grid-column:1 / -1;
}
label{
  display:block;
  margin:0 0 8px;
  font-weight:700;
  color:#fff;
}
input,
select,
textarea{
  width:100%;
  min-height:50px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:var(--text);
  font:inherit;
}
textarea{
  min-height:140px;
  resize:vertical;
}
input::placeholder,
textarea::placeholder{
  color:var(--muted-2);
}
.form-note{
  margin-top:12px;
  color:var(--muted-2);
  font-size:.95rem;
}
@media (max-width: 760px){
  .form-grid{
    grid-template-columns:1fr;
  }
}

.alert{
  padding:16px 18px;
  border-radius:16px;
  border:1px solid var(--line);
  margin-bottom:18px;
  box-shadow:var(--shadow-md);
}
.alert strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
}
.alert-success{
  background:linear-gradient(180deg, rgba(158,219,152,.16), rgba(255,255,255,.04));
  border-color:rgba(158,219,152,.35);
}
.alert-error{
  background:linear-gradient(180deg, rgba(255,142,142,.14), rgba(255,255,255,.04));
  border-color:rgba(255,142,142,.34);
}
.alert-info{
  background:linear-gradient(180deg, rgba(125,201,255,.14), rgba(255,255,255,.04));
  border-color:rgba(125,201,255,.30);
}
.hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.hero-split{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  align-items:start;
}
.copy-list{
  margin:16px 0 0;
  padding-left:20px;
  color:var(--muted);
}
.kpi-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:22px;
}
.kpi{
  padding:18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.kpi strong{
  display:block;
  font-size:1.5rem;
  color:#fff;
  margin-bottom:6px;
}
.section-intro{
  max-width:820px;
  color:var(--muted);
  margin:0 0 18px;
}
.content-callout{
  padding:20px;
  border-radius:18px;
  border:1px solid var(--gold-line);
  background:linear-gradient(180deg, rgba(216,181,109,.10), rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}
.check-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.check-card{
  padding:18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}
.check-card ul{
  margin:10px 0 0;
  padding-left:20px;
}
.cta-inline{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.quote-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.quote-grid .full{
  grid-column:1 / -1;
}
small.muted{
  color:var(--muted-2);
}
.legal-note{
  font-size:.92rem;
  color:var(--muted-2);
  line-height:1.6;
}
@media (max-width: 980px){
  .hero-split,.kpi-row,.check-grid,.quote-grid{
    grid-template-columns:1fr;
  }
}

.provider-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.provider-box{
  padding:22px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.provider-box h3{
  margin-bottom:8px;
}
.provider-box ul{
  margin:10px 0 0;
  padding-left:20px;
  color:var(--muted);
}
.provider-tag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--gold-line);
  background:var(--gold-soft);
  color:var(--gold-2);
  font-size:.82rem;
  font-weight:700;
  margin-bottom:12px;
}
.mini-cta{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.feature-list{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.feature-item{
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.feature-item strong{
  display:block;
  margin-bottom:4px;
  color:#fff;
}
.internal-links{
  padding:22px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.internal-links ul{
  margin:12px 0 0;
  padding-left:20px;
}
.internal-links li + li{
  margin-top:10px;
}
@media (max-width: 980px){
  .provider-grid{
    grid-template-columns:1fr;
  }
}

.faq-list{
  display:grid;
  gap:14px;
  margin-top:18px;
}
.faq-item{
  padding:18px 20px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.faq-item h3{
  margin-bottom:8px;
}
.best-for-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:18px;
}
.best-for-card{
  padding:20px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.best-for-card strong{
  display:block;
  font-size:1rem;
  color:#fff;
  margin-bottom:8px;
}
.comparison-note{
  margin-top:18px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:var(--muted);
}
@media (max-width: 980px){
  .best-for-grid{
    grid-template-columns:1fr;
  }
}

.breadcrumbs{
  font-size:.95rem;
  color:var(--muted);
  margin-bottom:18px;
}
.breadcrumbs a{
  color:var(--muted);
  text-decoration:none;
}
.breadcrumbs a:hover{
  color:#fff;
}
.article-intro{
  font-size:1.04rem;
  line-height:1.8;
  color:var(--muted);
  margin:0 0 20px;
}
.related-posts{
  margin-top:28px;
  padding:22px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.related-posts ul{
  margin:12px 0 0;
  padding-left:20px;
}
.related-posts li + li{
  margin-top:10px;
}
.money-compare{
  margin-top:20px;
}
.money-compare .compare-table td,
.money-compare .compare-table th{
  vertical-align:top;
}
.money-callout{
  margin-top:20px;
  padding:20px;
  border-radius:18px;
  border:1px solid var(--gold-line);
  background:linear-gradient(180deg, rgba(216,181,109,.10), rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}

.quote-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.quote-grid .full{
  grid-column:1 / -1;
}
.quote-grid input,
.quote-grid textarea,
.quote-grid select{
  width:100%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
  border-radius:14px;
  padding:14px 16px;
  outline:none;
}
.quote-grid textarea{
  min-height:140px;
  resize:vertical;
}
.quote-grid label{
  display:block;
  margin-bottom:8px;
  font-weight:600;
}
.alert{
  margin-bottom:18px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
}
.alert-success{
  background:rgba(40,167,69,.14);
  border-color:rgba(40,167,69,.35);
}
.alert-error{
  background:rgba(220,53,69,.14);
  border-color:rgba(220,53,69,.35);
}
.legal-note{
  margin-top:14px;
  color:var(--muted);
  font-size:.96rem;
  line-height:1.7;
}
.info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:18px;
}
.info-card{
  padding:20px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.info-card h3{
  margin-bottom:10px;
}
.quote-why{
  margin-top:24px;
}
.quote-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:18px;
}
.quote-step{
  padding:20px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.quote-step strong{
  display:block;
  color:#fff;
  margin-bottom:8px;
}
.hp-field{
  position:absolute !important;
  left:-9999px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
@media (max-width:980px){
  .quote-grid,
  .info-grid,
  .quote-steps{
    grid-template-columns:1fr;
  }
}

.money-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:18px;
}
.money-card{
  padding:22px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.money-card h3{
  margin-bottom:10px;
}
.cta-box{
  margin-top:24px;
  padding:24px;
  border-radius:22px;
  border:1px solid var(--gold-line);
  background:linear-gradient(180deg,rgba(214,179,106,.10),rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}
.cta-box h3{
  margin-bottom:10px;
}
.disclosure-note{
  margin-top:12px;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.7;
}
.compare-mini{
  margin-top:20px;
  overflow:auto;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.compare-mini table{
  width:100%;
  border-collapse:collapse;
  min-width:700px;
}
.compare-mini th,
.compare-mini td{
  padding:14px 16px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.compare-mini th{
  color:#fff;
  background:rgba(255,255,255,.04);
}
@media (max-width:980px){
  .money-grid{
    grid-template-columns:1fr;
  }
}

.home-route-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:18px;
}
.home-route-card{
  padding:22px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.home-route-card h3{
  margin-bottom:10px;
}
.home-route-card .cta-row{
  margin-top:14px;
}
.home-lead-banner{
  margin-top:22px;
  padding:24px;
  border-radius:24px;
  border:1px solid var(--gold-line);
  background:linear-gradient(180deg,rgba(214,179,106,.10),rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}
.home-lead-banner h2{
  margin-bottom:10px;
}
.home-lead-banner p{
  margin-bottom:12px;
}
@media (max-width:1100px){
  .home-route-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:700px){
  .home-route-grid{
    grid-template-columns:1fr;
  }
}

.related-rail{
  margin-top:24px;
  padding:22px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.related-rail h3{
  margin-bottom:10px;
}
.related-rail ul{
  margin:0;
  padding-left:18px;
}
.related-rail li{
  margin:10px 0;
}

.lead-hero-points{
  margin:18px 0 0;
  padding-left:18px;
}
.lead-hero-points li{
  margin:10px 0;
}
.lead-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:22px;
}
.lead-trust-card{
  padding:18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.lead-trust-card h3{
  margin-bottom:8px;
}
.lead-next{
  margin-top:22px;
  padding:22px;
  border-radius:22px;
  border:1px solid var(--gold-line);
  background:linear-gradient(180deg,rgba(214,179,106,.10),rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}
.lead-next h2{
  margin-bottom:10px;
}
.lead-mini-note{
  margin-top:12px;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.7;
}
@media (max-width:980px){
  .lead-trust-grid{
    grid-template-columns:1fr;
  }
}

.email-capture-box{
  margin-top:24px;
  padding:24px;
  border-radius:24px;
  border:1px solid var(--gold-line);
  background:linear-gradient(180deg,rgba(214,179,106,.10),rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}
.email-capture-box h3{
  margin-bottom:10px;
}
.email-capture-box p{
  margin-bottom:12px;
}
.email-capture-box .cta-row{
  margin-top:12px;
}

.pack-value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:22px;
}
.pack-value-card{
  padding:20px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.pack-value-card h3{
  margin-bottom:8px;
}
.pack-route-box{
  margin-top:24px;
  padding:24px;
  border-radius:24px;
  border:1px solid var(--gold-line);
  background:linear-gradient(180deg,rgba(214,179,106,.10),rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}
@media (max-width:980px){
  .pack-value-grid{
    grid-template-columns:1fr;
  }
}

.local-intent-box{
  margin-top:24px;
  padding:24px;
  border-radius:24px;
  border:1px solid var(--gold-line);
  background:linear-gradient(180deg,rgba(214,179,106,.10),rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}
.local-intent-box h3{
  margin-bottom:10px;
}
.local-intent-box p{
  margin-bottom:12px;
}

.affiliate-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.affiliate-product-card{
  padding:22px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-md);
}
.affiliate-product-card h3{
  margin-bottom:10px;
}
.affiliate-product-card p{
  color:var(--muted);
}
.affiliate-product-card .ad-media{
  margin:14px 0 16px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.affiliate-product-card .ad-media img{
  width:100%;
  height:auto;
  display:block;
}
.affiliate-product-card .affiliate-meta{
  margin-top:12px;
}
@media (max-width: 900px){
  .affiliate-product-grid{
    grid-template-columns:1fr;
  }
}



/* =========================================================
   Harbor Haven Kits — Homepage Premium Upgrade Layer
   Paste at the bottom of site.css
   ========================================================= */

:root{
  --bg-deep:#081018;
  --bg-surface:#0c141d;
  --panel-hover:rgba(255,255,255,.095);
  --white-soft:rgba(255,255,255,.06);
  --white-softer:rgba(255,255,255,.035);

  --glow-gold:0 10px 30px rgba(216,181,109,.14);
  --glow-blue:0 10px 30px rgba(125,201,255,.12);
  --shadow-premium:0 20px 55px rgba(0,0,0,.34);
  --shadow-premium-lg:0 30px 80px rgba(0,0,0,.42);
}

/* Base polish */
body{
  background:
    radial-gradient(circle at 0% 0%, rgba(125,201,255,.12), transparent 30%),
    radial-gradient(circle at 100% 0%, rgba(216,181,109,.14), transparent 26%),
    radial-gradient(circle at 50% 20%, rgba(255,255,255,.025), transparent 30%),
    linear-gradient(180deg, #09111a 0%, #0c141d 38%, #0a1118 100%);
}

a,
button,
.btn,
.card,
.home-route-card,
.hero-card,
.stack-links a{
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    color .22s ease,
    opacity .22s ease;
}

::selection{
  background:rgba(216,181,109,.24);
  color:#fff;
}

/* Sticky header */
.site-header{
  background:rgba(7,11,16,.72);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}

.nav{
  min-height:78px;
}

.brand{
  font-size:1.06rem;
  letter-spacing:.01em;
}

.brand span:last-child{
  color:#fff;
}

.brand-mark{
  width:13px;
  height:13px;
  background:linear-gradient(180deg,#f2ddb2 0%, var(--gold) 100%);
  box-shadow:
    0 0 0 7px rgba(216,181,109,.08),
    0 0 22px rgba(216,181,109,.22);
}

.nav nav a{
  position:relative;
  color:var(--muted);
  font-weight:700;
  font-size:.96rem;
}

.nav nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:100%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold-2),var(--gold));
  transform:scaleX(0);
  transform-origin:left;
  opacity:.95;
  transition:transform .2s ease;
}

.nav nav a:hover{
  color:#fff;
}

.nav nav a:hover::after{
  transform:scaleX(1);
}

/* Hero */
.hero{
  position:relative;
  padding:90px 0 56px;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(125,201,255,.09), transparent 28%),
    radial-gradient(circle at 80% 14%, rgba(216,181,109,.10), transparent 24%);
  pointer-events:none;
}

.hero-split{
  position:relative;
  gap:30px;
  align-items:center;
}

.hero h1{
  max-width:900px;
  font-size:clamp(2.5rem, 5.2vw, 4.9rem);
  line-height:.98;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.lede{
  font-size:1.1rem;
  line-height:1.78;
  color:var(--muted);
  max-width:760px;
}

.eyebrow{
  padding:9px 13px;
  border:1px solid rgba(216,181,109,.30);
  background:linear-gradient(180deg, rgba(216,181,109,.16), rgba(216,181,109,.09));
  box-shadow:var(--glow-gold);
}

/* Hero list */
.copy-list{
  margin:22px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
  max-width:760px;
}

.copy-list li{
  position:relative;
  padding:0 0 0 30px;
  color:var(--muted);
}

.copy-list li::before{
  content:"";
  position:absolute;
  top:.58rem;
  left:0;
  width:14px;
  height:14px;
  border-radius:999px;
  background:
    radial-gradient(circle at 35% 35%, #fff 0 16%, transparent 18%),
    linear-gradient(180deg,var(--gold-2),var(--gold));
  box-shadow:0 0 0 5px rgba(216,181,109,.08);
}

/* Buttons */
.cta-row{
  gap:14px;
  margin:28px 0 14px;
}

.btn{
  position:relative;
  overflow:hidden;
  min-height:52px;
  padding:0 20px;
  border-radius:15px;
  font-size:.96rem;
  letter-spacing:.01em;
}

.btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    115deg,
    transparent 0%,
    rgba(255,255,255,.05) 35%,
    rgba(255,255,255,.22) 50%,
    rgba(255,255,255,.05) 65%,
    transparent 100%
  );
  transform:translateX(-140%);
  transition:transform .75s ease;
  pointer-events:none;
}

.btn:hover::before{
  transform:translateX(140%);
}

.btn:hover{
  transform:translateY(-2px);
}

.btn:active{
  transform:translateY(0);
}

.btn-primary{
  color:#101010;
  background:linear-gradient(180deg,#f2ddb0 0%, var(--gold) 100%);
  box-shadow:
    0 10px 24px rgba(216,181,109,.20),
    inset 0 1px 0 rgba(255,255,255,.55);
}

.btn-primary:hover{
  box-shadow:
    0 14px 34px rgba(216,181,109,.26),
    inset 0 1px 0 rgba(255,255,255,.62);
}

.btn-secondary{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border-color:rgba(255,255,255,.12);
  color:#fff;
}

.btn-secondary:hover{
  border-color:rgba(216,181,109,.26);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.05));
}

/* Shared surfaces */
.hero-card,
.card,
.banner,
.cta-box,
.affiliate-box,
.compare-box,
.notice-box,
.stat-box,
.home-route-card,
.home-lead-banner,
.email-capture-box{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:var(--shadow-premium);
}

.hero-card::before,
.card::before,
.home-route-card::before,
.home-lead-banner::before,
.email-capture-box::before,
.banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 30%);
  pointer-events:none;
}

/* Hero card */
.hero-card{
  padding:26px;
  border-radius:26px;
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
  box-shadow:
    var(--shadow-premium-lg),
    0 0 0 1px rgba(255,255,255,.03) inset;
}

.hero-card h2{
  margin-bottom:14px;
  font-size:1.3rem;
}

.stack-links{
  display:grid;
  gap:12px;
}

.stack-links li+li{
  margin-top:0;
}

.stack-links a{
  position:relative;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  color:#fff;
  font-weight:750;
}

.stack-links a:hover{
  transform:translateY(-2px);
  border-color:rgba(216,181,109,.30);
  background:
    radial-gradient(circle at right center, rgba(216,181,109,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  box-shadow:var(--glow-gold);
}

/* Sections */
.section{
  padding:42px 0;
}

.section h2{
  text-wrap:balance;
}

.section-intro{
  max-width:830px;
  color:var(--muted);
  font-size:1.01rem;
  line-height:1.75;
  margin:0 0 20px;
}

/* Home lead banner */
.home-lead-banner,
.email-capture-box,
.local-intent-box,
.pack-route-box{
  border-radius:26px;
  border-color:rgba(216,181,109,.26);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.12), transparent 28%),
    linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.04));
  box-shadow:
    var(--shadow-premium),
    var(--glow-gold);
}

.home-lead-banner{
  padding:28px;
}

.home-lead-banner h2{
  max-width:920px;
}

/* Grids and cards */
.cards{
  gap:20px;
}

.card,
.home-route-card,
.info-card,
.money-card,
.provider-box,
.best-for-card,
.pack-value-card{
  border-radius:22px;
}

.card{
  padding:24px;
}

.card:hover,
.home-route-card:hover,
.info-card:hover,
.money-card:hover,
.provider-box:hover,
.best-for-card:hover,
.pack-value-card:hover{
  transform:translateY(-4px);
  border-color:rgba(216,181,109,.20);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.07), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.045));
  box-shadow:
    0 22px 44px rgba(0,0,0,.30),
    0 8px 22px rgba(216,181,109,.07);
}

.card h3,
.home-route-card h3{
  color:#fff;
}

.card p,
.home-route-card p{
  color:var(--muted);
}

.kicker-link{
  color:var(--gold-2);
  font-weight:800;
}

.kicker-link:hover{
  color:#fff3d2;
}

/* Home route cards */
.home-route-grid{
  gap:20px;
}

.home-route-card{
  padding:24px;
  min-height:100%;
}

.home-route-card .cta-row{
  margin:18px 0 0;
}

/* Banner */
.banner{
  padding:28px;
  border-radius:26px;
  background:
    radial-gradient(circle at top right, rgba(125,201,255,.10), transparent 24%),
    radial-gradient(circle at left center, rgba(216,181,109,.10), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
}

.banner .btn{
  flex-shrink:0;
}

/* Footer */
.site-footer{
  padding:54px 0 62px;
}

.footer-grid{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:30px;
}

.footer-grid a{
  line-height:1.9;
}

/* Focus states */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid rgba(216,181,109,.75);
  outline-offset:3px;
}

/* Better form polish */
input,
select,
textarea{
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(216,181,109,.34);
  box-shadow:0 0 0 4px rgba(216,181,109,.08);
  background:rgba(255,255,255,.06);
  outline:none;
}

/* Mobile spacing polish */
@media (max-width: 980px){
  .hero{
    padding:72px 0 44px;
  }

  .hero-split{
    gap:22px;
  }

  .home-lead-banner,
  .email-capture-box,
  .banner{
    padding:22px;
  }
}

@media (max-width: 680px){
  .site-header{
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  .nav{
    min-height:auto;
    gap:10px;
  }

  .brand{
    font-size:1rem;
  }

  .hero{
    padding:54px 0 30px;
  }

  .hero h1{
    font-size:clamp(2rem, 9vw, 3rem);
    line-height:1.02;
  }

  .lede{
    font-size:1rem;
    line-height:1.72;
  }

  .hero-card,
  .card,
  .home-route-card,
  .home-lead-banner,
  .email-capture-box,
  .banner{
    border-radius:20px;
  }

  .btn{
    width:100%;
  }

  .cta-row{
    gap:12px;
  }
}

.trust-list-inline{
  list-style:none;
  padding:0;
  margin:14px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.trust-list-inline li{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:.9rem;
  font-weight:700;
}

.route-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  margin-bottom:14px;
  border-radius:16px;
  border:1px solid rgba(216,181,109,.22);
  background:
    radial-gradient(circle at top left, rgba(216,181,109,.16), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  box-shadow:
    0 10px 24px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.02) inset;
  font-size:1.35rem;
  line-height:1;
}
/* HHK_PREMIUM_PERFECTION_LAYER_START */
/* =========================================================
   Harbor Haven Kits — Premium Perfection Layer
   Final override layer. Do not place older CSS below this.
   ========================================================= */

:root{
  --hhk-ink:#f8fbff;
  --hhk-soft:#c6d0dc;
  --hhk-softer:#96a3b3;
  --hhk-bg:#070d13;
  --hhk-bg-2:#0a121a;
  --hhk-card:rgba(255,255,255,.062);
  --hhk-card-2:rgba(255,255,255,.042);
  --hhk-card-3:rgba(255,255,255,.085);
  --hhk-line:rgba(255,255,255,.105);
  --hhk-line-2:rgba(255,255,255,.18);
  --hhk-gold:#d8b56d;
  --hhk-gold-2:#f3dfaf;
  --hhk-blue:#85d2ff;
  --hhk-blue-2:#c5edff;
  --hhk-green:#a9e3a1;
  --hhk-red:#ff9b9b;
  --hhk-shadow:0 22px 55px rgba(0,0,0,.34);
  --hhk-shadow-lg:0 34px 90px rgba(0,0,0,.46);
  --hhk-radius:24px;
  --hhk-radius-lg:32px;
}

/* Base premium reset */
html{
  scroll-padding-top:98px;
}

body{
  color:var(--hhk-ink);
  background:
    radial-gradient(circle at 12% 0%, rgba(133,210,255,.14), transparent 28%),
    radial-gradient(circle at 88% 4%, rgba(216,181,109,.16), transparent 30%),
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.035), transparent 28%),
    linear-gradient(180deg, #070d13 0%, #0b141d 34%, #081018 100%) !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.44), transparent 72%);
}

img{
  height:auto;
}

p{
  color:var(--hhk-soft);
}

a{
  text-underline-offset:3px;
}

strong{
  color:#fff;
}

/* Header */
.site-header{
  background:rgba(7,11,16,.72) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
}

body.hhk-scrolled .site-header{
  background:rgba(6,10,15,.88) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.30);
}

.nav{
  min-height:78px;
}

.brand{
  color:#fff;
  font-weight:900;
}

.brand-mark{
  width:14px;
  height:14px;
  background:linear-gradient(180deg,#fff0c7,var(--hhk-gold));
  box-shadow:
    0 0 0 7px rgba(216,181,109,.09),
    0 0 26px rgba(216,181,109,.30);
}

.nav nav a{
  color:var(--hhk-soft);
  font-weight:750;
}

.nav nav a:hover,
.nav nav a.active{
  color:#fff;
}

/* Mobile nav toggle injected by JS */
.nav-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:46px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:#fff;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(0,0,0,.22);
}

.nav-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background:#fff;
  position:relative;
}

.nav-toggle span::before,
.nav-toggle span::after{
  content:"";
  position:absolute;
  left:0;
  width:20px;
  height:2px;
  border-radius:999px;
  background:#fff;
  transition:transform .2s ease, top .2s ease, opacity .2s ease;
}

.nav-toggle span::before{top:-7px}
.nav-toggle span::after{top:7px}

.nav.nav-open .nav-toggle span{
  background:transparent;
}

.nav.nav-open .nav-toggle span::before{
  top:0;
  transform:rotate(45deg);
}

.nav.nav-open .nav-toggle span::after{
  top:0;
  transform:rotate(-45deg);
}

/* Typography */
.hero h1,
.page-hero h1,
.content h1,
h1{
  color:#fff;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.hero h1{
  font-size:clamp(2.45rem,5.35vw,5.05rem);
  line-height:.98;
}

h2{
  color:#fff;
  letter-spacing:-.032em;
  text-wrap:balance;
}

h3{
  color:#fff;
}

.lede,
.section-intro,
.article-intro{
  color:var(--hhk-soft);
}

.eyebrow{
  color:var(--hhk-gold-2);
  border-color:rgba(216,181,109,.34);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 40%),
    linear-gradient(180deg, rgba(216,181,109,.16), rgba(216,181,109,.075));
  box-shadow:
    0 12px 28px rgba(216,181,109,.12),
    inset 0 1px 0 rgba(255,255,255,.08);
}

/* Hero */
.hero{
  position:relative;
  padding:92px 0 58px;
  overflow:hidden;
}

.hero::after{
  content:"";
  position:absolute;
  left:50%;
  top:24px;
  width:min(920px,90vw);
  height:340px;
  transform:translateX(-50%);
  pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(216,181,109,.075), transparent 66%);
  filter:blur(6px);
}

.hero-split,
.hero-grid{
  position:relative;
  z-index:1;
}

/* Premium surfaces */
.hero-card,
.card,
.banner,
.cta-box,
.affiliate-box,
.compare-box,
.notice-box,
.stat-box,
.home-route-card,
.home-lead-banner,
.email-capture-box,
.local-intent-box,
.pack-route-box,
.provider-box,
.info-card,
.money-card,
.best-for-card,
.pack-value-card,
.related-rail,
.related-posts,
.internal-links,
.faq-item,
.quote-step,
.lead-trust-card,
.affiliate-product-card,
.form-card,
.kpi,
.check-card,
.compare-item{
  color:var(--hhk-ink);
  border:1px solid var(--hhk-line) !important;
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.075), transparent 28%),
    linear-gradient(180deg, var(--hhk-card), var(--hhk-card-2)) !important;
  box-shadow:
    var(--hhk-shadow),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.hero-card,
.home-lead-banner,
.email-capture-box,
.local-intent-box,
.pack-route-box,
.cta-box,
.affiliate-box{
  border-color:rgba(216,181,109,.28) !important;
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.15), transparent 32%),
    radial-gradient(circle at bottom left, rgba(133,210,255,.055), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04)) !important;
}

/* Hover polish */
a,
button,
.btn,
.card,
.home-route-card,
.hero-card,
.stack-links a,
.provider-box,
.info-card,
.money-card,
.best-for-card,
.pack-value-card,
.hhk-money-card,
.hhk-resource-card,
.internal-link-card{
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    color .22s ease,
    opacity .22s ease;
}

.card:hover,
.home-route-card:hover,
.stack-links a:hover,
.provider-box:hover,
.info-card:hover,
.money-card:hover,
.best-for-card:hover,
.pack-value-card:hover,
.hhk-money-card:hover,
.hhk-resource-card:hover,
.internal-link-card:hover{
  transform:translateY(-4px);
  border-color:rgba(216,181,109,.28) !important;
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.048)) !important;
  box-shadow:
    0 26px 58px rgba(0,0,0,.34),
    0 10px 28px rgba(216,181,109,.075),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.card p,
.home-route-card p,
.provider-box p,
.info-card p,
.money-card p,
.best-for-card p,
.pack-value-card p,
.hhk-money-card p,
.hhk-resource-card p,
.internal-link-card p,
.faq-item p,
.quote-step p,
.lead-trust-card p{
  color:var(--hhk-soft);
}

/* Buttons */
.btn{
  min-height:52px;
  border-radius:15px;
  border-color:rgba(255,255,255,.12);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}

.btn:hover{
  transform:translateY(-2px);
}

.btn-primary{
  color:#10100d !important;
  background:linear-gradient(180deg,#fff0c3 0%, var(--hhk-gold) 100%) !important;
  border-color:rgba(255,255,255,.25) !important;
  box-shadow:
    0 14px 34px rgba(216,181,109,.22),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

.btn-secondary{
  color:#fff !important;
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.04)) !important;
}

.btn-blue{
  color:#07131d !important;
  background:linear-gradient(180deg,#d0f0ff,var(--hhk-blue)) !important;
}

.btn-green{
  color:#091409 !important;
  background:linear-gradient(180deg,#ddf7d7,var(--hhk-green)) !important;
}

/* Lists */
.copy-list{
  list-style:none;
  padding:0;
  display:grid;
  gap:12px;
}

.copy-list li{
  position:relative;
  padding-left:31px;
  color:var(--hhk-soft);
}

.copy-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62rem;
  width:14px;
  height:14px;
  border-radius:999px;
  background:
    radial-gradient(circle at 36% 34%, #fff 0 16%, transparent 17%),
    linear-gradient(180deg,var(--hhk-gold-2),var(--hhk-gold));
  box-shadow:0 0 0 5px rgba(216,181,109,.085);
}

.trust-list-inline li,
.badge,
.provider-tag{
  color:var(--hhk-soft);
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
}

.provider-tag{
  color:var(--hhk-gold-2);
  border-color:rgba(216,181,109,.28);
  background:rgba(216,181,109,.11);
}

/* Route icons */
.route-icon{
  background:
    radial-gradient(circle at top left, rgba(216,181,109,.20), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)) !important;
  border-color:rgba(216,181,109,.24);
}

/* Premium conversion panels from previous phase */
.hhk-panel{
  color:var(--hhk-ink) !important;
  border:1px solid rgba(216,181,109,.24) !important;
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.12), transparent 30%),
    radial-gradient(circle at bottom left, rgba(133,210,255,.06), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.038)) !important;
  box-shadow:var(--hhk-shadow-lg) !important;
}

.hhk-panel h2,
.hhk-panel h3,
.hhk-money-card h3,
.hhk-resource-card h3{
  color:#fff !important;
}

.hhk-panel .section-intro{
  color:var(--hhk-soft) !important;
}

.affiliate-note{
  color:var(--hhk-soft) !important;
  border:1px solid rgba(216,181,109,.24) !important;
  background:
    linear-gradient(180deg, rgba(216,181,109,.115), rgba(255,255,255,.045)) !important;
}

.hhk-money-card,
.hhk-resource-card{
  color:var(--hhk-ink) !important;
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.038)) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:var(--hhk-shadow) !important;
}

.hhk-new-pages{
  background:
    radial-gradient(circle at top left, rgba(133,210,255,.06), transparent 32%),
    radial-gradient(circle at top right, rgba(216,181,109,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)) !important;
}

.page-article .article-card{
  color:var(--hhk-ink) !important;
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.07), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.038)) !important;
  border-color:rgba(255,255,255,.105) !important;
  box-shadow:var(--hhk-shadow-lg) !important;
}

.page-article .article-card p,
.page-article .article-card li,
.page-article .article-card td{
  color:var(--hhk-soft) !important;
}

.page-article .article-card h2,
.page-article .article-card h3,
.page-article .article-card th{
  color:#fff !important;
}

.fact-box,
.decision-box,
.source-note{
  color:var(--hhk-soft) !important;
  border-color:rgba(216,181,109,.22) !important;
  background:
    linear-gradient(180deg, rgba(216,181,109,.095), rgba(255,255,255,.038)) !important;
}

.source-note a{
  color:var(--hhk-gold-2) !important;
}

.check-table,
.compare-table,
.compare-mini table{
  color:var(--hhk-soft);
  background:rgba(255,255,255,.035) !important;
}

.check-table th,
.compare-table th,
.compare-mini th{
  color:#fff !important;
  background:rgba(255,255,255,.065) !important;
}

.check-table td,
.compare-table td,
.compare-mini td{
  color:var(--hhk-soft) !important;
  background:rgba(255,255,255,.025) !important;
}

.check-table th,
.check-table td,
.compare-table th,
.compare-table td,
.compare-mini th,
.compare-mini td{
  border-color:rgba(255,255,255,.09) !important;
}

/* Internal links injected earlier */
.internal-link-section{
  width:var(--wrap);
  margin:34px auto;
  padding:34px 0;
}

.internal-link-section h2{
  margin-bottom:10px;
}

.internal-link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:20px;
}

.internal-link-card{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.038));
  box-shadow:var(--hhk-shadow);
}

.internal-link-card ul{
  margin:12px 0 0;
  padding-left:20px;
  color:var(--hhk-soft);
}

.internal-link-card li + li{
  margin-top:8px;
}

/* Forms */
input,
select,
textarea{
  color:#fff !important;
  border-color:rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.052) !important;
}

input::placeholder,
textarea::placeholder{
  color:var(--hhk-softer) !important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(216,181,109,.38) !important;
  box-shadow:0 0 0 4px rgba(216,181,109,.09) !important;
  outline:none;
}

label{
  color:#fff !important;
}

/* Links */
.kicker-link,
.content a,
.page-article a,
.footer-grid a:hover{
  color:var(--hhk-gold-2);
}

.kicker-link:hover,
.content a:hover,
.page-article a:hover{
  color:#fff3d5;
}

/* Banners */
.banner{
  border-radius:28px;
}

.banner p{
  color:var(--hhk-soft);
}

/* Footer */
.site-footer{
  background:
    linear-gradient(180deg, transparent, rgba(0,0,0,.18));
}

.footer-grid{
  border-top-color:rgba(255,255,255,.09);
}

.footer-grid p,
.footer-grid a{
  color:var(--hhk-soft);
}

/* Reveal animation */
.hhk-reveal{
  opacity:0;
  transform:translateY(14px);
}

.hhk-reveal.hhk-in{
  opacity:1;
  transform:none;
  transition:opacity .55s ease, transform .55s ease;
}

/* Back to top button */
.hhk-top-button{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:200;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  color:#111;
  background:linear-gradient(180deg,#fff0c3,var(--hhk-gold));
  box-shadow:0 16px 36px rgba(0,0,0,.35), 0 8px 22px rgba(216,181,109,.16);
  font-weight:950;
  cursor:pointer;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}

body.hhk-show-top .hhk-top-button{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

/* Better image treatment */
.page-hero-image,
.ad-media,
.affiliate-product-card .ad-media{
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:var(--hhk-shadow);
}

/* Mobile polish */
@media (max-width:1100px){
  .cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:860px){
  .hero{
    padding:68px 0 42px;
  }

  .hero-split,
  .hero-grid{
    grid-template-columns:1fr !important;
  }

  .nav{
    min-height:auto;
    padding:12px 0;
    align-items:center;
  }

  .nav-toggle{
    display:inline-flex;
    margin-left:auto;
  }

  .nav nav{
    display:none;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:12px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(7,11,16,.92);
    box-shadow:var(--hhk-shadow);
  }

  .nav.nav-open nav{
    display:flex;
  }

  .nav nav a{
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
  }

  .nav nav a::after{
    display:none;
  }

  .internal-link-grid,
  .hhk-money-grid,
  .hhk-resource-grid,
  .home-route-grid,
  .cards,
  .cards-3,
  .provider-grid,
  .best-for-grid,
  .info-grid,
  .quote-steps,
  .money-grid,
  .pack-value-grid,
  .lead-trust-grid,
  .affiliate-product-grid{
    grid-template-columns:1fr !important;
  }

  .banner,
  .footer-grid{
    display:grid;
    grid-template-columns:1fr !important;
  }
}

@media (max-width:680px){
  .wrap,
  .wrap-narrow{
    width:min(100% - 28px, 1180px);
  }

  .hero{
    padding:52px 0 30px;
  }

  .hero h1{
    font-size:clamp(2rem,9.5vw,3.1rem);
    line-height:1.03;
  }

  .page-hero h1,
  .content h1{
    font-size:clamp(1.9rem,8vw,2.7rem);
  }

  .lede{
    font-size:1rem;
    line-height:1.72;
  }

  .btn{
    width:100%;
  }

  .hero-card,
  .card,
  .home-route-card,
  .home-lead-banner,
  .email-capture-box,
  .banner,
  .hhk-panel,
  .page-article .article-card,
  .internal-link-card{
    border-radius:20px;
  }

  .hhk-top-button{
    right:14px;
    bottom:14px;
  }
}

/* Accessibility */
@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    animation:none !important;
    transition:none !important;
  }

  .hhk-reveal{
    opacity:1 !important;
    transform:none !important;
  }
}
/* HHK_PREMIUM_PERFECTION_LAYER_END */
/* HHK_VPN_MONEY_PAGE_UPGRADE_START */
.vpn-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:24px 0 10px;
}
.vpn-trust-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}
.vpn-trust-strip li{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--muted, #c6d0dc);
  font-size:.9rem;
  font-weight:750;
}
.vpn-picks-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin:22px 0;
}
.vpn-pick-card{
  position:relative;
  overflow:hidden;
  padding:26px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  box-shadow:0 26px 64px rgba(0,0,0,.36);
}
.vpn-pick-card.featured{
  border-color:rgba(216,181,109,.34);
}
.vpn-rank{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  background:rgba(216,181,109,.12);
  color:#f3dfaf;
  font-size:.82rem;
  font-weight:900;
  margin-bottom:14px;
}
.vpn-pick-card h2,
.vpn-pick-card h3{
  margin-bottom:10px;
}
.vpn-pick-card p,
.vpn-pick-card li{
  color:var(--muted, #c6d0dc);
}
.vpn-pick-card ul{
  margin:14px 0 0;
  padding-left:20px;
}
.vpn-pick-card .btn{
  margin-top:18px;
}
.vpn-disclosure-box{
  margin:18px 0 0;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(216,181,109,.24);
  background:linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.045));
  color:var(--muted, #c6d0dc);
  font-size:.95rem;
}
.vpn-decision-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:22px 0;
}
.vpn-decision-card{
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.038));
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}
.vpn-decision-card h3{
  margin-bottom:8px;
}
.vpn-decision-card p{
  color:var(--muted, #c6d0dc);
}
.vpn-warning{
  margin:24px 0;
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(133,210,255,.24);
  background:
    radial-gradient(circle at top right, rgba(133,210,255,.11), transparent 32%),
    linear-gradient(180deg, rgba(133,210,255,.08), rgba(255,255,255,.038));
  box-shadow:0 18px 42px rgba(0,0,0,.26);
}
.vpn-warning p{
  color:var(--muted, #c6d0dc);
}
.vpn-click-box{
  margin:26px 0;
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(216,181,109,.34);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.16), transparent 30%),
    linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.04));
  box-shadow:0 28px 70px rgba(0,0,0,.38), 0 10px 26px rgba(216,181,109,.11);
}
.vpn-click-box p{
  color:var(--muted, #c6d0dc);
}
.vpn-click-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:18px;
}
.vpn-source-list{
  margin-top:20px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}
.vpn-source-list p{
  margin:0;
  color:var(--muted, #c6d0dc);
}
.vpn-source-list a{
  color:#f3dfaf;
  font-weight:800;
}
.vpn-cross-sell{
  margin:28px 0;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(216,181,109,.30);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.12), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.038));
  box-shadow:0 22px 55px rgba(0,0,0,.32);
}
.vpn-cross-sell p{
  color:var(--muted, #c6d0dc);
}
.vpn-cross-sell-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
}
@media(max-width:900px){
  .vpn-picks-grid,
  .vpn-decision-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  .vpn-hero-actions,
  .vpn-click-actions,
  .vpn-cross-sell-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}
/* HHK_VPN_MONEY_PAGE_UPGRADE_END */

/* HHK_QUALITY_CONVERSION_V2_START */
.section-tight{padding-top:38px;padding-bottom:38px}.hhk-panel{margin:34px auto;border:1px solid rgba(22,38,52,.13);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,248,252,.94));border-radius:26px;box-shadow:0 22px 60px rgba(12,17,23,.08)}.hhk-panel-inner{padding:28px}.hhk-panel h2{margin-top:0}.affiliate-note{border:1px solid rgba(28,92,122,.16);background:rgba(232,246,252,.8);border-radius:18px;padding:14px 16px;font-size:.95rem;color:#23313d}.hhk-money-grid,.hhk-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.hhk-money-card,.hhk-resource-card{background:#fff;border:1px solid rgba(24,38,52,.12);border-radius:20px;padding:18px;box-shadow:0 14px 32px rgba(12,17,23,.06)}.hhk-money-card h3,.hhk-resource-card h3{margin:.2rem 0 .45rem}.source-note{margin-top:18px;padding:14px 16px;border-radius:18px;background:rgba(12,17,23,.045);font-size:.94rem}.source-note a{font-weight:700}.hhk-new-pages{margin:36px 0;padding:34px 0;background:linear-gradient(180deg,rgba(245,249,252,.92),rgba(255,255,255,.98))}.page-article{max-width:980px;margin:0 auto}.page-article .article-card{background:#fff;border:1px solid rgba(24,38,52,.12);border-radius:26px;padding:28px;box-shadow:0 20px 55px rgba(12,17,23,.08)}.page-article h2{margin-top:2rem}.fact-box,.decision-box{border:1px solid rgba(24,38,52,.12);border-radius:20px;padding:18px;background:rgba(247,251,253,.95);margin:22px 0}.check-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;margin:20px 0;background:#fff}.check-table th,.check-table td{border:1px solid rgba(24,38,52,.11);padding:13px 14px;text-align:left;vertical-align:top}.check-table th{background:rgba(12,17,23,.055)}@media(max-width:860px){.hhk-money-grid,.hhk-resource-grid{grid-template-columns:1fr}.hhk-panel-inner{padding:20px}.page-article .article-card{padding:20px}}
/* HHK_QUALITY_CONVERSION_V2_END */

/* HHK_COMPARE_SERVICES_MONEY_HUB_START */
.compare-hero-actions,
.compare-action-row,
.compare-cross-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}

.compare-trust-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

.compare-trust-strip li{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--muted,#c6d0dc);
  font-size:.9rem;
  font-weight:750;
}

.compare-priority-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}

.compare-priority-card{
  position:relative;
  overflow:hidden;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.038));
  box-shadow:0 22px 55px rgba(0,0,0,.32);
}

.compare-priority-card.featured{
  border-color:rgba(216,181,109,.34);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.16), transparent 32%),
    linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.04));
}

.compare-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  color:#111;
  background:linear-gradient(180deg,#fff0c3,#d8b56d);
  font-weight:950;
  box-shadow:0 10px 24px rgba(216,181,109,.16);
  margin-bottom:14px;
}

.compare-priority-card h3{
  margin-bottom:8px;
}

.compare-priority-card p{
  color:var(--muted,#c6d0dc);
}

.compare-money-panel{
  margin:28px 0;
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(216,181,109,.32);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.15), transparent 32%),
    radial-gradient(circle at bottom left, rgba(133,210,255,.07), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.04));
  box-shadow:0 30px 76px rgba(0,0,0,.40), 0 10px 26px rgba(216,181,109,.10);
}

.compare-money-panel p{
  color:var(--muted,#c6d0dc);
}

.compare-money-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:20px;
}

.compare-money-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.036));
  box-shadow:0 20px 48px rgba(0,0,0,.30);
}

.compare-money-card h3{
  margin-bottom:8px;
}

.compare-money-card p{
  color:var(--muted,#c6d0dc);
}

.compare-decision-note{
  margin:22px 0;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(133,210,255,.24);
  background:
    radial-gradient(circle at top right, rgba(133,210,255,.11), transparent 32%),
    linear-gradient(180deg, rgba(133,210,255,.08), rgba(255,255,255,.038));
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}

.compare-decision-note p{
  color:var(--muted,#c6d0dc);
}

.compare-source-box{
  margin:26px 0;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

.compare-source-box p{
  margin:0;
  color:var(--muted,#c6d0dc);
}

.compare-source-box a{
  color:#f3dfaf;
  font-weight:800;
}

.compare-final-panel{
  margin:34px auto;
  border:1px solid rgba(216,181,109,.30);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.13), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.038));
  border-radius:30px;
  box-shadow:0 30px 76px rgba(0,0,0,.40);
}

.compare-final-panel .hhk-panel-inner{
  padding:30px;
}

.compare-service-crosssell{
  margin:28px auto;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(216,181,109,.28);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.11), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.038));
  box-shadow:0 22px 55px rgba(0,0,0,.32);
}

.compare-service-crosssell p{
  color:var(--muted,#c6d0dc);
}

.compare-mini-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  background:rgba(216,181,109,.11);
  color:#f3dfaf;
  font-size:.82rem;
  font-weight:850;
  margin-bottom:12px;
}

@media(max-width:1100px){
  .compare-priority-grid,
  .compare-money-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .compare-priority-grid,
  .compare-money-grid{
    grid-template-columns:1fr;
  }

  .compare-hero-actions,
  .compare-action-row,
  .compare-cross-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}
/* HHK_COMPARE_SERVICES_MONEY_HUB_END */

/* HHK_LEMONADE_MONEY_PAGE_START */
.insurance-hero-actions,
.insurance-action-row,
.insurance-cross-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}

.insurance-trust-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

.insurance-trust-strip li{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--muted,#c6d0dc);
  font-size:.9rem;
  font-weight:750;
}

.insurance-picks-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}

.insurance-pick-card{
  position:relative;
  overflow:hidden;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.038));
  box-shadow:0 24px 60px rgba(0,0,0,.34);
}

.insurance-pick-card.featured{
  border-color:rgba(216,181,109,.34);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.16), transparent 32%),
    linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.04));
}

.insurance-rank{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  background:rgba(216,181,109,.12);
  color:#f3dfaf;
  font-size:.82rem;
  font-weight:900;
  margin-bottom:14px;
}

.insurance-pick-card p,
.insurance-pick-card li{
  color:var(--muted,#c6d0dc);
}

.insurance-pick-card ul{
  margin:14px 0 0;
  padding-left:20px;
}

.insurance-disclosure-box{
  margin:18px 0 0;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(216,181,109,.24);
  background:linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.045));
  color:var(--muted,#c6d0dc);
  font-size:.95rem;
}

.insurance-decision-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}

.insurance-decision-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.038));
  box-shadow:0 20px 48px rgba(0,0,0,.30);
}

.insurance-decision-card p,
.insurance-decision-card li{
  color:var(--muted,#c6d0dc);
}

.insurance-decision-card ul{
  margin:12px 0 0;
  padding-left:20px;
}

.insurance-warning{
  margin:26px 0;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(133,210,255,.24);
  background:
    radial-gradient(circle at top right, rgba(133,210,255,.11), transparent 32%),
    linear-gradient(180deg, rgba(133,210,255,.08), rgba(255,255,255,.038));
  box-shadow:0 22px 54px rgba(0,0,0,.30);
}

.insurance-warning p{
  color:var(--muted,#c6d0dc);
}

.insurance-click-box{
  margin:28px 0;
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(216,181,109,.34);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.16), transparent 30%),
    linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.04));
  box-shadow:0 30px 76px rgba(0,0,0,.40), 0 10px 26px rgba(216,181,109,.11);
}

.insurance-click-box p{
  color:var(--muted,#c6d0dc);
}

.insurance-source-box{
  margin:26px 0;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

.insurance-source-box p{
  margin:0;
  color:var(--muted,#c6d0dc);
}

.insurance-source-box a{
  color:#f3dfaf;
  font-weight:800;
}

.insurance-crosssell{
  margin:28px auto;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(216,181,109,.28);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.11), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.038));
  box-shadow:0 22px 55px rgba(0,0,0,.32);
}

.insurance-crosssell p{
  color:var(--muted,#c6d0dc);
}

.insurance-mini-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  background:rgba(216,181,109,.11);
  color:#f3dfaf;
  font-size:.82rem;
  font-weight:850;
  margin-bottom:12px;
}

.insurance-final-panel{
  margin:34px auto;
  border:1px solid rgba(216,181,109,.30);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.13), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.038));
  border-radius:30px;
  box-shadow:0 30px 76px rgba(0,0,0,.40);
}

.insurance-final-panel .hhk-panel-inner{
  padding:30px;
}

@media(max-width:1050px){
  .insurance-picks-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:820px){
  .insurance-decision-grid{
    grid-template-columns:1fr;
  }

  .insurance-hero-actions,
  .insurance-action-row,
  .insurance-cross-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}
/* HHK_LEMONADE_MONEY_PAGE_END */

/* HHK_MOVING_MONEY_PAGE_START */
.moving-hero-actions,
.moving-action-row,
.moving-cross-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}

.moving-trust-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

.moving-trust-strip li{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--muted,#c6d0dc);
  font-size:.9rem;
  font-weight:750;
}

.moving-picks-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}

.moving-pick-card{
  position:relative;
  overflow:hidden;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.038));
  box-shadow:0 24px 60px rgba(0,0,0,.34);
}

.moving-pick-card.featured{
  border-color:rgba(216,181,109,.34);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.16), transparent 32%),
    linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.04));
}

.moving-rank{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  background:rgba(216,181,109,.12);
  color:#f3dfaf;
  font-size:.82rem;
  font-weight:900;
  margin-bottom:14px;
}

.moving-pick-card p,
.moving-pick-card li{
  color:var(--muted,#c6d0dc);
}

.moving-pick-card ul{
  margin:14px 0 0;
  padding-left:20px;
}

.moving-disclosure-box{
  margin:18px 0 0;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(216,181,109,.24);
  background:linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.045));
  color:var(--muted,#c6d0dc);
  font-size:.95rem;
}

.moving-decision-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}

.moving-decision-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.038));
  box-shadow:0 20px 48px rgba(0,0,0,.30);
}

.moving-decision-card p,
.moving-decision-card li{
  color:var(--muted,#c6d0dc);
}

.moving-decision-card ul{
  margin:12px 0 0;
  padding-left:20px;
}

.moving-warning{
  margin:26px 0;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(133,210,255,.24);
  background:
    radial-gradient(circle at top right, rgba(133,210,255,.11), transparent 32%),
    linear-gradient(180deg, rgba(133,210,255,.08), rgba(255,255,255,.038));
  box-shadow:0 22px 54px rgba(0,0,0,.30);
}

.moving-warning p{
  color:var(--muted,#c6d0dc);
}

.moving-click-box{
  margin:28px 0;
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(216,181,109,.34);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.16), transparent 30%),
    linear-gradient(180deg, rgba(216,181,109,.11), rgba(255,255,255,.04));
  box-shadow:0 30px 76px rgba(0,0,0,.40), 0 10px 26px rgba(216,181,109,.11);
}

.moving-click-box p{
  color:var(--muted,#c6d0dc);
}

.moving-source-box{
  margin:26px 0;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

.moving-source-box p{
  margin:0;
  color:var(--muted,#c6d0dc);
}

.moving-source-box a{
  color:#f3dfaf;
  font-weight:800;
}

.moving-crosssell{
  margin:28px auto;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(216,181,109,.28);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.11), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.038));
  box-shadow:0 22px 55px rgba(0,0,0,.32);
}

.moving-crosssell p{
  color:var(--muted,#c6d0dc);
}

.moving-mini-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  background:rgba(216,181,109,.11);
  color:#f3dfaf;
  font-size:.82rem;
  font-weight:850;
  margin-bottom:12px;
}

.moving-final-panel{
  margin:34px auto;
  border:1px solid rgba(216,181,109,.30);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.13), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.038));
  border-radius:30px;
  box-shadow:0 30px 76px rgba(0,0,0,.40);
}

.moving-final-panel .hhk-panel-inner{
  padding:30px;
}

@media(max-width:1050px){
  .moving-picks-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:820px){
  .moving-decision-grid{
    grid-template-columns:1fr;
  }

  .moving-hero-actions,
  .moving-action-row,
  .moving-cross-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}
/* HHK_MOVING_MONEY_PAGE_END */

/* HHK_AMAZON_KIT_LAYER_START */
.amazon-kit-section{
  width:var(--wrap, min(1180px, calc(100% - 32px)));
  margin:34px auto;
  padding:26px;
  border-radius:30px;
  border:1px solid rgba(216,181,109,.30);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.14), transparent 32%),
    radial-gradient(circle at bottom left, rgba(133,210,255,.06), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.038));
  box-shadow:0 30px 76px rgba(0,0,0,.38), 0 10px 26px rgba(216,181,109,.09);
}
.wrap-narrow .amazon-kit-section{
  width:100%;
}
.amazon-kit-section p{
  color:var(--muted,#c6d0dc);
}
.amazon-kit-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.amazon-kit-header h2{
  margin-bottom:8px;
}
.amazon-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.amazon-product-card{
  position:relative;
  overflow:hidden;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.09), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.064), rgba(255,255,255,.036));
  box-shadow:0 22px 54px rgba(0,0,0,.30);
}
.amazon-product-card h3{
  margin-bottom:8px;
}
.amazon-product-card p{
  color:var(--muted,#c6d0dc);
}
.amazon-product-card .btn{
  margin-top:14px;
}
.amazon-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  background:rgba(216,181,109,.11);
  color:#f3dfaf;
  font-size:.82rem;
  font-weight:850;
  margin-bottom:12px;
}
.amazon-note{
  margin-top:16px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216,181,109,.24);
  background:linear-gradient(180deg, rgba(216,181,109,.10), rgba(255,255,255,.04));
  color:var(--muted,#c6d0dc);
  font-size:.94rem;
}
.amazon-home-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.amazon-home-card{
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.038));
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}
.amazon-home-card p{
  color:var(--muted,#c6d0dc);
}
@media(max-width:1100px){
  .amazon-product-grid,
  .amazon-home-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .amazon-kit-header{
    display:block;
  }
  .amazon-product-grid,
  .amazon-home-grid{
    grid-template-columns:1fr;
  }
}
/* HHK_AMAZON_KIT_LAYER_END */

/* HHK_FIRST_APT_AMAZON_HUB_START */
.essentials-hero-actions,
.essentials-anchor-nav,
.essentials-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}

.essentials-anchor-nav{
  margin-top:18px;
}

.essentials-anchor-nav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--muted,#c6d0dc);
  font-size:.9rem;
  font-weight:800;
}

.essentials-anchor-nav a:hover{
  color:#fff;
  border-color:rgba(216,181,109,.28);
}

.essentials-priority-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}

.essentials-priority-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.038));
  box-shadow:0 20px 48px rgba(0,0,0,.30);
}

.essentials-priority-card strong{
  display:block;
  color:#fff;
  margin-bottom:8px;
}

.essentials-priority-card p{
  color:var(--muted,#c6d0dc);
}

.essentials-buying-note{
  margin:26px 0;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(133,210,255,.24);
  background:
    radial-gradient(circle at top right, rgba(133,210,255,.11), transparent 32%),
    linear-gradient(180deg, rgba(133,210,255,.08), rgba(255,255,255,.038));
  box-shadow:0 22px 54px rgba(0,0,0,.30);
}

.essentials-buying-note p,
.essentials-buying-note li{
  color:var(--muted,#c6d0dc);
}

.essentials-section{
  scroll-margin-top:96px;
}

.essentials-section + .essentials-section{
  margin-top:34px;
}

.essentials-final-panel{
  margin:34px auto;
  border:1px solid rgba(216,181,109,.30);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.13), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.038));
  border-radius:30px;
  box-shadow:0 30px 76px rgba(0,0,0,.40);
}

.essentials-final-panel .hhk-panel-inner{
  padding:30px;
}

@media(max-width:980px){
  .essentials-priority-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  .essentials-hero-actions,
  .essentials-action-row{
    display:grid;
    grid-template-columns:1fr;
  }
}
/* HHK_FIRST_APT_AMAZON_HUB_END */

/* HHK_AMAZON_BATCH_25_START */
.amazon-batch-section{
  width:var(--wrap, min(1180px, calc(100% - 32px)));
  margin:34px auto;
  padding:26px;
  border-radius:30px;
  border:1px solid rgba(216,181,109,.30);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.14), transparent 32%),
    radial-gradient(circle at bottom left, rgba(133,210,255,.07), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.038));
  box-shadow:0 30px 76px rgba(0,0,0,.38), 0 10px 26px rgba(216,181,109,.09);
}
.wrap-narrow .amazon-batch-section{width:100%}
.amazon-batch-section p{color:var(--muted,#c6d0dc)}
.amazon-batch-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:18px;
}
.amazon-batch-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.amazon-batch-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.09), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.064), rgba(255,255,255,.036));
  box-shadow:0 22px 54px rgba(0,0,0,.30);
}
.amazon-batch-card h3{margin-bottom:8px}
.amazon-batch-card p{color:var(--muted,#c6d0dc)}
.amazon-batch-card .btn{margin-top:14px}
.amazon-batch-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  background:rgba(216,181,109,.11);
  color:#f3dfaf;
  font-size:.82rem;
  font-weight:850;
  margin-bottom:12px;
}
.amazon-batch-note{
  margin-top:16px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216,181,109,.24);
  background:linear-gradient(180deg, rgba(216,181,109,.10), rgba(255,255,255,.04));
  color:var(--muted,#c6d0dc);
  font-size:.94rem;
}
.amazon-hub-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
}
.amazon-hub-nav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--muted,#c6d0dc);
  font-size:.9rem;
  font-weight:800;
}
.amazon-hub-nav a:hover{
  color:#fff;
  border-color:rgba(216,181,109,.28);
}
@media(max-width:1100px){
  .amazon-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .amazon-batch-header{display:block}
  .amazon-batch-grid{grid-template-columns:1fr}
}
/* HHK_AMAZON_BATCH_25_END */

/* HHK_AFFILIATE_PERFECTION_START */
.curated-amazon-section{
  width:var(--wrap, min(1180px, calc(100% - 32px)));
  margin:34px auto;
  padding:26px;
  border-radius:30px;
  border:1px solid rgba(216,181,109,.28);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.13), transparent 32%),
    radial-gradient(circle at bottom left, rgba(133,210,255,.06), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.068), rgba(255,255,255,.038));
  box-shadow:0 26px 68px rgba(0,0,0,.34), 0 8px 22px rgba(216,181,109,.08);
}

.wrap-narrow .curated-amazon-section{
  width:100%;
}

.curated-amazon-section p{
  color:var(--muted,#c6d0dc);
}

.curated-amazon-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.curated-amazon-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}

.curated-amazon-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.036));
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}

.curated-amazon-card h3{
  margin-bottom:8px;
}

.curated-amazon-card p{
  color:var(--muted,#c6d0dc);
}

.curated-amazon-card .btn{
  margin-top:14px;
}

.curated-amazon-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(216,181,109,.28);
  background:rgba(216,181,109,.11);
  color:#f3dfaf;
  font-size:.82rem;
  font-weight:850;
  margin-bottom:12px;
}

.curated-amazon-note,
.kit-depth-note{
  margin-top:16px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216,181,109,.24);
  background:linear-gradient(180deg, rgba(216,181,109,.10), rgba(255,255,255,.04));
  color:var(--muted,#c6d0dc);
  font-size:.94rem;
}

.kit-depth-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}

.kit-depth-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(133,210,255,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.038));
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}

.kit-depth-card p,
.kit-depth-card li{
  color:var(--muted,#c6d0dc);
}

.kit-depth-card ul{
  margin:12px 0 0;
  padding-left:20px;
}

.kit-path-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}

.kit-path-card{
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.034));
  box-shadow:0 18px 42px rgba(0,0,0,.26);
}

.kit-path-card p{
  color:var(--muted,#c6d0dc);
}

@media(max-width:980px){
  .curated-amazon-grid,
  .kit-depth-grid,
  .kit-path-grid{
    grid-template-columns:1fr;
  }

  .curated-amazon-header{
    display:block;
  }
}
/* HHK_AFFILIATE_PERFECTION_END */

/* HHK_FINAL_QUALITY_POLISH_START */
.final-quality-box{
  margin:28px 0;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(216,181,109,.26);
  background:
    radial-gradient(circle at top right, rgba(216,181,109,.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.036));
  box-shadow:0 22px 54px rgba(0,0,0,.30);
}

.final-quality-box p,
.final-quality-box li{
  color:var(--muted,#c6d0dc);
}

.final-quality-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:24px 0;
}

.final-quality-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(133,210,255,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.034));
  box-shadow:0 20px 48px rgba(0,0,0,.26);
}

.final-quality-card p,
.final-quality-card li{
  color:var(--muted,#c6d0dc);
}

.final-quality-card ul{
  margin:12px 0 0;
  padding-left:20px;
}

.legal-upgrade-section{
  margin:28px 0;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.034));
  box-shadow:0 20px 48px rgba(0,0,0,.24);
}

.legal-upgrade-section p,
.legal-upgrade-section li{
  color:var(--muted,#c6d0dc);
}

@media(max-width:900px){
  .final-quality-grid{
    grid-template-columns:1fr;
  }
}
/* HHK_FINAL_QUALITY_POLISH_END */

/* HHK_DUPLICATE_MOBILE_MENU_FIX_START */
/* Keep the new working right-side drawer button. Hide older leftover hamburger/menu buttons. */
.site-header .nav > button:not(.hhk-menu-toggle),
.site-header .nav > .mobile-menu-toggle:not(.hhk-menu-toggle),
.site-header .nav > .menu-toggle:not(.hhk-menu-toggle),
.site-header .nav > .nav-toggle:not(.hhk-menu-toggle),
.site-header .nav > .hamburger:not(.hhk-menu-toggle),
.site-header .nav > .hamburger-menu:not(.hhk-menu-toggle),
.site-header .nav > [aria-label="Menu"]:not(.hhk-menu-toggle),
.site-header .nav > [aria-label="Toggle menu"]:not(.hhk-menu-toggle),
.site-header .nav > [aria-label="Open navigation"]:not(.hhk-menu-toggle){
  display:none!important;
}
/* HHK_DUPLICATE_MOBILE_MENU_FIX_END */

/* HHK_SEARCH_DRAWER_START */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.hhk-search-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  margin-top:24px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}

.hhk-search-form input{
  min-height:56px;
  border-radius:16px;
  font-size:1rem;
}

.search-topic-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.search-topic-row button{
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--muted);
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

.search-topic-row button:hover{
  border-color:var(--gold-line);
  color:#fff;
  background:rgba(216,181,109,.10);
}

.search-summary{
  margin-bottom:18px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(125,201,255,.22);
  background:rgba(125,201,255,.08);
  color:var(--muted);
  font-weight:800;
}

.search-results{
  display:grid;
  gap:16px;
}

.search-result-card{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.04));
  box-shadow:var(--shadow-md);
}

.search-result-card h2{
  margin:10px 0;
  font-size:1.35rem;
}

.search-result-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.search-result-badge,
.search-result-score{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:.8rem;
  font-weight:900;
}

.search-result-badge{
  border:1px solid var(--gold-line);
  background:var(--gold-soft);
  color:var(--gold-2);
}

.search-result-score{
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  color:var(--muted);
}

.search-result-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:16px;
}

.search-result-actions span{
  color:var(--muted-2);
  font-size:.92rem;
  overflow-wrap:anywhere;
}

.hhk-menu-toggle{
  display:none;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
  cursor:pointer;
}

.hhk-menu-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background:#fff;
}

.hhk-drawer{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
}

.hhk-drawer-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
  opacity:0;
  transition:opacity .24s ease;
}

.hhk-drawer-panel{
  position:absolute;
  top:0;
  right:0;
  width:min(420px, calc(100% - 26px));
  height:100%;
  padding:20px;
  overflow:auto;
  background:
    radial-gradient(circle at top right,rgba(216,181,109,.12),transparent 32%),
    linear-gradient(180deg,#09111a,#0c141d);
  border-left:1px solid rgba(255,255,255,.10);
  box-shadow:-30px 0 80px rgba(0,0,0,.45);
  transform:translateX(105%);
  transition:transform .24s ease;
}

.hhk-drawer.is-open{
  pointer-events:auto;
}

.hhk-drawer.is-open .hhk-drawer-overlay{
  opacity:1;
}

.hhk-drawer.is-open .hhk-drawer-panel{
  transform:translateX(0);
}

.hhk-drawer-lock{
  overflow:hidden;
}

.hhk-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.hhk-drawer-head strong{
  font-size:1.1rem;
  color:#fff;
}

.hhk-drawer-close{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  color:#fff;
  font-size:1.55rem;
  line-height:1;
  cursor:pointer;
}

.hhk-drawer-search{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin-bottom:18px;
}

.hhk-drawer-search input{
  min-height:48px;
  border-radius:14px;
}

.hhk-drawer-search button{
  min-height:48px;
  padding:0 14px;
  border-radius:14px;
  border:0;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));
  color:#111;
  font-weight:900;
  cursor:pointer;
}

.hhk-drawer-links{
  display:grid;
  gap:10px;
}

.hhk-drawer-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:48px;
  padding:0 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:#fff;
  font-weight:850;
}

.hhk-drawer-links a::after{
  content:"›";
  color:var(--gold-2);
  font-size:1.3rem;
}

.hhk-drawer-links a:hover{
  border-color:var(--gold-line);
  background:rgba(216,181,109,.10);
}

.hhk-drawer-footer{
  margin-top:18px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}

.hhk-drawer-footer p{
  margin:0;
  color:var(--muted);
  font-size:.95rem;
}

@media (max-width: 860px){
  .site-header .nav nav{
    display:none;
  }

  .hhk-menu-toggle{
    display:inline-flex;
    flex-shrink:0;
  }

  .site-header .nav{
    align-items:center;
  }

  .hhk-search-form{
    grid-template-columns:1fr;
  }

  .hhk-search-form .btn{
    width:100%;
  }

  .search-result-top,
  .search-result-actions{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (min-width: 861px){
  .hhk-drawer{
    display:none;
  }
}
/* HHK_SEARCH_DRAWER_END */

/* HHK liability query upgrade */
.table-scroll{
  width:100%;
  overflow-x:auto;
  margin-top:1rem;
}
.hhk-compare-table{
  width:100%;
  border-collapse:collapse;
  min-width:680px;
  overflow:hidden;
  border-radius:16px;
  background:rgba(255,255,255,.04);
}
.hhk-compare-table th,
.hhk-compare-table td{
  padding:1rem;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.hhk-compare-table th{
  font-weight:800;
  background:rgba(255,255,255,.07);
}
.hhk-faq-list h3{
  margin-top:1.25rem;
  margin-bottom:.35rem;
}
.hhk-faq-list h3:first-child{
  margin-top:0;
}