.plan-calculator { display:grid; grid-template-columns:minmax(0,1.05fr) 210px minmax(320px,1.25fr); gap:24px 32px; align-items:center; margin-top:28px; padding:28px; border:1px solid #dce4ed; border-radius:18px; background:#fff; box-shadow:0 8px 28px #13283e08; color:#10263b; }
.plan-calculator-intro>span { font-size:12px; font-weight:700; color:#976015; letter-spacing:.08em; text-transform:uppercase; }
.plan-calculator .plan-calculator-intro h3 { margin:10px 0; font-size:24px; line-height:1.25; letter-spacing:-.025em; }
.plan-calculator .plan-calculator-intro p { margin:0; font-size:15px; line-height:1.6; color:#607186; }
.plan-calculator-control label { display:block; margin-bottom:10px; font-size:13px; font-weight:600; }
.plan-stepper { display:grid; grid-template-columns:46px minmax(0,1fr) 46px; border:1px solid #ccd7e3; border-radius:10px; overflow:hidden; }
.plan-stepper button { border:0; background:#f2f5f9; color:#18324c; font-size:24px; cursor:pointer; min-height:48px; }
.plan-stepper button:hover:not(:disabled) { background:#ffedcc; }
.plan-stepper button:disabled { opacity:.35; cursor:default; }
.plan-stepper input { width:100%; min-width:0; padding:0; border:0; border-radius:0; text-align:center; background:#fff; color:#10263b; font:700 20px Inter,sans-serif; appearance:textfield; -moz-appearance:textfield; }
.plan-stepper input::-webkit-inner-spin-button,.plan-stepper input::-webkit-outer-spin-button { appearance:none; margin:0; }
.plan-presets { display:flex; justify-content:space-between; gap:4px; margin-top:6px; }
.plan-presets button { min-width:34px; min-height:36px; border:0; border-radius:7px; background:transparent; color:#65778b; font:500 13px Inter,sans-serif; cursor:pointer; }
.plan-presets button[aria-pressed=true] { background:#fff0d6; color:#8b5500; }
.plan-calculator-results { display:grid; gap:10px; min-width:0; padding-left:28px; border-left:1px solid #e0e7ef; }
.plan-free-option { padding:10px 12px; border-radius:10px; background:#edf9f4; color:#126349; font-size:13px; font-weight:700; }
.plan-calculator-result { display:grid; grid-template-columns:minmax(82px,.45fr) minmax(140px,1fr); gap:3px 14px; align-items:center; padding:12px 14px; border:1px solid #e0e7ef; border-radius:12px; background:#f8fafc; }
.plan-calculator-result>span { grid-row:1/3; color:#956018; font-size:14px; font-weight:800; }
.plan-calculator-result strong { min-width:0; font-size:clamp(17px,1.6vw,22px); font-weight:780; line-height:1.2; font-variant-numeric:tabular-nums; }
.plan-calculator-result>small { color:#65778b; font-size:12px; line-height:1.45; }
.plan-calculator-result-pro { border-color:#f0d7aa; background:#fffaf0; }
.plan-calculator .plan-calculator-note { grid-column:1/-1; margin:0; padding-top:16px; border-top:1px solid #edf0f4; color:#6d7d90; font-size:12px; line-height:1.6; }
.plan-stepper:focus-within { outline:2px solid #efa025; outline-offset:3px; }
@media(max-width:1000px) { .plan-calculator { grid-template-columns:210px minmax(0,1fr); } .plan-calculator-intro { grid-column:1/-1; } }
@media(max-width:550px) { .plan-calculator { grid-template-columns:1fr; padding:20px; gap:20px; } .plan-calculator-control { max-width:260px; width:100%; } .plan-calculator-results { border-left:0; border-top:1px solid #e0e7ef; padding:18px 0 0; } .plan-calculator-result { grid-template-columns:1fr; } .plan-calculator-result>span { grid-row:auto; } }