.plans-page { background:linear-gradient(180deg,#fbfcff 0,#f8f8fb 37rem); }
.plans-hero,.plans-catalog,.plans-details { max-width:1180px; margin:0 auto; padding-left:max(5vw,24px); padding-right:max(5vw,24px); }
.plans-hero { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(300px,.72fr); gap:4.5rem; align-items:center; padding-top:5.5rem; padding-bottom:4.4rem; }
.plans-hero h1,.plans-catalog h2,.plans-details h2 { margin:.2rem 0 1.25rem; letter-spacing:-.065em; line-height:.98; font-size:clamp(2.75rem,5.4vw,5.1rem); }
.plans-lede { max-width:680px; color:var(--muted); font-size:1.12rem; }
.plans-hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.7rem; }
.plans-timeline { padding:1.6rem; border:1px solid #dce3ff; border-radius:20px; background:#fff; box-shadow:var(--shadow); }
.plans-timeline > p { margin:0 0 .9rem; color:var(--blue); font-weight:850; letter-spacing:.1em; font-size:.68rem; text-transform:uppercase; }
.plans-timeline ol { display:grid; gap:1rem; margin:0; padding:0; list-style:none; counter-reset:steps; }
.plans-timeline li { display:flex; align-items:center; gap:.75rem; color:#3e4b67; font-weight:750; }
.plans-timeline span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#fff; background:var(--ink); font-size:.72rem; }
.plans-catalog { padding-top:2rem; padding-bottom:2.5rem; }
.plans-catalog-intro { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.plans-catalog-intro h2 { font-size:clamp(2rem,4vw,3.45rem); margin-bottom:0; }
.plans-catalog-intro .checkout-status { max-width:320px; margin:0; }
.plans-page .membership-plan-grid { grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; }
.plans-page .plan-card { min-height:360px; }
.plans-page .plan-card .button { margin-top:auto; }
.plans-ad { margin:1rem auto 3.5rem; }
.plans-details { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:4rem; padding-top:4rem; padding-bottom:5rem; border-top:1px solid #e3e7f0; }
.plans-details h2 { font-size:clamp(2rem,4vw,3.45rem); }
.plans-detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.85rem; }
.plans-detail-grid article { padding:1.1rem; border:1px solid var(--line); border-radius:15px; background:#fff; }
.plans-detail-grid span { color:var(--blue); font-size:1.25rem; font-weight:900; }.plans-detail-grid h3 { margin:.45rem 0; font-size:.92rem; }.plans-detail-grid p { margin:0; color:#667188; font-size:.78rem; line-height:1.5; }
@media (max-width:1000px) { .plans-page .membership-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.plans-details { grid-template-columns:1fr; gap:2rem; }.plans-hero { gap:2rem; } }
@media (max-width:680px) { .plans-hero { grid-template-columns:1fr; padding-top:3.2rem; padding-bottom:2.8rem; }.plans-catalog-intro { display:block; }.plans-catalog-intro .checkout-status { margin-top:1rem; }.plans-page .membership-plan-grid,.plans-detail-grid { grid-template-columns:1fr; }.plans-details { padding-top:3rem; padding-bottom:3.5rem; } }