.pricing-hero{
  position:relative;
  border-bottom:1px solid var(--border);
  background:
    radial-gradient(ellipse at top right,var(--accent-glow-soft),transparent 58%),
    linear-gradient(var(--grid-dot) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid-dot) 1px,transparent 1px);
  background-size:auto,48px 48px,48px 48px;
}

.pricing-hero::after{
  content:"";
  position:absolute;
  right:var(--gutter);
  bottom:0;
  width:min(34vw,420px);
  height:1px;
  background:linear-gradient(90deg,transparent,var(--accent));
  box-shadow:0 0 18px var(--accent-glow-strong);
  pointer-events:none;
}

.pricing-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:clamp(36px,7vw,88px);
  align-items:center;
  min-height:540px;
}

.pricing-hero-copy{
  min-width:0;
  max-width:720px;
}

.pricing-hero-copy h1{
  font-size:clamp(48px,5.2vw,68px);
}

.pricing-lead{
  max-width:650px;
  margin:22px 0 28px;
  color:var(--text-muted);
  font-size:clamp(16px,1.7vw,19px);
}

.pricing-facts{
  margin-top:26px;
}

.billing-summary{
  min-width:0;
  padding:28px;
  border-color:var(--accent-dark);
  box-shadow:0 0 0 1px var(--accent-glow-soft),0 24px 58px var(--shadow-deep);
}

.billing-summary-label{
  margin-bottom:20px;
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
}

.billing-summary dl{
  display:grid;
  gap:0;
}

.billing-summary dl div{
  display:grid;
  grid-template-columns:minmax(96px,.55fr) minmax(0,1fr);
  gap:18px;
  padding:17px 0;
  border-top:1px solid var(--border);
}

.billing-summary dt{
  color:var(--text);
  font-weight:700;
}

.billing-summary dd{
  color:var(--text-muted);
  text-align:right;
}

.billing-tabs{
  min-width:0;
}

.billing-tabs .tab-list{
  width:max-content;
  margin-bottom:22px;
}

.plan-context{
  min-height:112px;
  margin-top:20px;
  color:var(--text-muted);
  font-size:14px;
}

.monthly-rule{
  margin-top:24px;
}

.traffic-pack-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.traffic-pack-card{
  min-width:0;
  padding:28px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
}

.traffic-pack-card.is-emphasized{
  background:var(--bg-panel-2);
  border-color:var(--accent);
  box-shadow:0 0 0 1px var(--accent-glow),0 20px 54px var(--accent-glow-soft);
}

.pack-kind{
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:12px;
}

.traffic-pack-card h3{
  margin-top:14px;
  font-size:30px;
}

.pack-price{
  margin:14px 0;
  color:var(--text);
  font-family:var(--font-display);
  font-size:42px;
  font-weight:800;
  line-height:1;
}

.traffic-pack-card > p:not(.pack-kind,.pack-price){
  min-height:104px;
  color:var(--text-muted);
  font-size:14px;
}

.traffic-pack-card .btn{
  width:100%;
  margin-top:24px;
}

.inclusion-section{
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  background:var(--bg-panel);
}

.inclusion-ledger{
  display:grid;
  border-top:1px solid var(--border);
}

.inclusion-ledger article{
  display:grid;
  grid-template-columns:minmax(110px,.3fr) minmax(0,1fr);
  gap:clamp(24px,6vw,80px);
  padding:26px 0;
  border-bottom:1px solid var(--border);
}

.inclusion-key{
  align-self:start;
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
}

.inclusion-ledger h3{
  font-size:21px;
}

.inclusion-ledger p{
  max-width:760px;
  margin-top:8px;
  color:var(--text-muted);
}

.choice-notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}

.choice-notes article{
  padding:24px;
}

.choice-notes h3{
  font-size:19px;
}

.choice-notes p{
  margin-top:10px;
  color:var(--text-muted);
  font-size:14px;
}

.payment-section{
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  background:
    linear-gradient(90deg,var(--accent-glow-soft),transparent 34%),
    var(--bg-panel);
}

.payment-layout{
  display:grid;
  grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);
  gap:clamp(32px,6vw,76px);
  align-items:start;
}

.payment-intro{
  margin-top:18px;
  color:var(--text-muted);
}

.payment-panel{
  min-width:0;
  padding:28px;
}

.payment-methods{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-bottom:22px;
  border-bottom:1px solid var(--border);
}

.payment-methods span{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  padding:7px 15px;
  color:var(--text);
  background:var(--bg-panel);
  border:1px solid var(--accent-dark);
  border-radius:var(--radius-pill);
  font-weight:700;
}

.payment-steps{
  display:grid;
  gap:0;
}

.payment-steps article{
  position:relative;
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:4px 20px;
  padding:24px 0;
  border-bottom:1px solid var(--border);
}

.payment-steps article:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.step-mark{
  grid-row:1/3;
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
}

.payment-steps h3{
  font-size:19px;
}

.payment-steps p{
  color:var(--text-muted);
  font-size:14px;
}

.refund-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:clamp(32px,7vw,88px);
  align-items:start;
}

.refund-copy p:not(.eyebrow){
  margin-top:18px;
  color:var(--text-muted);
}

.refund-checklist{
  padding:26px;
  border-color:var(--accent-dark);
}

.refund-checklist h3{
  font-size:21px;
}

.refund-checklist ul{
  display:grid;
  gap:12px;
  margin:20px 0 24px;
  padding:0;
  list-style:none;
  color:var(--text-muted);
}

.refund-checklist li{
  display:flex;
  gap:10px;
}

.refund-checklist li::before{
  content:"✓";
  flex:0 0 auto;
  color:var(--success);
}

.refund-checklist .btn{
  width:100%;
}

.faq-section{
  border-top:1px solid var(--border);
  background:
    radial-gradient(ellipse at bottom right,var(--accent-glow-soft),transparent 48%),
    var(--bg);
}

.faq-layout{
  max-width:var(--reading-width);
}

.faq-layout .promo-block{
  width:calc(100vw - (var(--gutter) * 2));
  max-width:var(--content-width);
  margin-left:50%;
  transform:translateX(-50%);
}

@media (max-width:960px){
  .pricing-hero-grid{
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:30px;
    padding-bottom:30px;
  }

  .billing-summary{
    max-width:680px;
  }

  .traffic-pack-grid,
  .choice-notes{
    grid-template-columns:1fr;
  }

  .plan-context,
  .traffic-pack-card > p:not(.pack-kind,.pack-price){
    min-height:0;
  }

  .payment-layout,
  .refund-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  .page-pricing h2 .no-break{
    white-space:normal;
  }

  .pricing-hero-grid{
    gap:32px;
  }

  .pricing-hero-copy h1{
    font-size:clamp(30px,9.5vw,40px);
  }

  .billing-summary{
    padding:22px;
  }

  .billing-summary dl div{
    grid-template-columns:1fr;
    gap:4px;
  }

  .billing-summary dd{
    text-align:left;
  }

  .inclusion-ledger article{
    grid-template-columns:1fr;
    gap:8px;
  }

  .payment-panel{
    padding:22px;
  }

  .payment-steps article{
    grid-template-columns:1fr;
    gap:7px;
  }

  .step-mark{
    grid-row:auto;
  }
}

@media (max-width:420px){
  .traffic-pack-card,
  .choice-notes article,
  .refund-checklist{
    padding:22px;
  }

  .billing-tabs .tab-list{
    width:100%;
  }

  .billing-tabs .tab-list [role="tab"]{
    flex:1 0 auto;
  }
}