:root {
  --ink: #241019;
  --ink-soft: #4f4952;
  --paper: #fffdf9;
  --blush: #fff0e8;
  --cream: #f8f1e8;
  --coral: #a5164a;
  --coral-dark: #851039;
  --violet: #6f5578;
  --line: rgba(27, 24, 32, 0.15);
  --serif: "Playfair Display", Georgia, serif;
  --sans: "Manrope", "DM Sans", Arial, sans-serif;
  --mono: "DM Mono", monospace;
  --shadow: 0 22px 60px rgba(60, 29, 33, 0.13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.5; overflow-x: hidden; }
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }

.page-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.glow-left { width: min(600px, 70vw); height: 600px; background: rgba(255, 214, 197, 0.52); top: -280px; left: 0; }
.glow-right { width: min(470px, 55vw); height: 470px; background: rgba(238, 205, 239, 0.44); top: 600px; right: 0; }

.section-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.site-header { width: min(1180px, calc(100% - 48px)); height: 88px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.brand { text-decoration: none; display: inline-flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 700; letter-spacing: -0.8px; }
.brand em { font-family: var(--serif); font-weight: 600; }
.brand-mark { position: relative; width: 25px; height: 25px; border: 2px solid var(--coral); border-radius: 50% 50% 46% 46%; display: inline-block; transform: rotate(-12deg); }
.brand-mark::before { content: ""; position: absolute; width: 15px; height: 15px; border-left: 2px solid var(--coral); border-top: 2px solid var(--coral); top: -8px; left: 3px; transform: rotate(45deg); }
.brand-mark span { position: absolute; background: var(--coral); height: 2px; width: 12px; left: 5px; bottom: 6px; }
.header-link { color: var(--ink); text-decoration: none; font-size: 14px; font-weight: 700; border-bottom: 1px solid var(--ink); padding-bottom: 2px; }
.header-link span { color: var(--coral); margin-left: 4px; }

.hero { padding: 78px 0 126px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.65fr); gap: 76px; align-items: center; }
.eyebrow { margin: 0 0 16px; display: flex; align-items: center; gap: 9px; font-family: var(--mono); font-size: 11px; font-weight: 500; line-height: 1.1; letter-spacing: 0.08em; text-transform: uppercase; color: var(--coral-dark); }
.eyebrow-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--coral); }
.eyebrow-dark { color: var(--violet); }
.eyebrow-dark .eyebrow-dot { background: var(--violet); }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2 { font-family: var(--serif); font-weight: 600; letter-spacing: -0.055em; line-height: 0.98; }
h1 { font-size: clamp(44px, 5.6vw, 78px); max-width: 720px; margin-bottom: 26px; }
h1 em, h2 em { color: var(--coral); font-weight: 600; }
.hero-intro { max-width: 610px; color: var(--ink-soft); font-size: 18px; line-height: 1.65; margin-bottom: 30px; }
.hero-intro strong { color: var(--ink); }
.compliments-line { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0 0 13px; color: var(--violet); font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .06em; line-height: 1.35; text-transform: uppercase; }
.compliments-line strong { color: var(--ink); font-weight: 500; }
.compliments-line span { color: var(--coral); }
.hero-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 14px; border: 0; text-decoration: none; padding: 15px 20px; min-height: 52px; font-weight: 700; font-size: 14px; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 8px 0 rgba(27, 24, 32, 0.15); }
.button-primary { color: #fff; background: var(--coral); }
.button-primary:hover { background: var(--coral-dark); }
.button-dark { color: #fff; background: var(--ink); }
.button-full { width: 100%; }
.text-link { font-size: 14px; font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--ink); padding-bottom: 3px; }
.text-link span { color: var(--coral); margin-left: 4px; }

.hero-note { position: relative; padding: 43px 36px 30px; background: var(--cream); border: 1px solid rgba(27, 24, 32, 0.12); box-shadow: 12px 12px 0 rgba(242, 87, 89, 0.17); transform: rotate(2.1deg); }
.hero-note::after { content: ""; position: absolute; width: 42px; height: 42px; background: var(--paper); border: 1px solid rgba(27, 24, 32, 0.12); border-radius: 50%; top: -23px; left: calc(50% - 21px); }
.note-scribble { position: absolute; top: 14px; right: 20px; color: var(--coral-dark); font-family: var(--serif); font-style: italic; font-size: 17px; line-height: 1.05; transform: rotate(5deg); text-align: right; }
.note-label { color: var(--violet); font-family: var(--mono); text-transform: uppercase; letter-spacing: .08em; font-size: 10px; margin-bottom: 14px; }
.hero-note > p:not(.note-label):not(.note-micro) { font-family: var(--serif); font-size: 25px; line-height: 1.2; letter-spacing: -.035em; }
.note-rule { border-top: 1px solid rgba(27, 24, 32, 0.2); margin: 23px 0 14px; }
.note-micro { color: var(--ink-soft); font-size: 11px; margin-bottom: 0; }
.hero-person { display: flex; align-items: center; gap: 12px; margin: -5px 0 23px; }
.hero-person img { width: 56px; height: 56px; object-fit: cover; object-position: center top; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 2px var(--coral); }
.hero-person strong, .hero-person span { display: block; }
.hero-person strong { font-family: var(--serif); font-size: 19px; letter-spacing: -.03em; }
.hero-person span { margin-top: 1px; color: var(--ink-soft); font-size: 11px; font-weight: 700; }
.hero-contact-links { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-bottom: 13px; }
.hero-contact-links a { color: var(--ink); font-size: 12px; font-weight: 700; text-decoration-color: var(--coral); text-decoration-thickness: 2px; text-underline-offset: 3px; }

.calculator-section { background: var(--ink); color: #fff; padding: 94px 0 102px; position: relative; }
.calculator-section::before { content: ""; position: absolute; width: 65%; height: 50px; background: var(--paper); left: -5%; top: -25px; border-radius: 50%; }
.calculator-header { display: grid; grid-template-columns: 1fr .8fr; gap: 54px; align-items: end; margin-bottom: 42px; }
.calculator-header .eyebrow { color: #ff9f9f; }
.calculator-header .eyebrow-dot { background: #ff9f9f; }
h2 { font-size: clamp(38px, 4.5vw, 58px); margin-bottom: 0; }
.calculator-header h2 { color: #fff; }
.calculator-header h2 em { color: #ffc0ae; }
.section-lead { max-width: 410px; color: #d3ccd6; font-size: 16px; line-height: 1.65; margin: 0 0 7px; }
.calculator-grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); align-items: start; }
.scenario-form { padding: 37px; background: #fff7f1; color: var(--ink); }
.form-header { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.form-header h3 { margin: 2px 0 0; font-family: var(--serif); font-size: 29px; letter-spacing: -.04em; line-height: 1; }
.form-kicker { font-family: var(--mono); color: var(--violet); letter-spacing: .09em; text-transform: uppercase; font-size: 10px; margin: 0 0 8px; }
.reset-button { padding: 0 0 2px; color: var(--ink-soft); background: transparent; border: 0; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 700; }
.reset-button:hover { color: var(--coral-dark); }
.form-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 15px; margin-top: 25px; }
.field { display: grid; gap: 7px; font-size: 13px; font-weight: 700; }
.field-wide { grid-column: 1 / -1; }
.field-label-row { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.field-hint { color: var(--ink-soft); font-size: 10px; font-weight: 500; }
.input-wrap { min-height: 47px; display: flex; align-items: center; padding: 0 13px; border: 1px solid rgba(27, 24, 32, 0.25); background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
.input-wrap:focus-within { border-color: var(--coral); box-shadow: 0 0 0 3px rgba(242, 87, 89, .16); }
.input-wrap span { color: var(--ink-soft); font-family: var(--mono); font-size: 12px; }
.input-wrap input, .input-wrap select { min-width: 0; width: 100%; height: 45px; padding: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-weight: 600; }
.money-wrap input { padding-left: 7px; }
.percent-wrap input { text-align: left; }
.percent-wrap span { margin-left: 5px; }
.select-wrap { padding-right: 8px; }
.select-wrap select { cursor: pointer; }
.input-wrap input:disabled { color: #7f767d; cursor: not-allowed; }
.toggle-row { display: flex; align-items: center; gap: 9px; cursor: pointer; font-size: 12px; font-weight: 600; }
.toggle-row input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.toggle-visual { position: relative; width: 32px; height: 18px; flex: 0 0 auto; border-radius: 99px; background: #c7bfc2; transition: background .18s ease; }
.toggle-visual span { position: absolute; height: 14px; width: 14px; top: 2px; left: 2px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.16); transition: transform .18s ease; }
.toggle-row input:checked + .toggle-visual { background: var(--coral); }
.toggle-row input:checked + .toggle-visual span { transform: translateX(14px); }
.toggle-row input:focus-visible + .toggle-visual { outline: 3px solid rgba(242,87,89,.3); outline-offset: 3px; }
.form-divider { border-top: 1px solid var(--line); margin: 29px 0 25px; }
.form-header-secondary { margin-bottom: -3px; }
.form-header-secondary h3 { font-size: 24px; }
.form-note { color: var(--ink-soft); font-size: 11px; line-height: 1.55; margin: 24px 0 19px; }
.form-note strong { color: var(--ink); }
.form-error { background: #ffe4e4; color: #a11b20; padding: 10px 12px; font-size: 12px; margin: 0 0 15px; }

.results-panel { min-height: 720px; padding: 38px; background: #fff; color: var(--ink); }
.results-topline { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.live-dot { color: var(--ink-soft); display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 700; }
.live-dot span { height: 7px; width: 7px; border-radius: 50%; background: #62ae72; box-shadow: 0 0 0 3px rgba(98,174,114,.14); }
.results-title { margin: 1px 0 26px; font-family: var(--serif); font-size: 33px; letter-spacing: -.04em; line-height: 1.05; }
.note-rate-card { padding: 22px 21px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--ink); color: #fff; }
.note-rate-card p, .result-stat p, .reserve-card p, .credit-summary p { margin-bottom: 5px; font-size: 11px; font-weight: 600; }
.note-rate-card strong { font-family: var(--serif); font-size: 37px; letter-spacing: -.055em; line-height: 1; }
.note-rate-card strong + span { color: #d9d2db; font-size: 12px; margin-left: 4px; }
.rate-badge { flex: 0 0 auto; display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: #ffc0ae; color: var(--ink); }
.rate-badge span { font-size: 15px; font-weight: 700; letter-spacing: -.03em; }
.rate-badge small { font-size: 8px; font-family: var(--mono); text-transform: uppercase; }
.result-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 11px; }
.result-stat { padding: 17px; }
.result-stat p { margin-bottom: 11px; color: var(--ink-soft); }
.result-stat strong { display: block; font-family: var(--serif); font-size: 29px; line-height: 1; letter-spacing: -.045em; }
.result-stat span { display: block; color: var(--ink-soft); font-size: 10px; margin-top: 7px; line-height: 1.35; }
.coral-stat { background: #ffd9d2; }
.cream-stat { background: var(--cream); }
.schedule-wrap { margin-top: 31px; }
.schedule-heading { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; margin-bottom: 10px; }
.schedule-heading h4 { margin: 0; font-size: 14px; }
.schedule-heading span { font-family: var(--mono); color: var(--ink-soft); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 440px; text-align: left; font-size: 12px; }
th { color: var(--ink-soft); font-size: 9px; font-family: var(--mono); font-weight: 500; letter-spacing: .05em; text-transform: uppercase; padding: 0 5px 9px; }
td { padding: 12px 5px; border-top: 1px solid var(--line); white-space: nowrap; }
td:first-child { font-weight: 700; }
td:nth-child(3), td:nth-child(4) { font-weight: 600; }
.positive { color: #b42c34; }
.neutral { color: var(--ink-soft); }
.reserve-card { display: flex; justify-content: space-between; gap: 22px; align-items: center; margin-top: 25px; padding: 16px 17px; border-left: 4px solid var(--coral); background: #fff1ec; }
.reserve-card p { color: var(--ink-soft); margin: 0; max-width: 210px; line-height: 1.35; }
.reserve-card strong { font-family: var(--serif); font-size: 25px; line-height: 1; letter-spacing: -.04em; }
.credit-summary { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 5px 15px; padding: 23px 0 0; }
.credit-summary-label { display: flex; align-items: center; gap: 8px; }
.mini-mark { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--violet); font-family: var(--serif); font-size: 15px; }
.credit-summary p { margin: 0; }
.credit-summary > strong { margin-left: auto; font-family: var(--serif); font-size: 26px; letter-spacing: -.045em; }
.credit-summary > p { width: 100%; color: var(--ink-soft); font-size: 10px; padding-left: 30px; }
.credit-summary.credit-positive > strong { color: #307142; }
.results-panel.results-stale .results-title { color: var(--coral-dark); }
.results-panel.results-stale .note-rate-card,
.results-panel.results-stale .result-stat,
.results-panel.results-stale .reserve-card,
.results-panel.results-stale .credit-summary { opacity: .58; }
.schedule-empty { color: var(--ink-soft); font-size: 11px; font-style: italic; }

.education { padding: 116px 0; display: grid; grid-template-columns: .83fr 1.17fr; gap: 70px; align-items: start; }
.education-heading h2 { margin: 0 0 23px; }
.education-heading > p:last-child { max-width: 350px; color: var(--ink-soft); font-size: 16px; line-height: 1.6; }
.education-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.education-card { min-height: 328px; padding: 27px; border: 1px solid var(--line); }
.credit-card { background: var(--blush); }
.buydown-card { background: #efe7f1; }
.card-number { font-family: var(--mono); color: var(--coral-dark); font-size: 11px; letter-spacing: .08em; margin-bottom: 46px; }
.buydown-card .card-number { color: var(--violet); }
.education-card h3 { margin-bottom: 11px; font-family: var(--serif); font-size: 26px; letter-spacing: -.045em; line-height: 1; }
.education-card > p:not(.card-prompt) { color: var(--ink-soft); font-size: 14px; line-height: 1.58; }
.card-prompt { margin: 22px 0 0; font-size: 12px; line-height: 1.5; }
.education-footnote { grid-column: 1 / -1; display: flex; gap: 12px; margin-top: 13px; color: var(--ink-soft); font-size: 11px; line-height: 1.55; }
.education-footnote span { color: var(--coral); font-size: 18px; line-height: .9; }
.education-footnote p { margin-bottom: 0; }

.checklist-section { background: #f05658; color: #fff; padding: 109px 0; position: relative; overflow: hidden; }
.checklist-section::after { content: "SOLD"; position: absolute; color: rgba(255,255,255,.09); font-family: var(--serif); font-weight: 700; font-size: min(26vw, 330px); letter-spacing: -.1em; line-height: .75; right: -3vw; bottom: -3vw; pointer-events: none; }
.checklist-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr .82fr; gap: 88px; align-items: center; }
.checklist-section .eyebrow { color: #ffe0d6; }
.checklist-section .eyebrow-dot { background: #ffe0d6; }
.checklist-copy h2 { margin-bottom: 20px; color: #fff; }
.checklist-copy h2 em { color: var(--ink); }
.checklist-intro { max-width: 555px; color: #ffeceb; font-size: 16px; line-height: 1.6; }
.checklist-list { list-style: none; padding: 0; margin: 28px 0 29px; max-width: 600px; counter-reset: check; }
.checklist-list li { display: grid; grid-template-columns: 35px 1fr; gap: 12px; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.34); }
.checklist-list li:last-child { border-bottom: 1px solid rgba(255,255,255,.34); }
.checklist-list span { color: var(--ink); font-family: var(--mono); font-size: 10px; padding-top: 3px; }
.checklist-list p { margin: 0; font-size: 14px; line-height: 1.45; }
.top-tip { display: inline-flex; gap: 13px; align-items: center; padding: 10px 14px; background: var(--ink); color: #fff; }
.top-tip span { font-family: var(--mono); color: #ffb6a6; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.top-tip strong { font-family: var(--serif); font-size: 20px; letter-spacing: -.03em; }
.checklist-visual { margin: 0; position: relative; transform: rotate(1.7deg); }
.checklist-visual img { position: relative; z-index: 1; display: block; width: min(100%, 405px); margin: 0 auto; box-shadow: 18px 21px 0 rgba(27, 24, 32, .19); border: 9px solid #fff7f5; }
.checklist-visual figcaption { position: relative; z-index: 2; width: min(84%, 340px); margin: -18px auto 0; padding: 15px 17px; color: var(--ink); background: var(--cream); font-size: 12px; line-height: 1.42; transform: rotate(-3.3deg); box-shadow: 3px 4px 0 rgba(27,24,32,.16); }
.visual-sticker { position: absolute; z-index: 3; top: -13px; left: 0; width: 93px; height: 93px; display: grid; place-items: center; padding: 8px; color: #fff; background: var(--violet); border-radius: 50%; font-family: var(--mono); font-size: 10px; letter-spacing: .05em; line-height: 1.25; text-align: center; transform: rotate(-12deg); }

.next-step { padding: 112px 0; display: grid; grid-template-columns: 1fr .78fr; gap: 100px; align-items: end; }
.next-step h2 { margin: 0; }
.next-step-action { padding: 28px; background: var(--cream); border-bottom: 5px solid var(--ink); }
.host-intro { display: flex; align-items: center; gap: 11px; margin-bottom: 17px; }
.host-photo { width: 48px; height: 48px; flex: 0 0 auto; object-fit: cover; object-position: center top; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 2px var(--coral); }
.host-intro p { margin: 0; font-size: 11px; line-height: 1.3; }
.host-intro strong, .host-intro span { display: block; }
.host-intro strong { color: var(--ink); }
.host-intro span { color: var(--ink-soft); margin-top: 2px; }
.next-step-action > p:not(.copy-status) { color: var(--ink-soft); font-size: 15px; line-height: 1.6; margin-bottom: 20px; }
.brenda-contact-list { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: -3px 0 21px; }
.brenda-contact-list a { color: var(--ink); font-size: 12px; font-weight: 700; text-decoration-color: var(--coral); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.next-step-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.next-step-actions .button { min-height: 48px; }
.share-tool-link { padding: 0 0 3px; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid var(--ink); font-size: 13px; font-weight: 700; }
.share-tool-link span { color: var(--coral); margin-left: 3px; }
.copy-status { min-height: 1.35em; margin: 11px 0 0; color: var(--violet); font-size: 11px; font-weight: 700; }

.site-footer { padding: 48px 0 53px; color: #e8e2e8; background: var(--ink); }
.footer-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 70px; }
.brand-footer { color: #fff; font-size: 19px; }
.site-footer .brand-mark { border-color: #ff9e92; }
.site-footer .brand-mark::before { border-color: #ff9e92; }
.site-footer .brand-mark span { background: #ff9e92; }
.site-footer .footer-grid > div:first-child > p { max-width: 260px; color: #aaa2ac; font-size: 12px; line-height: 1.6; margin: 17px 0 0; }
.site-footer .footer-grid > div:first-child > .compliments-footer { margin-top: 16px; color: #ffd0c6; font-family: var(--mono); font-size: 10px; letter-spacing: .05em; line-height: 1.45; text-transform: uppercase; }
.compliments-footer strong { color: #fff; font-weight: 500; }
.compliments-footer span { color: #ff9e92; margin: 0 3px; }
.footer-disclaimer { color: #bdb5bf; font-size: 11px; line-height: 1.58; }
.footer-disclaimer p { margin: 0 0 13px; }
.footer-disclaimer strong { color: #fff; }
.footer-disclaimer a { color: #ffd0c6; text-decoration-color: rgba(255,208,198,.4); }

@media (max-width: 900px) {
  .hero { gap: 38px; grid-template-columns: 1fr .7fr; }
  .calculator-grid { grid-template-columns: minmax(0, 1fr); }
  .scenario-form, .results-panel { min-width: 0; }
  .results-panel { min-height: 0; }
  .education, .checklist-layout, .next-step { gap: 45px; }
  .education { grid-template-columns: .72fr 1.28fr; }
}

@media (max-width: 700px) {
  .section-shell, .site-header { width: min(100% - 34px, 540px); }
  .site-header { height: 72px; }
  .header-link { font-size: 11px; }
  .brand { font-size: 17px; }
  .hero { padding: 49px 0 76px; grid-template-columns: 1fr; gap: 54px; }
  h1 { font-size: clamp(44px, 13vw, 64px); }
  .hero-intro { font-size: 16px; }
  .hero-note { margin: 0 12px; padding: 38px 25px 23px; }
  .hero-note > p:not(.note-label):not(.note-micro) { font-size: 22px; }
  .calculator-section { padding: 72px 0 73px; }
  .calculator-header { grid-template-columns: 1fr; gap: 16px; margin-bottom: 31px; }
  .section-lead { margin-bottom: 0; }
  .scenario-form, .results-panel { padding: 25px 19px; }
  .form-fields { gap: 15px 12px; }
  .field-label-row { display: grid; gap: 3px; }
  .field-hint { line-height: 1.3; }
  .results-title { font-size: 30px; }
  .note-rate-card strong { font-size: 34px; }
  .reserve-card { align-items: flex-start; flex-direction: column; gap: 8px; }
  .reserve-card p { max-width: none; }
  .education { padding: 75px 0; grid-template-columns: 1fr; gap: 31px; }
  .education-cards { grid-template-columns: 1fr; }
  .education-card { min-height: 0; }
  .card-number { margin-bottom: 29px; }
  .checklist-section { padding: 74px 0; }
  .checklist-layout { grid-template-columns: 1fr; gap: 47px; }
  .checklist-visual { max-width: 350px; margin: 0 auto; }
  .next-step { padding: 74px 0; grid-template-columns: 1fr; gap: 32px; }
  .footer-grid { grid-template-columns: 1fr; gap: 31px; }
}

@media (max-width: 390px) {
  .form-fields { grid-template-columns: 1fr; }
  .field-wide { grid-column: auto; }
  .result-stat-grid { grid-template-columns: 1fr; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 15px; }
  .credit-summary > strong { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; }
}

.brenda-site-nav{background:#fffdf9;border-bottom:1px solid #e5d9d4;font-family:Manrope,Arial,sans-serif;color:#25181d}
.brenda-site-nav>div{width:min(1180px,calc(100% - 48px));margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brenda-site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:15px;font-weight:700}
.brenda-site-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.brenda-site-brand span{display:grid;gap:2px}.brenda-site-brand small{font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#74666b}
.brenda-site-links{display:flex;align-items:center;gap:22px}.brenda-site-links a{font-size:11px;font-weight:700;text-decoration:none;color:#5d4d53}
.brenda-site-links a:hover{color:#a5164a}
a:focus-visible,button:focus-visible{outline:3px solid #ca5d79;outline-offset:4px}
@media(max-width:700px){.brenda-site-nav>div{width:calc(100% - 34px);min-height:68px;flex-wrap:wrap;padding:12px 0;gap:12px}.brenda-site-brand small{font-size:7px}.brenda-site-links{gap:18px;flex-wrap:wrap}.brenda-site-links a{font-size:10px}}

/* Preserve the supplied editorial design while connecting it to Brenda's site. */
.button{border-radius:999px;transition:transform 180ms cubic-bezier(.23,1,.32,1),background 180ms cubic-bezier(.23,1,.32,1)}
.button:active{transform:scale(.97)}.button:hover{box-shadow:none}
.hero-note{box-shadow:none;border:0;border-top:1px solid #d8c4bb;border-bottom:1px solid #d8c4bb;transform:none;background:transparent;padding:30px 0}
.hero-note:after{display:none}.education-card{background:transparent;border:0;border-top:1px solid #d8c4bb;padding:24px 0}
.education-cards{gap:32px}.next-step-action{background:transparent;padding:28px 0;border-top:1px solid #d8c4bb;border-bottom:1px solid #d8c4bb}
.compliments-line{text-transform:none;font-size:12px;letter-spacing:.015em}.site-footer .footer-grid>div:first-child>.compliments-footer{text-transform:none;font-size:12px;letter-spacing:.015em}
.schedule-note,.funding-note{color:var(--ink-soft);font-size:11px;line-height:1.6;margin:14px 0 0}.funding-note{padding-top:17px;border-top:1px solid var(--line)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){.hero-note{margin:0}.education-cards{gap:25px}}
@media print{.brenda-site-nav,.site-header,.hero-actions,.reset-button,.next-step-actions{display:none}body,.calculator-section{color:#241019;background:#fff}.calculator-section{padding:30px 0}.calculator-grid{grid-template-columns:1fr}.calculator-header h2,.calculator-header .section-lead{color:#241019}.section-shell{width:100%}.results-panel,.scenario-form{break-inside:avoid}.hero{padding:25px 0}.education,.next-step{padding:35px 0}}