:root{--ink:#1b2b3b;--muted:#66798a;--paper:#fffdf8;--line:#dfe7ee;--navy:#285579;--blue:#3b82bd;--light-blue:#eff7fd;--accent:#d94d35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#f4f7fa;margin:0;font-family:Arial,Hiragino Sans,Yu Gothic,sans-serif}main{max-width:1120px;margin:0 auto;padding:72px 24px 96px}.hero{padding:34px 0 46px}.portfolio-link{color:var(--blue);margin-bottom:24px;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.portfolio-link:hover{color:var(--navy);transform:translate(-2px)}.eyebrow{color:var(--blue);letter-spacing:.14em;margin:0 0 10px;font-size:.77rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(2rem,4.5vw,3.4rem)}h2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.6rem}.hero>p:last-child{color:var(--muted);margin:0;font-size:1.05rem}.calculator,.notes{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 12px 32px #142f4c0d}.section-heading{grid-template-columns:1fr auto;align-items:end;margin-bottom:28px;display:grid}.section-heading .eyebrow,.section-heading h2{grid-column:1}.section-heading h2{margin:0}.section-heading span{color:var(--muted);text-align:right;grid-area:1/2/3;font-size:.86rem}.occupation-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.occupation{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:12px;padding:17px;transition:all .18s}.occupation:hover,.occupation.active{border-color:var(--blue);box-shadow:0 0 0 3px #e2f0fa}.occupation.active{background:var(--light-blue)}.occupation strong,.occupation small{display:block}.occupation small,label small{color:var(--muted);margin-top:5px}.inputs{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}label{gap:9px;font-weight:700;display:grid}label>span{align-items:center;gap:7px;display:flex}input{color:var(--ink);font:inherit;background:#fff;border:1px solid #bfcbd7;border-radius:8px;width:100%;min-width:0;padding:11px 10px;font-weight:700}input:focus{border-color:var(--blue);outline:3px solid #e2f0fa}.summary{background:var(--navy);color:#fff;border-radius:20px;margin-top:24px;padding:34px}.light .eyebrow{color:#82c5ff}.light span{color:#c5d8eb}.total-card{background:linear-gradient(110deg,#3b82bd,#69a9d5);border-radius:15px;padding:25px}.total-card p{color:#dceeff;margin-bottom:7px;font-weight:700}.total-card strong{letter-spacing:-.05em;font-size:clamp(2rem,5vw,3.8rem);display:block}.total-card div{gap:20px;margin-top:17px;display:flex}.total-card span{color:#e9f5ff;font-size:.9rem}.result-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}.result-grid article,.comparison{background:#326487;border-radius:12px;padding:20px}.result-grid p{color:#c8dcef;margin-bottom:8px;font-size:.88rem;font-weight:700}.result-grid strong{color:#fff;letter-spacing:-.03em;font-size:1.55rem;display:block}.result-grid strong.plus{color:#9ee0b7}.result-grid strong.minus{color:#ffb6a9}.result-grid small{color:#b5cce3;margin-top:10px;display:block}.comparison{grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;display:grid}.comparison div+div{border-left:1px solid #6e96b4;padding-left:18px}.comparison span{color:#c8dcef;font-size:.88rem;display:block}.comparison strong{margin-top:7px;font-size:1.55rem;display:block}.comparison small{color:#b5cce3;margin-top:8px;font-size:.76rem;display:block}.benefit-summary{color:#1f4e76;background:#e8f4fd;border-radius:12px;margin:16px 0 0;padding:16px 20px;font-weight:700}.benefit-summary strong{margin-left:12px;font-size:1.35rem;display:inline-block}.benefit-summary strong.positive{color:#1d6dab}.benefit-summary strong.negative{color:#b24b3d}.benefit-summary strong small{color:inherit;margin-left:3px;font-size:.72em;font-weight:700;display:inline}.benefit-summary small{color:#58728a;margin-top:7px;font-size:.8rem;font-weight:400;display:block}.notes{margin-top:24px}.notes h2{font-size:1.2rem}.notes ul{color:var(--muted);padding-left:1.3em;line-height:1.75}.notes a{color:var(--blue);font-weight:700}.status-message{color:#dceeff;margin:0}.error-message{color:#a52f20;background:#fff1ef;border-radius:8px;margin:16px 0 0;padding:12px 14px}@media (max-width:760px){main{padding:40px 16px 64px}.calculator,.summary,.notes{border-radius:15px;padding:23px}.section-heading{display:block}.section-heading span{text-align:left;margin-top:8px;display:block}.occupation-grid,.inputs,.result-grid,.comparison{grid-template-columns:1fr}.comparison div+div{border-top:1px solid #6e96b4;border-left:0;padding-top:16px;padding-left:0}.total-card div{flex-direction:column;gap:5px}}