.tool-hero{position:relative;overflow:hidden;padding:72px 26px 82px;background:linear-gradient(135deg,#f7fbff,#dfecfb 58%,#eef7ff)}
.tool-hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 80% 20%,rgba(60,132,224,.17),transparent 34%),radial-gradient(ellipse at 8% 90%,rgba(114,206,232,.11),transparent 32%);pointer-events:none}
.tool-hero__inner{position:relative;max-width:1120px;margin:auto}.tool-hero h1{max-width:900px;margin:0;font-size:clamp(2.7rem,6vw,5.5rem);line-height:1}.tool-hero__inner>p:last-child{max-width:780px;margin:27px 0 0;color:#405b77;font-size:1.08rem}
.calculator-shell{max-width:1120px;margin:auto;padding:78px 26px 105px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:34px;align-items:start}
.calculator-form{padding:38px 38px 32px;border:1px solid rgba(140,177,219,.38);border-radius:27px;background:rgba(255,255,255,.74);box-shadow:0 20px 55px rgba(16,43,78,.055)}.calculator-heading h2{margin:0 0 13px;font-size:2.05rem}.calculator-heading>p:last-child{margin:0 0 30px;color:#5c7088}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field-grid label{display:grid;gap:8px;color:#304c69;font:700 .74rem/1.3 Montserrat,Arial,sans-serif}.field-control{display:flex;align-items:center;min-height:57px;border:1px solid #c2d7ed;border-radius:14px;background:#f7fbff;overflow:hidden;transition:border-color .25s,box-shadow .25s}.field-control:focus-within{border-color:#4f87d7;box-shadow:0 0 0 3px rgba(79,135,215,.12)}.field-control input{width:100%;min-width:0;padding:14px 10px 14px 16px;border:0;outline:0;background:transparent;color:#102b4e;font:600 1.05rem/1 Montserrat,Arial,sans-serif}.field-control small{flex:none;padding:0 13px;color:#70839a;font:500 .67rem/1.2 Montserrat,Arial,sans-serif;white-space:nowrap;text-align:right}
.calculator-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:21px;border-top:1px solid #d7e4f1}.calculator-actions button{padding:0;border:0;background:transparent;color:#2457b8;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:700 .7rem/1.2 Montserrat,Arial,sans-serif}.calculator-actions span{color:#76899f;font-size:.72rem}
.calculator-results{position:sticky;top:92px;padding:39px 36px 35px;border-radius:27px;background:linear-gradient(145deg,#061a36,#0f3e73);color:#fff;box-shadow:0 27px 65px rgba(6,26,54,.22);overflow:hidden}.calculator-results:before{content:"";position:absolute;inset:-20% -30% auto 30%;height:280px;background:radial-gradient(ellipse,rgba(93,193,232,.2),transparent 68%);pointer-events:none}.calculator-results:after{content:"";position:absolute;left:36px;right:36px;top:0;height:1px;background:linear-gradient(90deg,transparent,#8fe5f6,transparent);box-shadow:0 0 9px rgba(114,206,232,.48)}.calculator-results>*{position:relative}.results-label{margin:0 0 26px;color:#9fc6ee;font:700 .66rem/1.2 Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;text-align:left}.result-main{padding-bottom:27px;border-bottom:1px solid rgba(165,200,235,.2)}.result-main span,.result-grid span{display:block;color:#b8cde3;font-size:.76rem;text-align:left}.result-main strong{display:block;margin:8px 0 4px;font:600 clamp(2.25rem,4.5vw,3.45rem)/1 Montserrat,Arial,sans-serif;letter-spacing:-.05em}.result-main small,.result-grid small{display:block;color:#8faac7;font-size:.68rem;text-align:left}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;padding:28px 0}.result-grid strong{display:block;margin:6px 0 2px;font:600 1.32rem/1.1 Montserrat,Arial,sans-serif}.result-meter{height:3px;background:rgba(164,202,238,.14);overflow:hidden}.result-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,#72cee8,#f1b45c);box-shadow:0 0 9px rgba(114,206,232,.6);transition:width .55s cubic-bezier(.16,1,.3,1)}.result-note{margin:20px 0;color:#a9bfd6;font-size:.72rem;text-align:left}.results-cta{display:inline-flex;margin-top:4px;padding:14px 17px;border-radius:999px;background:#fff;color:#102b4e;text-decoration:none;font:700 .72rem/1 Montserrat,Arial,sans-serif}
.tool-method{padding:90px 26px 100px;background:linear-gradient(135deg,#e7f2fd,#f7fbff)}.tool-method__inner{max-width:1120px;margin:auto}.tool-method h2{max-width:720px;margin:0 0 45px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.method-grid article{padding:29px 27px 31px;border-top:1px solid #72cee8;background:rgba(255,255,255,.6)}.method-grid article>span{color:#6e8db2;font:500 1.55rem/1 Montserrat,Arial,sans-serif}.method-grid h3{margin:30px 0 12px;font-size:1.05rem}.method-grid p{margin:0;color:#536b84;font-size:.86rem}.method-link{margin:35px 0 0;text-align:left}.method-link a{color:#2457b8;font:700 .8rem/1.3 Montserrat,Arial,sans-serif;text-underline-offset:5px}
@media(max-width:900px){.calculator-shell{grid-template-columns:1fr}.calculator-results{position:relative;top:auto}.method-grid{grid-template-columns:1fr}}
@media(max-width:620px){.tool-hero{padding:50px 18px 60px}.tool-hero h1{font-size:2.45rem}.calculator-shell{padding:55px 18px 72px}.calculator-form,.calculator-results{padding:30px 24px}.field-grid{grid-template-columns:1fr}.calculator-actions{align-items:flex-start;flex-direction:column}.result-grid{gap:22px 14px}.tool-method{padding:70px 18px}.method-grid article p{text-align:left}}
@media(prefers-reduced-motion:reduce){.result-meter span{transition:none}}