.premium-hero{
  padding: 4.5rem 1.5rem 1.5rem;
  text-align: center;
}
.premium-hero-content h1{
  font-size: 2.25rem;
  margin-bottom: 0.25rem;
  background: var(--sys-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.premium-sub{ color: var(--sys-text-color-muted); margin-top: .25rem }

.plans-section{ padding: 2.5rem 1.5rem 4rem; }
.plans-container{
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.plan-card{
  padding: 1.75rem;
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  backdrop-filter: blur(18px) saturate(110%);
  -webkit-backdrop-filter: blur(18px) saturate(110%);
  box-shadow: 0 8px 40px rgba(6,12,22,0.6);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.plan-card.header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.plan-card h3{ margin:0; font-size:2.0rem; font-weight:700; color:#8bceff }
.plan-price{
  display: inline-block;
  margin-top: 6px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
  padding: .3rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 4px 12px rgba(13, 27, 48, 0.5) inset;
  font-size: 0.9rem;
}
.plan-features{ list-style: none; padding:0; margin:0; color:var(--sys-text-color-muted); margin-top:6px }
.plan-features li{ padding: .5rem 0; border-bottom: 1px dashed rgba(255,255,255,0.02) }

.plan-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  margin-top:0.75rem;
  padding:.65rem 1.15rem;
  border-radius:12px;
  text-decoration:none;
  color:#f2f9ff;
  /* Soft dark glassmorphism: subtle translucent dark surface without heavy backdrop blur */
  background:#0d0d0d73;
  border: 1px solid rgba(121, 120, 120, 0.282);
  /* remove aggressive backdrop blur for clarity; keep a faint backdrop-filter for smoothness on supporting browsers */
  backdrop-filter: saturate(105%);
  -webkit-backdrop-filter: saturate(105%);
  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
  font-weight:700;
}
.plan-cta:hover{
  transform: translateY(-3px);
  opacity: 0.98;
}
.plan-cta:active{ transform: translateY(-1px); }

.plan-cta.plan-cta-outline{
  /* outline variant: darker translucent shell with clearer border */
  background: #0d0d0d73;
  color: #dbefff;
  border: 1px solid rgba(255,255,255,0.06);
}
.btn-outline-glass{
  background: linear-gradient(180deg, #0d0d0d73, rgba(13,13,13,0.35));
  color: #dbefff;
  border: 1px solid rgba(255,255,255,0.06);
  padding: .5rem 1rem;
  border-radius: 12px;
}
.plan-actions{ display:flex; gap: .75rem }

@media (min-width: 900px){
  .plans-container{ width: 70%; margin: 0 auto; }
}