:root{--ink:#0d1b2a;--muted:#b1becc;--paper:#0d1b2a;--line:#354556;--lime:#d1e3fc;--white:#fff;--green:#87a8d1;font-family:Arial,Helvetica,sans-serif;color:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper)}button,input,select{font:inherit}a{color:inherit}button,select,summary{cursor:pointer}button,a,input,select,summary{touch-action:manipulation}a,button,input,select,summary{outline-offset:4px}:focus-visible{outline:3px solid #b66a33}button{border:0}header,main,footer{max-width:1280px;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;letter-spacing:-1px}.brand b{font-weight:400;font-size:13px;letter-spacing:2px;display:block;margin-top:3px}.brand-mark{width:43px;height:43px;display:inline-flex;position:relative;align-items:center;justify-content:center;background:var(--ink);color:var(--lime);border-radius:11px;font-size:39px;font-family:Georgia,serif;font-style:italic}.brand-mark span{position:absolute;font-family:Arial;font-style:normal;font-size:20px;right:3px;top:0}.header-note{font-size:12px;color:var(--muted)}.nav-link{font-size:13px;text-decoration:none;border-bottom:1px solid;padding-bottom:7px}.nav-link span{margin-left:25px}.hero{display:flex;align-items:center;justify-content:space-between;padding:65px 0 48px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;margin:0 0 22px}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}h1{font-size:clamp(40px,4.6vw,64px);line-height:1.06;letter-spacing:-3px;font-weight:500;margin:0 0 23px}h1 em{font-family:Georgia,serif;font-weight:400}.intro{font-size:16px;line-height:1.7;color:var(--muted);margin:0}.hero-note{display:flex;gap:22px;align-items:center;margin-right:40px}.hero-note p{font-size:14px;line-height:1.8}.orbit{font-size:51px;border:1px solid #506277;border-radius:100%;display:grid;place-items:center;width:98px;height:98px;transform:rotate(-8deg)}.calculator{display:grid;grid-template-columns:350px 1fr;gap:26px;align-items:stretch}.panel{background:#17283a;border:1px solid var(--line);border-radius:18px}.input-panel{padding:28px;height:100%}.section-top{display:flex;gap:12px;align-items:center}.step{font-size:10px;border:1px solid #506277;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}h2{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0}.micro{font-size:11px;line-height:1.55;color:var(--muted);margin:8px 0 0}.field-label{display:block;font-size:13px;font-weight:600;margin:26px 0 10px}.money-input{display:flex;align-items:center;border:1px solid #506277;border-radius:8px;overflow:hidden;background:#0d1b2a}.symbol{padding-left:15px;color:#b1becc;font-size:18px;min-width:35px}.money-input input{width:100%;min-width:0;padding:15px 10px;border:0;background:transparent;color:#f5f7fa;font-size:26px;letter-spacing:-.7px}.money-input:focus-within{outline:2px solid var(--green);outline-offset:2px}.money-input input:focus{outline:0}.private-note{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:11px;line-height:1.6}.private-note>span{font-size:22px}.private-note p{margin:0;color:var(--muted)}.private-note strong{color:#f5f7fa}.text-button{background:transparent;color:var(--muted);padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px;margin-top:18px;min-height:25px}.results-wrap{padding-top:5px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.badge{font-size:8px;font-weight:700;letter-spacing:.8px;background:#304256;border-radius:4px;padding:7px;white-space:nowrap}.assumption-note{font-size:11px;color:var(--muted);margin:12px 0 22px}.result-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-card{padding:26px 24px 22px;border-radius:14px;background:#1a2c3f;border:1px solid #354556}.card-kicker{font-size:9px;font-weight:700;letter-spacing:1.8px;margin:0 0 25px}.dot{display:inline-block;background:#a9c6ec;width:6px;height:6px;border-radius:50%;margin-right:5px}.result-card h3{font-size:12px;font-weight:400;margin:0}.big-money{font-size:clamp(28px,3.2vw,43px);letter-spacing:-1.6px;margin:10px 0 24px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-card dl{margin:0;border-top:1px solid #354556;padding-top:15px}.result-card dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0}.result-card dt{font-size:10px;line-height:1.5}.result-card dd{font-size:13px;font-weight:600;margin:0;white-space:nowrap}.alternative{background:var(--ink);color:#fff;border-color:#f5f7fa}.alternative .card-kicker{color:var(--lime)}.alternative .dot{background:var(--lime)}.alternative .big-money{color:var(--lime)}.alternative dl{border-color:#506277}.hint{opacity:.65}.difference{display:grid;grid-template-columns:1fr auto;gap:10px;background:var(--lime);margin-top:14px;padding:21px 25px;border-radius:12px}.difference p{font-size:12px;margin:0}.difference strong{font-size:32px;letter-spacing:-1px;display:block;margin-top:8px;font-weight:500}.difference>span{font-size:42px;align-self:center}.difference>p{grid-column:1/-1;font-size:11px;color:#253d59}.chart{margin:25px 1px 0}.chart-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.chart-heading h3{font-weight:500;font-size:12px;margin:0}.chart-heading>span{font-size:9px;display:flex;align-items:center;gap:5px;color:var(--muted)}.chart-heading i{width:7px;height:7px;border-radius:2px}.salary-key{background:#546c89}.commission-key{background:var(--green);margin-left:8px}.bar-row{display:grid;grid-template-columns:68px 1fr 100px;align-items:center;gap:10px;margin-top:10px;font-size:10px}.bar-row strong{text-align:right;font-weight:500}.bar-track{height:16px;display:flex;background:#1a2c3f;border-radius:3px;overflow:hidden}.salary-bar{background:#546c89}.commission-bar{background:var(--green)}.result-footnote{margin-top:20px;font-size:10px}.models-section{padding:60px 0 48px}.models-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.models-heading .eyebrow{margin-bottom:13px}.models-heading h2,.explanation h2{font-size:30px;letter-spacing:-1px}.models-heading p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:0}.editable-tag{font-family:Georgia,serif;font-style:italic;font-size:16px;color:var(--muted)}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.model-editor{background:#17283a;padding:25px;border:1px solid var(--line);border-radius:12px;min-width:0}.model-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.model-title h3{font-size:16px;font-weight:500;margin:0}.model-title span{font-size:9px;color:var(--muted)}.threshold-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.model-editor label{font-size:11px;display:block}.model-editor input,.model-editor select{width:100%;background:#0d1b2a;border:1px solid #506277;border-radius:6px;padding:10px;color:#f5f7fa;min-height:40px;margin-top:7px;min-width:0}.threshold-note{font-size:10px;line-height:1.5;color:var(--muted);margin:12px 0 20px}.tier-head,.tier-row{display:grid;grid-template-columns:32px minmax(80px,1fr) minmax(60px,.7fr) 30px;gap:10px;align-items:center}.tier-head{font-size:9px;color:var(--muted);padding-top:17px;border-top:1px solid var(--line)}.tier-row{margin-top:10px;font-size:12px}.tier-row input{margin:0}.tier-num{font-size:10px;color:var(--muted)}.unlimited{font-size:11px;color:var(--muted)}.remove-tier{background:transparent;min-height:36px;color:#efb7ab;font-size:19px;border-radius:5px}.add-tier{border:1px solid #506277;background:#17283a;color:#f5f7fa;padding:9px 12px;border-radius:6px;font-size:11px;margin-top:18px}.explanation{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:48px 0}.explanation h2{line-height:1.25}.explanation>div>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);max-width:410px}.explanation ol{list-style:none;padding:0;margin:0;display:grid;gap:23px}.explanation li{display:flex;gap:15px}.explanation li>span{border:1px solid #506277;width:25px;height:25px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:10px}.explanation strong{font-size:13px;font-weight:600}.explanation li p{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}.breakdown{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0}.breakdown summary{font-size:13px;list-style:none;display:flex;justify-content:space-between;padding:4px}.breakdown summary::-webkit-details-marker{display:none}.breakdown summary span{font-size:18px}.breakdown[open] summary span{transform:rotate(45deg)}#breakdown-content{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:25px 0 5px}.breakdown h3{font-size:14px}.breakdown table{font-size:11px;width:100%;border-collapse:collapse}.breakdown th,.breakdown td{text-align:right;padding:10px 4px;border-bottom:1px solid var(--line)}.breakdown th:first-child,.breakdown td:first-child{text-align:left}.breakdown caption{text-align:left;margin:10px 0;color:var(--muted);line-height:1.5}.breakdown .total-row{font-weight:bold}.closing{display:flex;align-items:center;gap:22px;padding:44px 0}.closing h2{font-family:Georgia,serif;font-style:italic;font-size:26px}.closing p{font-size:12px;color:var(--muted);margin-bottom:0}.closing-arrow{font-size:40px;margin-left:auto}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer>span{font-size:10px;letter-spacing:1.8px;font-weight:700}footer a{text-underline-offset:3px}.error{padding:15px;background:#fff0e9;border:1px solid #bd7056;border-radius:8px;color:#8a3527;font-size:13px;line-height:1.5;margin:15px 0}.error[hidden]{display:none}[aria-invalid=true]{border-color:#a13f2b!important;background:#fff3ed!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;z-index:10;top:10px;left:10px;background:#17283a;padding:12px}.results-invalid{opacity:.35;pointer-events:none}.results-invalid .big-money{font-size:28px}button:hover{filter:brightness(.94)}@media(min-width:1500px){header,main,footer{max-width:1280px}}@media(max-width:1380px){header,main,footer{margin-left:5%;margin-right:5%}}@media(max-width:1050px){.calculator{grid-template-columns:300px 1fr;gap:18px}.input-panel{padding:23px}.result-heading{align-items:flex-start;flex-direction:column}.result-card{padding:22px 16px}.result-card dl>div{display:block}.result-card dd{margin-top:3px}.hero-note{margin-right:0}.badge{display:none}.chart-heading{align-items:flex-start;flex-direction:column}.result-cards{gap:10px}.result-card dt{font-size:11px}.models-heading h2,.explanation h2{font-size:26px}.editable-tag{display:none}}@media(max-width:760px){header{height:84px}.header-note,.hero-note{display:none}.brand{font-size:19px}.brand b{font-size:11px}.nav-link{font-size:11px}.nav-link span{margin-left:10px}.hero{padding:40px 0 30px}h1{font-size:44px;letter-spacing:-2px}.intro{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.2px}.calculator{grid-template-columns:1fr}.input-panel{padding:23px}.money-input input{font-size:25px}.private-note{margin-top:23px}.result-heading{margin-top:12px}.result-card{padding:22px 17px}.big-money{font-size:29px;letter-spacing:-1px}.result-card dd{font-size:13px}.card-kicker{font-size:8px;letter-spacing:1px}.models-section{padding:40px 0 35px}.model-grid,.explanation,#breakdown-content{grid-template-columns:1fr}.model-editor{padding:22px}.explanation{gap:23px;padding:35px 0}.closing{gap:14px;padding:30px 0}.closing h2{font-size:22px;line-height:1.2}.closing p{font-size:11px;line-height:1.6}.closing .brand-mark{flex-shrink:0}.closing-arrow{display:none}footer{flex-wrap:wrap;gap:10px;padding-bottom:22px}footer p{order:3;width:100%;line-height:1.5}.bar-row{grid-template-columns:60px 1fr 86px;gap:5px}.chart-heading{flex-direction:row}.chart-heading h3{font-size:11px}.chart-heading>span{font-size:8px}.model-title span{font-size:8px}.threshold-grid{grid-template-columns:1.3fr 1fr}.models-heading h2{font-size:27px;line-height:1.2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.standalone-select{width:100%;border:1px solid #506277;border-radius:7px;padding:12px;background:#0d1b2a;color:#f5f7fa}.optional{font-weight:400;color:var(--muted);font-size:10px}.scheme-overview{padding:5px 0}.scheme-card{border:1px solid var(--line);border-radius:12px;padding:22px;background:#17283a;margin:12px 0}.scheme-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.scheme-card h3{margin:0;font-weight:500;font-size:17px}.scheme-state{font-size:9px;font-weight:600;padding:6px 8px;background:#304256;border-radius:4px}.scheme-card.confirmed{background:var(--ink);color:#fff;border-color:#f5f7fa}.confirmed .scheme-state{background:#304256;color:var(--lime)}.scheme-values{display:flex;gap:30px;flex-wrap:wrap;margin:20px 0 12px}.scheme-values>div{display:flex;flex-direction:column;gap:6px}.scheme-values strong{font-weight:500;font-size:25px;letter-spacing:-.8px}.scheme-values span{font-size:10px}.confirmed .scheme-values strong{color:var(--lime)}.scheme-card p{font-size:11px;line-height:1.65;margin:13px 0 0;color:var(--muted)}.confirmed p{color:#c5d3e2}.scheme-card details{margin-top:12px;font-size:11px}.scheme-card summary{text-underline-offset:4px;text-decoration:underline;min-height:25px}.scheme-card.pending{background:#142536;padding:18px 22px}.scheme-card.pending h3{font-size:15px}.scheme-card.pending .scheme-state{background:#fff3df;color:#7f5e25}.custom-comparison{margin-top:35px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.custom-comparison>summary{display:flex;justify-content:space-between;font-size:16px;gap:20px;padding:10px 0;list-style:none}.custom-comparison>summary span{font-size:11px;color:var(--muted)}.custom-results{padding-top:25px}.custom-results .results-wrap{max-width:850px;margin:auto}.custom-comparison .models-section{padding-bottom:10px}#error{scroll-margin-top:20px}@media(max-width:760px){.scheme-values{gap:20px}.scheme-values strong{font-size:23px}.scheme-state{font-size:8px}.scheme-overview{margin-top:10px}.custom-comparison>summary{font-size:14px}.custom-comparison>summary span{font-size:9px}}
#breakdown-content>div{min-width:0;overflow-x:auto}.scheme-values>div{max-width:100%;overflow-wrap:anywhere}
.quarter-toggle{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:20px;cursor:pointer}.quarter-toggle input{accent-color:#f5f7fa;width:17px;height:17px}.quarter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.quarter-grid label{font-size:10px}.quarter-grid input{width:100%;min-width:0;margin-top:7px;border:1px solid var(--line);border-radius:6px;padding:10px;color:#f5f7fa;background:#0d1b2a;font-size:13px}
.currency-caption{font-size:12px;color:var(--muted);margin-top:25px}
.calculator>form{align-self:start;position:sticky;top:20px}@media(max-width:760px){.calculator>form{position:static}}
.grade-label{display:block;font-size:11px;margin-top:16px;max-width:340px}.grade-label select{margin-top:8px}

/* TRM Connects brand: public logo, Roboto headings and navy / pale-blue palette. */
@font-face{font-family:Roboto;src:url("assets/roboto-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{color:#f5f7fa;color-scheme:dark}
h1,h2,h3,.big-money,.scheme-values strong{font-family:Roboto,Arial,sans-serif}
h1{font-weight:800;letter-spacing:-2px}h1 em{font-family:inherit;font-weight:800;font-style:normal;color:#d1e3fc}
h2,.scheme-card h3,.model-title h3{font-weight:700}.brand img{display:block;width:126px;height:70px;object-fit:contain}.header-note{color:#b1becc}.nav-link{border:1px solid #506277;border-radius:5px;padding:12px 16px}.hero{padding-top:58px}.orbit{border-radius:5px;color:#d1e3fc;transform:none}.panel,.scheme-card,.model-editor,.result-card{border-radius:8px}.scheme-card.confirmed{border-color:#8aabd4;background:#1a3049}.scheme-card.pending .scheme-state{background:#403a2b;color:#ffe2a5}.scheme-state{color:#d1e3fc}.alternative{background:#263f5e;border-color:#6383ab}.difference{color:#0d1b2a}.editable-tag,.closing h2{font-family:Roboto,Arial,sans-serif;font-style:normal}.closing h2{font-weight:700}.closing-logo{object-fit:contain;flex-shrink:0}.skip:focus{color:white}.quarter-toggle input{accent-color:#d1e3fc}[aria-invalid=true]{color:#8a3527!important}:focus-visible{outline:3px solid #9ac3f5}.add-tier{background:#17283a}.text-button{min-height:32px}.scheme-card p{font-size:12px}.micro{font-size:12px}.scheme-values span{font-size:11px}.scheme-card summary{font-size:12px}.error{color:#8a3527;color-scheme:light}
@media(max-width:760px){.brand img{width:100px;height:56px}.hero{padding-top:36px}h1{font-size:42px}.closing-logo{width:66px;height:40px}.nav-link{padding:10px}.scheme-card{padding:20px}.closing{gap:12px}}
.career-perspective{margin:0 0 34px;padding:26px 30px;border-left:3px solid #d1e3fc;background:linear-gradient(110deg,#223c59,#17283a);border-radius:0 8px 8px 0}.career-perspective .eyebrow{margin-bottom:12px;color:#d1e3fc}.career-perspective h2{font-size:25px}.career-perspective>p:last-child{max-width:900px;font-size:16px;line-height:1.65;color:#d1deed;margin-bottom:0}.scheme-card.highest-earnings{border:2px solid #d1e3fc;background:#263f5e}.winner-label{font-size:11px;line-height:1.4;font-weight:700;background:#d1e3fc;color:#0d1b2a;padding:7px 10px;border-radius:4px}.highest-earnings .scheme-values>div:last-child strong{color:#d1e3fc}.scheme-card-top{flex-wrap:wrap}.scheme-values{margin-bottom:0}@media(max-width:760px){.career-perspective{padding:22px;margin-bottom:26px}.career-perspective h2{font-size:23px}.career-perspective>p:last-child{font-size:15px}.winner-label{font-size:10px}}
