.membership-page { padding:64px 0 0; }
.membership-intro { text-align:center; }
.membership-intro h1 { max-width:900px; margin:0 auto 24px; font-size:clamp(42px,6vw,72px); }
.membership-intro > p:not(.eyebrow) { max-width:570px; margin:0 auto 26px; color:var(--muted); line-height:1.7; }
.billing-label { display:inline-block; padding:10px 18px; background:#101e35; border:1px solid #223654; border-radius:30px; color:#a6c9ff; font-size:12px; }
.pricing-disclaimer { max-width:650px; margin:24px auto 36px; text-align:center; color:var(--muted); font-size:12px; line-height:1.6; }
.membership-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.membership-card { display:flex; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,#101925,#090f19); }
.plan-top { display:flex; justify-content:space-between; align-items:center; min-height:26px; margin-bottom:18px; }
.plan-number { color:var(--muted); font-size:12px; }
.plan-badge { padding:6px 12px; color:#fff; background:var(--gradient); border-radius:20px; font-size:11px; font-weight:700; }
.plan-audience { margin-bottom:10px; color:#9fb2d1; font-size:12px; }
.plan-title { font-size:34px; letter-spacing:-1px; margin-bottom:16px; }
.plan-description { min-height:72px; margin-bottom:16px; color:var(--muted); font-size:14px; line-height:1.7; }
.plan-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:6px; }
.plan-price strong { font-family:'Space Grotesk',sans-serif; font-size:48px; letter-spacing:-2px; }
.plan-price > span,.plan-price-note { color:var(--muted); font-size:12px; }
.plan-price-note { margin:8px 0 22px; line-height:1.6; }
.plan-features { flex:1; list-style:none; padding:24px 0 0; margin:0 0 30px; border-top:1px solid var(--line); }
.plan-features li { position:relative; padding-left:24px; margin-bottom:15px; font-size:13px; line-height:1.6; color:#c5cfe0; }
.plan-features li::before { content:'✓'; position:absolute; left:0; color:var(--cyan); }
.membership-card .button { justify-content:space-between; gap:12px; }
.membership-card:not(.recommended) .button { background:#162743; border:1px solid #30518a; box-shadow:none; }
.membership-card.recommended { background:linear-gradient(150deg,#142848,#12142a); border-color:#5271ff; box-shadow:0 0 38px #2451fa18; }
.checkout-notice { margin-top:32px; padding:26px; border:1px solid #4773ca; border-radius:12px; background:#13233d; }
.checkout-notice h2 { font-size:25px; margin-bottom:12px; }
.checkout-notice p { margin:0; line-height:1.7; color:#c5d4ec; }
.checkout-notice:focus { outline:3px solid var(--cyan); outline-offset:5px; }
.membership-help { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin:76px 0 60px; padding-top:40px; border-top:1px solid var(--line); }
.membership-help h2 { font-size:clamp(34px,4vw,48px); margin-bottom:0; }
.membership-help p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.8; margin:0; }
@media(max-width:1000px) and (min-width:801px) { .membership-card { padding:22px; } .plan-description { min-height:100px; } }
@media(max-width:800px) { .membership-page { padding-top:42px; } .membership-grid { grid-template-columns:1fr; max-width:560px; margin:auto; } .plan-description { min-height:auto; } .membership-help { grid-template-columns:1fr; gap:24px; margin-top:54px; } }
.billing-controls { width:fit-content; margin:28px auto 30px; padding:12px 20px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.billing-controls legend { padding:0 8px; color:var(--muted); font-size:12px; }
.billing-controls label { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; cursor:pointer; font-size:14px; }
.billing-controls input { accent-color:var(--blue); }
.billing-controls input:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
/* Founding launch offer: inherits the existing pricing palette and spacing. */
.founding-offer:not([hidden]) { display:grid; grid-template-columns:1.5fr 1fr; align-items:center; gap:32px; margin:0 0 24px; padding:30px 34px; border:1px solid #487cf1; border-radius:16px; background:radial-gradient(ellipse at top right,#4666ff44,transparent 65%),linear-gradient(115deg,#103879,#151d46); box-shadow:0 8px 28px #0869ff14; }
.founding-intro .eyebrow { margin-bottom:8px; font-size:11px; }
.founding-intro h2 { margin:0; font-size:clamp(27px,3vw,40px); line-height:1.15; letter-spacing:-1px; text-wrap:balance; }
.offer-headline-accent { display:block; color:#8bdcff; }
.founding-intro .offer-copy { margin:14px 0 0; max-width:470px; color:#d1dff6; font-size:13px; line-height:1.7; }
.founding-details { padding-left:32px; border-left:1px solid #789cdd55; }
.founding-details p { margin:0; color:#c5cfe0; font-size:13px; line-height:1.65; }
.founding-details .founding-detail-note { margin-top:8px; color:#80caff; font-size:12px; }
.price-comparison { display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin-bottom:6px; }
.price-comparison .plan-price { margin:0; }
.plan-original-price { margin:0; color:#b5bfd1; font-size:12px; line-height:1.5; }
.plan-original-price > span:first-child { font-size:11px; margin-right:5px; }
.plan-original-price del { font-family:'Space Grotesk',sans-serif; font-size:22px; font-weight:500; text-decoration-thickness:2px; text-decoration-color:#c8d2e5; }
.founding-badge { display:inline-block; margin-bottom:8px; padding:4px 8px; border:1px solid #30518a; border-radius:5px; background:#13243d; color:#a6c9ff; font-size:10px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:800px) { .founding-offer:not([hidden]) { grid-template-columns:1fr; gap:12px; padding:20px; max-width:560px; margin-left:auto; margin-right:auto; } }
@media(max-width:800px) { .founding-details { padding:18px 0 0; border-left:0; border-top:1px solid #789cdd55; margin-top:6px; } }

.offer-exclusive { display:inline-block; padding:6px 12px; border:1px solid #82cfff88; border-radius:30px; background:#1b4f98; color:#c5edff; font-size:11px; font-weight:700; letter-spacing:1.5px; }
.founding-details .offer-scope { font-family:'Space Grotesk',sans-serif; font-size:23px; line-height:1.3; font-weight:600; color:#fff; margin:14px 0 8px; }
.offer-action { margin-top:18px; }