.subscription-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#24483c,#397f78);color:#fff;box-shadow:var(--bh-shadow)}.subscription-hero h2{margin:4px 0 6px;color:#fff}.subscription-hero p{margin:0;color:rgba(255,255,255,.86);max-width:65ch;font-size:13px}.subscription-hero .eyebrow{color:#f2c765}.subscription-badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-size:11px;font-weight:800;white-space:nowrap}.subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.subscription-card{padding:24px;border:1px solid var(--bh-border);border-radius:20px;background:#fff;box-shadow:var(--bh-shadow)}.subscription-card-top{display:flex;align-items:center;justify-content:space-between}.subscription-card .feature-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:14px;background:var(--bh-bg)}.plan-label{font-size:11px;font-weight:800;color:var(--bh-muted);text-transform:uppercase;letter-spacing:.05em}.subscription-card h2{margin:17px 0 6px;color:var(--bh-primary)}.subscription-card>p{margin:0;color:var(--bh-text-muted);font-size:13px;line-height:1.55}.subscription-card ul{margin:18px 0;padding:0;list-style:none;display:grid;gap:9px}.subscription-card li{font-size:13px;font-weight:650}.subscription-card li::before{content:"✓";margin-right:8px;color:var(--bh-secondary);font-weight:900}.subscription-price{margin:20px 0 14px;font-size:25px;font-weight:850;color:var(--bh-primary)}.subscription-price small{font-size:11px;font-weight:600;color:var(--bh-muted)}.subscription-current,.subscription-card .button{width:100%;justify-content:center}.subscription-pro{border:2px solid var(--bh-secondary)}.subscription-details{margin-top:18px}.subscription-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subscription-info-grid>div{padding:16px;border:1px solid var(--bh-border);border-radius:16px;background:var(--bh-bg)}.subscription-info-grid p{margin:6px 0 0;color:var(--bh-text-muted);font-size:12px;line-height:1.5}.subscription-help{margin-top:18px}.subscription-help h2{margin-top:0}.subscription-help p{color:var(--bh-text-muted);font-size:13px}@media(max-width:750px){.subscription-hero{display:grid;padding:22px}.subscription-grid,.subscription-info-grid{grid-template-columns:1fr}}
.subscription-annual{margin:-6px 0 14px;color:var(--bh-secondary);font-size:13px;font-weight:800}.subscription-annual small{font-size:10px;color:var(--bh-muted);font-weight:600;margin-left:4px}
.subscription-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.subscription-grid{grid-template-columns:1fr 1fr}.subscription-grid .subscription-card:last-child{grid-column:1/-1}}
@media(max-width:750px){.subscription-grid{grid-template-columns:1fr}.subscription-grid .subscription-card:last-child{grid-column:auto}}

/* Subscription plans: 2 x 2 desktop grid, stacked on mobile */
.subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:750px){.subscription-grid{grid-template-columns:1fr!important}.subscription-grid .subscription-card:last-child{grid-column:auto!important}}


/* Family Pro billing choices */
.subscription-pricing-choice{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:18px 0 14px;
}
.subscription-price-option{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:64px;
  padding:12px 14px;
  border:1px solid var(--bh-border);
  border-radius:14px;
  background:#fff;
  cursor:pointer;
}
.subscription-price-option:has(input:checked){
  border:2px solid var(--bh-secondary);
  background:var(--bh-bg);
  padding:11px 13px;
}
.subscription-price-option input{
  accent-color:var(--bh-primary);
  flex:0 0 auto;
}
.subscription-price-option span{
  display:grid;
  gap:2px;
}
.subscription-price-option strong{
  color:var(--bh-primary);
  font-size:15px;
}
.subscription-price-option small{
  color:var(--bh-muted);
  font-size:11px;
}
@media(max-width:520px){
  .subscription-pricing-choice{grid-template-columns:1fr}
}


/* Family Pro pricing — clear, spacious billing cards */
.subscription-pricing-choice{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:22px 0 18px;
}
.subscription-price-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:92px;
  padding:18px 20px;
  border:2px solid var(--bh-border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 16px rgba(20,68,0,.05);
  transition:border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.subscription-price-option:hover{
  border-color:var(--bh-soft);
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(20,68,0,.08);
}
.subscription-price-option:has(input:checked){
  border:2px solid var(--bh-primary);
  background:#f4f8f4;
  padding:18px 20px;
  box-shadow:0 8px 22px rgba(20,68,0,.10);
}
.subscription-price-option input{
  width:18px;
  height:18px;
  accent-color:var(--bh-primary);
  flex:0 0 auto;
}
.subscription-price-option span{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.subscription-price-option strong{
  color:var(--bh-primary);
  font-size:1.15rem;
  line-height:1.2;
  font-weight:850;
}
.subscription-price-option small{
  color:var(--bh-muted);
  font-size:.78rem;
  line-height:1.35;
  font-weight:650;
}
@media(max-width:520px){
  .subscription-pricing-choice{
    grid-template-columns:1fr;
    gap:12px;
  }
  .subscription-price-option{
    min-height:84px;
  }
}