/* Care LP hero follows the package LP's price, layout and action hierarchy. */
.header{border-bottom:1px solid #deded6;background:#fafaf8f5;backdrop-filter:blur(10px)}
.header-inner{max-width:1280px;margin:auto;padding:0 32px;height:80px;align-items:center;gap:25px}
.brand{padding:0;border:0}.brand img{width:106px}.header-caption{padding:0;font-size:12px;color:#666}
.nav{align-items:center;gap:26px}.nav a{border:0;padding:0;font-size:12px}.nav .btn{border:1px solid var(--ink);padding:14px 20px;gap:24px}
.care-package-hero{padding:28px 0 30px;border:0}
.care-package-hero>.wrap{max-width:1240px;padding:0 32px}
.care-package-hero .hero-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);grid-template-areas:"news visual" "offer visual" "heading visual" "lead visual" "benefits visual" "actions actions" "note note";gap:0 20px;align-items:center}

.care-package-hero .hero-copy{display:contents;padding:0}
.care-package-hero .news-pill{grid-area:news;justify-self:start;border:0;border-left:3px solid #7e901b;padding:3px 0 3px 12px;gap:8px;font-size:12px;line-height:1.8;margin:0;letter-spacing:.04em}.news-pill b{margin-left:4px}
.care-package-hero .care-offer{grid-area:offer;display:flex;align-items:baseline;gap:10px;margin:12px 0 0;line-height:1.1;color:var(--ink)}
.care-offer>span{font-size:12px}.care-offer>strong{font-size:100px;font-weight:900;letter-spacing:-.07em;line-height:1.05;white-space:nowrap}.care-offer>strong>span{font-size:38px;letter-spacing:-.04em;margin-left:5px}.care-offer>small{font-size:12px;white-space:nowrap}
.care-package-hero h1{grid-area:heading;font-size:clamp(36px,3.45vw,48px);line-height:1.4;margin:14px 0 18px;letter-spacing:-.05em}
.care-package-hero .marker{background:linear-gradient(transparent 78%,#d5dfa1 78%);text-decoration:none}
.care-package-hero .care-lead{grid-area:lead;max-width:none;font-size:14px;line-height:1.95;margin:0;color:var(--ink)}
.care-package-hero .hero-visual{grid-area:visual;align-self:center;min-width:0;width:100%;margin:0;padding:0;border:0;background:transparent}
.care-package-hero .hero-visual img{display:block;width:auto;max-width:100%;max-height:530px;height:auto;margin:0 auto;object-fit:contain}
.care-benefits{grid-area:benefits;display:flex;gap:16px;list-style:none;padding:0;margin:24px 0 0}
.care-benefits li{width:132px;aspect-ratio:1;flex:0 0 132px;border:2px solid #7e901b;border-radius:50%;background:#fafaf8e8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}
.care-benefits strong{font-size:17px;font-weight:900;line-height:1.6;color:#53610f}.care-benefits li>span{font-size:14px;line-height:1.6;color:#5c624c}
.care-actions{grid-area:actions;margin:28px 0 14px;padding:22px 28px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:26px;border-radius:4px}
.care-action-message strong{display:block;font-size:18px;line-height:1.7}.care-action-message>span{display:block;font-size:12px;line-height:1.9;margin-top:4px;color:#d0d3c5}
.care-action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.care-package-hero .care-action-buttons .btn{justify-content:space-between;min-width:0;min-height:60px;font-size:12px;line-height:1.7;padding:16px;gap:12px;text-decoration:none}
.care-action-buttons .care-primary{background:#dce7a3;border-color:#dce7a3;color:var(--ink)}.care-action-buttons .care-primary:hover{background:#e5edbc}
.care-action-buttons .care-secondary{background:transparent;border-color:#c5ccaf;color:var(--paper)}.care-action-buttons .care-secondary:hover{background:#33382b}
.care-package-hero .care-hero-note{grid-area:note;max-width:none;font-size:14px;line-height:1.9;margin:0;color:#595d4c}.care-hero-note a{display:block;margin-top:5px;text-underline-offset:3px}
@media(max-width:1050px){.header-caption{display:none}.care-package-hero .hero-grid{gap:0 15px}.care-offer>strong{font-size:86px}.care-package-hero h1{font-size:36px}.care-benefits{gap:10px}.care-benefits li{width:116px;flex-basis:116px}.care-benefits strong{font-size:15px}.care-benefits li>span{font-size:14px}.care-actions{grid-template-columns:1fr;text-align:center;gap:18px;padding:22px}.care-action-message strong{font-size:15px}}
@media(max-width:800px){.header-inner{padding:0 25px}.nav{gap:20px}.nav a:not(.btn){display:none}}
@media(max-width:800px) and (min-width:601px){.care-package-hero .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.care-package-hero h1{font-size:29px}.care-benefits{gap:8px}.care-benefits li{width:103px;flex-basis:103px}.care-benefits strong{font-size:13px}.care-benefits li>span{font-size:14px}.care-package-hero .care-lead{font-size:14px}.care-package-hero .hero-visual img{max-height:390px}}
@media(max-width:600px){.header-inner{height:65px;padding:0 22px}.brand img{width:95px}.nav .btn{padding:11px 15px;font-size:12px;gap:16px}.care-package-hero{padding:24px 0}.care-package-hero>.wrap{padding:0 24px}.care-package-hero .hero-grid{grid-template-columns:1fr;grid-template-areas:"news" "offer" "heading" "visual" "lead" "benefits" "actions" "note";gap:0}.care-package-hero .news-pill{font-size:12px;gap:5px}.news-pill b{display:none}.care-package-hero .care-offer{margin-top:14px;gap:8px}.care-offer>strong{font-size:84px}.care-offer>strong>span{font-size:31px}.care-package-hero h1{font-size:clamp(29px,8vw,36px);line-height:1.5;margin:14px 0 8px}.care-package-hero .hero-visual{margin:0 0 14px}.care-package-hero .hero-visual img{max-height:220px}.care-package-hero .care-lead{font-size:14px;line-height:1.9}.care-benefits{gap:8px;margin-top:20px;justify-content:space-between}.care-benefits li{flex:1 1 0;width:auto;min-width:0;max-width:112px;aspect-ratio:1;gap:4px}.care-benefits strong{font-size:13px}.care-benefits li>span{font-size:14px;white-space:nowrap}.care-actions{margin:22px 0 12px;padding:20px 16px;gap:16px}.care-action-message>span{font-size:12px}.care-action-buttons{grid-template-columns:1fr}.care-package-hero .care-hero-note{font-size:14px}}
.care-package-hero .care-service-name{font-size:12px;letter-spacing:.06em}

@media(max-width:600px){.care-benefits{flex-wrap:wrap;justify-content:flex-start}.care-benefits li{flex:0 1 104px;min-width:100px;width:104px;max-width:none}.care-benefits li>span{white-space:normal;line-height:1.4}}
@media(max-width:600px){.care-benefits strong{font-size:14px;line-height:1.4}.care-benefits li>span{font-size:12px}}

/* Match the package LP's circular KV spacing without squeezing captions. */
.care-benefits{flex-wrap:wrap;gap:16px}
.care-benefits li{box-sizing:border-box;flex:0 0 176px;width:176px;min-width:0;max-width:none;padding:18px;gap:10px}
.care-benefits strong{font-size:17px;line-height:1.5}
.care-benefits li>span{max-width:100%;font-size:14px;line-height:1.6;white-space:normal;text-wrap:balance;overflow-wrap:normal;line-break:strict}
@media(max-width:1050px){.care-benefits{gap:12px}.care-benefits li{flex-basis:160px;width:160px;padding:14px;gap:8px}.care-benefits strong{font-size:15px}.care-benefits li>span{font-size:14px}}
@media(max-width:600px){.care-benefits{justify-content:center}.care-benefits strong{font-size:14px;line-height:1.5}}

/* Match the approved HTML-conversion KV without changing the service copy. */
.care-package-hero{padding:28px 0 30px}.care-package-hero>.wrap{max-width:1240px;padding:0 32px;margin:auto}
.care-package-hero .care-hero-note{margin-top:14px;max-width:54em}
.care-package-hero .care-actions{grid-template-columns:1fr;gap:16px;padding:16px;margin:20px 0 0;text-align:left;align-self:start}
.care-package-hero .care-action-buttons{grid-template-columns:1fr;gap:12px}
.care-package-hero .care-action-message strong{font-size:16px}.care-package-hero .care-action-message>span{font-size:14px}
.care-package-hero .care-action-buttons .btn{min-height:56px;font-size:14px}
.care-package-hero .care-benefits{align-self:start;justify-content:flex-start;margin-top:20px}
@media(min-width:901px){.care-package-hero .hero-grid{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);grid-template-areas:"news ." "offer visual" "heading visual" "lead visual" "note visual" "benefits actions";gap:0 20px}}
@media(max-width:900px){.care-package-hero .hero-grid{grid-template-columns:1fr;grid-template-areas:"news" "offer" "heading" "visual" "lead" "note" "benefits" "actions";gap:0}.care-package-hero .hero-visual{margin:0 0 14px}.care-package-hero .hero-visual img{max-height:300px}.care-package-hero .care-actions{margin-top:22px;padding:20px 16px}}
@media(max-width:600px){.care-package-hero{padding-top:24px}.care-package-hero>.wrap{padding:0 24px}.care-package-hero .hero-visual img{max-height:220px}.care-package-hero .care-benefits{justify-content:center}}

/* 2026-11-07 shared production-LP KV layout */
/* 2026-11-07: a compact offer-led KV; preserve the existing monochrome/olive tone. */
.care-package-hero .hero-grid{padding:36px 32px 28px;column-gap:36px;row-gap:0}
.care-package-hero .hero-grid .news-pill{margin:0 0 12px}
.care-package-hero .hero-grid h1{font-weight:900;letter-spacing:-.035em;line-height:1.35;margin:14px 0 18px;text-wrap:balance}
.care-package-hero .hero-grid .care-offer{margin:0;gap:9px}
.care-package-hero .hero-grid .care-offer>strong{font-size:104px;letter-spacing:-.055em}
.care-package-hero .hero-grid .care-lead{font-size:15px;line-height:1.9}
.care-package-hero .hero-grid .care-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:22px 0 0;align-self:stretch}
.care-package-hero .hero-grid .care-benefits li{width:auto;max-width:none;min-width:0;aspect-ratio:auto;flex:none;border:1px solid #7e901b;border-radius:0;padding:14px 8px;gap:6px;background:transparent}
.care-package-hero .hero-grid .care-benefits strong{font-size:15px;line-height:1.5}
.care-package-hero .hero-grid .care-benefits li>span{font-size:12px;line-height:1.6;text-wrap:balance}
.care-package-hero .hero-grid .hero-visual{align-self:center}
.care-package-hero .hero-grid .care-actions{display:block;padding:0;margin:20px 0 0;background:transparent;border:0;border-radius:0;align-self:start}
.care-package-hero .hero-grid .care-action-message{display:none}
.care-package-hero .hero-grid .care-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.care-package-hero .hero-grid .care-action-buttons .btn{font-size:14px;min-height:60px;padding:17px 18px;justify-content:space-between;line-height:1.6;background:#191919;border-color:#191919;color:#fff}
.care-package-hero .hero-grid .care-action-buttons .care-secondary{background:transparent;color:#191919;border-color:#191919}
.care-package-hero .hero-grid .hero-copy>.care-hero-note{font-size:12px;line-height:1.85;color:#606451;max-width:none;margin:24px 0 0;padding:16px 0 0;border-top:1px solid #d5d7cc}
@media(hover:hover){.care-package-hero .hero-grid .care-action-buttons .btn:hover{background:#333;border-color:#333;color:#fff}.care-package-hero .hero-grid .care-action-buttons .care-secondary:hover{background:#edf0dc;color:#191919;border-color:#191919}}
@media(min-width:901px){
 .care-package-hero .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"eyebrow visual" "offer visual" "heading visual" "lead visual" "benefits visual" "actions visual" "note note"}
 .care-package-hero .hero-grid .hero-visual img{width:100%;max-height:none}
}
@media(max-width:1100px) and (min-width:901px){.care-package-hero .hero-grid{column-gap:24px}.care-package-hero .hero-grid h1{font-size:36px}.care-package-hero .hero-grid .care-action-buttons{grid-template-columns:1fr}.care-package-hero .hero-grid .care-benefits strong{font-size:14px}}
@media(max-width:900px){
 .care-package-hero .hero-grid{padding:28px 24px;grid-template-columns:1fr;grid-template-areas:"eyebrow" "offer" "heading" "visual" "benefits" "actions" "lead" "note"}
 .care-package-hero .hero-grid .hero-visual{margin:0;align-self:center}
 .care-package-hero .hero-grid .hero-visual img{width:min(100%,390px);max-height:260px}
 .care-package-hero .hero-grid .care-benefits{margin:12px 0 0}
 .care-package-hero .hero-grid .care-actions{margin:18px 0 0}
 .care-package-hero .hero-grid .care-lead{margin:24px 0 0}
 .care-package-hero .hero-grid .hero-copy>.care-hero-note{margin:16px 0 0}
}
@media(max-width:600px){
 .care-package-hero .hero-grid{padding:22px 20px 24px}
 .care-package-hero .hero-grid .news-pill{font-size:12px;margin:0 0 12px}
 .care-package-hero .hero-grid .care-offer{gap:7px;align-items:baseline}
 .care-package-hero .hero-grid .care-offer-label{font-size:12px}
 .care-package-hero .hero-grid .care-offer>strong{font-size:clamp(78px,22vw,96px);line-height:1}
 .care-package-hero .hero-grid .care-offer>strong>span{font-size:clamp(28px,8vw,36px);margin-left:3px}
 .care-package-hero .hero-grid h1{font-size:clamp(27px,7.8vw,36px);line-height:1.4;letter-spacing:-.035em;margin:14px 0 0}
 .care-package-hero .hero-grid .hero-visual img{width:min(100%,285px);max-height:190px}
 .care-package-hero .hero-grid .care-benefits{gap:7px;margin:0;justify-content:stretch}
 .care-package-hero .hero-grid .care-benefits li{padding:10px 5px;gap:5px}
 .care-package-hero .hero-grid .care-benefits strong{font-size:14px;line-height:1.45}
 .care-package-hero .hero-grid .care-benefits li>span{font-size:12px;line-height:1.5;white-space:normal}
 .care-package-hero .hero-grid .care-action-buttons{grid-template-columns:1fr;gap:10px}
 .care-package-hero .hero-grid .care-action-buttons .btn{min-height:54px;padding:14px 18px;font-size:14px}
 .care-package-hero .hero-grid .care-lead{font-size:14px;line-height:1.9;margin-top:24px}
 .care-package-hero .hero-grid .hero-copy>.care-hero-note{font-size:12px;line-height:1.85}
}


.care-package-hero{padding:0;border:0}.care-package-hero>.wrap{max-width:1240px;padding:0;margin:auto}
.care-package-hero .hero-grid{max-width:none;margin:0;align-items:start}.care-package-hero .news-pill{grid-area:eyebrow;color:#596411}.care-package-hero .care-offer>span{font-size:12px}.care-package-hero .care-lead{color:#191919}
.care-package-hero .hero-visual img{height:auto;aspect-ratio:4 / 3;object-fit:contain}.care-package-hero .care-hero-note a{font-size:12px}
@media(max-width:900px){.care-package-hero .hero-visual img{width:min(100%,346px)}}
@media(max-width:600px){.care-package-hero .hero-visual img{width:min(100%,253px)}.care-package-hero .hero-grid .care-benefits li{flex:none}}