/* ver12 — refinement from the supplied iPhone screenshots.
   Keep readable body text; compact decoration and let important phrases reflow. */
:root { --page-gutter: clamp(16px, 4.4vw, 20px); }
body { line-height: 1.75; }
.phrase { display: inline-block; max-width: 100%; }
p, h2, h3 { line-break: strict; }
.section { padding-block: 32px; }
.section h2, .representative h2 {
  font-size: clamp(23px, 6vw, 27px);
  line-height: 1.5;
  letter-spacing: -.025em;
  margin-bottom: 20px;
  white-space: normal;
}
.section-kicker { gap: 12px; margin-bottom: 12px; }
.section-kicker::before, .section-kicker::after { width: 18px; }
.section-lead, .section-foot { line-height: 1.75; }
.button { border-radius: 12px; min-height: 52px; box-shadow: 0 4px 12px #ed720016; }
.header-inner { min-height: 54px; padding-block: 7px; }
.brand img { width: 210px; }
.brand span { font-size: 10px; }
.hero-grid { padding-block: 16px 24px; }
.hero h1 { font-size: clamp(30px, 8vw, 36px); line-height: 1.3; }
.hero .eyebrow { font-size: 12px; line-height: 1.6; margin-bottom: 12px; }
.hero-lead { margin-block: 14px 18px; line-height: 1.7; }
.hero-image { max-height: 240px; }
.assurances li { padding: 10px 4px; gap: 5px; }
.assurances .icon { width: 26px; height: 26px; }
.hero-note { margin-top: 10px; }
.v7-proof-card { padding: 16px 12px; }
/* Give the three-award artwork its own generous column beside the explanation. */
.v7-award { display: grid; grid-template-columns: clamp(108px, 32vw, 148px) minmax(0, 1fr); align-items: center; gap: 12px; margin-block: 14px 8px; padding-top: 14px; }
.v7-award img { width: 100%; height: auto; }
.v7-award figcaption { min-width: 0; }
.v12-large-text .v7-award { grid-template-columns: 1fr; }
.v12-large-text .v7-award img { width: 180px; max-width: 100%; justify-self: center; }
.v7-proof-fn { margin-top: 10px; }
.concern-grid { gap: 10px; }
.concern-grid a { min-height: 76px; padding: 12px; gap: 10px; line-height: 1.6; }
.concern-grid .icon-disc { width: 42px; height: 42px; }
.concern-grid .icon-disc .icon { width: 28px; height: 28px; }

/* The annotation belongs to the chart, never outside its card. */
.v7-gap-card { padding: 18px 14px; }
.v7-gap-row > p:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 8px; }
.v7-gap-note {
  position: static;
  width: 37%;
  margin: 6px 0 0 auto;
  font-size: 13px;
  line-height: 1.5;
}
.v7-gap-note::before { height: 7px; }
.v7-jump { min-height: 48px; gap: 8px; justify-content: center; }
.v7-jump span { max-width: 100%; }
.value-card { padding: 14px 14px 14px 70px; }
.value-card .value-num { left: 17px; top: 13px; font-size: 21px; }
.value-card .value-num::after { width: 22px; height: 2px; margin-top: 3px; }
.value-card > .icon-disc { width: 40px; height: 40px; left: 14px; top: 49px; }
.value-card > .icon-disc .icon { width: 27px; height: 27px; }
.value-card h3 { font-size: 17px; line-height: 1.5; margin-bottom: 6px; }
.value-card p { font-size: 15px; line-height: 1.7; }
.planning-sheet { margin-top: 4px; }
.values .planning-sheet { border: 0; box-shadow: none; background: transparent; padding: 16px 0 0; }
.values .planning-sheet h3 { font-size: 20px; line-height: 1.55; margin-bottom: 14px; }
.sheet-columns { gap: 18px; max-width: 330px; margin-inline: auto; }
.section-action { margin-top: 20px; }
.section-action p { text-wrap: pretty; }

/* The approved illustration is displayed as four cropped image windows.
   All labels and explanations are real, resizable text. */
