/* White page, legible navy calculation diagram, continuous input-to-result motion. */
.tool-introduction{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:clamp(28px,4vw,66px);align-items:center;padding-bottom:0;margin-bottom:38px}
.tool-introduction h1{color:#17253c;font-size:clamp(34px,4.15vw,58px);line-height:1.13;max-width:19ch;margin-top:18px}
.tool-introduction .eyebrow{color:#806331}.tool-introduction .tool-intro{color:#4b5968;max-width:660px;margin:20px 0 0;font-size:17px;line-height:1.7}
.calc-constellation{min-width:0;margin:0;padding:22px 22px 18px;border-radius:12px;background:#101a2f;color:#f6f2e8;border:1px solid #7a89a449}
.calc-constellation-top{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;margin-bottom:18px}
.calc-constellation-top>span{font-size:10px;letter-spacing:.1em;color:#e1c47c}
.calc-header-toggle{font:inherit;font-size:11px;color:#e0e5ed;border:1px solid #74829b66;border-radius:22px;background:transparent;min-height:44px;padding:8px 11px;cursor:pointer;display:flex;align-items:center;gap:10px}
.calc-header-toggle:hover{border-color:#e1c47c}.calc-header-toggle:focus-visible{outline:2px solid #e1c47c;outline-offset:4px}
.calc-signal-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.calc-signal-inputs>div{border:1px solid #8b9ab355;border-radius:7px;background:#1c2b43;padding:12px 6px;text-align:center;min-width:0}
.calc-signal-inputs span{font-size:11px;line-height:1.4;display:block;color:#bfcadc;min-height:2.8em}
.calc-signal-inputs strong{display:block;font-family:var(--heading);font-size:clamp(15px,1.5vw,21px);font-weight:500;line-height:1.4;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:6px}
.calc-signal-lines{display:block;width:100%;height:68px;overflow:hidden}.signal-tracks{fill:none;stroke:#8e794a;stroke-width:1.2}.signal-packets{fill:none;stroke:#ffe2a2;stroke-width:3;stroke-linecap:round}
.signal-packet{stroke-dasharray:8 92;stroke-dashoffset:100;opacity:0;animation:calc-signal-forward 3.3s linear infinite;animation-play-state:paused}
.signal-packet:nth-child(2){animation-delay:-1.1s}.signal-packet:nth-child(3){animation-delay:-2.2s}.is-running .signal-packet{opacity:1;animation-play-state:running}
.calc-header-result{text-align:center;position:relative;padding:15px 8px 16px;border:1px solid #d6bc8477;border-radius:8px;background:#18263b}
.calc-header-result>span{display:block;color:#d0d9e7;font-size:11px;line-height:1.5}.calc-header-result>strong{font-family:var(--heading);color:#e1c47c;display:block;font-size:clamp(30px,3vw,41px);font-weight:500;line-height:1.25;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:5px 0;overflow-wrap:anywhere}
.calc-header-result>p{font-size:11px;line-height:1.5;margin:5px 0 0;color:#bdc9dc}.calc-constellation figcaption{font-size:10px;color:#abbad0;margin-top:12px;text-align:center}
@keyframes calc-signal-forward{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(max-width:900px){.tool-introduction{grid-template-columns:1fr;gap:26px}.tool-introduction h1{max-width:22ch}.calc-constellation{width:100%;max-width:560px;justify-self:center}.calc-signal-inputs strong{font-size:21px}.calc-signal-inputs span{min-height:0}.calc-signal-lines{height:42px}.calc-header-result>strong{font-size:36px}.calc-constellation-top{margin-bottom:12px}}
@media(max-width:450px){.calc-constellation{padding:15px}.calc-constellation-top>span{font-size:9px}.calc-header-toggle{font-size:10px}.calc-signal-inputs strong{font-size:17px}.calc-signal-inputs span{font-size:10px;min-height:2.8em}.calc-signal-inputs{gap:6px}.tool-introduction .tool-intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){.signal-packet{animation:none!important;opacity:0!important}}