#payment .payment-wrap{max-width:1080px;margin:0 auto;padding:clamp(20px,4vw,42px);background:#fff;border:1px solid #dce5df;border-radius:20px;box-shadow:0 10px 38px #203a2c09}
#payment .plans-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}#payment .plans-hero>div{max-width:66ch}#payment .plans-kicker{font-size:12px;letter-spacing:.09em;color:#347159;font-weight:700}#payment h2{font-size:clamp(24px,3vw,36px);line-height:1.2;margin:10px 0 16px}#payment p{line-height:1.6}#payment .plans-sticker{width:120px;flex:0 0 120px;filter:drop-shadow(0 7px 0 #183a1510);transform:rotate(-8deg);transition:transform .25s}#payment .plans-sticker:hover{transform:rotate(2deg) translateY(-4px)}
#payment .plans-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:16px 0 30px}#payment .plans-benefits p{margin:0;padding-left:14px;border-left:3px solid #bbd5c6}#payment .plans-benefits strong,#payment .plans-benefits span{display:block}#payment .plans-benefits span{font-size:14px;color:#53665d;margin-top:6px}
#payment .plan-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}#payment .plan-tier{border:1px solid #dce5df;border-radius:14px;padding:24px;background:#fafbf9}#payment .plan-tier.pro{background:#f0f7f1;border:2px solid #478a67}#payment .plan-tier-title{display:flex;gap:12px;align-items:center;font-size:25px;margin:0}#payment .plan-tier-title span{font-size:12px;background:white;padding:5px 9px;border-radius:20px;font-weight:500}#payment .plan-tier li{margin:12px 0;line-height:1.5}#payment .plan-tier ul{padding-left:20px}#payment .plans-beta{margin:24px 0;background:#f7f4e9;border-left:3px solid #b4974c;padding:18px 22px;border-radius:8px}#payment .plans-beta p{font-size:14px;margin:8px 0 14px}
#payment .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}#payment .plan{padding:16px;border:1px solid #b5c9bc;background:white;border-radius:10px;font:inherit;transition:background .18s,transform .18s}#payment .plan.active{background:#e5f3e9;border:2px solid #277b51;font-weight:700}#payment .plan:hover{transform:translateY(-2px)}#payment .field{margin:16px 0}#payment label{display:block;font-size:14px;margin:0 0 7px}#payment input:disabled{background:#f3f5f3;color:#68776d}#payment .pay-providers{margin-top:20px}#payment .plans-credit{font-size:12px;color:#66766b;margin-top:22px}
@media(min-width:701px){.site-footer{padding:28px 32px 20px}.site-footer .footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.site-footer .footer-title{color:#fff;font-weight:650;margin-bottom:10px}.site-footer .footer-grid>div{display:flex;flex-direction:column;gap:8px}.site-footer .footer-grid a{font-size:14px;line-height:1.5;text-decoration:none;max-width:max-content}.site-footer .footer-grid a:hover{text-decoration:underline}.site-footer .footer-copy{margin-top:24px;padding-top:16px;font-size:12px}}
@media(max-width:650px){#payment .plans-benefits,#payment .plan-compare{grid-template-columns:1fr}#payment .plans-hero{align-items:flex-start;gap:12px}#payment .plans-sticker{width:64px;height:64px;flex-basis:64px}#payment .plans{grid-template-columns:1fr}#payment .plan-tier{padding:20px}#payment .plans-kicker{font-size:10px}}
@media(prefers-reduced-motion:reduce){#payment *{transition:none!important;animation:none!important}}

/* Editorial pricing experience aligned with the public landing page. */
#payment .payment-wrap{max-width:1328px;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#payment .plans-hero{display:grid;grid-template-columns:minmax(440px,1fr) minmax(500px,1fr);align-items:stretch;min-height:510px;margin:0 0 48px;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:var(--landing-surface);box-shadow:0 24px 70px rgba(42,66,112,.11)}
#payment .plans-hero>div{max-width:none}#payment .plans-kicker{margin:0 0 18px;color:var(--landing-accent-2);font-size:12px;letter-spacing:.17em}#payment .plans-hero h2{margin:0 0 20px;overflow-wrap:normal;word-break:normal;hyphens:none;font-size:clamp(40px,4vw,58px);line-height:1.02}#payment .plans-hero h2 span{color:var(--landing-accent)}#payment .plans-hero .editorial-copy>p:last-child{margin:0;color:var(--landing-muted);font-size:18px}
#payment .plans-benefits{gap:0;margin:0 0 54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#payment .plans-benefits p{margin:0;padding:28px clamp(18px,3vw,34px);border-left:0}#payment .plans-benefits p+p{border-left:1px solid var(--line)}#payment .plans-benefits strong{font-size:17px}#payment .plans-benefits span{color:var(--landing-muted);line-height:1.55}
#payment .plan-compare{gap:18px;margin-bottom:30px}#payment .plan-tier{padding:clamp(24px,4vw,42px);border:0;border-radius:24px;background:var(--panel-subtle)}#payment .plan-tier.pro{border:0;background:linear-gradient(145deg,rgba(43,141,242,.12),rgba(179,101,255,.12))}#payment .plan-tier-title span{background:var(--landing-surface);color:var(--muted-strong)}#payment .plan-tier li{margin:14px 0}#payment .plan-tier li::marker{color:var(--landing-accent-2)}
#payment .plans-beta{margin:18px 0;padding:19px 22px;border:0;border-radius:16px;background:var(--panel-subtle)}#payment .plans-beta[role="note"]{margin-top:34px;background:linear-gradient(100deg,rgba(49,183,255,.11),rgba(179,101,255,.08))}
#payment .plans{gap:10px;margin:22px 0}#payment .plan{border-color:var(--line);background:var(--landing-surface);border-radius:14px}#payment .plan.active{border:1px solid rgba(22,124,232,.55);background:var(--primary-soft);color:var(--text)}
#payment .field,#payment .pay-providers,#payment .pay-status{max-width:720px;margin-left:auto;margin-right:auto}#payment .plans{max-width:720px;margin-left:auto;margin-right:auto}
html[data-theme="dark"] #payment .plan-tier{background:#0a1734}html[data-theme="dark"] #payment .plan-tier.pro{background:linear-gradient(145deg,rgba(37,140,242,.18),rgba(179,101,255,.16))}html[data-theme="dark"] #payment .plans-hero{box-shadow:0 28px 78px rgba(0,0,0,.32)}
@media(max-width:980px){#payment .plans-hero{grid-template-columns:1fr}#payment .plans-benefits{grid-template-columns:1fr}#payment .plans-benefits p+p{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:650px){#payment .plans-hero{min-height:0;border-radius:24px}#payment .plans-hero .editorial-copy{padding:30px 22px 28px}#payment .plans-hero h2{font-size:34px;line-height:1.04}#payment .plans-benefits{margin-bottom:38px}#payment .plan-tier{padding:24px}#payment .plans-hero .editorial-media{min-height:360px}}

/* Experience R2: pricing uses a product still life and an asymmetrical plan brief. */
#payment .plans-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(30px,5vw,76px);margin:0 0 52px;padding:clamp(18px,2vw,28px);border:1px solid var(--line);border-radius:34px;background:var(--landing-surface);box-shadow:0 24px 70px rgba(42,66,112,.1)}
#payment .plans-intro-visual{position:relative;min-height:clamp(430px,44vw,610px);overflow:hidden;border-radius:24px;background:var(--panel-subtle)}
#payment .plans-intro-visual .editorial-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#payment .plans-intro-copy{padding:clamp(8px,2vw,24px) clamp(6px,1vw,14px)}
#payment .plans-intro-copy h2{margin:12px 0 20px;font-size:clamp(40px,4.7vw,66px);line-height:1;letter-spacing:-.045em}
#payment .plans-intro-copy h2 span{color:var(--landing-accent)}
#payment .plans-intro-copy>p:not(.plans-kicker){margin:0;color:var(--landing-muted);font-size:18px;line-height:1.65}
#payment .plans-intro-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
#payment .plans-intro-facts span{display:grid;gap:3px;color:var(--landing-muted);font-size:13px}#payment .plans-intro-facts strong{color:var(--text);font-size:20px}
html[data-theme="dark"] #payment .plans-intro{box-shadow:0 28px 78px rgba(0,0,0,.3)}
@media(max-width:980px){#payment .plans-intro{grid-template-columns:1fr}.plans-intro-copy{order:-1}}
@media(max-width:650px){#payment .plans-intro{gap:8px;padding:12px;border-radius:24px}#payment .plans-intro-copy{padding:20px 10px 24px}#payment .plans-intro-copy h2{font-size:36px}#payment .plans-intro-copy>p:not(.plans-kicker){font-size:16px}#payment .plans-intro-visual{min-height:0;aspect-ratio:3/2}#payment .plans-intro-visual .editorial-image{object-fit:contain;object-position:center}#payment .plans-intro-facts{grid-template-columns:1fr 1fr}}