/* Variant A: estimated 30s unit price first; complete package price remains explicit. */
#pricing,#savings{padding-top:48px;padding-bottom:48px}
#pricing h2,#savings h2{font-size:clamp(32px,3.5vw,50px);margin-bottom:14px;max-width:20em}
#pricing .offer-head,#savings .offer-head{margin-bottom:28px}
#pricing .offer-lead,#savings .offer-lead{font-size:16px;line-height:1.5;max-width:75ch}
#pricing .offer-kicker,#savings .offer-kicker{margin-bottom:12px}
#pricing .builder{gap:28px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
#pricing .plan{padding:14px 16px;gap:12px;grid-template-columns:minmax(100px,.65fr) minmax(0,1.45fr) minmax(140px,1fr)}
#pricing .plan-name{font-size:25px}
#pricing .plan-tag{font-size:11px;line-height:1.35}
#pricing .plan-example{font-size:19px;margin-bottom:2px}
#pricing .plan-time small{font-size:11px;line-height:1.4}
#pricing .plan-price{gap:5px}
#pricing .plan-price strong{font-size:32px}
#pricing .plan-price small{font-size:11px;line-height:1.25;max-width:15em}
#pricing .plan-total{font:650 13px/1.4 var(--sans);margin-top:3px}
#pricing .ticket{padding:24px}
#pricing .ticket-amt{font-size:clamp(60px,6vw,88px)}
#pricing .package-total{display:grid;gap:4px;margin:16px 0 10px;font:500 14px/1.4 var(--sans)}
#pricing .package-total strong{font-size:24px}
#pricing .unit-note{font-size:12px;line-height:1.5;margin:16px 0;color:#4c565b}
#pricing .ticket-lines{margin-top:16px}
#pricing .plan-note{font-size:12px}
/* Compact calculator, keeping readable inputs and touch targets. */
#savings .sv-grid{gap:28px}
#savings .sv-field{margin-bottom:18px}
#savings .sv-q{font-size:21px;line-height:1.15;margin-bottom:8px}
#savings .sv-row{gap:6px 14px}
#savings .sv-hint{font-size:12px;line-height:1.4;margin-top:6px}
#savings .sv-step{width:44px;height:44px}
#savings #time-monthly{font-size:54px}
#savings .sv-presets{margin-top:8px;gap:6px}
#savings .sv-presets button{min-width:44px;min-height:44px;padding:0 12px}
#savings .sv-out{font-size:30px}
#savings .sv-range{margin-top:8px;height:28px}
#savings .sv-split{margin-top:10px}
#savings .sv-split-l{font-size:10px;letter-spacing:.04em}
#savings .sv-split-scale{display:flex;justify-content:space-between;gap:4px;font:500 10px/1.4 var(--mono);color:var(--sv-soft);margin-top:5px}
#savings .sv-split-legend{gap:5px 10px;margin-top:6px;font-size:10px;letter-spacing:0}
#savings .sv-with{padding:16px 18px;margin-bottom:18px}
#savings .sv-with-title{margin-bottom:10px;gap:5px 10px}
#savings .sv-with-title span{font-size:22px}
#savings .sv-with-title strong{font-size:28px}
#savings .sv-with ul{gap:5px 12px;margin-bottom:6px}
#savings .sv-with li{font-size:13px;padding-left:17px}
#savings .sv-rate input{font-size:32px}














#savings .sv-notice{font-size:11px;margin-top:18px}
@media(max-width:1100px){#pricing .builder{grid-template-columns:1fr}#pricing .plan{grid-template-columns:minmax(110px,.7fr) minmax(0,1.7fr) minmax(150px,.9fr)}}
@media(max-width:760px){#pricing,#savings{padding:32px 22px}#pricing .plan{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px}#pricing .plan-time{grid-column:1/-1;grid-row:2}#pricing .plan-price{grid-column:2;grid-row:1}#pricing .plan-name{font-size:23px}#pricing .plan-price strong{font-size:30px}#pricing .plan-example{font-size:21px}#savings .sv-q{font-size:20px}#savings .sv-split-scale{font-size:9px}#savings .sv-with-title{align-items:center}}

/* Result card inherits its original large typography/padding from savings-redesign.css. Compact input rules remain. */