.future { padding-bottom: 30px; }
.future h2 { padding-bottom: 0; }
.v12-cost-lead { font-size: 15px; font-weight: 700; line-height: 1.7; margin-bottom: 14px; }
.v12-cost-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.v12-cost-grid article { min-width: 0; padding: 8px 10px 12px; border: 1px solid #d3e6f4; background: #fff; border-radius: 10px; }
.v12-cost-art { position: relative; overflow: hidden; aspect-ratio: 520 / 355; margin-bottom: 6px; }
.v12-cost-art img {
  position: absolute; width: 246.15385%; max-width: none; height: auto;
  left: -15.38462%; top: -78.87324%;
}
.v12-cost-maintenance img, .v12-cost-reserve img { left: -130.76923%; }
.v12-cost-living img, .v12-cost-reserve img { top: -298.59155%; }
.v12-cost-grid h3 { font-size: 16px; line-height: 1.5; margin: 0 0 5px; color: #10365d; letter-spacing: -.035em; }
.v12-cost-grid p { font-size: 14px; line-height: 1.65; margin: 0; }
.v12-cost-note { font-size: 13px; line-height: 1.7; color: #526580; margin-top: 10px; }
.v12-cost-close { font-size: 17px; font-weight: 700; line-height: 1.6; margin-top: 10px; }

#life .section-lead { font-size: 15px !important; }
#life .v7-tabs { margin-top: 14px; gap: 7px; }
#life .v7-tabs button { min-height: 60px; }
#life .v7-tl-who { padding: 10px 12px; }
#life .v7-tl li { padding: 12px; margin-bottom: 10px; }
#life .v7-tl-age-value { font-size: 20px; }
#life .v7-tl-t { font-size: 17px; }
#life .v7-tl-d { font-size: 15px; line-height: 1.65; }
#life .v7-tl-c { margin-top: 8px; padding: 7px 10px; font-size: 14px; }
.menu-row { padding: 16px 14px; row-gap: 8px; }
.menu-row h3 { font-size: 17px; line-height: 1.6; }
.menu-row p { line-height: 1.75; }
.menu-arrow { min-width: 44px; min-height: 44px; display: grid; place-items: center; }
.v7-gift { padding-block: 30px; }
.v7-gift-card { padding: 24px 16px 20px; }
.v7-gift-card img { width: 200px; max-width: 70%; margin-inline: auto; }
.v7-gift-s { line-height: 1.75; text-wrap: pretty; }
.v7-gift-t { margin-top: 14px; }

/* Read the whole funding flow without a two-screen detour. */
.fee-flow { max-width: 330px; gap: 4px; margin: 22px auto; }
.fee-box, .fee-logo { min-height: 58px; padding: 10px 16px; font-size: 18px; border-radius: 10px; gap: 12px; }
.fee-box > .icon { width: 32px; height: 32px; }
.fee-logo { min-height: 56px; padding: 16px 24px; }
.fee-logo img { max-width: 260px; }
.fee-circle { min-height: 40px; width: auto; max-width: 100%; padding: 6px 16px; font-size: 15px; gap: 8px; }
.fee-circle > .icon { width: 24px; height: 24px; }
.flow-arrow { font-size: 20px; line-height: 1; }
.fee-box.customer { flex-wrap: wrap; gap: 8px; }
.free-bubble { position: static; font-size: 15px; padding: 4px 12px; line-height: 1.5; }
.free-bubble::after { display: none; }
.free-points article { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 10px; padding: 16px 14px; }
.free-points .icon-disc { width: 36px; height: 36px; }
.free-points .icon-disc > .icon { width: 25px; height: 25px; }
.free-points article > div { display: contents; border: 0; padding: 0; }
.free-points h3 { font-size: 18px; line-height: 1.55; margin: 0; align-self: center; letter-spacing: -.025em; }
.free-points p { grid-column: 1/-1; font-size: 15px; line-height: 1.75; }
.free .trust-note { font-size: 16px; line-height: 1.75; text-align: left; }

/* Compare providers in readable rows within each criterion. */
.v12-comparison { display: grid; gap: 18px; }
.v12-comparison table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; border: 1px solid #cfe2ef; border-radius: 10px; overflow: hidden; background: #fff; }
.v12-comparison caption { text-align: left; color: #10365d; font-size: 17px; font-weight: 700; padding: 0 0 7px; }
.v12-comparison th { width: 36%; padding: 12px 10px; font-size: 15px; line-height: 1.5; text-align: left; color: #3c5071; background: #f5f8fb; font-weight: 600; vertical-align: middle; }
.v12-comparison td { padding: 12px 10px; font-size: 15px; line-height: 1.6; color: #3c5071; vertical-align: middle; }
.v12-comparison tr + tr > * { border-top: 1px solid #deebf5; }
.v12-comparison tr:first-child th { background: #006fc9; color: white; font-weight: 700; }
.v12-comparison tr:first-child td { background: #eff8ff; color: #10365d; font-weight: 700; }
.v12-comparison td b { display: inline-block; width: 1.5em; color: #526580; font-size: 18px; line-height: 1.25; }
.v12-comparison tr:first-child td b { color: #b75400; }
.v7-cases { padding: 18px 12px; }
.v7-cases h3 { font-size: 18px; line-height: 1.55; }
.v7-cases li { padding: 14px 12px; gap: 10px; }
.v7-cases .icon { width: 26px; height: 26px; }
.v7-cases span { line-height: 1.75; }
.representative-grid { padding-block: 30px; }
.representative h2 { margin-bottom: 18px; }
.representative h3 { font-size: 28px; line-height: 1.4; margin-bottom: 6px; }
.representative h3 small { font-size: 13px; margin-top: 5px; }
.representative-copy .rep-role { font-size: 14px; }
.representative-copy .rep-company { grid-column: 1/-1; grid-row: 5; font-size: 14px; line-height: 1.7; letter-spacing: 0; margin: 10px 0 0; }
.rep-qualifications { grid-row: 6; padding-top: 14px; margin-top: 14px; }
.rep-qualifications ul { gap: 7px; }
.rep-qualifications li { font-size: 14px; line-height: 1.6; padding: 7px 10px; }
.representative-copy > p:not([class]) { grid-row: 7; margin-top: 16px; }
.representative-copy .rep-message { grid-row: 8; padding: 16px; margin-top: 16px; font-size: 16px; line-height: 1.75; }
.voices h2 { text-align: center; }
.voice-grid { gap: 12px; }
.voice-grid article { padding: 16px; }
.voice-grid h3 { font-size: 17px; gap: 10px; margin-bottom: 12px; }
.voice-grid .icon-disc { width: 38px; height: 38px; }
.voice-grid .icon-disc .icon { width: 25px; height: 25px; }
.voice-grid p { font-size: 16px; line-height: 1.75; }
.voice-grid cite { display: block; padding-top: 12px; margin-top: 14px; font-size: 13px; line-height: 1.7; text-wrap: pretty; }
.v7-mid { padding-block: 28px; }
.v7-mid .v7-mid-photo { width: 72px; height: 72px; }
.v7-mid-t { font-size: 24px; line-height: 1.5; }
.v7-mid-s { text-wrap: pretty; }
.v7-mid-tel { font-size: 15px; line-height: 1.65; }
.step-grid { gap: 22px; }
.step-grid li { grid-template-columns: 32px minmax(0,1fr); gap: 10px; padding: 16px 14px; }
.step-num { width: 32px; height: 32px; font-size: 20px; align-self: center; }
.step-grid li > .icon-disc { display: none; }
.step-grid h3 { grid-column: 2; font-size: 17px; line-height: 1.5; margin: 0; }
.step-grid p { grid-column: 1/-1; font-size: 15px; line-height: 1.75; margin: 0; }
.step-grid li:not(:last-child)::after { font-size: 22px; bottom: -23px; }
.faq-item summary, .faq-item[open] summary { padding: 14px 40px 14px 12px; min-height: 66px; gap: 9px; }
.q-mark { width: 25px; height: 25px; font-size: 17px; margin-top: 2px; }
.faq-question { font-size: 16px; line-height: 1.65; letter-spacing: -.02em; }
.faq-answer { padding: 0 14px 16px 46px; font-size: 15px; line-height: 1.8; }
.faq-toggle { width: 26px; height: 26px; }
.store-card { padding: 18px 16px; }
.store-card h3 { font-size: 20px; gap: 10px; margin-bottom: 12px; white-space: normal; }
.store-card h3 > .icon { width: 28px; height: 28px; flex-shrink: 0; }
.store-card p { font-size: 16px; line-height: 1.75; overflow-wrap: normal; }
.store-card ul { margin-top: 10px; padding-top: 6px; gap: 8px; }
.store-card li { gap: 8px; }
.store-card li .icon { width: 24px; height: 24px; flex-shrink: 0; }
.store-phone { font-size: clamp(26px, 7vw, 32px); margin-block: 10px; }
.v7-map { display: inline-flex; align-items: center; min-height: 44px; margin-top: 6px; }

/* Direct anchors land on the form card, with native controls constrained on WebKit. */
.reservation h2 { font-size: 25px; line-height: 1.5; }
.reservation-lead { font-size: 15px; line-height: 1.75; margin-bottom: 16px; }
.final-photo { max-width: 230px; margin: 0 auto 22px; }
.final-window { aspect-ratio: 1080 / 1456; }
.final-window img { object-fit: contain; object-position: center; }
.form-card { padding: 18px 14px; min-width: 0; }
.form-card > h3 { font-size: 22px; line-height: 1.5; margin-bottom: 10px; }
.form-intro { font-size: 15px; line-height: 1.75; }
.v7-form-assure { gap: 6px; }
.v7-form-assure li { font-size: 12px; padding: 4px 8px; }
.preview-notice { border: 0; padding: 10px; border-radius: 8px; background: #f2f6fa; font-size: 13px; line-height: 1.65; }
.form-progress { margin-block: 16px 20px; }
.field { margin-bottom: 20px; min-width: 0; }
.field > div, #optional-fields, #optional-fields > .field { min-width: 0; max-width: 100%; }
.field label, .field legend, .v7-topic-lbl { font-size: 16px; }
input[type=date] {
  display: block;
  width: 100%;
  inline-size: 100%;
  min-width: 0;
  min-inline-size: 0;
  max-width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  padding: 12px;
  line-height: 1.5;
}
input[type=date]::-webkit-date-and-time-value { text-align: left; min-height: 1.5em; }
input[type=date]::-webkit-datetime-edit { min-width: 0; padding: 0; }
#preferredTime { margin-top: 8px; width: 100%; }
.optional-summary { gap: 8px; }
.optional-summary > span:first-child { min-width: 0; }
.v7-chips { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.v7-chips button { width: 100%; min-width: 0; min-height: 44px; padding: 8px 6px; }
.consent-field label { min-height: 44px; align-items: flex-start; }
.consent-field input { flex-shrink: 0; }
.contact-options h3 { font-size: 19px; line-height: 1.6; }
.contact-phone { font-size: clamp(24px,7vw,30px); gap: 8px; }
.contact-line { min-height: 52px; padding: 10px; font-size: 16px; }
.site-footer { padding-top: 28px; }
.footer-brand { max-width: 280px; margin-inline: auto; }
.footer-copy { margin-top: 20px; padding-top: 18px; }
.footer-copy p { margin-bottom: 12px; }
.footer-copy p br { display: none; }

/* A compact persistent action; inline actions take precedence while visible. */
.v7-dock-top { display: none; }
.v7-dock-in { padding-block: 6px; grid-template-columns: 46px 46px minmax(0,1fr); }
.v7-dock-in > a, .v7-dock-in .button { min-height: 48px; }
.mobile-cta { box-shadow: 0 -2px 10px #10365d12; }
.mobile-cta.is-hidden { visibility: hidden; pointer-events: none; }
@media (max-width: 359px) {
  .section h2 { font-size: 22px; }
  .section-kicker { font-size: 13px !important; gap: 8px; }
  .section-kicker::before, .section-kicker::after { width: 12px; }
  .v12-cost-grid { gap: 8px; }
  .v12-cost-grid article { padding-inline: 8px; }
  .v12-cost-grid h3 { font-size: 15px; }
  .v12-cost-grid p { font-size: 13px; }
  .v12-comparison th { font-size: 12px; }
  .v12-comparison td { font-size: 13px; }
  .faq-question { font-size: 15px; }
  .faq-item summary, .faq-item[open] summary { padding-left: 10px; gap: 7px; }
  .free-points h3 { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-cta { transition: none; }
}

/* Follow-up from actual 402px rendering. */
.value-card { display: block; min-height: 124px; }
.value-card > .icon-disc { position: absolute; margin: 0; }
.value-card h3 { margin: 0 0 6px; }
.fee-box.customer { margin-top: 4px; }
.free-bubble { transform: none; }
.faq-answer { margin-left: 0; }
.v12-cost-art { aspect-ratio: 520 / 355; max-width: 142px; margin-inline: auto; }
#life .v7-tl-d { overflow-wrap: normal; }

.hero-photo { width: calc(100% + var(--page-gutter) * 2); margin-left: calc(var(--page-gutter) * -1); }
.v12-large-text .v12-cost-grid { grid-template-columns: 1fr; }
.v12-large-text .v12-comparison tbody, .v12-large-text .v12-comparison tr, .v12-large-text .v12-comparison td, .v12-large-text .v12-comparison th { display: block; width: 100%; }
.v12-large-text .v12-comparison td { border-top: 0; }
.v12-gift-caption { text-align: center; font-size: 13px; line-height: 1.5; color: #526580; margin-top: 6px; }
.stores > .wrap > .fine-print { font-size: 14px !important; line-height: 1.8; }
.preview-notice, .field-help, .submit-help { font-size: 14px; line-height: 1.75; }
@media (max-width: 359px) { .v12-comparison th, .v12-comparison td { font-size: 14px; padding-inline: 8px; } }

/* Show meaningful content immediately, including during quick mobile scrolling. */
.v7-rv, .v7-rv.is-in { opacity: 1; transform: none; transition: none; }
.v7-gap-fill, .is-in .v7-gap-fill { transform: none; transition: none; }
.v7-gap-note { opacity: 1; transition: none; }

.v7-sim .fine-print { font-size: 14px !important; line-height: 1.8; }
.form-after, .preview-help { font-size: 14px; line-height: 1.75; }

.faq-answer { padding-inline: 14px; }

p { text-wrap: pretty; }

.v7-cases span.phrase { display: inline-block; margin: 0; font: inherit; line-height: inherit; color: inherit; }
.voice-title { display: block; min-width: 0; }