:root{--plans-ink:#10233f;--plans-muted:#64748b;--plans-violet:#6957e8;--plans-cream:#fbfaf6;--plans-line:#e3e5ec}
.plans-page{background:var(--plans-cream);color:var(--plans-ink);font-family:"DM Sans",sans-serif}
.plans-main{position:relative;overflow:hidden;padding:50px 24px 68px}
.plans-main:before,.plans-main:after{position:absolute;z-index:-1;border-radius:50%;content:""}
.plans-main:before{width:350px;height:350px;left:-180px;top:-120px;background:#ebe7ff}
.plans-main:after{width:300px;height:300px;right:-150px;top:170px;background:#e1f5ed}
.plans-hero{max-width:780px;margin:0 auto 34px;text-align:center}
.plans-eyebrow{margin:0 0 12px;color:var(--plans-violet);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.plans-hero h1{margin:0;font:800 clamp(2.4rem,5vw,4.2rem)/1.06 Manrope,sans-serif;letter-spacing:-.055em}
.plans-hero h1 em{color:var(--plans-violet);font-style:normal}
.plans-hero>p:not(.plans-eyebrow){max-width:610px;margin:17px auto 0;color:var(--plans-muted);font-size:.96rem;line-height:1.65}
.plans-trust{display:flex;justify-content:center;gap:22px;margin-top:20px;color:#66748a;font-size:.72rem;font-weight:700}
.plans-trust span:before{color:#36a069}
.plans-grid{width:min(100%,1120px);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:23px;border:1px solid var(--plans-line);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(33,39,72,.065)}
.plan-card--featured{border-color:#c7bfff;box-shadow:0 15px 38px rgba(105,87,232,.13)}
.plan-card--featured:before{position:absolute;inset:0 0 auto;height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#6957e8,#8e7cff);content:""}
.plan-badge{position:absolute;right:18px;top:17px;padding:5px 9px;border-radius:999px;background:#eeeaff;color:#5745d0;font-size:.64rem;font-weight:800}
.plan-levels{padding-right:72px;color:var(--plans-violet);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.plan-card h2{margin:9px 0 7px;font:800 1.32rem/1.2 Manrope,sans-serif;letter-spacing:-.03em}
.plan-description{min-height:42px;margin:0;color:var(--plans-muted);font-size:.78rem;line-height:1.5}
.plan-features{display:grid;gap:7px;margin:17px 0 0;padding:14px 0;border-top:1px solid #ececf1;border-bottom:1px solid #ececf1;list-style:none}
.plan-features li{color:#4c596d;font-size:.72rem;font-weight:650}.plan-features li:before{margin-right:8px;color:#3c9b70;font-weight:900;content:"✓"}
.plan-price{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:16px 0 13px}
.plan-price strong{font:800 1.75rem Manrope,sans-serif;letter-spacing:-.04em}.plan-price span{color:#8790a1;font-size:.67rem}
.plan-form{display:grid;gap:7px;margin-top:auto}.plan-form label{color:#657085;font-size:.65rem;font-weight:800;letter-spacing:.04em}
.plan-form select{width:100%;height:42px;border:1px solid #d9dce6;border-radius:10px;padding:0 11px;background:#fcfcfe;color:#283750;font:600 .72rem "DM Sans",sans-serif;outline:0}
.plan-form select:focus{border-color:#8575ec;box-shadow:0 0 0 3px rgba(105,87,232,.1)}
.plan-form button{height:43px;border:0;border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:var(--plans-ink);color:#fff;font:800 .76rem "DM Sans",sans-serif;cursor:pointer;transition:.18s transform,.18s box-shadow}
.plan-card--featured .plan-form button{background:linear-gradient(135deg,#6957e8,#5140d0);box-shadow:0 8px 18px rgba(105,87,232,.2)}
.plan-form button:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(16,35,63,.18)}
.plans-note{margin:20px auto 0;text-align:center;color:#8a93a2;font-size:.68rem}
@media(max-width:900px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-grid .plan-card:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 8px);justify-self:center}}
@media(max-width:620px){.plans-main{padding:38px 16px 55px}.plans-hero{margin-bottom:27px}.plans-trust{flex-wrap:wrap;gap:8px 16px}.plans-grid{grid-template-columns:1fr}.plans-grid .plan-card:last-child:nth-child(odd){grid-column:auto;width:100%}.plan-card{padding:21px}.plan-description{min-height:0}}
@media(prefers-reduced-motion:reduce){.plan-form button{transition:none}}