:root{--navy:#092e66;--teal:#078f88;--green:#16c765;--muted:#64758a;--line:#d7e2e8;--shadow:0 10px 30px rgba(13,46,78,.12)}*{box-sizing:border-box}html,body{margin:0;background:#fff;color:#092e66;font-family:Arial,Helvetica,sans-serif}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;z-index:9999;background:#fff;padding:8px}.desktop-board{position:relative;width:min(100%,1448px);margin:0 auto;aspect-ratio:1448/1086;overflow:hidden;background:#fff}.board-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.overlay-form{position:absolute;inset:0;z-index:5}.ov{position:absolute;border:1px solid #c9d5e0;border-radius:5px;background:#fff;color:#0a2f67;font-weight:650;font-size:clamp(8px,1vw,14px);padding:0 .8%;height:3.1%}.ov:focus{box-shadow:0 0 0 2px #078f8855}.fy{left:33.7%;top:35.15%;width:14.3%}.salary{left:34.8%;top:38.8%;width:13.2%;padding-left:1.4%}.bonus{left:34.8%;top:42.45%;width:13.2%;padding-left:1.4%}.sacrifice{left:34.8%;top:46.08%;width:13.2%;padding-left:1.4%}.live-value{position:absolute;z-index:6;background:#fff;color:#0a2f67;font-weight:650;font-size:clamp(8px,1vw,14px);height:2.5%;display:flex;align-items:center;pointer-events:none}.fy-display{left:34.3%;top:35.42%;width:12.8%}.salary-display{left:35.9%;top:39.08%;width:11.4%}.bonus-display{left:35.9%;top:42.72%;width:11.4%}.sacrifice-display{left:35.9%;top:46.35%;width:11.4%}.method-hit{position:absolute;border:0;padding:0;margin:0;background:transparent;z-index:7}.method-hit label{position:absolute;inset:0;cursor:pointer}.method-hit input{width:100%;height:100%;opacity:0;cursor:pointer}.method-a{left:20.0%;top:54.25%;width:9.7%;height:6.4%}.method-b{left:30.1%;top:54.25%;width:9.7%;height:6.4%}.method-c{left:40.1%;top:54.25%;width:8.1%;height:6.4%}.hit{position:absolute;border:0;background:transparent;cursor:pointer;z-index:8}.calc-hit{left:18.7%;top:62.2%;width:29.2%;height:4.2%}.refine-hit{left:52.0%;top:61.55%;width:35.2%;height:4.0%}.edit-hit{left:83.2%;top:31.65%;width:5.4%;height:2.7%}.value-patch{position:absolute;z-index:6;background:#fff;color:#092e66;font-weight:800;font-size:clamp(8px,1vw,14px);text-align:right;padding-right:.2%;height:2.2%;display:flex;align-items:center;justify-content:flex-end}.pct{color:#587091;font-weight:500}.a-cash{left:61.1%;top:43.15%;width:5.8%}.a-super{left:61.1%;top:46.55%;width:5.8%}.a-tax{left:61.1%;top:49.9%;width:5.8%}.b-cash{left:81.6%;top:43.15%;width:5.8%}.b-super{left:81.6%;top:46.55%;width:5.8%}.b-tax{left:81.6%;top:49.9%;width:5.8%}.a-cash-pct{left:66.9%;top:43.15%;width:3.2%}.a-super-pct{left:66.9%;top:46.55%;width:3.2%}.a-tax-pct{left:66.9%;top:49.9%;width:3.2%}.b-cash-pct{left:87.2%;top:43.15%;width:3.2%}.b-super-pct{left:87.2%;top:46.55%;width:3.2%}.b-tax-pct{left:87.2%;top:49.9%;width:3.2%}.difference-patch{position:absolute;left:57.4%;top:55.9%;width:28.2%;height:4.4%;z-index:6;background:linear-gradient(90deg,#eafaf4,#eef9f7);display:flex;flex-direction:column;justify-content:center;padding:0 1%;color:#0b3e72}.difference-patch strong{font-size:clamp(8px,.9vw,14px)}.difference-patch span{font-size:clamp(6px,.68vw,10px);color:#5e7186;margin-top:2px}.error-patch{position:absolute;left:34%;top:50.2%;width:14%;z-index:10;background:#fff3f3;border:1px solid #d88;color:#9e2525;font-size:10px;padding:6px;border-radius:5px}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.modal{position:fixed;inset:0;z-index:100;background:rgba(8,30,55,.44);display:grid;place-items:center;padding:18px}.modal-card{width:min(92vw,500px);background:#fff;border-radius:14px;padding:22px;box-shadow:0 25px 60px rgba(0,0,0,.22);position:relative}.modal-card.wide{width:min(92vw,650px)}.modal-card h2{margin:0 30px 6px 0}.modal-card p{color:#64758a;font-size:14px;line-height:1.4}.modal-card label{display:block;font-weight:700;font-size:13px;margin:12px 0}.modal-card select,.modal-card input[type=number]{width:100%;height:42px;border:1px solid #c9d5e0;border-radius:7px;padding:8px;margin-top:5px}.modal-card .check{display:flex;gap:8px;align-items:flex-start;font-weight:500}.modal-card .check input{margin-top:2px}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.primary{width:100%;border:0;border-radius:8px;background:#078f88;color:#fff;font-weight:800;padding:12px;cursor:pointer;margin-top:10px}.two-col,.refine-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy{font-size:11px!important}.refined-result{background:#f3f9f7;border-radius:8px;padding:10px;margin-top:10px;font-size:12px;line-height:1.5}.mobile-app{display:none}.mobile-results{margin:14px 0;background:#f4faf9;border-radius:12px;padding:12px}.mobile-results .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-results .card{background:#fff;border:1px solid #d7e2e8;border-radius:8px;padding:10px}.mobile-refine{width:100%;padding:12px;border:0;border-radius:8px;background:#078f88;color:#fff;font-weight:800}
@media(max-width:899px){.desktop-board{display:none}.mobile-app{display:block;padding:18px;max-width:680px;margin:auto}.mobile-logo{width:min(330px,85%)}.mobile-app h1{font-size:2.35rem;line-height:1.02;margin:18px 0 8px}.mobile-app p{color:#64758a}.mobile-form{display:grid;gap:12px;margin-top:18px}.mobile-form label{font-weight:700;font-size:14px}.mobile-form input,.mobile-form select{width:100%;height:46px;border:1px solid #c9d5e0;border-radius:8px;padding:9px;margin-top:5px;font-size:16px}.mobile-form button{height:48px;border:0;border-radius:8px;background:#078f88;color:#fff;font-weight:800;font-size:16px}.two-col,.refine-grid{grid-template-columns:1fr}}

@media(max-width:760px){.mobile-app{padding:16px}.mobile-app h1{font-size:2rem}.mobile-results .grid{grid-template-columns:1fr}}

.mobile-three-way{width:110px;height:110px;object-fit:contain;float:right;margin:0 0 12px 12px;border-radius:50%}
@media(max-width:760px){.mobile-three-way{width:96px;height:96px}}