:root{--teal:#0b6b63;--teal-d:#005b5f;--navy:#0f1b3d;--ink:#3b4252;--bg:#f3f4f6;--line:#e2e5ea;--w:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font:16px/1.7 Inter,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3{font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif;color:var(--navy);line-height:1.15;margin:0 0 .6em}
a{color:var(--teal)}img{max-width:100%}
.wrap{max-width:var(--w);margin:auto;padding:0 20px}
.hd{position:absolute;inset:0 0 auto;z-index:5;color:#fff}
.hd.solid{position:static;background:var(--teal-d)}
.hd .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;gap:20px;flex-wrap:wrap}
.brand{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:600;line-height:1.2}.brand small{display:block;font-size:.85rem;font-weight:400;opacity:.85}
nav a{color:#fff;text-decoration:none;font-size:.9rem;margin-left:22px}nav a:hover,nav a.on{text-decoration:underline;text-underline-offset:6px}
:focus-visible{outline:3px solid #7fe0d4;outline-offset:2px}
.hero{background:linear-gradient(rgba(8,77,71,.86),rgba(15,27,61,.9)),radial-gradient(circle at 70% 30%,#1aa79a,transparent 60%),#0b3d44;background-size:cover;background-position:center;color:#fff;text-align:center;padding:170px 20px 190px}
.hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4rem);text-transform:uppercase;max-width:640px;margin:0 auto 24px}
.hero p{max-width:640px;margin:auto;font-size:1.05rem}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:-110px;position:relative}
.feat div{background:#fff;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.ico{width:40px;height:40px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;margin-bottom:18px;font-weight:700}
.feat h3{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.sec{padding:80px 0}.alt{background:var(--bg)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.kick{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}
.sec h2{font-size:2.4rem}
.stores{display:flex;gap:16px;flex-wrap:wrap;margin:26px 0 8px}
.btn{display:inline-block;background:#000;color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-size:.95rem}
.btn.g{background:var(--teal)}
.phone{width:230px;margin:auto;border:8px solid #111;border-radius:34px;background:#fff;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2)}
.phone .top{background:linear-gradient(135deg,#c9a77c,#7a5c3a);height:130px;color:#fff;font-weight:700;padding:14px}
.phone .g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;font-size:.65rem;text-align:center}
.phone .g span{background:#f3f4f6;padding:16px 0;border-radius:6px}
.ph{background:linear-gradient(135deg,#1c3d4a,#0b6b63);background-size:cover;background-position:center;min-height:260px;border-radius:2px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px}
.grid .ph{min-height:280px}
.card{border:1px solid var(--line);padding:26px;background:#fff}
.page{padding:70px 0 90px}.page h1{font-size:2.6rem}.page h2{font-size:1.35rem;margin-top:2em}
.page .txt{max-width:760px}
form{display:grid;gap:16px;max-width:560px}
label{font-weight:600;color:var(--navy);font-size:.9rem}
input,textarea{width:100%;padding:12px;border:1px solid #c9ced6;border-radius:6px;font:inherit;margin-top:4px}
button{background:var(--teal);color:#fff;border:0;padding:13px 26px;border-radius:6px;font:inherit;font-weight:600;cursor:pointer;justify-self:start}
button:hover{background:var(--teal-d)}
.ft{background:var(--navy);color:#c5cbe0;padding:36px 0;font-size:.9rem}
.ft .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.ft a{color:#c5cbe0;margin-left:16px}
@media(max-width:800px){.feat,.split{grid-template-columns:1fr}.feat{margin-top:-80px}.hero{padding-top:200px}nav a{margin:0 14px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
main{flex:1}
.hd.solid{background:var(--teal-d)}
.hd .wrap{padding-top:20px;padding-bottom:20px}
nav{display:flex;align-items:center;flex-wrap:wrap}
.srch{margin-left:30px;display:inline-flex}
.hero{padding-top:110px}
.ft{background:var(--teal-d);color:#fff;padding:26px 0;font-size:1rem}
@media(max-width:800px){.hero{padding-top:70px}.srch{margin-left:0}}
/* floating header + sticky-bottom footer */
html{scroll-padding-top:110px}
body{min-height:100vh;min-height:100dvh}
.hd,.hd.solid{position:sticky;top:0;inset:auto;z-index:50;background:#005b5f;box-shadow:0 2px 12px rgba(0,0,0,.18)}
main{flex:1 0 auto}
.ft{margin-top:auto;flex-shrink:0;background:#005b5f;color:#fff}
/* v3: fixed header (works even inside wrappers/embeds), body offset set by script */
.hd,.hd.solid{position:fixed;top:0;left:0;right:0;width:100%}
body{padding-top:110px}
html,body{min-height:100%}
body{min-height:100vh;min-height:100dvh}

/* v4: images + mobile dropdown menu */
.hero{background-image:linear-gradient(rgba(8,77,71,.78),rgba(15,27,61,.85)),url(images/banner.jpg);background-color:#0b3d44;background-size:cover;background-position:center}
.stores img{display:block;height:56px;width:auto}
.stores a{display:inline-block;line-height:0;background:none;padding:0}
.phoneimg{display:block;max-width:100%;max-height:520px;width:auto;margin:auto}
img.pic{width:100%;height:auto;display:block}
.sol{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.sol img{width:100%;height:100%;object-fit:cover;display:block}
.s1,.s2{aspect-ratio:3/2}.s3{grid-column:2;grid-row:1/span 2}
.menu{display:none;background:none;border:0;padding:10px;cursor:pointer;justify-self:auto}
.menu:hover{background:none}
.menu span{display:block;width:26px;height:3px;background:#fff;border-radius:2px;margin:5px 0;transition:transform .2s,opacity .2s}
.menu[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:800px){
.hd .wrap{flex-wrap:nowrap;padding-top:12px;padding-bottom:12px}
.brand{font-size:1.25rem}
.menu{display:block}
nav{display:none;position:absolute;top:100%;left:0;right:0;background:#005b5f;flex-direction:column;align-items:stretch;padding:4px 20px 14px;box-shadow:0 10px 20px rgba(0,0,0,.2)}
nav.open{display:flex}
nav a{margin:0;padding:13px 0;border-top:1px solid rgba(255,255,255,.18);font-size:1rem}
nav a.srch{margin:0}
.sol{grid-template-columns:1fr}.s3{grid-column:auto;grid-row:auto;aspect-ratio:3/4}
.hero{padding-bottom:150px}
}

/* v5: transparent header on home until scroll, white icons, bigger store badges */
.home{padding-top:0}
.home .hd.solid{background:transparent;box-shadow:none;transition:background .25s,box-shadow .25s}
.home .hd.solid.scrolled,.home .hd.solid:has(nav.open){background:#005b5f;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.home .hero{padding-top:220px;padding-bottom:200px}
.ico svg{display:block}
.stores{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.stores img{height:72px}
.gp{display:flex;flex-direction:column;align-items:center}
.gp p{margin:8px 0 0;font-size:.95rem;line-height:1.2}
@media(max-width:800px){.home .hero{padding-top:150px;padding-bottom:150px}.stores img{height:60px}}