/* Better Living Home Services — unified, responsive design layer */
:root{--bl-navy:#0B3A5B;--bl-teal:#0E7C86;--bl-green:#6BBF59;--bl-blue:#3FA9C9;--bl-leaf:#2E7D32;--bl-paper:#F4F7F8;--bl-ink:#203846;--bl-muted:#536974;--bl-line:#D8E4E8;--bl-pale:#E8F4F3;--bl-shadow:0 18px 44px rgba(11,58,91,.11);--bl-radius:22px;--bl-max:1160px}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{color:var(--bl-ink);background:var(--bl-paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--bl-teal);text-underline-offset:3px}a:hover{color:var(--bl-navy)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d9a84f;outline-offset:3px}
.container{width:min(var(--bl-max),calc(100% - 40px));margin-inline:auto}.quickbar{background:var(--bl-navy);color:#fff}.quickbar .container{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;font-size:.86rem}.quickbar a{color:#fff;text-decoration:none;font-weight:700}.quickbar-links{display:flex;gap:16px;flex-wrap:wrap}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--bl-line);box-shadow:0 3px 16px rgba(23,59,80,.035)}.header .container.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}.brand{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;max-width:280px;text-decoration:none}.brand::before,.brand::after,.header .brand::after,.footer .brand::after{content:none!important;display:none!important}.brand img.logo-img,.logo-img{display:block;width:226px;height:auto;max-height:72px;object-fit:contain;object-position:left center;flex:0 1 auto;background:transparent;border-radius:0;padding:0}.navlinks{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:3px;min-width:0}.navlinks a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 11px;border-radius:10px;color:var(--bl-navy);font-size:.87rem;font-weight:700;text-decoration:none}.navlinks a:hover,.navlinks a[aria-current=page]{background:var(--bl-pale);color:var(--bl-navy)}.navlinks a.navcta{background:var(--bl-teal);color:white!important;padding-inline:15px}.menu,.mobile-call,.mobile-text{display:none}
.hero{background:linear-gradient(130deg,#eef6f0 0%,#fff 58%,#edf5f4 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(24px,4vw,52px)}.hero-grid>*{min-width:0}.hero h1,h1{color:var(--bl-navy);line-height:1.08;letter-spacing:-.035em}h2,h3{color:var(--bl-navy);line-height:1.17;letter-spacing:-.02em}.lead{color:#4c626b;line-height:1.7}.kicker{color:var(--bl-teal)}.btn,.button,a.button{transition:transform .16s ease,box-shadow .16s ease}.btn:hover,.button:hover,a.button:hover{transform:translateY(-1px)}.btn.primary,.primary{background:var(--bl-teal);color:#fff}.btn.secondary,.secondary{background:#fff;color:var(--bl-navy);border:1px solid var(--bl-line)}
.section{scroll-margin-top:110px}.card,.box,.choice,.service,.step,.guide-card,.formcard,.founder-card{border-color:var(--bl-line)}.card,.box,.choice,.service,.step,.guide-card,.formcard{box-shadow:0 7px 24px rgba(23,59,80,.045)}.card{overflow:hidden}.card-body{padding:26px}.package-price{background:linear-gradient(135deg,#eaf5ef,#f6faf7)!important;border-color:#d7e9df!important}.package-price strong,.build-price strong{color:var(--bl-teal)!important}.tag{background:#e3f1e9;color:var(--bl-navy)}.footer{background:var(--bl-navy);color:#fff;border-top:0}.footer p,.footer .small{color:#d4e3de}.footer a{color:#fff}.footer .brand img.logo-img{width:220px;filter:brightness(0) invert(1)}.footerlinks a{color:#edf5f0}.skip-link{position:absolute;left:-9999px;top:8px;z-index:999;background:#fff;padding:12px;border-radius:8px}.skip-link:focus{left:10px}
@media(max-width:1120px){.header .container.nav{gap:12px}.brand img.logo-img,.logo-img{width:194px}.navlinks a{font-size:.81rem;padding:9px 7px}}
@media(max-width:1040px){.quickbar .container{justify-content:center}.quickbar-links{display:none}.header .container.nav{min-height:72px;flex-wrap:wrap;gap:8px;padding:8px 0}.brand img.logo-img,.logo-img{width:190px;max-height:56px}.menu{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;border:1px solid var(--bl-line);border-radius:10px;background:#fff;color:var(--bl-navy);padding:10px 12px;font:700 .9rem/1 system-ui;min-height:42px}.mobile-call{display:inline-flex;align-items:center;justify-content:center;background:var(--bl-teal);color:#fff!important;border-radius:10px;padding:11px 12px;text-decoration:none;font-size:.84rem;font-weight:800;min-height:42px}.mobile-text{display:none}.navlinks{display:none;order:5;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:2px;background:#fff;border:1px solid var(--bl-line);border-radius:14px;padding:8px;box-shadow:var(--bl-shadow)}.navlinks.open{display:flex!important}.navlinks a{display:flex;justify-content:flex-start;white-space:normal;font-size:.95rem;padding:12px 13px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero{padding:42px 0}.hero-grid>.image-frame,.hero-grid>div:has(>.hero-image){max-height:none}.hero-image{height:clamp(250px,58vw,430px);min-height:0}.section{padding-top:56px;padding-bottom:56px}.audience,.services,.choice-grid,.grid2,.split,.formgrid,.plan-grid,.package-grid,.steps,.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footergrid{display:grid;grid-template-columns:1fr;gap:24px}.footerlinks{gap:12px 18px}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.brand img.logo-img,.logo-img{width:155px;max-height:48px}.header .container.nav{min-height:66px}.hero{padding:32px 0}.hero h1,h1{font-size:clamp(2rem,9vw,2.85rem)}h2{font-size:clamp(1.6rem,7vw,2.2rem)}.lead{font-size:1.02rem}.actions,.action-row{display:flex;flex-direction:column;align-items:stretch}.actions .btn,.action-row .btn{width:100%}.audience,.services,.choice-grid,.grid2,.split,.formgrid,.plan-grid,.package-grid,.steps,.area-grid,.situation-list{grid-template-columns:1fr!important}.section{padding-top:44px;padding-bottom:44px}.card-body,.box,.choice,.service,.step,.formcard{padding:20px}.page-photo,.section-photo img{height:220px}.quickbar .container{font-size:.78rem}.footer .brand img.logo-img{width:190px}.build-card{display:block;padding:22px}.build-price{margin-top:18px}.extras{grid-template-columns:1fr}.extras div:nth-child(odd){border-right:0}.extras div:nth-last-child(2){border-bottom:1px solid var(--bl-line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Final shared refinements: stable responsive navigation, legible focus, safe overflow. */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;overflow-wrap:anywhere}
.container{min-width:0}
.header .container.nav{width:min(var(--bl-max),calc(100% - 40px))}
.brand{max-width:min(280px,38vw)}
.brand img.logo-img{width:clamp(150px,18vw,226px);height:auto;max-height:64px}
.navlinks{flex-shrink:1}
.navlinks a{line-height:1.25}
.menu{cursor:pointer}
img,svg,video,iframe{max-width:100%}
button,input,textarea,select{font:inherit}
input,textarea,select{max-width:100%}
@media(max-width:900px){
 .header .container.nav{width:calc(100% - 28px)}
 .brand{max-width:none}
 .brand img.logo-img{width:clamp(145px,40vw,190px);max-height:54px}
 .navlinks{display:none}
 .navlinks.open{display:flex!important}
 .header .container.nav{position:relative}
 .navlinks.open{position:relative;z-index:60}
}
@media(max-width:380px){
 .brand img.logo-img{width:132px;max-height:44px}
 .menu,.mobile-call{padding:9px 10px;font-size:.8rem}
 .container{width:calc(100% - 24px)}
}


/* QA refinement v3: avoid cramped desktop navigation and horizontal overflow. */
html,body{max-width:100%;overflow-x:clip}
.header .container.nav{box-sizing:border-box}
.navlinks a{line-height:1.3}
@media(min-width:1041px) and (max-width:1180px){.header .container.nav{gap:8px}.navlinks a{padding-inline:6px;font-size:.79rem}.brand img.logo-img{width:180px}}
@media(max-width:1040px){.navlinks{display:none}.navlinks.open{display:flex!important}.menu{display:inline-flex}.mobile-call{display:inline-flex}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* BETTER LIVING BRAND REVAMP — October 2026 */
:root{--ink:#0B3A5B;--muted:#536974;--paper:#F4F7F8;--cream:#E8F4F3;--sage:#2E7D32;--sage2:#E3F3DF;--deep:#0E7C86;--teal:#3FA9C9;--navy:#0B3A5B;--gold:#6BBF59;--line:#D8E4E8;--white:#fff;--bl-green:#6BBF59}
body{background:#F4F7F8;line-height:1.68}
.quickbar{background:#0B3A5B}
.header{box-shadow:0 8px 26px rgba(11,58,91,.055);border-bottom-color:#D8E4E8}
.navlinks a{transition:background .18s ease,color .18s ease,transform .18s ease}
.navlinks a:hover{background:#E8F4F3;color:#0E7C86;transform:translateY(-1px)}
.navlinks a.navcta,.mobile-call{background:linear-gradient(135deg,#0E7C86,#0B7180);box-shadow:0 6px 16px rgba(14,124,134,.18)}
.hero{background:radial-gradient(ellipse at 88% 12%,rgba(63,169,201,.13),transparent 35%),linear-gradient(135deg,#EAF5F4 0%,#F8FAFB 52%,#EDF5E9 100%)}
.hero h1,h1{color:#0B3A5B}
.kicker{color:#0E7C86}
.kicker:before{background:#6BBF59}
.btn.primary,.primary{background:linear-gradient(135deg,#0E7C86,#0B7180);box-shadow:0 8px 18px rgba(14,124,134,.16)}
.btn.primary:hover,.primary:hover{box-shadow:0 12px 24px rgba(14,124,134,.24)}
.btn.secondary,.secondary{border-color:#C9DCE1;color:#0B3A5B}
.card,.box,.choice,.service,.step,.guide-card,.formcard{border-color:#D8E4E8;box-shadow:0 10px 30px rgba(11,58,91,.055);transition:transform .2s ease,box-shadow .2s ease}
.card:hover,.box:hover,.choice:hover,.service:hover,.guide-card:hover{box-shadow:0 16px 38px rgba(11,58,91,.10)}
.package-price{background:linear-gradient(135deg,#E8F4F3,#F0F8ED)!important;border-color:#CFE5D5!important}
.package-price strong,.build-price strong{color:#0E7C86!important}
.tag{background:#E3F3DF;color:#0B3A5B}
.footer{background:linear-gradient(135deg,#0B3A5B,#082F49);color:#fff}
.footer .brand img.logo-img{filter:brightness(0) invert(1)}
.footer a:hover{color:#9BDCF0}
.pagehero{background:radial-gradient(ellipse at 90% 0%,rgba(63,169,201,.13),transparent 36%),linear-gradient(135deg,#E8F4F3,#F4F7F8)}
.page-photo,.hero-image,.page-visual-media img{border-radius:inherit}
.image-frame{box-shadow:0 22px 60px rgba(11,58,91,.15)}
.area-chips a{border-color:#C8E0E2;background:#fff;color:#0B3A5B}
.area-chips a:hover{background:#E8F4F3}
:focus-visible{outline-color:#3FA9C9!important}
@media(max-width:600px){.hero{background:linear-gradient(160deg,#E8F4F3,#F8FAFB 62%,#EDF5E9);}.card,.box,.choice,.service,.step,.guide-card,.formcard{box-shadow:0 7px 22px rgba(11,58,91,.055)}}
@media(prefers-reduced-motion:reduce){.navlinks a,.card,.box,.choice,.service,.guide-card{transition:none!important}}


/* FINAL VISUAL FIXES v9 — logo prominence, calm navigation, balanced headings */
.header .container.nav{gap:clamp(10px,1.6vw,22px)}
.brand{max-width:300px;flex:0 0 auto}
.brand img.logo-img,.logo-img{width:clamp(190px,20vw,250px);max-height:76px}
.navlinks{gap:2px}
.navlinks a{padding:10px clamp(6px,.7vw,11px);font-size:clamp(.78rem,.82vw,.9rem);letter-spacing:-.01em}
.navlinks a.navcta{padding-inline:13px}
.hero-grid{align-items:center}
.hero h1{max-width:13ch;font-size:clamp(2.55rem,4.25vw,4.25rem);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.hero .lead{max-width:58ch}
.hero .actions,.hero .action-row{gap:12px;flex-wrap:wrap}
.hero-image{object-fit:cover}
@media(min-width:1041px) and (max-width:1250px){
 .brand img.logo-img,.logo-img{width:190px}
 .navlinks a{padding-inline:5px;font-size:.78rem}
 .header .container.nav{gap:8px}
}
@media(max-width:1040px){
 .brand{max-width:calc(100% - 130px)}
 .brand img.logo-img,.logo-img{width:clamp(165px,34vw,210px);max-height:58px}
 .hero h1{max-width:15ch;font-size:clamp(2.35rem,6vw,3.6rem)}
 .navlinks{border-radius:16px}
}
@media(max-width:600px){
 .brand{max-width:calc(100% - 112px)}
 .brand img.logo-img,.logo-img{width:clamp(150px,43vw,180px);max-height:50px}
 .hero h1{font-size:clamp(2.15rem,9vw,2.9rem);line-height:1.08;max-width:14ch}
 .hero-grid{gap:22px}
 .hero-image{height:clamp(230px,64vw,360px)}
 .quickbar .container{padding-inline:4px;text-align:center}
}
@media(max-width:360px){
 .brand img.logo-img,.logo-img{width:140px}
 .hero h1{font-size:2.05rem}
}


/* VERSION 10 — conversion, trust, accessibility and responsive polish */
:root{--bl-focus:#f0bd4f}
::selection{background:#d9f0eb;color:#0B3A5B}
:focus-visible{outline:3px solid var(--bl-focus)!important;outline-offset:3px!important}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:9999;background:#fff;color:#0B3A5B;padding:12px 16px;border-radius:10px;box-shadow:0 6px 24px #0b3a5b22}
.skip-link:focus{left:12px}
section[id],main[id]{scroll-margin-top:125px}
img{height:auto}
a,button,input,select,textarea{touch-action:manipulation}
.btn,.navcta,.mobile-call{min-height:44px}
.navlinks a{transition:background .18s ease,color .18s ease}
.navlinks a[aria-current="page"]{font-weight:850}
.hero h1{max-width:13ch;font-size:clamp(2.4rem,4.3vw,4.25rem);line-height:1.06;text-wrap:balance}
.hero .lead{max-width:58ch;font-size:clamp(1.02rem,1.2vw,1.18rem)}
.hero .actions{gap:12px}
.hero .actions .btn{min-width:145px}
.section .head h2,.pagehero h1{text-wrap:balance}
.card,.box,.service,.choice,.step,.plan,.formcard{transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover){.card:hover,.service:hover,.choice:hover,.plan:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(11,58,91,.1)}}
.formcard input,.formcard select,.formcard textarea,input,select,textarea{max-width:100%}
input,select,textarea{font:inherit}
textarea{min-height:130px}
.footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
.site-bottom-cta{display:none}
@media(max-width:1040px){
 .header .container.nav{row-gap:10px}
 .brand{max-width:calc(100% - 115px)}
 .navlinks.open{box-shadow:0 16px 30px rgba(11,58,91,.09)}
 .navlinks a{min-height:44px}
 .hero h1{font-size:clamp(2.25rem,6vw,3.5rem);max-width:14ch}
}
@media(max-width:640px){
 .container{width:min(var(--bl-max),calc(100% - 30px))}
 .section{padding:56px 0}
 .pagehero{padding:48px 0 34px}
 .hero{padding:42px 0 48px}
 .hero-grid{gap:24px}
 .hero h1{font-size:clamp(2.1rem,9vw,2.85rem);line-height:1.08;max-width:14ch}
 .hero .actions{display:grid;grid-template-columns:1fr}
 .hero .actions .btn{width:100%}
 .hero-image{min-height:0;height:clamp(230px,66vw,360px)}
 .image-caption{left:12px;right:12px;bottom:12px;padding:12px 14px}
 .head{display:block}
 .head h2{font-size:clamp(1.9rem,8vw,2.4rem)}
 .head p{margin-top:12px}
 .cta{padding:26px 22px;border-radius:24px}
 .cta-flex{align-items:flex-start;flex-direction:column}
 .cta-flex .actions{width:100%}
 .cta-flex .btn{width:100%}
 .grid2,.split{grid-template-columns:1fr;gap:22px}
 .dark{padding:28px 22px;border-radius:24px}
 .site-bottom-cta{position:fixed;display:flex;align-items:center;justify-content:center;gap:10px;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;padding:11px 14px;border-radius:999px;background:var(--bl-navy);color:#fff!important;text-decoration:none;font-weight:850;box-shadow:0 8px 26px rgba(11,58,91,.28);min-height:48px}
 body{padding-bottom:72px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}