.hero-copy h1{font-size:clamp(32px,3.2vw,43px);letter-spacing:-1.5px;line-height:1.12;margin-bottom:22px}
.notebook-preview{width:min(100%,390px);margin:0 0 20px}.notebook-preview img{display:block;width:100%;height:auto}.notebook-preview figcaption{font-size:10px;color:#596578;line-height:1.5;margin-top:7px}
.hero-visual.savings-calculator{transform:none;padding:28px;min-width:0;background:var(--blue);border-color:var(--blue);color:white}
.savings-calculator .eyebrow{margin-bottom:10px;font-size:11px;color:#e0efff}
.savings-calculator h2{font-size:26px;letter-spacing:-.8px;margin-bottom:24px}
.repetition-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;gap:12px}
.repetition-label output{background:white;color:var(--blue);border-radius:8px;padding:3px 12px;font-size:20px}
.savings-calculator input[type=range]{accent-color:#fff;margin:16px 0 0;height:24px;cursor:pointer}
.calculator-range{display:flex;justify-content:space-between;font-size:11px;color:#e0efff}
.hourly-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;font-size:13px}
.hourly-description{flex:1;min-width:0}.hourly-description label{font-weight:600}.hourly-description small{display:block;font-size:10px;line-height:1.5;color:#e0efff;margin-top:5px}
.currency-input{display:flex;align-items:center;background:white;border:1px solid #bdcfe6;border-radius:8px;padding-left:9px;flex-shrink:0;color:#131c2b;gap:3px;width:115px}
.currency-input input{width:78px;min-width:0;padding:9px 5px;border:0;border-radius:8px;background:transparent;color:#131c2b}.currency-input:focus-within{outline:2px solid white;outline-offset:3px}
.calculator-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calculator-period{background:white;border:1px solid #d9e6f5;border-radius:13px;padding:18px 12px;min-width:0}
.calculator-period h3{font-size:14px;margin-bottom:10px;letter-spacing:0;color:#131c2b}
.calculator-hours{color:#0967df;font-size:18px;white-space:normal}.calculator-hours strong{font-size:26px;letter-spacing:-.7px}
.calculator-period>span{display:block;font-size:10px;color:#596578}
.calculator-money{display:block;margin-top:17px;color:#126b59;font-size:21px;letter-spacing:-.5px;overflow-wrap:anywhere}
.calculator-note{font-size:10px;line-height:1.6;color:#e0efff;margin:18px 0 0}.calculator-note a{text-decoration:underline}
@media(max-width:400px){.hero-visual.savings-calculator{padding:20px 16px}.savings-calculator h2{font-size:24px}.calculator-period{padding:14px 9px}.calculator-hours strong{font-size:20px}.calculator-money{font-size:18px}.calculator-period h3{font-size:12px}.hourly-row{align-items:flex-start}.currency-input{width:100px}.currency-input input{width:65px}}