.hn-cost-calculator{font-family:DM Sans,system-ui,-apple-system,sans-serif;padding:100px 0}.hn-cost-calculator,.hn-cost-calculator--bg-white{background:var(--white,#fff)}.hn-cost-calculator--bg-cream{background:var(--bg-cream,#faf7f0)}.hn-cost-calculator__container{margin:0 auto;max-width:1200px;padding:0 24px}.hn-cc__head{margin:0 auto 44px;max-width:740px;text-align:center}.hn-cc__eyebrow{color:var(--ruby,#e0004d);display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.hn-cc__heading{color:var(--navy,#00205b);font-family:Giorgio Sans,Bebas Neue,sans-serif;font-size:clamp(34px,5vw,52px);font-weight:900;letter-spacing:-.01em;line-height:.85;margin:0 0 16px;text-transform:uppercase}.hn-cc__intro{color:var(--muted,#5a6b85);font-size:18px;line-height:1.55;margin:0}.hn-cc__card{border:1px solid var(--border,#e8eaf0);border-radius:24px;box-shadow:0 16px 40px rgba(0,32,91,.08);display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:980px;overflow:hidden}.hn-cc__inputs{background:var(--bg,#f5f6fa);padding:40px}.hn-cc__field{margin-bottom:28px}.hn-cc__field:last-child{margin-bottom:0}.hn-cc__label{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.hn-cc__label label,.hn-cc__label>span{color:var(--navy,#00205b);font-size:14px;font-weight:700}.hn-cc__value{color:var(--navy,#00205b);font-family:Giorgio Sans,Bebas Neue,sans-serif;font-size:26px;font-weight:900;line-height:1}.hn-cc__sub{color:var(--muted,#5a6b85);font-size:12px;line-height:1.45;margin-top:8px}.hn-cc__slider{-webkit-appearance:none;appearance:none;background:var(--border,#e8eaf0);border-radius:3px;height:6px;margin-top:6px;outline:none;width:100%}.hn-cc__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--fuchsia,#e45dbf);border:3px solid var(--white,#fff);border-radius:50%;box-shadow:0 2px 6px rgba(0,32,91,.25);cursor:pointer;height:24px;width:24px}.hn-cc__slider::-moz-range-thumb{background:var(--fuchsia,#e45dbf);border:3px solid var(--white,#fff);border-radius:50%;cursor:pointer;height:24px;width:24px}.hn-cc__slider:focus-visible{box-shadow:0 0 0 3px rgba(102,56,182,.4)}.hn-cc__toggle{background:var(--white,#fff);border:1px solid var(--border,#e8eaf0);border-radius:24px;display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding:4px}.hn-cc__toggle-btn{background:transparent;border:none;border-radius:20px;color:var(--muted,#5a6b85);cursor:pointer;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:700;padding:9px 16px;transition:background .2s ease,color .2s ease}.hn-cc__toggle-btn.is-active{background:var(--navy,#00205b);color:var(--white,#fff)}.hn-cc__toggle-btn:focus-visible{outline:2px solid var(--violet,#6638b6);outline-offset:2px}.hn-cc__result{background:var(--navy,#00205b);color:var(--white,#fff);display:flex;flex-direction:column;justify-content:center;padding:40px}.hn-cc__result-label{color:var(--muted-on-dark-body,hsla(0,0%,100%,.6));font-size:13px;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.hn-cc__saving{color:var(--yellow,#f6eb61);font-family:Giorgio Sans,Bebas Neue,sans-serif;font-size:clamp(48px,7vw,64px);font-weight:900;letter-spacing:.01em;line-height:.9;margin-bottom:8px}.hn-cc__currency{font-size:.6em}.hn-cc__saving-sub{color:var(--muted-on-dark-strong,hsla(0,0%,100%,.85));font-size:15px;line-height:1.45;margin-bottom:28px}.hn-cc__bars{display:flex;flex-direction:column;gap:16px}.hn-cc__bar-top{color:var(--muted-on-dark-strong,hsla(0,0%,100%,.9));display:flex;font-size:14px;justify-content:space-between;margin-bottom:6px}.hn-cc__bar-top strong{color:var(--white,#fff);font-weight:700}.hn-cc__bar-track{background:hsla(0,0%,100%,.12);border-radius:5px;height:10px;overflow:hidden}.hn-cc__bar-fill{border-radius:5px;height:100%;transition:width .4s ease}.hn-cc__bar--agent .hn-cc__bar-fill{background:var(--ruby,#e0004d)}.hn-cc__bar--hn .hn-cc__bar-fill{background:var(--green,#00b67a)}.hn-cc__foot{color:var(--muted,#5a6b85);font-size:13px;line-height:1.55;margin:24px auto 0;max-width:720px;text-align:center}.hn-cc__bridge{color:var(--navy,#00205b);font-size:16px;margin-top:16px;text-align:center}.hn-cc__bridge a{color:var(--ruby,#e0004d);font-weight:700;text-decoration:none}.hn-cc__bridge a:hover{text-decoration:underline}@media (max-width:768px){.hn-cost-calculator{padding:64px 0}.hn-cc__card{grid-template-columns:1fr}.hn-cc__inputs,.hn-cc__result{padding:32px}}@media (max-width:680px){.hn-cc__toggle{display:flex;width:100%}.hn-cc__toggle-btn{flex:1 1 auto;text-align:center}}