/* Homepage V1: situation-led journey around the existing matching product. */
:root { --home-ink:#203029; --home-muted:#5d685f; --home-green:#365945; --home-cream:#f8f6f0; --home-line:rgba(54,89,69,.15); }
html { scroll-behavior:smooth; }
section[id],a[id] { scroll-margin-top:24px; }
body.index-landing::before { inset:-10px 0; width:auto; filter:none; background:linear-gradient(180deg,#f8f6f0 0%,#f3f1ea 100%); }
.landing-page { width:100%; padding-bottom:0; }
.landing-nav { justify-self:end; gap:10px; }
.landing-nav a { white-space:nowrap; }
.homepage-brand-name { white-space:nowrap; }
.landing-nav a:not(.homepage-button) { font-size:.9rem; letter-spacing:-.01em; opacity:.84; }
.landing-nav .homepage-button--nav { background:var(--home-green); color:#fff; }
.landing-nav .homepage-button--nav::before,.landing-nav .homepage-button--nav::after { content:none; }
.homepage-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 24px; border-radius:999px; background:var(--home-green); color:#fff !important; font-weight:700; text-decoration:none; box-shadow:0 12px 28px rgba(32,48,41,.16); transition:transform .2s ease,background .2s ease; }
.homepage-button:hover,.homepage-button:focus-visible { background:#294737; transform:translateY(-1px); }
.homepage-button:focus-visible,.homepage-text-link:focus-visible,.moment-card:focus-visible,.moment-links-grid a:focus-visible,.moment-visual-card a:focus-visible,.homepage-ranking-disclosure summary:focus-visible,.homepage-ranking-link:focus-visible,.homepage-faq summary:focus-visible,.homepage-footer a:focus-visible,.privacy-disclosure summary:focus-visible,.landing-nav-toggle:focus-visible,.guided-search__advanced-toggle:focus-visible { outline:3px solid #a8c3af; outline-offset:4px; }
.homepage-button--nav { min-height:40px; padding:0 14px !important; border-radius:999px !important; box-shadow:0 4px 10px rgba(32,48,41,.08); font-size:.88rem; letter-spacing:-.01em; }
.homepage-eyebrow { margin:0 0 12px; color:var(--home-green); font-size:.78rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.homepage-hero,.homepage-section,.homepage-final-cta { width:min(calc(100% - 48px),1180px); margin-inline:auto; }
.homepage-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); align-items:center; gap:clamp(36px,6vw,88px); min-height:clamp(760px,calc(100svh - 140px),880px); padding:clamp(40px,4.5vw,60px) 0; }
.homepage-hero h1 { max-width:840px; margin:0; color:var(--home-ink); font-size:clamp(2.4rem,3.6vw,3.65rem); line-height:1.05; letter-spacing:-.038em; text-align:left; }
.homepage-hero__lead { max-width:720px; margin:28px 0 0; color:var(--home-muted); font-size:clamp(1.08rem,1.55vw,1.3rem); line-height:1.6; }
.homepage-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:32px; }
.homepage-text-link,.homepage-alternative a,.trust-grid a,.homepage-faq a { color:var(--home-green); font-weight:700; }
.homepage-text-link,.homepage-alternative a,.trust-grid a { text-decoration:none; }
.homepage-faq a { text-decoration-thickness:1px; text-underline-offset:4px; }
.homepage-trust-list { display:flex; flex-wrap:wrap; gap:10px 22px; margin:28px 0 0; padding:0; list-style:none; color:var(--home-muted); font-size:.92rem; }
.homepage-trust-list li::before { content:"✓"; margin-right:7px; color:var(--home-green); font-weight:800; }
.homepage-hero__visual { position:relative; margin:0; }
.homepage-hero__visual::before { content:""; position:absolute; inset:8% -4% -5% 8%; border-radius:45% 55% 52% 48%; background:#e2e9df; }
.homepage-hero__visual img { position:relative; display:block; width:100%; height:clamp(500px,67vh,640px); object-fit:cover; object-position:78% center; border-radius:48% 48% 24% 48%; }
.homepage-section { padding:clamp(48px,5.5vw,80px) 0; }
.homepage-section__intro { max-width:960px; margin-bottom:clamp(32px,2.4vw,40px); }
.homepage-section h2,.homepage-final-cta h2 { margin:0 0 20px; color:var(--home-ink); font-size:clamp(2.05rem,4vw,4rem); line-height:1.05; letter-spacing:-.04em; }
.homepage-section__intro>p:last-child,.homepage-section--split p,.example-copy p { color:var(--home-muted); font-size:1.08rem; line-height:1.7; }
.homepage-section__intro>p:last-child { max-width:780px; }
.moment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.moment-card { display:block; overflow:hidden; border:1px solid var(--home-line); border-radius:28px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 18px 48px rgba(32,48,41,.07); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.moment-card:hover,.moment-card:focus-visible { transform:translateY(-3px); border-color:rgba(54,89,69,.28); box-shadow:0 24px 56px rgba(32,48,41,.11); }
.moment-card>img { display:block; width:100%; height:300px; object-fit:cover; }
.moment-card__body { padding:32px; }
.moment-card h3,.steps-grid h3,.trust-grid h3,.bridge-grid h3 { margin:0 0 14px; color:var(--home-ink); font-size:1.45rem; line-height:1.18; }
.moment-card__body>p:not(.homepage-eyebrow) { color:var(--home-muted); line-height:1.65; }
.moment-card__link { color:var(--home-green); font-weight:700; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.homepage-alternative { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px 22px; margin-top:24px; padding:22px 26px; border:1px solid var(--home-line); border-radius:18px; background:#fff; }
.homepage-alternative span { color:var(--home-muted); }
.homepage-alternative a { grid-column:1 / -1; justify-self:center; margin-left:0; }
.homepage-section--split,.example-section { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(36px,6vw,88px); align-items:start; }
.reframe-panel { padding:32px; border-radius:28px; background:#e6ece5; }
.reframe-panel ul { columns:2; margin:18px 0 28px; padding-left:20px; color:var(--home-muted); line-height:1.55; }
.reframe-panel li { break-inside:avoid; margin-bottom:10px; }
.homepage-key-statement { margin:0 !important; padding-top:22px; border-top:1px solid var(--home-line); color:var(--home-ink) !important; }
.example-section { width:100%; max-width:none; padding:clamp(48px,5.5vw,80px) max(24px,calc((100% - 1180px)/2)); background:#273f32; }
.example-section h2,.example-section p { color:#f8f6f0; }
.example-copy p { color:rgba(248,246,240,.78); }
.matching-principle { padding:32px; border-radius:28px; background:#f8f6f0; color:var(--home-ink); text-align:center; }
.matching-principle__label { margin:0 0 16px; color:var(--home-ink) !important; font-weight:800; }
.situation-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.situation-tags span,.coach-examples span { padding:7px 10px; border-radius:999px; background:#e6ece5; font-size:.82rem; }
.matching-principle__arrow { display:block; margin:14px; color:var(--home-green); font-size:1.4rem; }
.matching-principle__core { display:inline-block; padding:14px 18px; border-radius:14px; background:var(--home-green); color:#fff; }
.matching-principle__core small { display:block; margin-top:2px; color:rgba(255,255,255,.78); font-size:.72rem; font-weight:600; }
.coach-examples { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.coach-examples div { display:flex; flex-direction:column; gap:8px; padding:15px 10px; border:1px solid var(--home-line); border-radius:14px; background:#fff; }
.coach-examples small { display:block; margin:0; color:var(--home-muted); font-size:.75rem; }
.matching-principle__note { display:block; margin-top:16px; color:var(--home-muted); }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.steps-grid article,.trust-grid article,.bridge-grid article { padding:28px; border:1px solid var(--home-line); border-radius:22px; background:rgba(255,255,255,.7); }
.steps-grid article>span,.trust-grid article>span { display:block; margin-bottom:24px; color:var(--home-green); font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.steps-grid p,.trust-grid p,.bridge-grid p { color:var(--home-muted); line-height:1.6; }
.steps-grid blockquote { margin:20px 0 0; padding:16px; border-left:3px solid var(--home-green); background:#eef2ec; color:var(--home-muted); font-size:.9rem; line-height:1.5; }
.homepage-centered-action { display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:38px; color:var(--home-muted); }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.trust-microcopy { margin:28px 0 0; color:var(--home-muted); font-weight:600; text-align:center; }
.homepage-matching { width:min(calc(100% - 48px),1180px); min-height:auto !important; margin:36px auto 64px; padding:clamp(34px,5vw,70px) !important; border-radius:34px; background:#e2e9df !important; box-shadow:none; }
.homepage-matching[data-results-layout="visible"] .homepage-search-logic { display:none; }
.homepage-matching:not([data-results-layout="visible"]) { grid-template-columns:minmax(0,.82fr) minmax(380px,1fr) !important; gap:60px !important; }
.homepage-matching:not([data-results-layout="visible"]) .landing-copy { grid-column:1; grid-row:1; align-self:start; width:auto; min-width:0; }
.homepage-matching:not([data-results-layout="visible"]) .landing-search-shell { grid-column:2; grid-row:1; align-self:start; width:100%; min-width:0; }
.homepage-matching:not([data-results-layout="visible"]) .landing-content-stage,.homepage-matching:not([data-results-layout="visible"]) .landing-content-stage__panel--intro { min-height:0; height:auto; }
.homepage-matching .landing-title { font-size:clamp(2.25rem,4.5vw,4.5rem); }
.homepage-matching .landing-copy { align-self:start; }
.homepage-matching .landing-search-shell { align-self:start; }
@media (min-width:1001px) { .homepage-matching:not([data-results-layout="visible"]) .landing-copy { margin-top:clamp(96px,7.5vw,140px); } }
.homepage-matching .landing-copy,.homepage-matching .landing-search-shell { animation:none; opacity:1; transform:none; }
.homepage-matching { --homepage-form-gap:8px; --homepage-guidance-gap:0px; }
.homepage-sensitive-hint,.homepage-match-microcopy { color:#4e5b53; font-size:.78rem; line-height:1.35; }
.homepage-sensitive-hint { display:grid; grid-template-columns:minmax(0,1fr); row-gap:var(--homepage-guidance-gap); width:100%; min-width:0; margin:0; text-align:left; }
.homepage-match-microcopy { margin:4px 0 0; }
.homepage-sensitive-hint__warning { display:block; min-width:0; overflow-wrap:anywhere; }
.homepage-matching .flow-card--goal .flow-block { gap:var(--homepage-form-gap); }
.homepage-sensitive-hint__privacy { display:block; width:100%; min-width:0; margin:0; text-align:left; }
.homepage-sensitive-hint__privacy summary { display:inline-flex; width:fit-content; max-width:100%; justify-content:flex-start; text-align:left; white-space:normal; }
.homepage-sensitive-hint__privacy-label--mobile { display:none; }
.homepage-matching .guided-search__advanced-label--mobile { display:none; }
.homepage-matching #budgetPresets .budget-preset-label--mobile { display:none; }
.homepage-sensitive-hint__privacy p { max-width:100%; overflow-wrap:anywhere; }
.homepage-matching:not([data-results-layout="visible"]) { --homepage-search-section-gap:4px; }
.homepage-matching:not([data-results-layout="visible"]) .guided-search { row-gap:var(--homepage-search-section-gap); }
.homepage-matching:not([data-results-layout="visible"]) .flow-card--goal { padding-bottom:0 !important; }
.homepage-matching:not([data-results-layout="visible"]) .guided-search__advanced { margin-top:0; }
.homepage-matching:not([data-results-layout="visible"]) .guided-search__advanced-toggle { margin-block:4px; }
.homepage-matching:not([data-results-layout="visible"]) .flow-action { margin-top:4px; }
.homepage-search-logic { margin:6px 4px 4px; padding:0; color:#4e5b53; font-size:.78rem; line-height:1.35; }
.homepage-matching .landing-results-header { display:block; min-height:0; }
.landing-results-header__row { display:flex; align-items:baseline; justify-content:space-between; gap:18px; }
.landing-results-header__title { flex:1 1 auto; min-width:0; }
.landing-results-header__help { position:relative; flex:0 0 auto; }
.landing-results-header__help-trigger { display:inline-flex; align-items:center; gap:5px; min-height:28px; margin:0; padding:0 4px; border:0; background:transparent; color:var(--home-green); font:inherit; font-size:.78rem; font-weight:700; line-height:1.35; cursor:help; text-align:left; }
.landing-results-header__help-trigger:focus-visible { outline:3px solid #a8c3af; outline-offset:3px; border-radius:6px; }
.landing-results-header__help-tooltip { position:absolute; z-index:10; top:calc(100% + 8px); right:0; width:min(420px,calc(100vw - 48px)); padding:12px 14px; border:1px solid rgba(54,89,69,.16); border-radius:12px; background:#fff; color:#4e5b53; box-shadow:0 14px 30px rgba(32,48,41,.16); font-size:.78rem; font-weight:400; line-height:1.45; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-4px); transition:opacity .16s ease,transform .16s ease,visibility .16s ease; }
.landing-results-header__help:hover .landing-results-header__help-tooltip,.landing-results-header__help:focus-within .landing-results-header__help-tooltip { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
.privacy-disclosure summary { width:max-content; min-height:24px; display:flex; align-items:center; color:var(--home-green); font-weight:700; cursor:pointer; }
.privacy-disclosure p { margin:4px 0 0; padding:10px 12px; border-radius:10px; background:#f2f5f1; color:#4e5b53; }
.privacy-disclosure a { color:var(--home-green); font-weight:700; }
.homepage-match-microcopy { text-align:center; }
.moment-links-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.moment-links-grid a { display:flex; align-items:center; min-height:112px; padding:24px; border:1px solid var(--home-line); border-radius:18px; background:rgba(255,255,255,.72); color:var(--home-ink); font-size:1.08rem; font-weight:700; line-height:1.35; text-decoration:none; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.moment-links-grid a::after { content:"→"; margin-left:auto; padding-left:16px; color:var(--home-green); }
.moment-links-grid a:hover,.moment-links-grid a:focus-visible { transform:translateY(-2px); border-color:rgba(54,89,69,.3); background:#fff; }
.moment-visual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.moment-visual-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--home-line); border-radius:28px; background:#fff; box-shadow:0 18px 48px rgba(32,48,41,.07); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.moment-visual-card:hover { transform:translateY(-3px); border-color:rgba(54,89,69,.28); box-shadow:0 24px 56px rgba(32,48,41,.11); }
.moment-visual-card__image-link { display:block; overflow:hidden; background:#dfe7df; }
.moment-visual-card__image-link img { display:block; width:100%; height:clamp(220px,25vw,320px); object-fit:cover; transition:transform .35s ease; }
.moment-visual-card:first-child .moment-visual-card__image-link img { object-position:60% center; }
.moment-visual-card:last-child .moment-visual-card__image-link img { object-position:center 48%; }
.moment-visual-card:hover .moment-visual-card__image-link img { transform:scale(1.025); }
.moment-visual-card__body { display:flex; flex:1; flex-direction:column; padding:26px 28px 24px; }
.moment-visual-card h3 { margin:0 0 18px; color:var(--home-ink); font-size:clamp(1.35rem,2.1vw,1.75rem); line-height:1.16; }
.moment-visual-card__links { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.moment-visual-card__links li { border-top:1px solid var(--home-line); }
.moment-visual-card__links li:last-child { border-bottom:1px solid var(--home-line); }
.moment-visual-card__links a { display:flex; align-items:flex-start; gap:12px; padding:13px 0; color:var(--home-ink); font-size:.98rem; font-weight:700; line-height:1.35; text-decoration:none; }
.moment-visual-card__links a::after { content:"→"; flex:0 0 auto; margin-left:auto; color:var(--home-green); font-size:1.1rem; }
.moment-visual-card__links a:hover,.moment-visual-card__links a:focus-visible { color:var(--home-green); }
.moment-visual-card__more { display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:18px; color:var(--home-green); font-size:.9rem; font-weight:800; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.moment-visual-card__more span { font-size:1.1rem; text-decoration:none; }
.homepage-faq { max-width:820px; }
.homepage-faq details { border-top:1px solid var(--home-line); }
.homepage-faq details:last-child { border-bottom:1px solid var(--home-line); }
.homepage-faq summary { display:flex; align-items:center; min-height:64px; padding:14px 4px; color:var(--home-ink); font-size:1.1rem; font-weight:700; cursor:pointer; }
.homepage-faq details p { margin:0; padding:0 4px 22px; color:var(--home-muted); line-height:1.65; }
.homepage-final-cta { display:flex; flex-direction:column; align-items:center; max-width:none; width:100%; padding:clamp(56px,6vw,88px) max(24px,calc((100% - 900px)/2)); background:#365945; color:#fff; text-align:center; }
.homepage-final-cta h2 { color:#fff; }.homepage-final-cta p { max-width:700px; margin:0 0 30px; color:rgba(255,255,255,.8); font-size:1.15rem; line-height:1.65; }.homepage-button--light { background:#fff; color:var(--home-green) !important; }.homepage-final-cta small { margin-top:14px; color:rgba(255,255,255,.72); }
body.index-landing .homepage-footer { position:static; inset:auto; z-index:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:48px; width:100%; max-width:none; min-height:0; margin:0; padding:64px max(24px,calc((100% - 1180px)/2)); background:#203029; transform:none; pointer-events:auto; }
.homepage-footer div { display:flex; flex-direction:column; gap:12px; }.homepage-footer strong { margin-bottom:8px; color:#fff; }.homepage-footer a { color:rgba(255,255,255,.72); text-decoration:none; }.homepage-footer a:hover { color:#fff; }
@media (min-width:801px) { .homepage-section--split,.trust-section,.moments-link-section { padding-block:clamp(48px,5.5vw,80px); } }
@media (min-width:801px) { .homepage-matching[data-results-layout="visible"] { width:100%; max-width:none; margin-right:0; margin-left:0; } }
@media (max-width:1000px) { .landing-header { grid-template-columns:auto auto; }.landing-nav { gap:10px; }.landing-nav a:not(.homepage-button) { font-size:.86rem; }.homepage-hero { grid-template-columns:1fr .72fr; }.homepage-matching:not([data-results-layout="visible"]) { grid-template-columns:1fr !important; }.trust-grid { grid-template-columns:repeat(2,1fr); }.moment-links-grid { grid-template-columns:repeat(2,1fr); }.homepage-process-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }.homepage-process-flow__arrow { display:none; }.homepage-ranking-explanation dl { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:800px) { :root { --landing-header-height:72px; }.landing-page { padding-inline:0; }.landing-header { width:100%; margin:0 0 10px; padding-inline:18px; transform:none; }.landing-header .landing-nav { top:58px; left:14px; right:14px; width:auto; max-width:none; padding:10px; border:1px solid var(--home-line); border-radius:18px; background:#faf9f5; box-shadow:0 22px 54px rgba(32,48,41,.18); }.landing-header .landing-nav a { display:flex; align-items:center; justify-content:center; min-height:44px; }.landing-nav .homepage-button--nav { width:100%; }.homepage-hero,.homepage-section { width:min(calc(100% - 28px),680px); }.homepage-hero { grid-template-columns:1fr; min-height:auto; padding:48px 0 64px; }.homepage-hero h1 { font-size:clamp(2.25rem,9.8vw,3.25rem); line-height:1.06; letter-spacing:-.035em; text-align:left; }.homepage-hero__visual { max-width:520px; }.homepage-hero__visual::before { right:0; }.homepage-hero__visual img { height:clamp(330px,96vw,460px); }.moment-grid,.homepage-section--split,.example-section,.steps-grid,.trust-grid,.moment-links-grid,.moment-visual-grid { grid-template-columns:1fr; }.example-section { width:100%; padding-inline:16px; }.moment-card>img { height:240px; }.moment-visual-card__image-link img { height:220px; }.moment-visual-card:first-child .moment-visual-card__image-link img { object-position:60% 20%; }.moment-visual-card:last-child .moment-visual-card__image-link img { object-position:center 18%; }.homepage-process-flow { grid-template-columns:1fr; gap:10px; }.homepage-process-flow__arrow { display:block; justify-self:center; transform:rotate(90deg); }.process-visual-card { min-height:132px; padding:14px; }.homepage-alternative { grid-template-columns:1fr; align-items:flex-start; }.homepage-alternative a { justify-self:center; }.reframe-panel ul { columns:1; }.coach-examples { grid-template-columns:1fr; }.homepage-matching { width:calc(100% - 24px); margin:20px auto 48px; padding:34px 16px !important; }.homepage-matching:not([data-results-layout="visible"]) { grid-template-columns:1fr !important; gap:22px !important; }.homepage-matching:not([data-results-layout="visible"]) .landing-copy,.homepage-matching:not([data-results-layout="visible"]) .landing-search-shell { grid-column:1; }.homepage-matching:not([data-results-layout="visible"]) .landing-copy { grid-row:1; }.homepage-matching:not([data-results-layout="visible"]) .landing-search-shell { grid-row:2; }.homepage-matching .landing-copy__intro { text-align:left !important; }.homepage-matching .landing-title { font-size:2.35rem !important; }.homepage-matching .landing-search-shell { width:100% !important; } body.index-landing .homepage-footer { grid-template-columns:1fr; gap:34px; padding:48px 24px; } }
@media (max-width:480px) { .homepage-actions { align-items:stretch; flex-direction:column; }.homepage-button { width:100%; }.moment-card__body,.moment-visual-card__body,.steps-grid article,.trust-grid article,.bridge-grid article { padding:22px; }.moment-visual-card__image-link img { height:190px; }.homepage-process-visual { --process-meta-size:.66rem; --process-title-size:.86rem; }.process-visual-card { min-height:118px; padding:12px; }.homepage-section { padding:62px 0; }.homepage-hero__visual img { border-radius:40% 40% 18% 40%; } }
@media (max-width:800px) { .landing-header .landing-nav { gap:8px; }.landing-nav a[href="./pilotphase.html"] { margin-top:10px; padding-top:12px; border-top:1px solid var(--home-line); }.landing-nav a[href="./pilotphase.html"]::before { display:none; }.landing-nav .homepage-button--nav { align-self:center; width:auto; min-width:0; min-height:40px; padding:0 14px !important; }.example-section { width:calc(100% - 28px); margin-inline:auto; gap:40px; padding:56px 18px 58px; border-radius:28px; }.example-copy h2 { font-size:clamp(2rem,8.7vw,2.65rem); line-height:1.05; }.example-copy p { font-size:1rem; line-height:1.6; }.matching-principle { padding:28px 18px 30px; border-radius:26px; } }
@media (max-width:800px) { .homepage-trust-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"cost account" "quality paid"; gap:14px 20px; margin-top:24px; font-size:.88rem; line-height:1.35; }.homepage-trust-list li { display:flex; align-items:flex-start; gap:7px; min-width:0; }.homepage-trust-list li:nth-child(1) { grid-area:quality; }.homepage-trust-list li:nth-child(2) { grid-area:cost; }.homepage-trust-list li:nth-child(3) { grid-area:account; }.homepage-trust-list li:nth-child(4) { grid-area:paid; }.homepage-trust-list li::before { flex:0 0 auto; margin-right:0; line-height:1.35; } }
.moments-link-section { padding-block:clamp(38px,4.6vw,64px); }
.moments-link-section .homepage-section__intro { max-width:1120px; margin-bottom:clamp(24px,2vw,32px); }
.moments-link-section .homepage-section__intro>p:last-child { max-width:1120px; }
.moments-link-section h2 { text-wrap:balance; }
.moment-category-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px; }
.moment-category-link { display:grid; grid-template-columns:1fr auto; gap:5px 16px; align-items:center; padding:16px 20px; border:1px solid var(--home-line); border-radius:18px; background:rgba(255,255,255,.52); color:var(--home-ink); text-decoration:none; }
.moment-category-link:hover,.moment-category-link:focus-visible { border-color:rgba(54,89,69,.3); background:#fff; }
.moment-category-link span:first-child { grid-column:1 / -1; color:var(--home-green); font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.moment-category-link strong { font-size:.96rem; line-height:1.35; }
.moment-category-link > span:last-child { color:var(--home-green); font-size:1.2rem; }
.homepage-explanation-module { padding-block:clamp(42px,4.8vw,68px); }
.homepage-explanation-module .homepage-section__intro { max-width:880px; }
.homepage-explanation-module .homepage-section__intro>p:last-child { max-width:820px; }
.homepage-process-visual { --process-label-size:.72rem; --process-label-weight:800; --process-meta-size:.74rem; --process-meta-weight:700; --process-meta-line-height:1.15; --process-title-size:.94rem; --process-title-weight:700; --process-title-line-height:1.25; margin:0 0 24px; padding:24px clamp(18px,3vw,32px) 28px; border-radius:28px; background:#203029; color:#f8f6f0; }
.homepage-process-visual__label { margin:0 0 18px; color:rgba(248,246,240,.7); font-size:.76rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.homepage-process-flow { display:grid; grid-template-columns:minmax(0,1.1fr) auto minmax(0,.95fr) auto minmax(0,.95fr) auto minmax(0,1.1fr); align-items:center; gap:12px; }
.process-visual-card { display:flex; min-width:0; min-height:150px; flex-direction:column; justify-content:space-between; gap:14px; padding:16px; border:1px solid rgba(54,89,69,.14); border-radius:18px; background:#fff; color:var(--home-ink); }
.process-visual-card--profiles { justify-content:space-between; gap:2px; padding-bottom:10px; }
.process-visual-card__label { color:var(--home-green); font-size:var(--process-label-size); font-weight:var(--process-label-weight); letter-spacing:.1em; text-transform:uppercase; }
.process-visual-card strong { font-size:var(--process-title-size); font-weight:var(--process-title-weight); line-height:var(--process-title-line-height); }
.process-situation-chips { display:flex; flex-wrap:wrap; gap:5px; }
.process-situation-chips span { padding:5px 7px; border-radius:999px; background:#e6ece5; color:var(--home-muted); font-size:var(--process-meta-size); font-weight:var(--process-meta-weight); line-height:var(--process-meta-line-height); }
.homepage-process-flow__arrow { color:#a8c3af; font-size:1.35rem; font-weight:700; }
.process-ranking-bars { display:flex; align-items:flex-end; gap:7px; height:44px; padding:0 5px; }
.process-ranking-bars span { display:block; width:18px; border-radius:5px 5px 2px 2px; background:#8cae96; }
.process-ranking-bars span:nth-child(1) { height:42px; background:var(--home-green); }
.process-ranking-bars span:nth-child(2) { height:31px; }
.process-ranking-bars span:nth-child(3) { height:21px; background:#b9cbbb; }
.process-mini-profiles { display:grid; gap:7px; }
.process-mini-profiles span { display:flex; align-items:center; gap:7px; padding:6px 7px; border-radius:8px; background:#f1f4f0; color:var(--home-muted); font-size:var(--process-meta-size); font-weight:var(--process-meta-weight); line-height:var(--process-meta-line-height); }
.process-mini-profiles i { display:block; width:17px; height:17px; flex:0 0 17px; border-radius:50%; background:#b9cbbb; }
.process-choice-context { display:grid; gap:4px; }
.process-choice-summary { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; padding:10px 12px; border:1px solid var(--home-green); border-radius:13px; background:var(--home-green); }
.process-choice-summary__part { display:inline-flex; align-items:center; gap:7px; min-width:0; color:#fff; font-size:var(--process-meta-size); font-weight:var(--process-meta-weight); line-height:var(--process-meta-line-height); white-space:nowrap; }
.process-choice-summary__part:first-child i { display:block; width:17px; height:17px; flex:0 0 17px; border-radius:50%; background:#b9cbbb; }
.process-choice-summary__divider { width:1px; height:22px; flex:0 0 1px; background:rgba(255,255,255,.55); }
.process-visual-card__detail { color:var(--home-muted); font-size:.68rem; line-height:1.25; }
.process-visual-card--choice { border-color:#a8c3af; background:#fff; box-shadow:inset 0 0 0 1px rgba(54,89,69,.08); }
.homepage-process-summary { margin:0; color:var(--home-muted); font-size:.98rem; line-height:1.5; text-align:center; }
.homepage-centered-action { margin-top:28px; }
.homepage-trust-module { padding-block:clamp(42px,4.8vw,68px); }
.homepage-trust-module .homepage-section__intro { max-width:1120px; margin-bottom:clamp(24px,2vw,32px); }
.homepage-trust-module h2 { text-wrap:balance; }
.homepage-ranking-disclosure { margin:22px 0 0; border:1px solid var(--home-line); border-radius:22px; overflow:hidden; }
.homepage-ranking-disclosure summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:60px; padding:17px clamp(18px,2vw,24px); color:var(--home-ink); font-size:1rem; font-weight:800; cursor:pointer; list-style:none; }
.homepage-ranking-disclosure summary::-webkit-details-marker { display:none; }
.homepage-ranking-disclosure__chevron { color:var(--home-green); font-size:1.35rem; line-height:1; transition:transform .2s ease; }
.homepage-ranking-disclosure[open] .homepage-ranking-disclosure__chevron { transform:rotate(180deg); }
.homepage-ranking-disclosure[open] summary { border-bottom:1px solid var(--home-line); }
.homepage-ranking-explanation { margin:0; padding:24px clamp(18px,2.8vw,34px) 28px; border:0; border-radius:0; background:transparent; }
.homepage-ranking-explanation dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 28px; margin:0; }
.homepage-ranking-explanation dl div { min-width:0; }
.homepage-ranking-explanation dt { color:var(--home-ink); font-weight:800; }
.homepage-ranking-explanation dd { margin:7px 0 0; color:var(--home-muted); font-size:.94rem; line-height:1.5; }
.homepage-ranking-explanation > p { margin:24px 0 0; padding-top:18px; border-top:1px solid var(--home-line); color:var(--home-ink); font-size:.96rem; line-height:1.5; }
.homepage-ranking-link { display:inline-flex; align-items:center; gap:6px; margin-top:16px; color:var(--home-green); font-size:.9rem; font-weight:800; text-decoration:none; }
.homepage-ranking-link span { display:inline-block; transition:transform .18s ease; }
.homepage-ranking-link:hover span,.homepage-ranking-link:focus-visible span { transform:translateX(3px); }
@media (max-width:800px) { .moment-category-links { grid-template-columns:1fr; }.homepage-ranking-explanation dl { grid-template-columns:1fr; gap:16px; } }
@media (max-width:480px) { .moments-link-section,.homepage-explanation-module,.homepage-trust-module { padding-block:42px; }.moment-links-grid a { min-height:88px; padding:18px; font-size:1rem; }.moment-category-link { padding:16px 18px; }.homepage-ranking-disclosure { margin-inline:0; border-radius:18px; }.homepage-ranking-disclosure summary { padding-inline:18px; }.homepage-ranking-explanation { margin:0; padding-inline:18px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.homepage-button,.moment-card,.moment-links-grid a,.moment-visual-card,.moment-visual-card__image-link img,.landing-content-stage__panel { transition:none; transform:none; }.homepage-matching .landing-copy,.homepage-matching .landing-search-shell { animation:none; opacity:1; transform:none; } }
@media print { .landing-header { position:static; }.homepage-section,.homepage-hero,.homepage-final-cta { break-inside:avoid; }.homepage-final-cta,.example-section { color:#000; background:#fff; }.homepage-final-cta h2,.example-section h2,.example-section p { color:#000; }.homepage-matching .landing-copy,.homepage-matching .landing-search-shell { animation:none; opacity:1; transform:none; } }

/* Product-first mobile hero: keep the existing matching component as the one
   source of truth, but visually attach it to the hero below the portrait. */
.homepage-hero__lead--mobile { display: none; }
.homepage-trust-bar { display: none; }

/* Two curated problem spaces with compact situation links. */
.scenario-theme-card__description {
  margin: -4px 0 18px;
  color: var(--home-muted);
  line-height: 1.55;
}
.scenario-theme-card .moment-visual-card__links {
  margin-top: auto;
}
@media (min-width: 801px) {
  /* Keep both situation lists aligned when one title wraps onto a second line. */
  .scenario-theme-card .moment-visual-card__links a {
    min-height: calc(2.7em + 26px);
    box-sizing: border-box;
  }
}
@media (max-width: 800px) {
  .scenario-theme-card__description {
    margin-bottom: 14px;
  }
}
.homepage-final-cta__microcopy--mobile { display: none; }

@media (max-width: 800px) {
  :root {
    --homepage-mobile-matching-width: min(calc(100% - 24px), 680px);
    /* Keep the trust bar and the existing sticky header as one coordinated
       mobile top stack so Safari cannot swap the status surface while scrolling. */
    --landing-header-height: var(--app-header-height-mobile, 56px);
    --homepage-mobile-trust-bar-height: calc(var(--landing-mobile-status-surface-height) + 28px);
    --landing-header-sticky-top: var(--homepage-mobile-trust-bar-height);
    --landing-header-offset: calc(var(--homepage-mobile-trust-bar-height) + var(--landing-header-height));
    /* Reuse the same safe-area geometry as the former main-style signal row. */
    --landing-mobile-status-surface-height: var(--landing-safe-top);
  }

  /* Keep the iOS safe-area/status surface aligned with the trust bar. */
  html {
    /* Safari can expose the root surface behind its translucent bottom
       controls. Keep that surface continuous with the public page instead of
       leaking the green status-bar color into the lower edge. */
    background-color: var(--landing-mobile-browser-bottom-bg);
    background-image: none;
  }

  body.index-landing {
    background-color: var(--landing-mobile-browser-bottom-bg);
    background-image: none;
  }

  body.index-landing::before {
    content: "";
    position: fixed;
    z-index: 0;
    inset: var(--landing-mobile-status-surface-height) 0 0;
    background: var(--landing-mobile-browser-bottom-bg);
    pointer-events: none;
  }

  body.index-landing::after {
    content: "";
    position: fixed;
    z-index: 0;
    inset: 0 0 auto;
    height: var(--landing-mobile-status-surface-height);
    background: var(--landing-mobile-usp-bg);
    pointer-events: none;
  }

  .landing-page {
    position: relative;
    z-index: 1;
    background-color: var(--home-cream);
  }

  .homepage-trust-bar {
    display: block;
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: var(--homepage-mobile-trust-bar-height);
    /* Start at the document edge like the former header signal row. The
       safe-area padding is part of the bar itself, so it must not be added a
       second time through a negative margin. */
    margin: 0;
    padding: calc(var(--landing-mobile-status-surface-height) + 6px) 16px 4px;
    background: var(--landing-mobile-usp-bg);
    box-shadow: inset 0 -1px 0 var(--landing-mobile-usp-edge);
    color: var(--app-text-on-brand, #fffaf2);
  }

  .homepage-trust-bar__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 9px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }

  .homepage-trust-bar__list li {
    min-width: 0;
    max-width: 100%;
    min-height: 18px;
    color: inherit;
    font-size: clamp(0.68rem, 2.8vw, 0.745rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.026em;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .homepage-hero {
    min-height: auto;
    gap: 0;
    align-items: start;
    padding: 28px 0 0;
  }

  /* Keep the mobile header geometry stable; scrolling only changes its
     surface treatment, not the vertical position of the brand and menu. */
  .landing-header {
    grid-template-rows: 1fr;
    min-height: 56px;
    padding-block: 6px;
  }

  .landing-header .landing-brand,
  .landing-header .landing-nav-toggle {
    grid-row: 1;
  }

  .homepage-hero h1 {
    max-width: none;
    font-size: clamp(2.05rem, 9.2vw, 2.85rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
  }

  .homepage-hero__lead {
    max-width: none;
    margin-top: 14px;
    font-size: 1rem;
    line-height: 1.45;
  }

  .homepage-hero__lead--desktop,
  .homepage-actions,
  .homepage-hero .homepage-eyebrow {
    display: none;
  }

  .homepage-hero__lead--mobile {
    display: block;
  }

  .homepage-matching .landing-lead {
    display: none;
  }

  .homepage-matching .homepage-eyebrow {
    margin-bottom: 4px;
  }

  .homepage-hero .homepage-trust-list {
    display: none;
  }

  .homepage-hero__visual {
    width: 100%;
    max-width: none;
    margin-top: 26px;
    --homepage-mobile-hero-gap: 30px;
    /* Reserve the green shape's 8% lower extension plus the same visual gap
       used between the USPs and the image. */
    margin-bottom: calc(clamp(11.2px, 3.36vw, 14.4px) + var(--homepage-mobile-hero-gap));
  }

  .homepage-hero__visual::before {
    inset: 4% -2% -8% 6%;
    border-radius: 38% 48% 26% 44%;
  }

  .homepage-hero__visual img {
    width: 100%;
    height: clamp(140px, 42vw, 180px);
    object-position: 78% 32%;
    border-radius: 25% 25% 25% 25%;
  }

  .homepage-matching:not([data-results-layout="visible"]) .guided-search {
    gap: 0;
  }

  .homepage-matching:not([data-results-layout="visible"]) .guided-search__advanced {
    margin-top: 4px;
  }

  .homepage-matching .homepage-match-microcopy {
    display: block;
  }

  .homepage-final-cta__microcopy--desktop {
    display: none;
  }

  .homepage-final-cta__microcopy--mobile {
    display: inline;
  }

  .homepage-matching .guided-search__advanced-label--desktop {
    display: none;
  }

  .homepage-matching .guided-search__advanced-label--mobile {
    display: inline;
  }

  .homepage-matching #budgetPresets .budget-preset-label--desktop {
    display: none;
  }

  .homepage-matching #budgetPresets .budget-preset-label--mobile {
    display: inline;
  }

  /* Keep the short privacy disclosure inline with the warning copy whenever
     there is room. The no-wrap summary moves as one accessible unit when it
     cannot fit, without creating a forced full-width row. */
  .homepage-matching .homepage-sensitive-hint {
    display: block;
    padding-top: 2px;
  }

  .homepage-matching .homepage-sensitive-hint__warning {
    display: inline;
  }

  .homepage-matching .homepage-sensitive-hint__privacy {
    display: inline;
    width: auto;
  }

  .homepage-matching .homepage-sensitive-hint__privacy summary {
    display: inline-flex;
    width: fit-content;
    margin-left: 0.25rem;
    justify-content: flex-start;
    text-align: left;
    white-space: nowrap;
  }

  .homepage-matching .homepage-sensitive-hint__privacy-label--desktop {
    display: none;
  }

  .homepage-matching .homepage-sensitive-hint__privacy-label--mobile {
    display: inline;
  }

  .homepage-matching .homepage-sensitive-hint__privacy[open] {
    display: inline;
    margin-top: 0;
  }

  .homepage-process-visual {
    min-width: 0;
    overflow: hidden;
  }

  .homepage-process-flow {
    min-width: 0;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .homepage-process-flow__arrow {
    display: block;
    justify-self: center;
    transform: rotate(90deg);
  }

  .homepage-matching:not([data-results-layout="visible"]) {
    display: grid;
    grid-template-columns: 1fr !important;
    width: var(--homepage-mobile-matching-width);
    margin: 0 auto 44px;
    padding: 24px 16px 24px !important;
    padding-bottom: 32px !important;
    background: #e2e9df !important;
    border-radius: 34px;
    gap: 22px !important;
  }

  .homepage-matching:not([data-results-layout="visible"]) .landing-copy {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }

  .homepage-matching:not([data-results-layout="visible"]) .landing-search-shell {
    grid-column: 1;
    grid-row: 2;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.88);
  }

  .homepage-matching:not([data-results-layout="visible"]) .landing-search-shell::before {
    display: block;
  }

  /* The shared result-state layout resets the stage's side margins. Keep the
     mobile matching surface centered just as it is in the form state. */
  .homepage-matching.landing-stage[data-results-layout="visible"] {
    margin-left: auto;
    margin-right: auto;
  }

}

@media (max-width: 360px) {
  :root {
    --homepage-mobile-trust-bar-height: calc(var(--landing-mobile-status-surface-height) + 50px);
  }

  .homepage-hero {
    padding-top: 22px;
  }

  .homepage-hero__visual {
    --homepage-mobile-hero-gap: 26px;
    margin-top: 22px;
  }

  .homepage-matching:not([data-results-layout="visible"]) {
    padding-top: 18px !important;
  }

  .homepage-matching:not([data-results-layout="visible"]) .landing-search-shell {
    padding: 16px;
  }
}