/* Homepage composition. Images retain their complete native frame. */
body[data-ui="home"] { --home-width:1200px; --home-gap:28px; background:#f7f8f4; }
body[data-ui="home"] .site-header { max-width:1264px; padding:0 32px; height:88px; gap:24px; }
body[data-ui="home"] main { padding:0 0 64px; }
body[data-ui="home"] main>:is(.hero,.section,.privacy-band,.xbs-community-band) { width:calc(100% - 64px); max-width:var(--home-width); margin:0 auto; }
body[data-ui="home"] main>:is(.section,.privacy-band,.xbs-community-band) { padding:64px 0; border:0; background:transparent; }
body[data-ui="home"] main>:is(.section,.privacy-band,.xbs-community-band)+:is(.section,.privacy-band,.xbs-community-band) { border-top:1px solid #dde5dc; }
body[data-ui="home"] :is(.section-heading,.center-heading) { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin:0 0 28px; text-align:left; }
body[data-ui="home"] :is(.section-heading,.center-heading)>p { max-width:440px; color:#66766b; font-size:15px; line-height:1.8; margin:0; }
body[data-ui="home"] :is(.section-heading,.center-heading) h2 { font-size:32px; line-height:1.45; margin:0; }
body[data-ui="home"] .eyebrow { font-size:12px; margin:0 0 10px; }
body[data-ui="home"] .hero.hero-fall { padding:32px; grid-template-columns:.9fr 1.1fr; gap:32px; min-height:0; border:1px solid #dce6d6; border-radius:24px; background:#eaf0e3; }
body[data-ui="home"] .hero-fall .hero-copy { padding:0; }
body[data-ui="home"] .hero-fall h1 { font-size:clamp(30px,3.2vw,44px); line-height:1.4; letter-spacing:-.02em; margin:22px 0; }
body[data-ui="home"] .hero-fall .hero-subtitle { font-size:15px; line-height:1.9; margin:0 0 26px; }
body[data-ui="home"] .hero-kicker { margin:0; font-size:12px; padding:6px 10px; }
body[data-ui="home"] .hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
body[data-ui="home"] .button { min-height:46px; padding:0 20px; font-size:14px; }
body[data-ui="home"] .fall-scene { border-radius:16px; background:#fff; box-shadow:none; }
body[data-ui="home"] .fall-scene>img { width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; }
body[data-ui="home"] .fall-scene figcaption { padding:16px 18px; }
body[data-ui="home"] .fall-scene small { margin-top:6px; }
body[data-ui="home"] .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
body[data-ui="home"] .product-card { display:grid; grid-template-columns:1fr 1fr; align-items:center; background:#fff; border:1px solid #dfe7dc; border-radius:18px; overflow:hidden; }
body[data-ui="home"] .product-visual.service-photo { width:100%; height:auto; min-height:0; aspect-ratio:auto; background:#edf1e8; overflow:visible; }
body[data-ui="home"] .service-photo img { width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; }
body[data-ui="home"] .product-copy { padding:22px; }
body[data-ui="home"] .product-copy>span { display:block; font-size:11px; font-weight:500; }
body[data-ui="home"] .product-copy h3 { margin:8px 0 12px; font-size:20px; line-height:1.5; }
body[data-ui="home"] .product-copy p { min-height:0; margin:0 0 16px; font-size:14px; line-height:1.8; }
body[data-ui="home"] .product-copy a { font-size:12px; color:#226b55; border-color:#b5cdbb; font-weight:600; }
body[data-ui="home"] .home-response { margin-top:28px; padding:24px; border:1px solid #dfe7dc; border-radius:18px; background:#edf2e9; }
body[data-ui="home"] .home-response .response-flow { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
body[data-ui="home"] .home-response .response-flow li { padding:14px; background:#fff; border:1px solid #dfe7dc; gap:10px; min-height:0; }
body[data-ui="home"] .home-response-heading h3 { font-size:19px; }
body[data-ui="home"] .home-technology { grid-template-columns:.8fr 1.2fr; gap:48px; align-items:center; }
body[data-ui="home"] .home-technology h2 { font-size:32px; line-height:1.5; }
body[data-ui="home"] .privacy-copy>p:last-child { font-size:15px; line-height:1.9; }
body[data-ui="home"] .quiet-care-scene { border-radius:18px; box-shadow:none; }
body[data-ui="home"] .home-technology .quiet-care-scene>img { width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; }
body[data-ui="home"] .quiet-care-scene figcaption { padding:18px 22px; }
body[data-ui="home"] .center-heading { display:block; }
body[data-ui="home"] .center-heading>p { max-width:760px; margin-top:12px; }
body[data-ui="home"] .plan-grid { max-width:none; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:stretch; }
body[data-ui="home"] .plan-card { min-height:0; padding:28px; border-radius:18px; }
body[data-ui="home"] .service-note { margin-top:20px; padding:20px 24px; border-radius:12px; }
body[data-ui="home"] .service-note p { font-size:12px; line-height:1.85; }
body[data-ui="home"] .xbs-timebank-intro { grid-template-columns:.8fr 1.2fr; background:#eaf0e3; border:1px solid #dce6d6; border-radius:20px; }
body[data-ui="home"] .xbs-timebank-copy { padding:32px; }
body[data-ui="home"] .xbs-timebank-copy h2 { font-size:32px; line-height:1.5; }
body[data-ui="home"] .xbs-timebank-description { font-size:15px; line-height:1.9; }
body[data-ui="home"] .timebank-story-image>img { width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; }
body[data-ui="home"] .timebank-story-image { padding-top:112px; }
body[data-ui="home"] .xbs-timebank-paths.timebank-shortcuts { margin:14px 0 36px; }
body[data-ui="home"] .xbs-activities-heading h2 { font-size:24px; }
body[data-ui="home"] .xbs-live-activities { gap:16px; }
body[data-ui="home"] .service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
body[data-ui="home"] .service-grid a { padding:24px; min-height:0; border-radius:16px; border:1px solid #dfe7dc; background:#fff; color:#244638; box-shadow:none; }
body[data-ui="home"] .service-grid a>span { display:block; font-size:11px; color:#6c816e; }
body[data-ui="home"] .service-grid h3 { font-size:22px; margin:18px 0 12px; }
body[data-ui="home"] .service-grid p { font-size:14px; line-height:1.8; color:#66766b; margin:0 0 20px; }
body[data-ui="home"] .service-grid strong { font-size:12px; color:#226b55; border-color:#dfe7dc; padding-top:14px; }
body[data-ui="home"] .site-footer { max-width:1264px; margin:auto; padding:32px; background:transparent; border-top:1px solid #dde5dc; }
@media(max-width:1100px) {
 body[data-ui="home"] .product-card { grid-template-columns:1fr; align-items:stretch; }
 body[data-ui="home"] .product-copy { display:flex; flex-direction:column; }
 body[data-ui="home"] .product-copy a { align-self:flex-start; margin-top:auto; }
 body[data-ui="home"] .site-header { height:auto; min-height:88px; flex-wrap:wrap; padding-block:18px; }
 body[data-ui="home"] .site-nav { display:flex; order:3; width:100%; overflow-x:auto; justify-content:flex-start; gap:24px; }
 body[data-ui="home"] .site-nav a { white-space:nowrap; }
}
@media(max-width:800px) {
 body[data-ui="home"] main>:is(.hero,.section,.privacy-band,.xbs-community-band) { width:calc(100% - 40px); }
 body[data-ui="home"] main>:is(.section,.privacy-band,.xbs-community-band) { padding:44px 0; }
 body[data-ui="home"] .site-header { padding-inline:20px; gap:14px; }
 body[data-ui="home"] .hero.hero-fall { grid-template-columns:1fr; padding:24px; gap:26px; }
 body[data-ui="home"] :is(.section-heading,.center-heading) { display:block; margin-bottom:24px; }
 body[data-ui="home"] .section-heading>p { margin-top:14px; }
 body[data-ui="home"] :is(.section-heading,.center-heading) h2,body[data-ui="home"] .home-technology h2 { font-size:28px; }
 body[data-ui="home"] .home-technology { grid-template-columns:1fr; gap:24px; }
 body[data-ui="home"] .xbs-timebank-intro { grid-template-columns:1fr; }
 body[data-ui="home"] .xbs-timebank-copy { padding:28px; }
 body[data-ui="home"] .service-grid { grid-template-columns:1fr; gap:14px; }
}
@media(max-width:560px) {
 body[data-ui="home"] .product-grid,body[data-ui="home"] .plan-grid { grid-template-columns:1fr; gap:18px; }
 body[data-ui="home"] .product-copy { padding:22px; }
 body[data-ui="home"] .product-copy h3 { font-size:21px; }
 body[data-ui="home"] .product-copy p { font-size:15px; }
 body[data-ui="home"] .product-copy a { font-size:13px; }
 body[data-ui="home"] .home-response { padding:18px; }
 body[data-ui="home"] .home-response .response-flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 body[data-ui="home"] .hero.hero-fall { padding:22px; }
 body[data-ui="home"] .hero-fall h1 { font-size:30px; }
 body[data-ui="home"] .hero-kicker { font-size:11px; }
 body[data-ui="home"] .hero-actions { display:grid; grid-template-columns:1fr; }
 body[data-ui="home"] .quiet-care-heading strong { font-size:17px; }
 body[data-ui="home"] .plan-card { padding:24px; }
 body[data-ui="home"] .xbs-timebank-copy { padding:26px 22px; }
 body[data-ui="home"] .xbs-timebank-copy h2 { font-size:28px; }
 body[data-ui="home"] .timebank-story-image { padding-top:96px; }
 body[data-ui="home"] .site-footer { padding:28px 20px; }
}
/* Clear, identifiable member-service entrances. */
body[data-ui="home"] .member-service-grid { gap:20px; }
body[data-ui="home"] .service-grid .member-service-card { padding:28px; border:1px solid #ccdbc8; background:#e8f0e2; transition:transform .18s,box-shadow .18s; }
body[data-ui="home"] .service-grid .member-service-card.assessment { background:#205b49; border-color:#205b49; color:#fff; }
body[data-ui="home"] .service-grid .member-service-card.memoir { background:#f3ead9; border-color:#e4d6bc; }
.member-service-top { display:flex; align-items:center; justify-content:space-between; gap:16px; color:#477052; font-size:12px; font-weight:600; }
.member-service-icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:13px; background:#fff9; color:#22634b; }
.member-service-icon svg { width:26px; height:26px; }
body[data-ui="home"] .service-grid .member-service-card h3 { font-size:25px; margin:24px 0 14px; }
body[data-ui="home"] .service-grid .member-service-card p { font-size:15px; color:#4f6656; line-height:1.85; margin-bottom:28px; }
body[data-ui="home"] .service-grid .member-service-card strong { min-height:46px; padding:12px 16px; border:0; background:#fff; color:#235b45; display:flex; align-items:center; justify-content:space-between; border-radius:9px; font-size:14px; }
body[data-ui="home"] .service-grid .member-service-card.assessment .member-service-top { color:#d5e9d6; }
body[data-ui="home"] .service-grid .member-service-card.assessment .member-service-icon { background:#ffffff19; color:#e4f4dd; }
body[data-ui="home"] .service-grid .member-service-card.assessment p { color:#d5e5d9; }
body[data-ui="home"] .service-grid .member-service-card.assessment strong { background:#ecf4e3; color:#1d503c; }
body[data-ui="home"] .service-grid .member-service-card:hover { transform:translateY(-3px); box-shadow:0 10px 28px #25432a12; }
body[data-ui="home"] .site-footer { background:#1b4235; color:#ccddd1; border:0; border-radius:20px 20px 0 0; }
body[data-ui="home"] .site-footer .footer-brand { color:#fff; }
body[data-ui="home"] .site-footer .footer-brand span { color:#c4d6c9; opacity:1; }
body[data-ui="home"] .site-footer .footer-links a { color:#dfebdf; }
body[data-ui="home"] .site-footer p,body[data-ui="home"] .site-footer small { color:#bed0c3; }
@media(max-width:560px) {
 body[data-ui="home"] .service-grid .member-service-card { padding:24px; }
 body[data-ui="home"] .service-grid .member-service-card h3 { font-size:24px; margin-top:20px; }
 body[data-ui="home"] .service-grid .member-service-card p { margin-bottom:22px; }
}
@media(prefers-reduced-motion:reduce) { body[data-ui="home"] .service-grid .member-service-card { transition:none; } body[data-ui="home"] .service-grid .member-service-card:hover { transform:none; } }
/* A brighter brand palette, keeping readable text contrast. */
body[data-ui="home"] { --green:#167553; --green-dark:#12593f; --green-deep:#12593f; --green-soft:#dff2d5; --bg:#f8faf4; background:#f8faf4; }
body[data-ui="home"] .hero.hero-fall { background:#e2f1d8; border-color:#ccdfbb; }
body[data-ui="home"] .hero-kicker { color:#176847; border-color:#9bc28e; background:#f7fcee90; }
body[data-ui="home"] .hero h1 span { color:#14754e; }
body[data-ui="home"] :is(.nav-action,.primary,.xbs-timebank-primary) { background:#167553; }
body[data-ui="home"] .home-response { background:#e5f1db; border-color:#cdddbe; }
body[data-ui="home"] .plan-card:not(.recommended-plan) { background:#d9edc4; border-color:#c7dfaa; }
body[data-ui="home"] .plan-card.recommended-plan { background:#147255; border-color:#147255; }
body[data-ui="home"] .recommended-plan .plan-name b { color:#ffda78; }
body[data-ui="home"] .xbs-timebank-intro { background:#e6f1d5; border-color:#d0e2ba; }
body[data-ui="home"] .timebank-story-image { background:linear-gradient(120deg,#dcf0d7,#ffedca); }
body[data-ui="home"] .service-grid .member-service-card.assessment { background:#08795d; border-color:#08795d; }
body[data-ui="home"] .service-grid .member-service-card.chronic { background:#d8f0ce; border-color:#bddaac; }
body[data-ui="home"] .service-grid .member-service-card.memoir { background:#ffe4b4; border-color:#f0ca83; }
body[data-ui="home"] .member-service-card.chronic .member-service-icon { background:#f6fff0; color:#2b7048; }
body[data-ui="home"] .member-service-card.memoir .member-service-icon { background:#fff7e6; color:#936224; }
body[data-ui="home"] .member-service-card.memoir .member-service-top { color:#7c5926; }
body[data-ui="home"] .member-service-card.assessment .member-service-top,body[data-ui="home"] .service-grid .member-service-card.assessment p { color:#e4f3e8; }
body[data-ui="home"] .service-grid .member-service-card.assessment strong { background:#e9f9ce; color:#15533d; }