/* Cost cutting is the outcome. Motion makes the reduction tangible. */
.hero { padding-top: 52px; gap: 72px; }
.hero-copy { padding-top: 28px; }
.hero .eyebrow { letter-spacing: 1.5px; }
.hero h1 { font-size: clamp(52px, 4.8vw, 68px); }
.highlight { background: linear-gradient(transparent 78%, var(--lime) 78%, var(--lime) 94%, transparent 94%); -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 .02em; }
.highlight::after { display: none; }
.hero-description { font-size: 18px; max-width: 440px; }
.hero-promise { margin-top: 28px; border-left: 3px solid var(--teal); padding: 0 0 0 17px; }
.hero-promise>p { font-size: 14px; font-weight: 700; color: var(--teal); line-height: 1.55; }
.promise-amount { font-size: 29px; letter-spacing: -1px; margin-right: 4px; font-weight: 800; font-variant-numeric: tabular-nums; }
.hero-promise .text-link { font-size: 11px; min-height: 30px; gap: 8px; }
.hero-promise .icon { width: 16px; height: 16px; }
.promise-status { display: block; font-size: 10px; line-height: 1.6; color: var(--muted); margin-top: 1px; }
.hero-flourish { max-width: 430px; margin-top: 23px; }
.hero-flourish img { display: block; width: 100%; height: auto; }
.hero-flourish p { color: var(--teal); font-size: 10px; letter-spacing: .1px; margin-top: 5px; }
.calculator-shell { border-color: #bdd1c3; box-shadow: 0 12px 0 -6px #dce6d7, 0 24px 45px -27px #294b3c45; }
.calculator-shell h2 { font-size: 31px; letter-spacing: -1.25px; }
.calculator-intro { font-size: 13px; line-height: 1.8; max-width: 340px; }
.category-option label { position: relative; justify-content: flex-start; padding: 10px 11px; gap: 8px; min-height: 61px; font-size: 11px; line-height: 1.4; transition: background .18s, border-color .18s, transform .18s; }
.category-option label>span { max-width: 100px; }
.category-option .icon { width: 20px; height: 20px; }
.category-option input:checked+label { background: #edf4de; border-color: var(--teal); }
.category-option input:checked+label::after { position: absolute; top: 3px; right: 5px; font-size: 9px; }
.category-option label:active { transform: scale(.97); }
.category-context { color: var(--muted); font-size: 11px; line-height: 1.65; margin-top: 12px; min-height: 36px; }
.description-disclosure { margin-top: 4px; margin-bottom: 14px; }
.calculator-submit { font-size: 15px; }
.button { transition: background .18s, transform .18s, box-shadow .18s; }
.button:active { transform: translateY(0) scale(.985); box-shadow: none; }
.savings-section .section-heading>div { flex: 1.5; }
.savings-section .section-heading>p { flex: 1; max-width: 345px; }
.story-tabs { gap: 10px; border-bottom: 0; padding: 5px; background: #eef1e7; border: 1px solid #dbe3d5; border-radius: 9px; }
.story-tab { position: relative; border: 0; border-radius: 5px; padding: 16px 9px; min-height: 98px; margin-bottom: 0; font-size: 12px; gap: 10px; line-height: 1.5; transition: color .18s, background .18s; }
.story-tab::after { content: ''; height: 3px; background: var(--lime); position: absolute; left: 20%; right: 20%; bottom: 7px; border-radius: 3px; transform: scaleX(0); transition: transform .22s; }
.story-tab[aria-selected=true] { background: var(--teal); color: var(--ivory); box-shadow: 0 3px 8px #064e4a17; border: 0; }
.story-tab[aria-selected=true]::after { transform: scaleX(1); }
.story-tab[aria-selected=false]:hover { background: #e0e9d8; }
.story-layout { gap: 55px; animation: story-arrive 220ms ease-out; }
.story-visual { min-height: 440px; border-radius: 11px 70px 11px 11px; border: 1px solid #d7e1d2; background: #e8f0e6; padding: 28px 24px 16px; }
.story-visual-hardware,.story-visual-marketing,.story-visual-other { background: #f0eddc; }
.story-visual img { height: 290px; margin-top: 4px; }
.story-index { font-size: 9px; letter-spacing: 1.25px; font-weight: 800; color: #5a7065; display: block; margin-bottom: 13px; }
.story-copy h3 { font-size: 34px; line-height: 1.18; }
.story-copy>p { margin-top: 18px; line-height: 1.8; }
.story-facts { gap: 22px 25px; }
.story-fact p { font-size: 13px; line-height: 1.8; }
.story-fact span { font-size: 9px; }
.story-copy .text-link { font-size: 14px; margin-top: 21px; }
.expense-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 21px; }
.expense-tags span { font-size: 10px; font-weight: 650; padding: 5px 10px; background: #fafbf6; color: var(--teal); border: 1px solid #c7d6c4; border-radius: 4px; box-shadow: 0 3px 0 -1px #c8d4c455; }
.expense-tags span:nth-child(2) { transform: rotate(-3deg); background: var(--lime); border-color: #c5dc68; }
.story-visual-note { font-size: 12px; margin: 0 2px 3px; line-height: 1.7; align-items: flex-start; }
.story-visual-note>span { flex: none; margin-top: 1px; }
.finance-illustration { display: grid; place-items: center; min-height: 290px; }
.finance-paper { width: 245px; background: white; border: 1px solid #b9cbbd; border-radius: 5px; padding: 23px; box-shadow: 7px 8px 0 #d4dfce; transform: rotate(-3deg); margin-block: 20px; }
.paper-kicker { font-size: 8px; letter-spacing: 1.5px; font-weight: 800; color: var(--muted); }
.paper-heading { font-size: 22px; line-height: 1.2; color: var(--teal); letter-spacing: -.6px; font-weight: 750; margin-block: 15px; }
.paper-line { font-size: 12px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--border); padding: 7px 0; }
.paper-total { display: flex; align-items: center; gap: 8px; margin-top: 15px; font-size: 9px; font-weight: 800; color: var(--teal); background: var(--lime); padding: 8px; border-radius: 3px; }
.paper-total .icon { width: 15px; height: 15px; }
.guarantee-section { background: #e8efdc; border-top: 1px solid #d5e0c7; position: relative; overflow: hidden; }
.guarantee-section::after { content: ''; position: absolute; width: 390px; height: 390px; border: 1px solid #cad9ba; border-radius: 50%; right: -230px; top: -70px; pointer-events: none; }
.guarantee-inner { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; align-items: center; padding-block: 65px; }
.guarantee-figure { border-right: 1px solid #c5d3b8; padding-right: 40px; }
.guarantee-figure .eyebrow { display: block; font-size: 10px; letter-spacing: 1.9px; margin-bottom: 10px; }
.guarantee-number { font-size: clamp(72px, 8vw, 112px); letter-spacing: -7px; line-height: 1.2; font-weight: 650; color: var(--teal); font-variant-numeric: tabular-nums; }
.guarantee-figure>span:last-child { font-size: 16px; color: var(--teal); display: block; margin-top: 6px; }
.guarantee-copy h2 { font-size: 31px; line-height: 1.25; letter-spacing: -1px; max-width: 450px; }
.guarantee-status { display: inline-block; padding: 7px 12px; border: 1px solid #b6c49c; border-radius: 4px; font-size: 12px; font-weight: 750; color: var(--teal); margin-block: 18px 13px; }
.guarantee-copy>p:not(.guarantee-status) { font-size: 13px; line-height: 1.85; color: #4d6152; margin-top: 10px; }
.method-steps { gap: 45px; }
.method-steps article { transition: opacity .5s var(--reveal-delay,0ms), transform .5s var(--reveal-delay,0ms); }
.method-steps h3 { max-width: 300px; line-height: 1.3; }
.solution-routes { display: grid; grid-template-columns: repeat(3,1fr); gap: 38px; margin-top: 48px; padding-top: 33px; border-top: 1px solid #477770; }
.solution-routes article { display: grid; grid-template-columns: 30px 1fr; gap: 10px 13px; transition: opacity .5s var(--reveal-delay,0ms), transform .5s var(--reveal-delay,0ms); }
.solution-routes .icon { color: var(--lime); width: 24px; height: 24px; }
.solution-routes h3 { font-size: 16px; letter-spacing: -.3px; align-self: center; }
.solution-routes p { grid-column: 2; font-size: 12px; line-height: 1.8; color: #c3d6ca; }
.transition-copy h2 { font-size: 31px; }
.closing-inner h2 { font-size: 47px; }
.closing-inner p:not(.eyebrow) { max-width: 470px; }
.saving-highlight { position: relative; overflow: hidden; margin-top: 15px; padding: 19px 20px; }
.saving-value { align-items: baseline; }
.saving-value strong { font-size: 52px; letter-spacing: -2px; }
.saving-value>.icon { width: 32px; height: 32px; color: var(--lime); margin-left: auto; align-self: center; }
.saving-highlight.is-neutral { background: var(--mint); border: 1px solid var(--border); color: var(--teal); }
.saving-highlight.is-neutral>span,.saving-highlight.is-neutral .saving-value strong,.saving-highlight.is-neutral .saving-value span,.saving-highlight.is-neutral .result-secondary p,.saving-highlight.is-neutral .result-secondary strong { color: var(--teal); }
.saving-highlight.is-neutral .result-secondary { border-color: var(--border); }
.result-told { margin: 13px 0; font-size: 12px; padding: 11px 12px; }
.result-told small { font-size: 11px; }
.result-first-year { padding: 12px 0; font-size: 11px; }
.result-first-year strong { font-size: 16px; }
.trim-scene { padding-top: 17px; }
.trim-caption { display: flex; justify-content: space-between; gap: 10px; font-size: 10px; font-weight: 700; color: var(--teal); }
.trim-caption span:last-child { font-variant-numeric: tabular-nums; }
.trim-track { position: relative; height: 11px; margin-top: 33px; border-radius: 3px; background: var(--lime); }
.trim-kept { position: absolute; inset: 0 auto 0 0; width: var(--retained); background: var(--teal); border-radius: 3px 0 0 3px; }
.trim-grass { position: absolute; bottom: 10px; left: var(--retained); right: 0; height: 23px; opacity: 0; background: repeating-linear-gradient(67deg,transparent 0 6px,#a6c34e 6px 9px,transparent 9px 15px),repeating-linear-gradient(-73deg,transparent 0 10px,#d8f36a 10px 14px,transparent 14px 21px); clip-path: polygon(0 70%,4% 25%,8% 68%,12% 0,17% 57%,22% 24%,27% 70%,31% 4%,35% 68%,39% 22%,43% 62%,47% 0,52% 60%,57% 26%,62% 74%,67% 4%,72% 65%,77% 21%,83% 62%,89% 2%,94% 69%,100% 20%,100% 100%,0 100%); }
.trim-mower { position: absolute; left: 0; bottom: 5px; opacity: 0; width: 72px; height: 50px; pointer-events: none; }
.trim-legend { display: flex; justify-content: space-between; font-size: 9px; color: var(--muted); margin-top: 8px; }
.cost-ledger { margin: 15px 0 0; font-size: 12px; }
.cost-ledger>div { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; padding: 5px 0; }
.cost-ledger dt { color: var(--muted); }
.cost-ledger dd { margin: 0; font-weight: 750; color: var(--teal); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cost-ledger .ledger-total { margin-top: 5px; padding-top: 9px; border-top: 1px solid var(--border); }
.ledger-total dt { color: var(--teal); font-weight: 700; }
.fee-note { font-size: 10px; color: var(--muted); margin-top: 7px; line-height: 1.7; }
.approach-disclosure { margin-top: 12px; border-top: 1px solid var(--border); }
.approach-disclosure summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; font-weight: 750; color: var(--teal); list-style: none; cursor: pointer; min-height: 44px; padding-block: 8px; }
.approach-disclosure summary::-webkit-details-marker { display: none; }
.approach-disclosure summary .icon { width: 17px; height: 17px; transform: rotate(90deg); transition: transform .2s; }
.approach-disclosure[open] summary .icon { transform: rotate(-90deg); }
.approach-disclosure>p { font-size: 12px; line-height: 1.8; color: var(--muted); padding: 0 0 12px; }
.result-qualification { font-size: 11px; line-height: 1.8; margin-top: 5px; }
.assumptions { margin-top: 13px; }
.assumptions>summary { padding-block: 12px; }
.assumptions-body>p { font-size: 11px; }
.assumption-row { font-size: 11px; }
.assumption-money input { width: 87px; height: 40px; }
.result-book { margin-top: 7px; }
.finance-result>p:not(.result-intro) { font-size: 13px; line-height: 1.85; color: var(--muted); }
.finance-symbol { display: flex; align-items: center; gap: 15px; color: var(--teal); background: var(--mint); padding: 22px; margin: 23px 0; border-radius: 8px; }
.finance-symbol>.icon { width: 38px; height: 38px; }
.finance-symbol>span { font-size: 17px; font-weight: 750; }
.review-list { list-style: none; padding: 0; margin: 21px 0; }
.review-list li { display: flex; gap: 9px; align-items: center; border-bottom: 1px solid var(--border); padding: 12px 0; font-size: 12px; color: var(--teal); }
.review-list .icon { width: 17px; height: 17px; }
.finance-boundary { margin-bottom: 13px; }
.finance-result>.text-link { margin-top: 13px; font-size: 12px; }
.finance-result .result-book { margin-top: 14px; }
.motion-ready .hero-copy>.eyebrow { animation: settle-in .5s ease-out both; }
.motion-ready .hero-copy>h1 { animation: settle-in .55s .07s ease-out both; }
.motion-ready .hero-description { animation: settle-in .55s .12s ease-out both; }
.motion-ready .hero-promise { animation: settle-in .55s .18s ease-out both; }
.motion-ready .hero-flourish { animation: settle-in .65s .24s ease-out both; }
.motion-ready .calculator-shell { animation: settle-in .6s .08s ease-out both; }
.reveal-pending { opacity: 0; transform: translateY(16px); }
@keyframes settle-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes story-arrive { from { opacity: .35; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media(min-width:1400px) { .hero { padding-top: 60px; gap: 88px; }.hero h1 { font-size: 68px; }.hero-copy { padding-top: 22px; } }
@media(max-width:1150px) { .hero { gap: 40px; }.hero-copy { padding-top: 15px; }.hero h1 { font-size: 55px; }.hero-description { font-size: 16px; }.category-option label { padding-inline: 8px; font-size: 10px; gap: 6px; }.category-option .icon { width: 18px; height: 18px; }.calculator-shell h2 { font-size: 28px; }.calculator-submit { font-size: 14px; }.hero-promise>p { font-size: 12px; }.promise-amount { font-size: 25px; }.story-layout { gap: 35px; }.story-copy h3 { font-size: 30px; }.guarantee-inner { gap: 50px; }.guarantee-number { font-size: 87px; }.guarantee-copy h2 { font-size: 29px; }.guarantee-figure { padding-right: 28px; }.method-steps { gap: 30px; }.solution-routes { gap: 25px; }.savings-section .section-heading>p { font-size: 15px; } }
@media(max-width:950px) and (min-width:761px) { .hero { gap: 25px; }.hero h1 { font-size: 46px; letter-spacing: -2.5px; }.hero .eyebrow { font-size: 8px; letter-spacing: .9px; }.hero-promise>p { font-size: 11px; }.promise-status { font-size: 9px; }.hero-flourish { margin-top: 30px; }.calculator-shell h2 { font-size: 26px; }.category-option label { font-size: 9px; padding: 9px 7px; gap: 5px; }.category-option .icon { width: 15px; height: 15px; }.category-grid { gap: 5px; }.story-tab { font-size: 10px; padding-inline: 5px; }.story-facts { gap: 17px; }.story-fact p { font-size: 12px; }.story-visual { padding-inline: 19px; }.story-visual-note { font-size: 11px; }.guarantee-inner { gap: 35px; }.guarantee-number { font-size: 76px; letter-spacing: -5px; }.guarantee-copy h2 { font-size: 26px; }.guarantee-copy>p:not(.guarantee-status) { font-size: 12px; }.solution-routes h3 { font-size: 14px; }.solution-routes article { grid-template-columns: 1fr; }.solution-routes p { grid-column: 1; } }
@media(max-width:760px) {
  .hero { padding-top: 34px; gap: 28px; }.hero-copy { padding-top: 0; }.hero h1 { font-size: clamp(37px,8.6vw,52px); line-height: 1.1; letter-spacing: -2px; }.hero .eyebrow { font-size: 9px; letter-spacing: 1px; }.hero-description { font-size: 16px; margin-top: 20px; }.hero-promise { margin-top: 19px; padding-left: 13px; }.hero-promise>p { font-size: 12px; }.promise-amount { font-size: 25px; }.hero-promise .text-link { min-height: 38px; font-size: 11px; }.promise-status { font-size: 10px; }.hero-flourish { display: none; }
  .calculator-shell { padding: 22px; }.calculator-shell h2 { font-size: 29px; }.calculator-shell h2 br { display: initial; }.calculator-intro { font-size: 13px; }.category-grid { gap: 7px; }.category-option label { min-height: 67px; flex-direction: column; justify-content: center; text-align: center; font-size: 10px; gap: 5px; padding: 8px 5px; }.category-option label>span { max-width: 100%; }.category-option .icon { width: 18px; height: 18px; }.category-context { font-size: 10px; min-height: 33px; margin-top: 10px; }.description-disclosure { margin-bottom: 11px; }.calculator-submit { font-size: 14px; padding-inline: 15px; }
  .savings-section .section-heading>p { font-size: 15px; max-width: 450px; }.story-tabs { grid-template-columns: repeat(3,1fr); gap: 4px; margin-bottom: 25px; }.story-tab { min-height: 89px; font-size: 10px; padding: 12px 6px 18px; gap: 6px; }.story-tab .icon { width: 21px; height: 21px; }.story-tab[aria-selected=true] { border: 0; }.story-tab::after { bottom: 6px; }.story-layout { gap: 29px; }.story-visual { min-height: 355px; max-height: none; padding: 22px 20px 17px; border-top-right-radius: 50px; }.story-visual img { height: 225px; margin-top: 6px; }.expense-tags { margin-top: 18px; gap: 6px; }.expense-tags span { font-size: 9px; padding: 4px 8px; }.story-visual-note { font-size: 11px; margin-top: 8px; }.story-copy h3 { font-size: 30px; }.story-index { font-size: 9px; }.story-copy>p { font-size: 15px; }.story-fact p { font-size: 13px; }.story-facts { gap: 20px 17px; }.story-fact span { font-size: 9px; }.story-copy .text-link { font-size: 13px; }.example-disclaimer { font-size: 11px; }.finance-paper { width: 230px; }.finance-illustration { min-height: 280px; }
  .guarantee-inner { grid-template-columns: 1fr; gap: 26px; padding-block: 42px; }.guarantee-figure { border-right: 0; border-bottom: 1px solid #c5d3b8; padding: 0 0 26px; }.guarantee-number { font-size: 86px; letter-spacing: -5px; }.guarantee-figure .eyebrow { font-size: 9px; margin-bottom: 2px; }.guarantee-figure>span:last-child { font-size: 14px; }.guarantee-copy h2 { font-size: 29px; }.guarantee-status { font-size: 11px; padding: 7px 9px; margin-block: 17px 10px; }.guarantee-copy>p:not(.guarantee-status) { font-size: 13px; }
  .method-steps { gap: 28px; }.solution-routes { grid-template-columns: 1fr; gap: 24px; margin-top: 34px; padding-top: 30px; }.solution-routes article { grid-template-columns: 27px 1fr; gap: 8px 13px; }.solution-routes h3 { font-size: 17px; }.solution-routes p { font-size: 13px; }.transition-copy h2 { font-size: 28px; }.closing-inner h2 { font-size: 40px; }
  .saving-value strong { font-size: 47px; }.saving-value>.icon { width: 27px; height: 27px; }.saving-highlight { padding: 16px; }.saving-highlight>span { font-size: 11px; }.result-secondary { gap: 10px; }.result-secondary strong { font-size: 19px; }.result-secondary p { font-size: 10px; }.result-told { font-size: 12px; }.result-told small { font-size: 11px; }.result-first-year { font-size: 11px; gap: 8px; }.result-first-year strong { font-size: 14px; }.cost-ledger { font-size: 11px; }.fee-note { font-size: 10px; }.result-qualification { font-size: 11px; }.trim-caption { font-size: 9px; }.trim-legend { font-size: 9px; }.assumption-row { font-size: 11px; }.assumption-money input { width: 77px; }.result-actions button { font-size: 11px; }.approach-disclosure summary { font-size: 11px; }.finance-symbol { padding: 18px; gap: 12px; }.finance-symbol>span { font-size: 15px; }
}
@media(max-width:370px) { .hero h1 { font-size: 36px; }.hero .eyebrow { font-size: 8px; }.hero-promise>p { font-size: 11px; }.promise-amount { font-size: 24px; }.calculator-shell { padding-inline: 17px; }.category-option label { font-size: 9px; }.category-option input:checked+label { border-width: 1px; padding: 8px 5px; }.category-option input:checked+label::after { display: block; }.calculator-submit { font-size: 12px; }.story-tab { font-size: 9px; }.story-copy h3 { font-size: 28px; }.story-fact p { font-size: 12px; }.guarantee-status { font-size: 10px; }.saving-value strong { font-size: 40px; } }
@media(prefers-reduced-motion:reduce) { .reveal-pending { opacity: 1; transform: none; }.trim-grass,.trim-mower { display: none; }.motion-ready *,*::before,*::after { animation: none!important; transition: none!important; }.button:hover,.button:active,.category-option label:active { transform: none; } }

/* Readability at normal browser zoom: reflow the layout instead of shrinking copy. */
:root { --muted: #435a53; }
body { font-size: 18px; }
.container { width: min(1400px, calc(100% - 80px)); }
.header-inner { height: 104px; }
.site-header nav { gap: 28px; }
.site-header nav>a:not(.button) { font-size: 16px; }
.button,.button-small,.calculator-submit,.result-book,.founder-copy>.button,.closing-inner .button { font-size: 17px; min-height: 56px; }
.text-link,.story-copy .text-link,.finance-result>.text-link { font-size: 16px; }
.eyebrow,.hero .eyebrow,.guarantee-figure .eyebrow { font-size: 13px; letter-spacing: 1.4px; }
.hero { grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: 64px; padding-block: 56px 72px; }
.hero-copy { padding-top: 30px; }
.hero h1 { font-size: clamp(56px, 4.7vw, 76px); letter-spacing: -.055em; }
.highlight { white-space: normal; }
.hero-description { font-size: 21px; line-height: 1.65; max-width: 540px; }
.hero-promise>p { font-size: 18px; }
.promise-amount { font-size: 34px; }
.hero-promise .text-link { font-size: 16px; min-height: 44px; }
.promise-status { font-size: 15px; }
.hero-flourish { max-width: 470px; }
.hero-flourish p { font-size: 14px; }
.calculator-shell { min-width: 0; padding: 28px 32px 24px; }
.calculator-topline { font-size: 12px; letter-spacing: 1px; }
.tool-step { font-size: 12px; }
.calculator-shell h2 { font-size: 36px; line-height: 1.2; }
.calculator-intro { font-size: 17px; line-height: 1.65; max-width: 480px; }
legend,.field-label { font-size: 16px; }
.category-grid { gap: 9px; }
.category-option label { font-size: 15px; min-height: 76px; padding: 12px 10px; line-height: 1.4; gap: 8px; }
.category-option label>span { max-width: none; }
.category-option .icon { width: 22px; height: 22px; }
.category-option input:checked+label::after { font-size: 12px; }
.category-context { font-size: 14px; min-height: 0; margin-block: 13px; }
.description-disclosure { font-size: 15px; margin-block: 0 16px; }
.description-disclosure summary { min-height: 44px; }
.description-body textarea { font-size: 16px; }
.description-body .text-link { font-size: 15px; }
.description-body p,.field-hint,.calculator-reassurance,.demo-label,.money-input .per-month { font-size: 14px; }
.money-input { height: 60px; }
.money-input input { font-size: 27px; }
#cost-type { font-size: 16px; min-height: 48px; }
.form-error { font-size: 16px; }
.principles-inner { padding-block: 20px; }
.principles-inner>p,.principles-inner>span,.principles-inner>.principle-end { font-size: 15px; }
.principles-inner>p strong { font-size: 18px; }
.section-heading>p,.savings-section .section-heading>p { font-size: 18px; max-width: 440px; }
.story-tab { font-size: 15px; min-height: 108px; }
.story-index,.story-visual-tag,.story-fact span { font-size: 12px; letter-spacing: 1px; }
.story-copy h3 { font-size: 38px; max-width: 520px; }
.story-copy>p { font-size: 18px; max-width: 540px; }
.story-fact p { font-size: 16px; }
.story-facts { gap: 24px; }
.story-visual-note { font-size: 16px; }
.expense-tags span,.example-disclaimer { font-size: 14px; }
.paper-kicker { font-size: 12px; }
.paper-line { font-size: 16px; }
.paper-total { font-size: 13px; }
.finance-paper { width: 290px; max-width: 100%; }
.guarantee-copy h2 { font-size: 36px; max-width: 550px; }
.guarantee-status { font-size: 16px; }
.guarantee-copy>p:not(.guarantee-status) { font-size: 17px; }
.guarantee-figure>span:last-child { font-size: 19px; }
.method-steps h3 { font-size: 25px; }
.method-steps p { font-size: 18px; }
.step-number,.step-caption { font-size: 15px; }
.solution-routes h3 { font-size: 20px; }
.solution-routes p { font-size: 17px; color: #d5e2da; }
.service-section { gap: 70px; }
.service-illustration { background: #eaf0e2; border: 1px solid var(--border); border-radius: 12px 72px 12px 12px; padding: 28px; }
.service-illustration img { display: block; width: 100%; height: auto; }
.service-caption { font-size: 17px; font-weight: 700; color: var(--teal); padding-top: 18px; }
.founder-copy h2 { font-size: 42px; }
.founder-copy>p:not(.eyebrow) { font-size: 23px; }
.founder-copy>.founder-body { font-size: 18px!important; }
.transition-copy h2 { font-size: 35px; }
.transition-copy p { font-size: 17px; }
.note-header { font-size: 17px; }
.handover-note li { font-size: 16px; }
.handover-note li>span { font-size: 14px; }
.note-bottom { font-size: 14px; }
.faq-section>div>p:not(.eyebrow),.faq-list details>p { font-size: 18px; }
.faq-list summary { font-size: 19px; }
.closing-inner p:not(.eyebrow) { font-size: 18px; max-width: 600px; }
.closing-secondary,.site-footer>p,.site-footer>span { font-size: 15px; }
.result-intro,.trim-caption,.trim-legend,.fee-note { font-size: 14px; }
.result-told { font-size: 17px; }
.result-told small { font-size: 15px; }
.saving-highlight>span,.saving-value span { font-size: 16px; }
.saving-value strong { font-size: 60px; }
.result-secondary p { font-size: 14px; }
.result-secondary strong { font-size: 24px; }
.result-first-year { font-size: 15px; }
.result-first-year strong { font-size: 19px; white-space: nowrap; }
.cost-ledger { font-size: 16px; }
.cost-ledger>div { padding-block: 8px; }
.result-qualification,.salary-note { font-size: 15px; }
.approach-disclosure summary,.assumptions>summary,.assumption-row,.result-actions button { font-size: 16px; }
.approach-disclosure>p,.assumptions-body>p,.finance-result>p:not(.result-intro) { font-size: 16px; }
.assumption-money input { font-size: 17px; width: 105px; height: 46px; }
.assumptions .button { font-size: 16px; }
.review-list li { font-size: 16px; }
.finance-symbol>span { font-size: 20px; }
@media(max-width:1200px) {
  .hero { gap: 36px; }
  .site-header nav { gap: 18px; }
  .site-header nav>a:not(.button) { font-size: 15px; }
  .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .category-option label { min-height: 66px; }
  .calculator-shell { padding-inline: 25px; }
  .guarantee-inner,.service-section { gap: 40px; }
}
@media(max-width:1050px) {
  .hero { grid-template-columns: 1fr; gap: 36px; }
  .hero-copy { padding-top: 0; max-width: 730px; }
  .hero h1 { font-size: clamp(46px,7vw,66px); }
  .hero-description { max-width: 670px; }
  .hero-flourish { display: none; }
  .calculator-shell { width: 100%; max-width: 730px; margin-inline: auto; }
  .category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .header-inner { height: 90px; }
  .menu-toggle { display: flex; align-items: center; gap: 11px; min-height: 48px; padding: 8px 2px; background: none; font-size: 16px; font-weight: 750; color: var(--teal); }
  .menu-lines { width: 22px; height: 14px; border-top: 2px solid var(--teal); border-bottom: 2px solid var(--teal); }
  .site-header { position: relative; z-index: 3; }
  .site-header nav { display: none; position: absolute; left: 0; right: 0; top: 89px; background: var(--ivory); padding: 16px 32px 25px; border-bottom: 1px solid var(--border); box-shadow: 0 12px 20px #143f2b12; flex-direction: column; align-items: stretch; gap: 5px; }
  .site-header nav.open { display: flex; }
  .site-header nav>a:not(.button) { display: flex; font-size: 17px; min-height: 48px; }
  .story-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .story-layout,.service-section,.transition-section { grid-template-columns: 1fr; }
  .story-visual,.service-visual { width: 100%; max-width: 620px; margin-inline: auto; }
  .story-copy h3,.story-copy>p { max-width: 700px; }
  .method-steps { gap: 25px; }
  .transition-section { gap: 30px; }
  .closing-inner { flex-wrap: wrap; }
}
@media(max-width:760px) {
  .container { width: calc(100% - 40px); }
  .header-inner { height: 84px; }
  .site-header nav { top: 83px; padding-inline: 20px; }
  .hero { padding-block: 36px 48px; gap: 30px; }
  .hero h1 { font-size: clamp(40px,8.8vw,60px); letter-spacing: -.045em; }
  .hero .eyebrow { font-size: 12px; letter-spacing: 1px; }
  .hero-description { font-size: 19px; }
  .hero-promise>p { font-size: 17px; }
  .promise-amount { font-size: 31px; }
  .promise-status { font-size: 14px; }
  .calculator-shell { padding: 24px 20px; }
  .calculator-topline { font-size: 11px; letter-spacing: .5px; }
  .calculator-shell h2 { font-size: 31px; }
  .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .category-option label { flex-direction: row; text-align: left; justify-content: flex-start; min-height: 72px; font-size: 14px; padding: 11px 8px; }
  .category-option .icon { width: 20px; height: 20px; }
  .story-tab { font-size: 14px; padding-inline: 6px; }
  .story-facts { grid-template-columns: 1fr; gap: 20px; }
  .story-copy h3,.guarantee-copy h2,.founder-copy h2 { font-size: 33px; }
  .guarantee-status { font-size: 15px; }
  .guarantee-inner { gap: 26px; }
  .service-illustration { padding: 16px; }
  .founder-copy>p:not(.eyebrow) { font-size: 21px; }
  .transition-section { padding: 27px 22px; }
  .transition-copy h2 { font-size: 30px; }
  .handover-note { padding-inline: 17px; transform: none; }
  .principles-inner { grid-template-columns: 1fr; gap: 12px; }
  .principles-inner>p { grid-row: auto; }
  .principles-inner>.principle-end { display: none; }
  .saving-value strong { font-size: 50px; }
  .saving-value { flex-wrap: wrap; }
  .saving-value>.icon { display: none; }
  .result-first-year { flex-wrap: wrap; }
  .result-actions { flex-wrap: wrap; gap: 5px 15px; }
  .assumption-money input { width: 92px; }
  .site-footer>p { margin-left: 0; }
}
@media(max-width:380px) {
  .container { width: calc(100% - 32px); }
  .calculator-shell { padding-inline: 16px; }
  .calculator-topline { flex-wrap: wrap; }
  .category-option .icon { width: 17px; height: 17px; }
  .category-option label { gap: 5px; }
  .category-option input:checked+label { padding: 11px 8px; border-width: 1px; }
  .site-header .brand-type { font-size: 19px; }
  .site-header .brand-symbol { width: 40px; height: 40px; }
  .header-inner { gap: 12px; }
  .menu-toggle { font-size: 15px; gap: 8px; }
}
.site-footer .admin-footer-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 700; color: var(--teal); text-decoration: underline; text-underline-offset: 4px; }
.site-footer .admin-footer-link:hover { color: #33796a; }
