.premium-page{gap:24px;display:grid}.premium-hero,.premium-benefit-column,.premium-details-panel{border-radius:var(--radius-panel);padding:clamp(22px,4vw,34px)}.premium-hero{background:radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 18%, transparent), transparent 30%), linear-gradient(180deg, color-mix(in srgb, var(--surface-container) 94%, transparent), color-mix(in srgb, var(--surface-container-lowest) 98%, transparent));gap:22px;display:grid}.premium-hero-copy h1,.premium-section-heading h2,.premium-benefit-item h3,.premium-details-panel h3{color:var(--on-surface);font-family:var(--heading-font);margin:0}.premium-hero-copy{gap:16px;display:grid}.premium-hero-copy h1{font-size:clamp(2.6rem,6vw,5rem);line-height:.94}.premium-hero-pill{align-items:center;gap:8px}.premium-hero-pill-icon{width:16px;height:16px}.premium-status-copy{color:color-mix(in srgb, var(--on-surface) 78%, transparent);margin:0;font-weight:800;line-height:1.6}.premium-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.premium-hero-button{justify-content:center;min-width:210px}.premium-action-error{margin:0}.premium-pricing-grid,.premium-benefits-grid,.premium-detail-grid{gap:18px;display:grid}.premium-pricing-grid,.premium-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-plan-card,.premium-benefit-column{gap:18px;display:grid}.premium-plan-card{border-radius:var(--radius-panel);padding:22px}.premium-plan-card.is-featured{border-color:color-mix(in srgb, var(--primary) 34%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 6%, transparent), 0 16px 36px color-mix(in srgb, var(--primary) 14%, transparent)}.premium-plan-badge-row,.premium-benefit-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.premium-plan-note{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.premium-plan-price-block{gap:6px;display:grid}.premium-plan-price-block strong{color:var(--on-surface);font-family:var(--body-font);font-variant-numeric:tabular-nums;font-size:clamp(3.2rem,8vw,5.2rem);line-height:.88}.premium-plan-price-block span{color:var(--outline);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:900}.premium-plan-button{justify-content:center;width:100%}.premium-section-heading{gap:10px;display:grid}.premium-section-heading h2{font-size:clamp(2rem,4vw,3.1rem);line-height:.96}.premium-benefit-list{gap:14px;display:grid}.premium-benefit-item{border:1px solid color-mix(in srgb, var(--primary) 14%, transparent);border-radius:var(--radius-soft);background:color-mix(in srgb, var(--surface-container-lowest) 64%, transparent);gap:10px;padding:18px;display:grid}.premium-benefit-item h3{font-size:1.3rem}.premium-benefit-item p{margin:0}.premium-benefit-pill{font-size:.58rem}.premium-benefit-pill.is-live{--accent:var(--status-success)}.premium-benefit-pill.is-soon{--accent:var(--primary)}.premium-details-panel{gap:18px;display:grid}.premium-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-detail-grid article{border:1px solid color-mix(in srgb, var(--primary) 14%, transparent);border-radius:var(--radius-soft);background:color-mix(in srgb, var(--surface-container-lowest) 64%, transparent);gap:8px;padding:18px;display:grid}.premium-detail-grid p{margin:0}@media (width<=900px){.premium-pricing-grid,.premium-benefits-grid,.premium-detail-grid{grid-template-columns:1fr}}@media (width<=640px){.premium-hero-actions{display:grid}.premium-hero-button{width:100%;min-width:0}.premium-plan-badge-row,.premium-benefit-topline{justify-content:flex-start;align-items:flex-start}}
