/* Calculator styling aligned with the marketing website. */
:root{--ivory:#f6f7fb;--paper:#fff;--navy:#172448;--navy-deep:#101c38;--slate:#46536b;--muted:#52617b;--harbor:#3155d9;--harbor-deep:#2445bb;--teal-tint:#e9edff;--ochre:#c9b9e1;--ochre-tint:#f1eaf7;--line:#e0e5f0;--line-soft:#e9ecf5;--r-lg:28px;--r-md:20px}
body{background:#fff}.wrap{max-width:1248px;padding:0 40px 80px}.page{position:relative;isolation:isolate;padding:48px 0 64px;margin-bottom:56px!important}.page:before{content:'';position:absolute;z-index:-1;inset:0 calc((min(1248px,100vw) - 100vw)/2 - 40px);background:radial-gradient(ellipse at 10% 0,#dae4ff,transparent 65%),radial-gradient(ellipse at 95% 80%,#f0e3f2,transparent 65%),#f6f7fc}.resources-back{display:inline-block;font-size:13px;font-weight:600;color:#46536b;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:#46536b}.page h1{font-size:clamp(38px,4.7vw,62px);line-height:1.12;letter-spacing:-.05em;max-width:1040px;margin:22px 0!important}.page h1 span{color:#3155bd;background:linear-gradient(100deg,#3155bd,#78588e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page .lede{max-width:790px;font-size:18px;line-height:1.75;color:var(--slate)}
.grid{gap:32px;grid-template-columns:minmax(300px,370px) minmax(0,1fr)}.panel{background:#f6f7fc;border:1px solid #e5e9f3;padding:30px;box-shadow:none}.panel h2{font-size:25px;letter-spacing:-.035em}.field label{font-size:14px;font-weight:600;line-height:1.5}.field label output{font-size:17px}.field input[type=number]{min-height:48px;background:#fff;border:1px solid #ced7e9;border-radius:12px;padding:12px 14px}.field input[type=range]{accent-color:#3155d9;min-height:36px}.hint{font-size:12px;line-height:1.65}.bench{flex-wrap:wrap}.bench button{background:#fff;min-height:44px;font-size:11px;padding:8px;color:#46536b}.results{gap:20px}.hero{background:radial-gradient(ellipse at 100% 0,#354879,transparent 70%),#172448;border-radius:28px;padding:38px}.hero .label{font-weight:600;line-height:1.6;letter-spacing:.12em;color:#e0e7ff}.hero .big{font-size:clamp(52px,6vw,80px);letter-spacing:-.055em;margin:14px 0}.hero .sub{line-height:1.7;color:#eef1fc}.dotnote{color:#d2d9eb}.stat{padding:26px;background:#f6f7fc;box-shadow:none;border-color:#e5e9f3}.stat:nth-child(2),.stat:nth-child(3){background:#f3eef8}.stat .k{font-size:10px;font-weight:700;line-height:1.6;letter-spacing:.1em}.stat .v{font-size:30px;letter-spacing:-.04em;margin:12px 0}.stat .d{line-height:1.65}.gauge{padding:28px;background:#fafbfe;box-shadow:none}.ticks{gap:8px;font-size:11px}.gauge p{line-height:1.7}.cta{padding:28px;background:linear-gradient(120deg,#e7edff,#f1e8f5)}.cta p{line-height:1.7}.cta a{font-size:14px;font-weight:600}.sources{margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}.sources summary{min-height:48px}.sources li{margin-bottom:12px;line-height:1.7}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3155d9;outline-offset:4px}
@media(max-width:899px){.grid{grid-template-columns:1fr}.panel{padding:30px}.hero{padding:32px}}
@media(max-width:600px){.wrap{padding:0 24px 56px}.page{padding:32px 0 44px;margin-bottom:32px!important}.page:before{inset:0 -24px}.page h1{font-size:40px}.page .lede{font-size:17px}.resources-back{margin-bottom:24px}.panel{padding:26px 22px}.hero{padding:28px 24px}.hero .label{font-size:10px}.stat{padding:24px}.stats{gap:16px}.gauge{padding:24px}.cta{padding:26px 24px}.cta a{width:100%}.sources{margin-top:40px}}
@media(max-width:360px){.page h1{font-size:35px}.field label{font-size:13px}.ticks{font-size:10px}}