:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;color:#00535f;background:#f3fafa;--petrol:#00535f;--orange:#b83200}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit}button{cursor:pointer}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b83200;outline-offset:4px}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.top{padding:20px 0 16px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:17px;font-weight:700;line-height:1.4;text-decoration:none}.brand i{height:33px;width:5px;background:#f84914;border-radius:4px}.brand small{display:block;font-size:10px;font-weight:400;color:#45666b}.page-heading{display:flex;align-items:center;gap:32px;padding:8px 0 22px;border-bottom:1px solid #d0ebec}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.6;margin:0 0 5px;color:#45666b}h1{font-size:29px;line-height:1.1;letter-spacing:-.04em;margin:0}.primary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;border:0;border-radius:10px;background:#b83200;color:white;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;padding:14px 20px}.primary:hover{background:#922800}.top-signup{white-space:nowrap;font-size:12px;min-height:44px;padding:11px 15px}.flow-toolbar{display:flex;align-items:center;gap:15px;min-height:52px;padding:6px 0}.progress{font-size:11px;color:#4a686d;margin:0;flex:1}.back,.text-button{border:0;background:none;color:#355b61;min-height:40px;padding:8px 0;font-size:12px}.text-button{text-decoration:underline;text-underline-offset:3px}.back{min-width:67px;text-align:left}.question-stage{min-height:480px;min-height:min(600px,calc(100svh - 190px));display:grid;align-items:center}.question{width:min(100%,530px);margin:auto;padding:26px 0 38px}.question h2{font-size:36px;font-weight:700;line-height:1.12;letter-spacing:-.04em;margin:0 0 30px}.year-input{display:block;width:240px;max-width:100%;font-size:35px;font-weight:700;color:#00535f;background:#fff;border:1px solid #a8cdd0;border-radius:12px;padding:16px 20px;min-height:74px;margin:0 0 14px}.year-input::placeholder{font-size:25px;color:#66898f;font-weight:400}.hint{font-size:12px;line-height:1.65;color:#4a686d;margin:10px 0 0}.error{font-size:13px;font-weight:700;color:#a52800;line-height:1.6;margin:10px 0}.error:empty{display:none}input[aria-invalid=true]{outline:2px solid #b83200;outline-offset:2px}.next{min-width:150px;max-width:100%;margin:30px 0 0 auto}.case-note{border-left:3px solid #f84914;padding:4px 0 4px 12px;font-size:13px;line-height:1.6;margin:16px 0;color:#00535f}.child-choices{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.child-choices label{position:relative;cursor:pointer;min-width:0}.child-choices label:nth-last-child(2){grid-column:span 2}.child-choices label:last-child{grid-column:span 2}.child-choices input,.rate-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.child-choices span,.rate-options span{display:flex;align-items:center;justify-content:center;min-height:49px;border:1px solid #a8cdd0;border-radius:9px;font-size:14px;line-height:1.5;text-align:center;background:#fff;padding:10px 8px}.child-choices input:checked+span,.rate-options input:checked+span{background:#00535f;color:white;border-color:#00535f}.child-choices input:focus-visible+span,.rate-options input:focus-visible+span{outline:3px solid #b83200;outline-offset:3px}.child-choices input:focus-visible,.rate-options input:focus-visible{outline:none}#more-children{margin-top:17px}label,legend{font-size:13px;line-height:1.6}select{display:block;color:#00535f;background:white;border:1px solid #a8cdd0;border-radius:9px;padding:11px;min-height:47px;width:160px;margin-top:8px}.question-help{font-size:12px;line-height:1.65;color:#45666b;margin-top:20px}.question-help summary{font-weight:700;cursor:pointer;min-height:38px;line-height:1.6;padding:8px 0;color:#00535f}.question-help p{margin:9px 0}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:15px 0}.check input{accent-color:#00535f;width:19px;height:19px;flex-shrink:0;margin:1px 0 0}.amount{display:flex;align-items:baseline;gap:15px;border-bottom:1px solid #b1dddf;padding:5px 0 12px}.amount input{background:transparent;color:#00535f;border:0;font-size:50px;font-weight:700;letter-spacing:-.04em;width:155px;min-width:0}.amount span{font-size:13px;color:#45666b}input[type=range]{width:100%;min-height:32px;accent-color:#b83200;margin:22px 0 0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#4a686d}.device-note{font-size:11px;color:#4a686d;margin:6px 0 18px;line-height:1.6;text-align:center}.result-screen{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);background:#00535f;color:white;border-radius:22px;overflow:clip}.result-visual{padding:34px 36px 26px;min-width:0}.result-visual .eyebrow{color:#b1dddf}.result-visual h2{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:400;margin:0 0 9px}.big-value{font-size:clamp(38px,5vw,62px);font-weight:700;letter-spacing:-.045em;line-height:1.08;margin:0 0 12px;overflow-wrap:anywhere}.caption{font-size:12px;color:#d0ebec;line-height:1.6;margin:0}#chart{width:100%;display:block;margin:20px 0 0}.axis{fill:#c3e2e4;font-family:Arial,Helvetica,sans-serif;font-size:11px}.gridline{stroke:#377a84;stroke-width:1}.chart-area-fill{fill:#b1dddf;opacity:.08}.chart-paid{fill:none;stroke:#b1dddf;stroke-width:2;stroke-dasharray:5 5}.chart-balance{fill:none;stroke:#ff845f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#fff;stroke:#ff845f;stroke-width:3}.chart-legend{display:flex;gap:16px;color:#d0ebec;font-size:10px;line-height:1.6}.chart-legend span{display:flex;gap:6px;align-items:center}.chart-legend i{width:15px;border-top:3px solid #ff845f}.chart-legend .paid{border-top:2px dashed #b1dddf}.result-summary{padding:42px 32px 30px;min-width:0;border-left:1px solid #377a84}.annual h3{font-size:14px;font-weight:400;line-height:1.6;color:#d0ebec;margin:0 0 7px}.annual strong{font-size:37px;letter-spacing:-.03em}.result-summary .case-note{color:#fff;font-size:12px}.risk-note{font-size:11px;line-height:1.7;color:#d0ebec;margin:20px 0}.result-signup{margin-top:22px;background:white;color:#00535f}.result-signup:hover{background:#d0ebec}.result-summary .text-button{color:#d0ebec;margin-top:10px}.result-screen :focus-visible{outline-color:#ff845f}.result-details{grid-column:1/-1;background:#e7f5f5;color:#00535f;padding:18px 25px;font-size:12px;line-height:1.8;border-top:1px solid #d0ebec}.result-details summary{cursor:pointer;font-size:13px;line-height:1.6;min-height:32px;font-weight:700}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:20px}.return-field{padding:0;border:0;margin:0}.rate-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.rate-options label{position:relative}.rate-options span{font-size:13px;padding:10px 4px}.grant-list div,.totals div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #b1dddf;padding:10px 0}.grant-list dd,.totals dd{margin:0;white-space:nowrap;font-weight:700}.table-scroll{overflow:auto;max-height:250px;border:1px solid #b1dddf;border-radius:8px}table{font-size:10px;border-collapse:collapse;width:100%}caption{padding:9px;text-align:left}td,th{white-space:nowrap;padding:9px;border-top:1px solid #b1dddf}tbody th{font-weight:400}.agents-section{padding-top:48px;scroll-margin-top:20px;border-top:1px solid #d0ebec}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-heading h2{font-size:31px;line-height:1.15;letter-spacing:-.035em;margin:0}.section-heading>p{font-size:12px;color:#45666b;line-height:1.7;max-width:340px;margin:0}.agents{display:grid;grid-template-columns:1fr 1fr;gap:24px}.agent{display:grid;grid-template-columns:140px minmax(0,1fr);background:#fff;border:1px solid #d0ebec;border-radius:18px;overflow:hidden}.portrait-frame{overflow:hidden;background:#e7f5f5}.portrait-frame img{display:block;object-fit:cover;object-position:50% 20%;width:100%;height:100%;min-height:215px}.agent-body{padding:24px 20px;min-width:0}.agency{font-size:10px;color:#4a686d;margin:0 0 8px}.agent h3{font-size:24px;letter-spacing:-.025em;margin:0 0 10px}.agent-body>p:not(.agency){font-size:12px;color:#45666b;margin:0 0 22px}.agent .primary{font-size:12px;padding:13px 14px}.after-agents,.help p{font-size:12px;color:#45666b;line-height:1.7}.after-agents{margin:18px 0;max-width:780px}.help{background:#e7f5f5;border-radius:12px;padding:15px 20px}.help p{margin:0}.help a{font-weight:700;white-space:nowrap}.method-section{margin:30px 0}.method-section details{padding:17px 20px;border:1px solid #c7e0e2;border-radius:12px}.method-section summary{font-size:13px;font-weight:700;cursor:pointer;min-height:30px;line-height:1.6}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.method-grid h3{font-size:14px}.method-grid p,.source-note{font-size:12px;color:#45666b;line-height:1.8}.product-note{max-width:900px;margin:20px 0 32px}.product-note h2{font-size:18px;letter-spacing:-.02em;margin:0 0 10px}.product-note p{font-size:11px;color:#4a686d;line-height:1.8;margin:8px 0}.foot{border-top:1px solid #d0ebec;padding:22px 0 28px;font-size:11px;line-height:1.8;color:#45666b}.foot-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.foot nav{display:flex;gap:18px;flex-wrap:wrap}.foot p{margin:12px 0 0}.skip{position:absolute;top:-100px;background:#fff;padding:14px;z-index:10}.skip:focus{top:8px;left:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.fallback{padding:24px;font-size:14px;line-height:1.8}summary::marker{color:#007a8c}
@media(max-width:1000px){.shell{width:calc(100% - 40px)}.result-visual{padding:28px}.result-summary{padding:30px 25px}.agent{grid-template-columns:110px minmax(0,1fr)}.agent-body{padding:20px 16px}.agent h3{font-size:22px}}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.top{padding:15px 0 12px}.brand{font-size:15px;gap:8px}.brand i{height:29px;width:4px}.brand small{font-size:9px}.page-heading{justify-content:space-between;gap:12px;padding:5px 0 15px}.page-heading .eyebrow{font-size:9px;margin-bottom:4px}h1{font-size:21px;letter-spacing:-.035em}.top-signup{font-size:11px;min-height:44px;padding:10px 12px}.top-signup span{display:none}.flow-toolbar{min-height:48px;padding:3px 0;gap:10px}.progress{font-size:11px}.back,.text-button{font-size:11px;min-height:40px}.back{min-width:60px}.question-stage{min-height:min(520px,calc(100svh - 172px))}.question{padding:22px 8px 30px}.question h2{font-size:31px;line-height:1.12;margin-bottom:24px}.year-input{font-size:32px;min-height:69px;width:220px;padding:14px 17px}.year-input::placeholder{font-size:23px}.next{margin-top:25px;font-size:13px;min-width:135px}.hint{font-size:12px}.child-choices{gap:8px}.child-choices span{font-size:12px;min-height:48px}.child-choices label:last-child{grid-column:1/-1}.child-choices label:nth-last-child(2){grid-column:span 4}.question-help{margin-top:14px;font-size:12px}.question-help summary{min-height:40px}.check{font-size:12px}.case-note{font-size:12px;line-height:1.6;margin:13px 0;padding-left:10px}.amount input{font-size:44px;width:130px}.amount span{font-size:12px}.device-note{font-size:10px;margin:0 0 20px}.result-screen{grid-template-columns:1fr;border-radius:17px}.result-visual{padding:20px 22px 13px}.result-visual .eyebrow{font-size:9px}.result-visual h2{font-size:18px;line-height:1.3;margin-bottom:7px}.big-value{font-size:39px;margin-bottom:7px}.caption{font-size:11px}#chart{height:166px;margin-top:12px}.chart-legend{font-size:9px;gap:14px}.result-summary{padding:15px 22px 16px;border-left:0;border-top:1px solid #377a84}.annual{display:flex;align-items:center;justify-content:space-between;gap:15px}.annual h3{font-size:12px;line-height:1.5;margin:0;max-width:160px}.annual strong{font-size:26px;white-space:nowrap}.result-summary .case-note{font-size:11px;line-height:1.6;margin:11px 0}.risk-note{font-size:10px;line-height:1.65;margin:11px 0}.result-signup{font-size:13px;margin-top:14px;min-height:46px;padding:12px 16px}.result-summary .text-button{display:block;margin:5px 0 0 auto;min-height:34px}.result-details{padding:15px 20px}.result-details summary{font-size:12px;min-height:32px}.detail-columns{grid-template-columns:1fr;gap:10px}.agents-section{padding-top:34px}.section-heading{display:block}.section-heading h2{font-size:28px}.section-heading>p{margin-top:14px;max-width:none}.agents{grid-template-columns:1fr;gap:16px}.agent{grid-template-columns:120px minmax(0,1fr)}.agent h3{font-size:23px}.agent .primary{font-size:12px}.method-grid{grid-template-columns:1fr;gap:0}.method-section{margin-top:25px}.method-grid p,.source-note{font-size:12px}.product-note h2{font-size:17px}}
@media(max-width:370px){h1{font-size:19px}.top-signup{font-size:10px;padding:10px}.question h2{font-size:28px}.question{padding-left:5px;padding-right:5px}.year-input{width:210px}.child-choices{gap:6px}.child-choices span{font-size:11px}.result-visual{padding:17px 18px 12px}.result-summary{padding:13px 18px}#chart{height:145px}.big-value{font-size:36px}.agent{grid-template-columns:85px minmax(0,1fr)}.agent-body{padding:18px 13px}.agent h3{font-size:21px}.agent .primary{font-size:11px;padding:12px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Desktop composition is separate from the single-question phone flow. */
.desktop-only,.desktop-preview{display:none}
@media(min-width:761px){
.mobile-only{display:none}.desktop-only{display:block}.top{padding:25px 0 20px;border-bottom:1px solid #d0ebec}.brand{font-size:18px}.brand small{font-size:11px}.brand i{height:38px;width:6px}.page-heading{padding:32px 0 8px;border-bottom:0;gap:40px;justify-content:flex-start}.page-heading h1{font-size:clamp(36px,4vw,50px);line-height:1.05}.page-heading .eyebrow{margin-bottom:12px}.title-accent{color:#007a8c}.top-signup{font-size:14px;min-height:50px;padding:14px 20px}.desktop-lead{font-size:14px;line-height:1.7;color:#45666b;max-width:680px;margin:15px 0 28px}
#calculator{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;background:white;border:1px solid #c7e0e2;border-radius:23px;overflow:clip;box-shadow:0 16px 60px #00535f08}
.desktop-preview{display:block;grid-column:1;grid-row:1/4;min-width:0;background:#00535f;color:#fff;padding:34px 36px;min-height:570px}.desktop-preview .eyebrow{color:#b1dddf}.desktop-preview h2{font-size:21px;font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:0 0 10px}.desktop-preview .big-value{font-size:clamp(39px,4.5vw,60px)}.desktop-example-note{font-size:11px;line-height:1.7;color:#d0ebec;margin:11px 0}.desktop-case-note{font-size:12px;line-height:1.65;color:#fff;margin:19px 0 0}#desktop-chart{width:100%;display:block;margin:23px 0 0}.desktop-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #377a84;margin:24px 0 0;padding-top:17px}.desktop-totals dt{font-size:10px;line-height:1.6;color:#d0ebec;min-height:32px}.desktop-totals dd{margin:5px 0 0;font-weight:700;font-size:19px;letter-spacing:-.02em;overflow-wrap:anywhere}.desktop-preview .risk-note{margin:18px 0 0}.flow-toolbar{grid-column:2;grid-row:1;padding:15px 25px 0}.question-stage{grid-column:2;grid-row:2;min-height:420px;padding:0 28px}.question{padding:22px 0 30px;width:100%}.question h2{font-size:30px}.question .year-input{font-size:31px;min-height:68px;width:220px}.question .next{font-size:13px}.device-note{grid-column:2;grid-row:3;padding:12px 22px;margin:0;border-top:1px solid #d0ebec;text-align:right;font-size:10px}.result-screen{grid-column:2;grid-row:2;border-radius:0;display:block;background:#fff;color:#00535f;overflow:visible}.result-screen .result-visual{display:none}.result-screen .result-summary{padding:26px;border-left:0}.result-screen .annual h3,.result-screen .risk-note{color:#45666b}.result-screen .case-note{color:#00535f}.result-screen .result-signup{background:#b83200;color:white}.result-screen .result-signup:hover{background:#922800}.result-screen .text-button{color:#45666b}.result-screen .detail-columns{grid-template-columns:1fr;gap:12px}.result-screen .result-details{padding:17px 24px;border-radius:0}.result-screen :focus-visible{outline-color:#b83200}
}
@media(min-width:761px) and (max-width:1000px){.desktop-preview{padding:27px 25px}.question-stage{padding:0 23px}.question h2{font-size:26px}.desktop-totals{gap:8px}.desktop-totals dd{font-size:16px}.desktop-preview .big-value{font-size:41px}.page-heading h1{font-size:37px}.top-signup{font-size:12px;padding:13px 16px}}

@media(min-width:761px){.desktop-preview :focus-visible{outline-color:#ff845f}}

/* Only the phone view gains a compact, continuously updated example. */
.mobile-preview{display:none}
@media(max-width:760px){
.mobile-preview{display:block;background:#00535f;color:#fff;border-radius:15px;padding:13px 17px 12px;margin-top:10px}.mobile-preview-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.mobile-preview-top h2{font-size:12px;line-height:1.5;font-weight:400;letter-spacing:0;margin:0;color:#d0ebec}.mobile-preview-top>span{font-size:9px;line-height:1.5;white-space:nowrap;color:#b1dddf;text-transform:uppercase;letter-spacing:.04em}.mobile-preview-value{font-size:33px;font-weight:700;line-height:1.08;letter-spacing:-.04em;margin:6px 0}.mobile-preview-caption{font-size:10px;line-height:1.6;color:#d0ebec;margin:0}.mobile-preview-status{font-size:11px;line-height:1.5;color:#fff;margin:6px 0 0}.mobile-preview-risk{font-size:9px;line-height:1.5;color:#d0ebec;margin:5px 0 0}.question-stage{min-height:min(360px,calc(100svh - 290px))}.question{padding-top:18px;padding-bottom:25px}.flow-toolbar{min-height:43px}.question h2{margin-bottom:21px}.question .next{margin-top:22px}.device-note{margin-bottom:15px}.question[aria-busy=true]{cursor:progress}
}
@media(max-width:370px){.mobile-preview{padding:12px 15px 11px}.mobile-preview-value{font-size:31px}.mobile-preview-top h2{font-size:11px}.mobile-preview-status{font-size:10px}}

/* Contain the preview margin while its mobile height changes. */
@media(max-width:760px){body{overflow-anchor:none}#calculator{display:flow-root}}