.cost-home .hero { position:relative; min-height:760px; height:calc(100svh - 138px); isolation:isolate; color:white; background-color:#352213; }
.cost-home .hero>img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 61%; }
.cost-home .hero::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(112deg,rgb(53 34 19 / .38),rgb(53 34 19 / .07) 58%,transparent 80%); pointer-events:none; }
.hero-copy { padding:40px 32px; max-width:800px; }
.hero-copy h1 { font-size:48px; max-width:27ch; line-height:1.06; margin-bottom:18px; letter-spacing:-.015em; }
.hero-copy p { max-width:52ch; font-size:18px; line-height:1.55; }
.hero-action { position:absolute; bottom:28px; right:32px; width:415px; padding:23px 25px; border-radius:8px; color:var(--ink); background:rgb(255 255 255 / .92); backdrop-filter:blur(14px); }
.hero-action h2 { font-family:'Figtree',sans-serif; font-size:20px; font-weight:600; line-height:1.3; margin-bottom:7px; letter-spacing:0; }
.hero-action p { font-size:16px; margin:0 0 15px; }
.hero-action .pill { background:white; color:var(--ink); border-color:white; }
.hero-action .pill:hover { border-color:var(--ink); }
.hero-action :focus-visible { outline-color:var(--ink); }
.cost-topics { width:calc(100% - 48px); max-width:none; margin:75px 0 0 48px; }
.cost-topics .row-heading { padding-right:48px; }
.topic-intro { max-width:66ch; margin-bottom:30px; }
.topic-window { overflow-x:auto; overscroll-behavior-x:contain; padding-bottom:12px; }
.topic-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; width:100%; padding-right:0; }
.topic-card { display:block; text-decoration:none; min-width:0; }
.topic-card img { width:100%; aspect-ratio:6/7; object-fit:cover; object-position:50% 50%; }
.topic-card h3 { margin:17px 0 5px; font-size:18px; }
.topic-card p { font-size:16px; line-height:1.5; margin:0; max-width:28ch; padding-right:12px; }
.topic-card:hover h3 { text-decoration:underline; text-underline-offset:5px; }
.quote-checks { margin:72px auto 100px; }
.quote-checks ul { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); list-style:none; gap:30px; padding:0; margin:0 0 35px; }
.quote-checks li { text-align:center; font-size:16px; line-height:1.4; margin:0; }
.quote-checks svg { display:block; width:30px; height:30px; margin:0 auto 18px; }
.quote-context { max-width:74ch; text-align:center; margin:0 auto; font-size:16px; }
.quote-context p { margin-bottom:10px; }
.coverage-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:96px; align-items:center; margin-bottom:112px; }
.coverage-split>img { width:100%; aspect-ratio:1; object-fit:cover; object-position:50% 50%; }
.coverage-split .split-copy { max-width:510px; }
.coverage-split h2 { max-width:15ch; }
.hsa-split { grid-template-columns:minmax(0,1fr) minmax(0,.93fr); padding-left:64px; padding-right:46px; gap:112px; }
.hsa-split .split-copy { max-width:470px; }
.medicine-name { max-width:790px; margin:8px auto 90px; text-align:center; }
.medicine-name h2 { font-size:36px; }
.closing-question { min-height:340px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:50px 24px; background:radial-gradient(ellipse 45% 60% at 50% 50%,rgb(233 180 76 / .29),rgb(233 180 76 / .12) 44%,transparent 78%); }
.closing-question h2 { max-width:24ch; }
.closing-question p { margin-bottom:22px; }
.cost-home .footer { margin-top:70px; }
@media(max-width:1000px) {
 .cost-home .hero { height:780px; }
 .hero-copy { max-width:710px; padding-left:28px; }
 .cost-topics { width:calc(100% - 56px); margin-left:auto; margin-right:auto; }
 .cost-topics .row-heading { padding-right:0; }
 .topic-window { overflow:visible; }
 .topic-list { grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; }
 .topic-card p { padding-right:0; }
 .coverage-split { gap:48px; margin-bottom:88px; }
 .hsa-split { padding:0 20px; gap:62px; }
 .quote-checks ul { gap:20px; }
 .quote-checks { margin-top:58px; margin-bottom:85px; }
}
@media(max-width:760px) {
 .cost-home .hero { display:grid; grid-template-areas:'photo' 'copy' 'action'; height:auto; min-height:0; background:white; color:var(--ink); }
 .cost-home .hero::before { display:none; }
 .cost-home .hero>img { grid-area:photo; position:static; z-index:auto; width:100%; height:clamp(240px,66vw,440px); object-position:53% 64%; }
 .hero-copy { grid-area:copy; max-width:none; padding:30px 20px 10px; background:var(--ink); color:white; }
 .hero-copy h1 { max-width:23ch; }
 .hero-copy p { max-width:52ch; }
 .hero-action { grid-area:action; position:static; width:auto; padding:24px 20px; background:white; border-radius:0; backdrop-filter:none; }
 .hero-action .pill { background:var(--ink); color:white; border-color:var(--ink); }
 .hero-action .pill:hover { background:white; color:var(--ink); }
}
@media(max-width:650px) {
 .hero-copy h1 { font-size:42px; max-width:14ch; line-height:1.04; }
 .hero-copy p { font-size:18px; max-width:32ch; }
 .hero-action h2 { font-size:19px; }
 .cost-topics { width:calc(100% - 40px); margin-top:52px; margin-left:auto; margin-right:auto; }
 .topic-list { gap:28px 16px; }
 .topic-card { width:auto; }
 .topic-card img { aspect-ratio:6/7; }
 .topic-intro { margin-bottom:25px; }
 .quote-checks { margin-top:52px; margin-bottom:60px; }
 .quote-checks ul { grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 16px; margin-bottom:30px; }
 .quote-checks svg { margin-bottom:13px; }
 .quote-context { text-align:left; }
 .coverage-split { grid-template-columns:1fr; gap:30px; margin-bottom:68px; }
 .coverage-split h2 { max-width:18ch; }
 .hsa-split { padding:0; gap:30px; }
 .hsa-split .split-copy { order:2; }
 .hsa-split>img { width:86%; margin-left:auto; }
 .medicine-name { margin-bottom:55px; text-align:left; }
 .medicine-name h2 { font-size:32px; }
 .closing-question { min-height:330px; padding:38px 20px; background:radial-gradient(ellipse 80% 62% at center,rgb(233 180 76 / .29),rgb(233 180 76 / .08) 58%,transparent 85%); }
 .closing-question h2 { font-size:34px; }
}