:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#162b3a;background:#f4f7f8;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:#075e68}a:hover{text-decoration-thickness:2px}button,input{font:inherit}.site-header{background:#102d3c;color:#fff}.header-inner{max-width:1180px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:-.025em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#28c5be;color:#083340;font-weight:900}.site-header nav{display:flex;gap:26px}.site-header nav a{color:#d7e5e9;text-decoration:none;font-size:.92rem}.site-header nav a:hover{text-decoration:underline}.tool-section{background:linear-gradient(180deg,#e8f3f3 0,#f4f7f8 420px);padding:38px 28px 76px}.intro,.workspace,.reading,.site-footer{max-width:1180px;margin-left:auto;margin-right:auto}.intro{margin-bottom:28px}.mobile-peek{display:none}.eyebrow,.section-label{font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#087a7b}.intro h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.1;letter-spacing:-.055em;max-width:760px;margin:10px 0 12px}.intro>p:last-child{font-size:1.05rem;line-height:1.6;max-width:720px;margin:0;color:#46606e}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:stretch}.input-panel,.result-panel{border-radius:22px;padding:30px;box-shadow:0 13px 38px rgba(17,49,62,.08)}.input-panel{background:#fff;border:1px solid #dce8ea}.result-panel{background:#103544;color:#fff;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;gap:10px}.panel-heading h2{font-size:1.35rem;letter-spacing:-.035em;margin:0}.step{display:grid;place-items:center;border-radius:7px;background:#def3f0;color:#086f70;font-size:.72rem;font-weight:800;width:30px;height:30px}.step-light{background:#236270;color:#bff5ee}.form-note{font-size:.88rem;color:#5e7380;margin:12px 0 24px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.field.full{grid-column:1/-1}.field label{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;font-weight:700;margin-bottom:9px}.field label span{color:#58727d;font-weight:600}.field input:not([type=range]){width:100%;height:48px;border:1px solid #b9cbd0;border-radius:10px;padding:9px 12px;background:#fff;color:#122f3b}.field input:focus-visible,.site-header a:focus-visible,a:focus-visible{outline:3px solid #38c7c0;outline-offset:2px}.field input[aria-invalid=true]{border-color:#ad3c3c}.field input[type=range]{width:100%;accent-color:#0a9b97;margin:7px 0 0}.range-ends{display:flex;justify-content:space-between;color:#687c86;font-size:.8rem}.help{color:#5a707b;font-size:.82rem;line-height:1.48;margin:7px 0 0}.error{padding:11px 13px;color:#8b2929;background:#fff1f1;border:1px solid #edb8b8;border-radius:9px;margin:18px 0 0;font-size:.88rem}.result-context{margin:37px 0 8px;color:#c2d6dc;font-size:.95rem}.result-context strong{color:#fff}.primary-value{font-size:clamp(3.3rem,6vw,5.2rem);font-weight:800;letter-spacing:-.07em;line-height:1;margin:0 0 8px;color:#8ef4db}.result-subline{font-size:1rem;margin:0;color:#d7e9eb}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:33px 0}.result-grid>div{padding:15px 16px;background:#1b4b5a;border:1px solid #366779;border-radius:12px;display:flex;flex-direction:column;gap:8px}.result-grid span{color:#c3d8db;font-size:.85rem}.result-grid strong{font-size:1.3rem}.formula-box{border-top:1px solid #426978;padding-top:19px}.formula-box span{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:#91d9d0;font-weight:800}.formula-box p{font-size:.87rem;line-height:1.5;color:#edf8f7;margin:8px 0 0;overflow-wrap:anywhere}.result-caveat{font-size:.82rem;line-height:1.5;color:#bad0d5;margin:24px 0 0}.reading{display:grid;grid-template-columns:190px minmax(0,760px);gap:30px;padding:56px 28px;border-bottom:1px solid #d8e3e6}.reading-body h2{font-size:2rem;letter-spacing:-.04em;margin:0 0 22px}.reading-body h3{font-size:1.08rem;margin:25px 0 8px}.reading-body p{font-size:1rem;line-height:1.78;color:#435a65;margin:0 0 16px}.faq{padding-bottom:82px}.site-footer{padding:26px 28px 40px;display:flex;justify-content:space-between;gap:16px;color:#617680;font-size:.83rem}@media(max-width:760px){.header-inner{padding:14px 18px}.site-header nav{gap:13px}.site-header nav a{font-size:.78rem}.tool-section{padding:30px 16px 42px}.workspace{grid-template-columns:1fr}.mobile-peek{max-width:1180px;margin:0 auto 16px;background:#103544;border-radius:13px;padding:12px 18px;color:#d2e8e8;display:flex;justify-content:space-between;align-items:center;gap:14px}.mobile-peek span{font-size:.8rem;line-height:1.3}.mobile-peek strong{font-size:1.4rem;color:#8ef4db;white-space:nowrap}.input-panel,.result-panel{padding:23px;border-radius:17px}.intro h1{font-size:2.35rem}.reading{display:block;padding:43px 20px}.section-label{margin-bottom:13px}.site-footer{padding:24px 20px 34px;display:block}.site-footer>div+div{margin-top:9px}}@media(max-width:410px){.site-header nav a:first-child{display:none}.field-grid{gap:18px 10px}.field label{font-size:.83rem}.result-grid{gap:8px}.result-grid>div{padding:13px 11px}.result-grid strong{font-size:1.13rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand-mark{width:40px;height:40px;border-radius:10px;background:#fff;overflow:hidden}.brand-mark img{width:100%;height:100%;display:block;object-fit:contain}.guide-section{background:#e8f1f2;padding:58px 28px 72px}.guide-inner{max-width:1180px;margin:auto}.guide-inner h2{font-size:clamp(1.8rem,3vw,2.3rem);letter-spacing:-.04em;margin:8px 0 24px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{min-height:205px;background:#fff;border:1px solid #d4e3e5;border-radius:17px;padding:26px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:#183745;box-shadow:0 8px 24px rgba(17,49,62,.04)}.guide-card:hover{border-color:#40a8a8;transform:translateY(-2px)}.guide-card span:first-child{color:#087a7b;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.guide-card strong{font-size:1.26rem;line-height:1.3;letter-spacing:-.03em}.guide-card span:last-child{color:#5d727a;font-size:.92rem;line-height:1.5}@media(max-width:900px){.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.guide-section{padding:44px 20px 58px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:0;padding:22px}.brand-mark{width:38px;height:38px}}@media(max-width:410px){.site-header nav a:first-child{display:inline}}
.guide-all{margin:24px 0 0;font-weight:700}