/* Authoritative visual reference: final website direction supplied Oct 19. */
.home-hero-clean{min-height:580px;align-items:center;padding-block:45px}.home-hero-clean .hero-content{background:transparent;max-width:690px;padding:25px 0}.home-hero-clean .hero-content h1{max-width:630px;font-size:clamp(2.4rem,3.6vw,3.4rem);line-height:1.08}.home-hero-clean:after{display:block;position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#f4fafcf2 0%,#f4fafcc9 35%,#f4fafc66 53%,transparent 76%)}.home-hero-clean .hero-content>p:not(.eyebrow){max-width:480px}.home-hero-clean .btn,.public-header .btn{border-radius:26px}.home-hero-clean .hero-note{font-weight:600;color:#07314f}.steps-strip .step{text-align:center}.steps-strip .round-icon{margin:0 auto 14px;background:#006895;color:#fff}.steps-strip .step:nth-child(2) .round-icon{background:#0799ba}.steps-strip .step:nth-child(3) .round-icon{background:#006895}.steps-strip .step:nth-child(4) .round-icon{background:#ffc64b;color:#07314f}.steps-strip .step h2{font-size:1.3rem}.step-link{font-size:.85rem}
.member-hero{background-image:linear-gradient(90deg,#07314fe8 0%,#07314fa3 35%,transparent 65%),url('../assets/dashboard-van-piper.png');background-position:center;min-height:290px;align-items:center}.member-hero>div{background:transparent;padding:0;max-width:600px}.member-hero h1{font-family:Georgia,serif;color:#fff;font-size:clamp(2rem,3.1vw,3rem)}.member-hero p:not(.eyebrow),.member-hero .eyebrow{color:#fff}.member-hero .beach-age{margin-left:auto;background:#fffffff0}.dashboard-core{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr)}.your-beach>img{height:220px}.lever-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.lever-grid.compact .lever{padding:14px 10px}.lever-grid.compact .lever label{font-size:.85rem}.lever-grid.compact .lever>output{font-size:1rem}.lever-grid.compact .lever small{font-size:.75rem}.journey-landscape{height:155px;background-position:center 58%}
.warm-welcome{padding:28px;background:#fff7e5;border-radius:8px}.warm-welcome a{display:inline-block;padding:12px 0}.story-lifestyle{margin-top:45px}.story-lifestyle>a{display:inline-block;padding:12px 0}.field-label,.metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.field-label{margin-bottom:8px}.field-label>label{margin:0}.field-help{position:relative;display:inline-flex;flex:none;font-family:Inter,Arial,sans-serif;font-weight:400}.help-trigger{width:28px;height:28px;min-width:28px;border:1px solid #006895;border-radius:50%;background:#fff;color:#07314f;font-size:15px;font-weight:700;line-height:1;padding:0;display:grid;place-items:center}.help-popover{display:none;position:absolute;z-index:50;top:calc(100% + 8px);right:0;width:min(290px,75vw);padding:16px;background:#07314f;color:#fff;border-radius:8px;box-shadow:0 8px 28px #07314f33;font-size:14px;line-height:1.55;font-weight:400;text-align:left;white-space:normal}.field-help:hover .help-popover,.field-help.is-open .help-popover{display:block}.field-help.dismissed .help-popover{display:none}.metric{overflow:visible}.metric-label{font-size:.8rem}.metric .help-trigger{width:24px;height:24px;min-width:24px;font-size:13px}.assumptions-input{display:block;border-top:1px solid #ccdfe4;padding-top:24px;margin-top:28px}.assumptions-input h3{font-family:Inter,Arial,sans-serif;font-size:1rem;margin-bottom:20px}.assumptions-input>.field-grid{margin-top:0}.input-unit input[data-money],.lever-input input[data-money]{font-variant-numeric:tabular-nums;min-width:0}.save-guidance{margin:24px 28px 0;padding:16px 20px;background:#fff7e5;border:1px solid #e6d7b6;border-radius:8px;font-size:.85rem;color:#07314f;line-height:1.6}.app-header .session-pill{max-width:170px;font-size:.7rem}.app-header-right{gap:10px}.app-header .brand-logo{width:48px;height:48px}.numbers-layout .field-grid{gap:24px}.numbers-layout .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.app-header .brand>span,.app-header .session-pill{display:none}.lever-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-core{grid-template-columns:1fr}.numbers-layout .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-hero-clean{padding:0;min-height:0;display:flex;flex-direction:column;align-items:stretch}.home-hero-clean:after{display:none}.home-hero-clean .hero-photo{height:175px;min-height:175px}.home-hero-clean .hero-content{padding:22px 20px;background:#f4fafc}.home-hero-clean .hero-content h1{font-size:30px;line-height:1.15}.steps-strip{grid-template-columns:1fr 1fr;gap:20px}.steps-strip .step{border:0}.steps-strip .step h2{font-size:1.15rem}.steps-strip .step p{font-size:.85rem}.step-link{font-size:.78rem}.member-hero{background-image:linear-gradient(90deg,#07314fd9,transparent),url('../assets/dashboard-van-piper.png');min-height:240px;background-position:65% center}.member-hero>div{background:#07314fcc;padding:16px;border-radius:8px}.member-hero h1{font-size:1.9rem}.member-hero .beach-age{margin-left:0}.lever-grid.compact{grid-template-columns:1fr}.lever-grid.compact .lever{padding:20px}.lever-grid.compact .lever label{font-size:1rem}.lever-grid.compact .lever small{font-size:.85rem}.journey-landscape{height:125px}.app-header .help-link,.app-header .avatar{display:none}.app-header .brand-logo{width:40px;height:40px}.app-header .btn.small{font-size:.7rem;padding:8px 10px;min-height:44px}.app-header-right{gap:6px}.app-header{padding-inline:12px}.save-guidance{margin:18px 14px}.help-trigger{width:36px;height:36px;min-width:36px}.field-label>label{font-size:.9rem}.metric-label{font-size:.74rem;align-items:flex-start}.metric .help-trigger{width:28px;height:28px;min-width:28px}.metric:nth-child(odd) .help-popover{left:-35px;right:auto}.numbers-layout .field-grid{grid-template-columns:1fr}.warm-welcome{padding:22px}}

/* Keep metric help controls beside their label on narrow screens. */
@media(max-width:760px){.metric-label{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:6px}.metric-label .metric-name{grid-column:1;grid-row:1;min-width:0}.metric-label .field-help{grid-column:2;grid-row:1;align-self:start}.metric:nth-child(odd) .help-popover{left:0;right:auto}}

/* Tom's Oct 19 approved inserts: supplied banner, van/Piper dashboard, iPhone install card. */
.next-chapter{padding:0!important}.next-chapter .retirement-banner-art{display:block;width:100%;height:auto;object-fit:cover;border-radius:0;margin:0}.install-card{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f4fafc;border:1px solid #ccdfe4;border-radius:10px;margin-block:30px;padding:24px!important}.install-card h2{margin-top:0}.install-card p{line-height:1.55}.install-card img{width:100px;height:auto;flex:0 0 90px}.install-card details{margin:10px 0}.install-card summary{cursor:pointer;font-weight:700}.member-hero{background-image:linear-gradient(90deg,#07314fd9 0%,#07314f99 35%,transparent 70%),url('../assets/dashboard-van-piper.png');background-position:75% center;background-size:cover}.member-hero h1,.member-hero .eyebrow,.member-hero p:not(.eyebrow){color:#fff}.member-hero>div{background:#07314f99;border-radius:8px;padding:18px 22px}@media(max-width:760px){.install-card{align-items:flex-start;gap:14px;padding:20px!important}.install-card img{width:72px;flex-basis:72px}.member-hero{background-position:72% center}.member-hero>div{background:#07314fbb}}

/* Preserve original banner proportions at every breakpoint; the supplied tile is intentionally panoramic. */
.next-chapter .retirement-banner-art{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0;margin:0}

.next-chapter .retirement-banner-art{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0;margin:0}.install-card{display:flex;align-items:flex-start;gap:22px}.install-card>div{flex:1;min-width:0}.install-card img{width:90px;height:auto;object-fit:contain;flex:0 0 90px}
@media(max-width:760px){.install-card{gap:12px}.install-card img{width:64px;flex-basis:64px}}

/* The user-supplied dashboard tile already contains the section title and prompts; do not overlay a second copy. */
.member-hero>div:first-child{display:none}.member-hero{background-position:95% center}.member-hero .beach-age{margin-left:auto}
@media(max-width:760px){.member-hero{background-position:95% center}.member-hero .beach-age{margin-left:0}}

.member-hero .beach-age{position:relative;align-self:flex-end;margin:0 24px 18px auto;z-index:2}
@media(max-width:760px){.member-hero .beach-age{margin:0 12px 12px auto}.member-hero{min-height:220px}}

/* Keep Tom's six-panel dashboard tile free of duplicate baked-in title/labels; retain the existing data-driven age chip in a clear area. */
.member-hero>div:first-child{display:none}.member-hero{background-image:linear-gradient(90deg,#07314f35 0%,transparent 68%),url('../assets/dashboard-van-piper.png');background-position:95% 45%;background-size:cover}.member-hero .beach-age{position:absolute;right:18px;bottom:14px;margin:0}.member-hero{position:relative}
@media(max-width:760px){.member-hero{background-position:95% 43%;min-height:220px}.member-hero .beach-age{right:12px;bottom:12px}}
.next-chapter .retirement-banner-art{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0;margin:0}
.install-card{display:flex;align-items:flex-start;gap:22px}.install-card>div{flex:1;min-width:0}.install-card img{width:90px;height:auto;object-fit:contain;flex:0 0 90px}
@media(max-width:760px){.install-card{gap:12px}.install-card img{width:64px;flex-basis:64px}}

.member-hero .beach-age{position:relative;align-self:flex-end;margin:0 14px 12px auto;z-index:2}.member-hero{align-items:flex-end;background-position:95% 42%}
@media(min-width:761px){.member-hero .beach-age{margin-bottom:16px;margin-right:24px}}

/* Mobile dashboard uses a left-anchored cover so the baked-in title and prompt remain visible. */
@media(max-width:760px){.member-hero{background-position:left center!important}.member-hero .beach-age{position:relative;align-self:flex-end;margin:0 12px 12px auto;z-index:2}}

@media(max-width:760px){.member-hero{background-size:100% 100%!important;background-position:left center!important;min-height:220px}}

@media(max-width:760px){.member-hero .beach-age{display:none!important}}