.pricing-hero{
  position:relative;
  overflow:clip;
  padding-top:72px;
  padding-bottom:72px;
}
.pricing-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:54px;
  align-items:center;
}
.pricing-hero-copy{min-width:0}
.pricing-hero-copy .badge{margin-bottom:22px}
.pricing-hero-copy h1{max-width:760px;margin-bottom:20px}
.pricing-hero-lead{
  max-width:680px;
  color:var(--color-muted);
  font-size:19px;
}
.pricing-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
  margin-bottom:24px;
}
.pricing-fact-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.pricing-summary{
  position:relative;
  min-width:0;
  padding:30px;
  box-shadow:var(--shadow-window);
  transform:rotate(1deg);
}
.pricing-summary::before{
  position:absolute;
  inset:10px -10px -10px 10px;
  z-index:-1;
  border:1px solid var(--color-line);
  border-radius:var(--radius-md);
  background:var(--color-surface-strong);
  content:"";
}
.pricing-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid var(--color-line);
}
.pricing-summary-kicker{
  color:var(--color-ink);
  font-weight:800;
}
.pricing-summary-line{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:16px;
  align-items:center;
  padding-top:13px;
  padding-bottom:13px;
  border-bottom:1px solid var(--color-line);
  color:var(--color-muted);
}
.pricing-summary-line strong{
  color:var(--color-ink);
  font-family:var(--font-mono);
  font-size:13px;
  text-align:right;
}
.pricing-summary-note{
  margin-top:20px;
  margin-bottom:0;
  color:var(--color-muted);
  font-size:14px;
}
.pricing-orbit{
  position:absolute;
  top:8%;
  right:-8%;
  width:42vw;
  height:42vw;
  max-width:620px;
  max-height:620px;
  border:1px solid var(--color-brand-mid);
  border-radius:50%;
  opacity:.7;
}
.pricing-orbit::before,
.pricing-orbit::after{
  position:absolute;
  border:1px solid var(--color-brand-mid);
  border-radius:50%;
  content:"";
}
.pricing-orbit::before{inset:14%}
.pricing-orbit::after{inset:29%}
.billing-nav-section{
  padding-top:14px;
  padding-bottom:14px;
}
.billing-switch{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:17px 20px;
  border:1px solid var(--color-line);
  border-radius:var(--radius-md);
  background:var(--color-surface);
  box-shadow:var(--shadow-card);
}
.billing-switch-label{
  display:block;
  color:var(--color-ink);
  font-weight:800;
}
.billing-switch p{
  margin:2px 0 0;
  color:var(--color-muted);
  font-size:13px;
}
.billing-switch-actions{
  display:flex;
  flex:0 0 auto;
  gap:6px;
  padding:5px;
  border:1px solid var(--color-line);
  border-radius:var(--radius-sm);
  background:var(--color-surface-strong);
}
.billing-jump{
  min-width:98px;
  min-height:42px;
  padding:8px 16px;
  border:0;
  border-radius:var(--radius-xs);
  background:transparent;
  color:var(--color-muted);
}
.billing-jump:hover,
.billing-jump.is-active{
  background:var(--color-paper);
  color:var(--color-brand);
  box-shadow:var(--shadow-card);
}
.billing-jump.is-active{font-weight:800}
.pricing-section-head{max-width:820px}
.pricing-eyebrow{
  display:block;
  margin-bottom:10px;
  color:var(--color-brand);
  font-size:13px;
  font-weight:800;
  letter-spacing:.07em;
}
.pricing-plan{
  display:flex;
  flex-direction:column;
}
.plan-description{
  min-height:132px;
  margin-top:20px;
  color:var(--color-muted);
}
.pricing-plan .plan-features{margin-top:4px}
.plan-limit{
  min-height:110px;
  margin-top:auto;
  color:var(--color-muted);
  font-size:13px;
}
.plan-limit strong{color:var(--color-ink)}
.pricing-plan .btn{width:100%;margin-top:8px}
.traffic-section{background:var(--color-surface-strong)}
.traffic-plan{
  display:flex;
  flex-direction:column;
  background:var(--color-paper);
}
.traffic-plan .plan-description{min-height:108px}
.traffic-plan .btn{width:100%;margin-top:auto}
.traffic-explainer{
  margin-top:28px;
  padding:28px;
}
.traffic-explainer h3{margin-bottom:20px}
.traffic-explainer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.traffic-explainer-grid > div{
  min-width:0;
  padding-left:18px;
  border-left:3px solid var(--color-brand);
}
.traffic-explainer-grid strong{
  display:block;
  margin-bottom:8px;
  color:var(--color-ink);
}
.traffic-explainer-grid p{margin:0;color:var(--color-muted)}
.included-layout{
  display:grid;
  gap:1px;
  overflow:hidden;
  border:1px solid var(--color-line);
  border-radius:var(--radius-md);
  background:var(--color-line);
  box-shadow:var(--shadow-card);
}
.included-row{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:28px;
  align-items:start;
  padding:28px;
  background:var(--color-surface);
}
.included-row:nth-child(even){background:var(--color-paper)}
.included-row > div{min-width:0}
.included-marker{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  padding:5px 12px;
  border-radius:var(--radius-pill);
  background:var(--color-brand-soft);
  color:var(--color-brand-deep);
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:800;
}
.included-row h3{margin-bottom:8px;font-size:24px}
.included-row p{margin:0;color:var(--color-muted)}
.comparison-section{background:var(--color-surface)}
.pricing-table{min-width:1040px}
.pricing-table td{color:var(--color-muted)}
.pricing-table td:nth-child(2),
.pricing-table td:nth-child(3){color:var(--color-brand-deep);font-weight:800}
.payment-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:44px;
  align-items:start;
}
.payment-copy p{color:var(--color-muted)}
.payment-panel{padding:30px;box-shadow:var(--shadow-window)}
.payment-methods{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-bottom:26px;
}
.payment-method{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  padding:7px 14px;
  border:1px solid var(--color-brand-mid);
  border-radius:var(--radius-pill);
  background:var(--color-brand-soft);
  color:var(--color-brand-deep);
  font-weight:750;
}
.payment-steps{
  display:grid;
  gap:16px;
  margin-bottom:26px;
  padding-left:1.4em;
}
.payment-steps li{padding-left:5px;color:var(--color-brand)}
.payment-steps strong,
.payment-steps span{display:block}
.payment-steps strong{color:var(--color-ink)}
.payment-steps span{margin-top:2px;color:var(--color-muted);font-size:14px}
.payment-panel .btn{width:100%}
.refund-section{
  padding-top:54px;
  padding-bottom:54px;
  background:var(--color-brand);
}
.refund-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:30px;
  align-items:start;
  color:var(--color-paper);
}
.refund-card h2,
.refund-card p,
.refund-card .pricing-eyebrow{color:var(--color-paper)}
.refund-card p{max-width:920px}
.refund-badge{
  display:grid;
  width:92px;
  height:92px;
  place-items:center;
  border:1px solid var(--color-paper);
  border-radius:var(--radius-md);
  color:var(--color-paper);
}
.faq-layout{
  display:grid;
  grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);
  gap:48px;
  align-items:start;
}
.pricing-final{
  padding-top:20px;
  padding-bottom:30px;
}
.pricing-promo{margin-top:0}
@media (max-width:1080px){
  .pricing-hero-grid,
  .payment-layout{grid-template-columns:1fr}
  .pricing-summary{max-width:720px;transform:none}
  .pricing-orbit{right:-18%;width:64vw;height:64vw}
  .plan-description,
  .plan-limit,
  .traffic-plan .plan-description{min-height:0}
}
@media (max-width:768px){
  .pricing-hero{
    padding-top:52px;
    padding-bottom:52px;
  }
  .pricing-hero-lead{font-size:17px}
  .billing-switch{
    align-items:stretch;
    flex-direction:column;
  }
  .billing-switch-actions{width:100%}
  .billing-jump{min-width:0;flex:1}
  .traffic-explainer-grid,
  .faq-layout{grid-template-columns:1fr}
  .included-row{
    grid-template-columns:1fr;
    gap:14px;
  }
  .included-marker{justify-self:start}
  .refund-card{grid-template-columns:1fr}
  .refund-badge{width:74px;height:74px}
}
@media (max-width:640px){
  .pricing-hero-actions{display:grid}
  .included-row .no-break{white-space:normal}
  .pricing-summary{padding:22px}
  .pricing-summary::before{display:none}
  .pricing-summary-line{grid-template-columns:1fr}
  .pricing-summary-line strong{text-align:left}
  .pricing-orbit{display:none}
  .billing-switch-actions{flex-direction:column}
  .included-row,
  .traffic-explainer,
  .payment-panel{padding:22px}
  .refund-card{gap:20px}
}