.ec-pricing-page { --ec-ink:#183b38; --ec-muted:#56716c; --ec-teal:#01696f; color:var(--ec-ink); background:#fff; }
.ec-pricing-page h1,.ec-pricing-page h2 { color:var(--ec-ink); }
.ec-price-section { padding:72px 0; scroll-margin-top:90px; }
.ec-plans-section { background:linear-gradient(145deg,#f3f8f4,#edf6f3 65%,#fff); }
.ec-kicker { display:block; color:var(--ec-teal); font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; margin-bottom:18px; }
.ec-pricing-intro { display:grid; grid-template-columns:1.25fr 1fr; gap:56px; align-items:center; }
.ec-pricing-intro h1 { font-size:clamp(38px,4.5vw,64px); line-height:1.08; letter-spacing:-1.8px; margin:0 0 20px; }
.ec-lead { color:var(--ec-muted); font-size:18px; line-height:1.7; max-width:540px; }
.ec-pricing-art { width:100%; max-width:370px; height:auto; justify-self:center; }
.ec-section-nav { display:flex; gap:22px; flex-wrap:wrap; margin:24px 0; }
.ec-section-nav a,.ec-text-link { color:var(--ec-teal); font-weight:700; text-underline-offset:5px; }
.ec-plan-selector { margin:34px 0 28px; }
.ec-plan-selector label { display:block; font-weight:700; margin-bottom:8px; }
.ec-plan-selector select { width:100%; max-width:410px; border:1px solid #a8c5bb; border-radius:12px; padding:13px 16px; background:#fff; color:var(--ec-ink); font:inherit; }
.ec-plan-selector p { font-size:12px; color:var(--ec-muted); margin:10px 0 0; }
.ec-plan-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.ec-plan-card { border:1px solid #cdded6; border-radius:24px; padding:34px; display:flex; flex-direction:column; position:relative; overflow:hidden; background:#fff; box-shadow:0 14px 35px #183b3808; }
.ec-launch-card { border:2px solid var(--ec-teal); background:linear-gradient(135deg,#fff 45%,#e6f3ec); box-shadow:0 16px 45px #01696f14; }
.ec-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:23px; }
.ec-plan-icon { display:grid; place-items:center; width:48px; height:48px; background:#e4f2eb; border-radius:14px; color:var(--ec-teal); font-size:24px; }
.ec-offer-badge { background:var(--ec-teal); color:#fff; border-radius:30px; padding:8px 13px; font-size:11px; letter-spacing:.1em; font-weight:700; }
.ec-standard-label { font-size:11px; font-weight:700; letter-spacing:.1em; color:var(--ec-muted); }
.ec-plan-card h2 { font-family:inherit; font-size:26px; font-weight:700; margin:0 0 10px; }
.ec-plan-card>p { color:var(--ec-muted); font-size:14px; min-height:42px; }
.ec-plan-amount { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin:10px 0; }
.ec-plan-amount strong { font-size:clamp(42px,5vw,66px); letter-spacing:-2px; line-height:1.1; color:var(--ec-teal); }
.ec-plan-amount>span { color:var(--ec-muted); }
.ec-tax-note { font-size:12px; color:var(--ec-muted); }
.ec-tax-note span { display:block; margin-top:9px; font-weight:700; color:var(--ec-teal); }
.ec-currency-line { border-top:1px solid #d8e5de; margin-top:24px; padding-top:22px; font-weight:700; }
.ec-check-list { list-style:none; padding:0; margin:20px 0 28px; color:var(--ec-muted); }
.ec-check-list li { position:relative; padding-left:27px; margin:12px 0; font-size:15px; }
.ec-check-list li::before { content:'✓'; position:absolute; left:0; color:var(--ec-teal); font-weight:700; }
.ec-plan-button { display:flex; align-items:center; justify-content:space-between; gap:20px; background:var(--ec-teal); color:#fff; border:1px solid var(--ec-teal); border-radius:11px; padding:15px 20px; font-weight:700; text-decoration:none; margin-top:auto; }
.ec-plan-button:hover { background:#004f54; color:#fff; }
.ec-outline-button { background:#fff; color:var(--ec-teal); }
.ec-card-footer { text-align:center; color:var(--ec-muted); font-size:11px; margin-top:15px; }
.ec-policy { margin:24px 0 0; font-size:12px; }
.ec-policy a { color:var(--ec-muted); text-underline-offset:3px; }
.ec-benefit-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:70px; align-items:center; }
.ec-benefit-grid h2 { font-size:clamp(32px,3.4vw,46px); line-height:1.15; margin:0 0 20px; }
.ec-art-panel img { display:block; width:100%; height:auto; }
.ec-benefit-grid p { color:var(--ec-muted); }
.ec-reward-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid #d5e4dc; border-radius:18px; margin:24px 0; padding:22px; background:#f7faf8; gap:22px; }
.ec-reward-grid>div+div { border-left:1px solid #d5e4dc; padding-left:22px; }
.ec-reward-grid span,.ec-reward-grid small { display:block; color:var(--ec-muted); font-size:12px; }
.ec-reward-grid strong { display:block; font-size:36px; color:var(--ec-teal); margin:8px 0 2px; }
.ec-referral-example { font-weight:700; }
.ec-family-section { background:#f2f7f3; }
.ec-family-price { display:flex; align-items:center; gap:18px; margin:25px 0; }
.ec-family-price strong { font-size:54px; line-height:1; color:var(--ec-teal); letter-spacing:-2px; }
.ec-family-price span { font-size:15px; color:var(--ec-ink); }
.ec-family-price small,.ec-fine-print { color:var(--ec-muted); font-size:12px; }
.ec-family-section .ec-plan-button { max-width:310px; margin-top:24px; }
.ec-pricing-page a:focus-visible,.ec-pricing-page select:focus-visible { outline:3px solid #b18a30; outline-offset:4px; }
@media(max-width:767px) { .ec-price-section { padding:42px 0; } .ec-pricing-intro,.ec-benefit-grid,.ec-plan-grid { grid-template-columns:1fr; gap:28px; } .ec-pricing-art { max-width:260px; } .ec-plan-card { padding:25px; } .ec-benefit-grid .ec-art-panel { max-width:330px; justify-self:center; } .ec-family-section .ec-art-panel { grid-row:1; } .ec-section-nav { gap:16px; font-size:14px; } .ec-reward-grid { padding:16px; gap:16px; } .ec-reward-grid>div+div { padding-left:16px; } }