.mobile-action-bar{display:none}
@media(max-width:760px){
body.home-page{padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#f4f5ed}
body.home-page .hero{height:auto!important;min-height:0!important;padding:0!important;display:block;background:none!important;position:relative;color:#252821}
body.home-page .hero:before{content:'';position:absolute;top:0;left:0;right:0;height: min(45svh,380px);background:linear-gradient(180deg,#161b1160,transparent 60%),url('assets/home-hero-blue.webp') center 44%/cover!important;z-index:0}
body.home-page .hero nav.wrap{position:relative;inset:auto;min-height:72px;padding:20px 24px;margin:0;width:100%;z-index:20;background:none}
body.home-page .hero .brand{color:white!important}
body.home-page .hero .nav-right{display:none!important}
body.home-page .hero .hero-copy{position:relative;inset:auto;transform:none;margin:0;width:100%;padding:calc(min(45svh,380px) - 48px) 24px 26px!important;color:#252821}
body.home-page .hero-copy .tag{font-size:9px;color:#52633f;border:0;padding:0;letter-spacing:1px;margin-bottom:12px}
body.home-page .hero-copy h1{font-size:35px!important;line-height:1.04!important;letter-spacing:-1.6px!important;margin:0 0 22px;max-width:100%;color:#252821}
body.home-page .hero-copy .actions{margin:0;display:block}
body.home-page .hero-copy .green{width:100%;justify-content:space-between;padding:17px 22px;background:#cbfb32;color:#252821;font-size:15px}
body.home-page .mood-row{display:none!important}
body.home-page .numbers.wrap{width:100%;margin:0;padding:0 24px 28px;border:0}
body.home-page .numbers>p:first-child{font-size:14px;line-height:1.5;margin:0 0 18px;color:#62685e}
body.home-page .numbers .stats{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#e9edde;border-radius:20px;padding:8px 16px}
body.home-page .numbers .stats>div{padding:17px 8px;border:0;min-width:0}
body.home-page .numbers .stats>div:nth-child(-n+2){border-bottom:1px solid #ced5bf}
body.home-page .numbers .stats strong{font-size:34px;line-height:1.1;color:#3f5330}
body.home-page .numbers .stats p{font-size:12px;line-height:1.4;margin:6px 0 0}
body.home-page .numbers>p:last-child{font-size:10px!important;margin-top:10px!important}
body.home-page .mobile-action-bar{position:fixed;display:grid;grid-template-columns:1fr 1fr 1fr;bottom:0;left:0;right:0;z-index:100;background:#232a1c;color:#fff;border-top:1px solid #506043;padding-bottom:env(safe-area-inset-bottom);height:calc(72px + env(safe-area-inset-bottom))}
.mobile-action-bar>a,.mobile-action-bar>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#f6f7ee;background:none;border:0;border-right:1px solid #465039;font:12px inherit;text-decoration:none}
.mobile-action-bar svg{width:21px;height:21px;fill:none;stroke:#cbfb32;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.home-page .hero nav .menu{display:flex!important;position:fixed;bottom:env(safe-area-inset-bottom);right:0;width:33.333%;height:72px;z-index:110;align-items:center;justify-content:center;flex-direction:column;font-size:24px;color:#cbfb32;background:transparent;border:0;border-radius:0;gap:1px}
body.home-page .hero nav .menu:after{content:'Menu';font-size:12px;color:white}
body.home-page .hero nav .nav-center{display:none!important}
body.home-page .hero nav.open .nav-center{display:flex!important;position:fixed;left:12px;right:12px;top:auto;bottom:calc(84px + env(safe-area-inset-bottom));max-height:65svh;overflow:auto;flex-direction:column;gap:10px;background:#f4f5ed;border:1px solid #ccd2c2;border-radius:20px;padding:24px;color:#252821;box-shadow:0 -12px 50px #0003}
body.home-page .hero nav.open .nav-center a,body.home-page .hero nav.open .nav-trigger{color:#252821}
body.home-page .hero nav.open .nav-submenu{position:static;box-shadow:none;background:#e9edde}
body.home-page dialog{z-index:200}
}
@media(max-width:760px){body.home-page .hero-copy .tag{background:none!important;color:#52633f!important}body.home-page .hero-copy .tag:before{display:none}}
@media(max-width:760px){body.home-page .mobile-action-bar .menu{display:flex!important;position:static;width:100%;height:72px;align-items:center;justify-content:center;flex-direction:column;font-size:24px;color:#cbfb32;background:transparent;border:0;border-radius:0;gap:1px}.mobile-action-bar .menu:after{content:'Menu';font-size:12px;color:white}body.home-page .hero{z-index:101}body.home-page .mobile-action-bar{z-index:110}body.home-page .hero-copy h1{font-size:31px!important}body.home-page .hero-copy{padding-bottom:20px!important}}
/* Mobile concept refinement: original sage palette and a deeper photo treatment. */
@media(max-width:760px){
body.home-page .hero:before{background:linear-gradient(180deg,rgba(22,27,17,.38),rgba(22,27,17,.20) 45%,rgba(22,27,17,.48)),url('assets/home-hero-blue.webp') center 44%/cover!important}
body.home-page .hero-copy .green{background:#78915d!important;color:#fff!important}
body.home-page .mobile-action-bar{background:#292f24;border-top-color:#59634e}
body.home-page .mobile-action-bar svg,body.home-page .mobile-action-bar .menu{color:#b7c6a3;stroke:#b7c6a3}
body.home-page .numbers .stats{background:#e9ecdf}
}
/* Compact mobile service and promise cards; shorter process photo. */
@media(max-width:760px){
body.home-page .home-services .service-grid{gap:12px}
body.home-page .home-services .service-tile{height:245px;border-radius:18px}
body.home-page .home-services .tile-copy{left:20px;right:20px;bottom:18px}
body.home-page .home-services h3{font-size:28px;margin-top:5px}
body.home-page .home-services .tile-reveal p{font-size:13px;line-height:1.4;margin:9px 0}
body.home-page .home-services .tile-cta{font-size:12px;padding-top:9px}
body.home-page .home-services .tile-arrow{width:32px;height:32px;top:15px;right:15px}
body.home-page .home-promise .promise-grid{gap:10px}
body.home-page .home-promise .promise-tile{padding:16px;display:flex;flex-direction:row;align-items:flex-start;gap:14px;min-height:0;border-radius:15px}
body.home-page .home-promise .promise-icon{width:28px;height:28px;flex:0 0 28px}
body.home-page .home-promise .promise-tile h3{font-size:18px;line-height:1.2}
body.home-page .home-promise .promise-tile p{font-size:13px;line-height:1.45;margin-top:6px}
body.home-page #how .how-left>img{height:205px;min-height:0;max-height:205px;width:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:16px}
body.home-page #how .steps{gap:42px}
body.home-page #how .steps li{position:relative}
body.home-page #how .steps li:not(:last-child):after{content:'';position:absolute;bottom:-31px;left:calc(50% - 10px);width:20px;height:22px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378915d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v17m-6-6 6 6 6-6'/%3E%3C/svg%3E")}
}
/* Consistent mobile rhythm, without reducing form hit areas. */
@media(max-width:760px){
body.home-page .home-about,body.home-page .home-services,body.home-page .home-promise,body.home-page #support,body.home-page #how{padding-top:36px;padding-bottom:24px}
body.home-page .home-about h2,body.home-page .home-services h2,body.home-page .promise-heading h2,body.home-page #support h2,body.home-page .home-contact h2,body.home-page #how h2{font-size:30px;line-height:1.1;letter-spacing:-1px;margin-top:12px;margin-bottom:18px}
body.home-page .home-services .section-heading,body.home-page .promise-heading{margin-bottom:22px}
body.home-page #support .features-grid{margin-top:24px;gap:0}
body.home-page #support .features-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;text-align:left;padding:18px 0;border-bottom:1px solid #d9dfd0}
body.home-page #support .features-grid article:last-child{border-bottom:0;padding-bottom:0}
body.home-page #support .feature-icon{grid-row:1/3;width:34px;height:34px;border-radius:10px;margin:0}
body.home-page #support .feature-icon svg{width:22px;height:22px}
body.home-page #support .features-grid h3{margin:0 0 7px;font-size:19px;line-height:1.2}
body.home-page #support .features-grid p{grid-column:2;font-size:14px;line-height:1.5;margin:0}
body.home-page .home-contact{padding:24px 18px;gap:22px}
body.home-page .home-contact .contact-intro>p{font-size:15px;line-height:1.5;margin-top:14px}
body.home-page .home-contact .phone-slot{margin-top:18px;gap:6px}
body.home-page .home-contact .phone-slot strong{font-size:20px}
body.home-page .home-contact .contact-form{padding:22px 18px}
body.home-page .home-contact .contact-form>h3{font-size:23px}
body.home-page .home-contact .contact-heading-mark{width:26px;height:26px;flex-basis:26px}
body.home-page .home-contact input:not([type=checkbox]):not([type=hidden]),body.home-page .home-contact .service-select{font-size:16px;min-height:47px}
body.home-page .home-footer{padding:30px 0 22px}
body.home-page .home-footer>.wrap{padding-inline:12px}
body.home-page .home-footer .footer-grid{gap:16px}
body.home-page .home-footer .footer-logo{width:230px;margin:-14px 0 -12px -12px}
body.home-page .home-footer .footer-navigation{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
body.home-page .home-footer .footer-contact{grid-column:1/-1}
body.home-page .home-footer .footer-grid h3{margin:0 0 10px;font-size:13px}
body.home-page .home-footer .footer-grid a:not(.brand){margin-bottom:6px;line-height:1.6;min-height:32px;display:flex;align-items:center}
body.home-page .home-footer .footer-contact p{margin:0 0 5px;line-height:1.5}
body.home-page .home-footer .footer-contact a{display:inline!important;min-height:0!important}
body.home-page .home-footer .footer-bottom{margin-top:18px;padding-top:16px;gap:10px}
body.home-page .home-footer .footer-legal{gap:10px 18px}
}
@media(max-width:760px){body.home-page #support .feature-icon{background:#e2e8d8;color:#61794b}}
/* Mobile footer: one clear left edge and balanced link columns. */
@media(max-width:760px){
body.home-page .home-footer>.wrap{margin:0;padding:0 24px}
body.home-page .home-footer .footer-grid{display:block}
body.home-page .home-footer .footer-identity{margin:0 0 20px}
body.home-page .home-footer .footer-logo{width:240px;max-width:100%;margin:-18px 0 -14px -16px}
body.home-page .home-footer .footer-navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;row-gap:24px;align-items:start}
body.home-page .home-footer .footer-navigation>div{margin:0;padding:0;text-align:left}
body.home-page .home-footer .footer-contact{grid-column:1/-1;padding-bottom:20px!important;border-bottom:1px solid #ffffff20}
body.home-page .home-footer .footer-grid h3{margin:0 0 12px;font-size:12px;letter-spacing:.06em}
body.home-page .home-footer .footer-grid a:not(.brand){justify-content:flex-start;text-align:left;margin:0;min-height:36px}
body.home-page .home-footer .footer-contact p{margin:0 0 6px}
body.home-page .home-footer .footer-bottom{align-items:flex-start;text-align:left;margin-top:24px;padding-top:18px;gap:14px}
body.home-page .home-footer .footer-legal{display:flex;justify-content:flex-start;gap:8px 18px;flex-wrap:wrap}
body.home-page .home-footer .footer-legal a{display:inline-flex;align-items:center;min-height:32px}
}
/* Center the mobile footer identity while keeping link columns easy to scan. */
@media(max-width:760px){
body.home-page .home-footer .footer-identity{display:flex;justify-content:center}
body.home-page .home-footer .footer-logo{margin:-18px 0 -14px}
body.home-page .home-footer .footer-navigation>.footer-contact{text-align:center}
body.home-page .home-footer .footer-contact a{text-align:center}
body.home-page .home-footer .footer-bottom{align-items:center;text-align:center}
body.home-page .home-footer .footer-legal{justify-content:center}
}
@media(max-width:760px){
body.home-page .home-footer .footer-navigation>div{text-align:center}
body.home-page .home-footer .footer-navigation a:not(.brand){justify-content:center;text-align:center}
}
@media(max-width:760px){
body.home-page #how .how-right>a.green{display:flex;width:fit-content;max-width:100%;margin-inline:auto}
}
/* Four compact trust pills anchored to the bottom of the mobile hero photo. */
@media(max-width:760px){
body.home-page:not(.about-page):not(.article-page) .hero .mood-row{display:block!important;position:absolute;top:calc(min(45svh,380px) - 62px);bottom:auto;left:0;right:0;width:auto;max-width:none;margin:0;padding:0 12px;z-index:2;transform:none}
body.home-page .hero .mood-row .moods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;margin:0;padding:0}
body.home-page .hero .mood-row .moods :is(button,.trust-item){display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:46px;min-height:46px;padding:5px 6px;border:1px solid #d6dfc66b;border-radius:16px;background:#252d20d9;color:#f4f5ed;font-size:10px;line-height:1.2;font-weight:500;letter-spacing:0;white-space:normal;text-align:center;box-shadow:none;backdrop-filter:blur(6px)}
}
/* Mobile trust badges sit between the photo and headline. */
@media(max-width:760px){
body.home-page:not(.about-page):not(.article-page) .hero .mood-row{top:min(45svh,380px);padding:16px 24px 0}
body.home-page .hero .mood-row .moods{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.home-page .hero .mood-row .moods :is(button,.trust-item){height:36px;min-height:36px;padding:7px 10px;justify-content:flex-start;gap:7px;border:0;border-radius:9px;background:#e5eadc;color:#405234;font-size:11px;line-height:1.2;backdrop-filter:none}
body.home-page .hero .mood-row .moods :is(button,.trust-item):before{content:'✓';color:#6c8453;font-size:13px;flex-shrink:0}
body.home-page:not(.about-page):not(.article-page) .hero .hero-copy{padding-top:calc(min(45svh,380px) + 46px)!important}
}
@media(max-width:760px){.hero .moods .trust-desktop-word{display:none}}
/* Floating trust pills on the mobile hero image. */
@media(max-width:760px){
body.home-page:not(.about-page):not(.article-page) .hero .mood-row{top:calc(min(45svh,380px) - 104px);padding:0 24px}
body.home-page .hero .mood-row .moods :is(button,.trust-item){height:38px;min-height:38px;border:1px solid #ffffff70;border-radius:999px;background:rgba(30,38,25,.28);color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:8px 12px;gap:8px}
body.home-page .hero .mood-row .moods :is(button,.trust-item):before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#bacb9d}
body.home-page:not(.about-page):not(.article-page) .hero .hero-copy{padding-top:calc(min(45svh,380px) - 48px)!important}
}
/* Compact, centered trust pills with a subtle photo-edge shadow. */
@media(max-width:760px){
body.home-page:not(.about-page):not(.article-page) .hero .mood-row{top:calc(min(45svh,380px) - 92px)}
body.home-page .hero .mood-row .moods{grid-template-columns:max-content max-content;justify-content:center;gap:7px 8px}
body.home-page .hero .mood-row .moods :is(button,.trust-item){width:auto;justify-self:center;height:32px;min-height:32px;padding:6px 11px;gap:6px;white-space:nowrap}
body.home-page:not(.about-page):not(.article-page) .hero .mood-row:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:-44px;height:136px;background:linear-gradient(to bottom,transparent,rgba(16,22,13,.08) 35%,rgba(16,22,13,.3) 100%)}
}
/* Quiet trust strip follows the primary CTA instead of overlaying the image. */
@media(max-width:760px){
body.home-page:not(.about-page):not(.article-page) .hero .mood-row{position:relative;top:auto;left:auto;right:auto;bottom:auto;padding:0;margin:0 24px 24px;z-index:auto}
body.home-page .hero .mood-row:before{display:none}
body.home-page .hero .mood-row .moods{display:flex;justify-content:flex-start;align-items:center;gap:0;overflow-x:auto;scrollbar-width:thin;border-top:1px solid #8b9d77;border-bottom:1px solid #8b9d77;padding:12px 0}
body.home-page .hero .mood-row .moods :is(button,.trust-item){display:inline-flex;flex:0 0 auto;width:auto;min-height:0;height:auto;padding:0;border:0;border-radius:0;background:none;color:#526147;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:11px;line-height:1.5;font-weight:500;gap:0;white-space:nowrap}
body.home-page .hero .mood-row .moods :is(button,.trust-item):before{display:none}
body.home-page .hero .mood-row .moods :is(button,.trust-item):not(:last-child):after{content:'*';margin:0 10px;color:#78915d}
}
@media(max-width:760px){
body.home-page:not(.about-page):not(.article-page) .hero .mood-row{margin-inline:12px}
body.home-page .hero .mood-row .moods{flex-wrap:nowrap;justify-content:space-between}
body.home-page .hero .mood-row .moods :is(button,.trust-item){font-size:10px}
body.home-page .hero .mood-row .moods :is(button,.trust-item):not(:last-child):after{margin-inline:6px}
}

.trust-mobile-label{display:none}
@media(max-width:760px){
.hero .moods .trust-desktop-label{display:none}
.hero .moods .trust-mobile-label{display:inline}
body.home-page .hero .mood-row .moods{justify-content:center;gap:0}
body.home-page .hero .mood-row .moods :is(button,.trust-item){font-size:11px;line-height:1.4}
body.home-page .hero .mood-row .moods :is(button,.trust-item):not(:last-child):after{content:'';display:inline-block;width:1px;height:12px;background:#9aaa88;margin:0 8px}
}
/* Make the experience link identifiable and simplify process flow. */
@media(max-width:760px){
body.home-page #support>a,body.home-page #support .section-heading>a{color:#61794b;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body.home-page #how .steps li:not(:last-child):after{display:none}
body.home-page #how .steps{gap:24px}
}
@media(max-width:760px){body.home-page #support a.learn{color:#61794b!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}}

/* Mobile audit: readable supporting disclosures without changing desktop. */
@media(max-width:760px){
 body.home-page .numbers>p:last-child{font-size:12px!important;line-height:1.5!important}
 .experience-page .finance-content .finance-bottom p{font-size:12px;line-height:1.6}
}

/* Shared mobile primary-action alignment and palette. */
@media(max-width:760px){
 body.home-page.experience-page a.experience-cta,
 body.home-page.areas-page a.areas-cta,
 body.home-page a.areas-cta{display:flex;width:fit-content;max-width:100%;margin-inline:auto;justify-content:center;align-items:center;text-align:center;white-space:normal;background:#78915d;color:#fff;gap:16px}
 body.home-page #how a.green,
 body.home-page .consult-form button[type=submit],
 body.home-page #quote-form button[type=submit]{background:#78915d;color:#fff}
 body.home-page a.experience-cta svg,body.home-page a.areas-cta svg{flex-shrink:0}
}

/* Match desktop's primary hero action on the four mobile service landing pages. */
@media(max-width:760px){
 body.home-page .hero .hero-copy a.green{background:#c6f729!important;color:#1b220e!important}
 body.home-page .hero .hero-copy a.green:hover{background:#aacc00!important;color:#1b220e!important}
}

/* Keep mobile hero actions aligned across Home and the three service pages. */
@media(max-width:760px){
 body.home-page .hero .hero-copy h1{min-height:4.16em}
}

@media(max-width:760px){.moods .trust-item{font-family:inherit;cursor:default}}