#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}}