/*
Theme Name: Old Dog Water Treatment
Theme URI: https://olddogwater.com/
Author: Old Dog Water Treatment
Description: A lightweight custom landing-page theme for Old Dog Water Treatment.
Version: 1.0.0
Text Domain: old-dog-water
*/

@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url('roboto-slab-800.ttf') format('truetype')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url('roboto-slab-900.ttf') format('truetype')}
:root{--teal:#006f76;--teal-light:#1eb1b7;--teal-dark:#004e53;--black:#050707;--ink:#172829;--white:#fff;--pale:#e5f2f2;--border:#bad0d1;--display:'Roboto Slab',Rockwell,Georgia,serif;--sans:Verdana,'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fbfb;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3{font-family:var(--display);font-weight:800;color:var(--black);margin:0;letter-spacing:-.035em}
.site-header{height:96px;padding:0 clamp(24px,6vw,92px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.97);border-bottom:4px solid var(--teal);position:sticky;top:0;z-index:20}.brand img{width:230px;filter:grayscale(1) brightness(0)}.header-details{display:flex;align-items:center;gap:28px;color:#050707}.header-details>strong{font-size:.8rem;letter-spacing:.1em;padding-right:28px;border-right:1px solid var(--border)}.header-contact{display:grid;gap:6px}.header-contact a{font-size:.82rem;font-weight:900}.header-contact span{color:var(--teal);margin-right:6px}
.hero{min-height:calc(100vh - 96px);padding:64px clamp(24px,6vw,92px) 78px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);gap:clamp(48px,7vw,100px);align-items:center;overflow:hidden;background:linear-gradient(118deg,var(--pale) 0 57%,#f8fbfb 57%);position:relative}.hero::before{content:"";position:absolute;left:0;top:0;width:11px;height:100%;background:var(--black)}.hero::after{content:"";position:absolute;right:0;top:0;width:12%;height:34%;background:linear-gradient(135deg,transparent 0 50%,rgba(0,111,118,.12) 50%)}.hero-copy{max-width:780px;position:relative;z-index:1}.hero h1{font-size:clamp(3.8rem,6.4vw,6.9rem);line-height:.96;letter-spacing:-.055em}.hero-lede{font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.7;max-width:670px;margin:28px 0 32px;color:#425d5e}
.product-showcase>h2{font-family:var(--sans);font-size:.84rem;text-align:center;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.08em;line-height:1.5}.product-stage{height:290px;margin:12px 0 16px;display:flex;align-items:center;justify-content:center;gap:4px;position:relative}.product-stage::after{content:"";position:absolute;left:4%;right:4%;bottom:4px;height:4px;background:linear-gradient(180deg,#33c0c5 0%,#007178 48%,#003f43 100%);border-radius:999px;box-shadow:0 3px 7px rgba(0,62,66,.3),inset 0 1px rgba(255,255,255,.65)}.product-stage img{object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 17px 13px rgba(0,39,42,.18))}.tank-system{width:48%;height:285px;mix-blend-mode:multiply}.tankless-system{width:48%;height:285px;transform:translateY(-10px) scale(1.28)}
.alkaline-card{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:center;background:linear-gradient(112deg,var(--black) 0 76%,var(--teal-dark) 76%);color:#fff;border-left:7px solid var(--teal);padding:20px 28px;box-shadow:0 15px 35px rgba(0,55,59,.14)}.alkaline-card>span{font:700 3.8rem/1 var(--serif);color:#71c9cc;text-align:center}.alkaline-card h3{font-family:var(--sans);font-size:.91rem;line-height:1.35;color:#fff;text-transform:uppercase;letter-spacing:.055em}.alkaline-card p{font-size:.89rem;line-height:1.5;color:#c9d7d7;margin:7px 0 0}
.contact-card{position:relative;z-index:1;background:#fff;border:1px solid rgba(0,79,84,.18);border-top:7px solid var(--teal);border-radius:22px;padding:clamp(28px,3.3vw,46px);box-shadow:0 30px 70px rgba(0,55,59,.14)}.eyebrow,.section-label,.section-heading>span{color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:900}.contact-card h2{font-size:2.4rem;letter-spacing:-.025em;margin:9px 0 10px}.contact-card>p:not(.eyebrow){color:#5a6d6e;line-height:1.5;margin:0 0 25px}form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:8px;color:#111;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}input,textarea{width:100%;border:1px solid var(--border);background:#fbfdfd;padding:13px 14px;font:1rem var(--sans);text-transform:none;letter-spacing:0;color:#111;border-radius:8px}textarea{min-height:112px;resize:vertical}button{height:50px;border:0;border-radius:8px;background:var(--teal);color:#fff;padding:0 18px;font:900 1rem var(--sans);display:flex;align-items:center;justify-content:space-between;cursor:pointer}button:hover{background:var(--teal-dark)}button:disabled{opacity:.65;cursor:wait}form small{color:#718383;text-align:center}.form-status{min-height:1.2em;margin:0;text-align:center;font-size:.82rem;font-weight:900}.form-status.error{color:#9b1c1c}.form-status.success{color:var(--teal-dark)}
.benefits{padding:110px clamp(24px,6vw,92px);background:#fff;border-top:10px solid var(--black)}.section-heading{max-width:720px}.section-heading h2,.why-card h2,.final-cta h2{font-size:clamp(2.4rem,4.1vw,4rem);line-height:1.06;letter-spacing:-.04em;margin:12px 0 15px}.section-heading>p{color:#617475;font-size:1.12rem;line-height:1.6}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}.benefit-grid article{border:1px solid var(--border);border-bottom:5px solid var(--teal);border-radius:17px;padding:30px;background:linear-gradient(155deg,#fff 0 84%,#eef6f6 84%)}.icon{width:50px;height:50px;border-radius:50%;background:var(--black);border:3px solid var(--teal);color:#fff;display:grid;place-items:center;font-size:1.45rem;font-weight:900}.benefit-grid h3{font-size:1.45rem;margin:22px 0 11px}.benefit-grid p{color:#5d7172;line-height:1.65;margin:0}
.why-ro{padding:100px clamp(24px,6vw,92px);background:linear-gradient(180deg,var(--pale),#d8ebeb);border-top:1px solid #fff}.why-card{display:grid;grid-template-columns:190px 1fr;gap:52px;align-items:center;max-width:1100px}.why-card img{width:180px;filter:grayscale(1) brightness(0)}.why-card p{max-width:780px;color:#536b6c;line-height:1.7;font-size:1.04rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:var(--teal);border:1px solid rgba(0,79,84,.16);border-radius:17px;overflow:hidden}.steps article{padding:32px;background:#fff;min-height:225px}.step-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--black);color:#fff;border-left:5px solid var(--teal);font-size:1.35rem;font-weight:900}.steps h3{font-size:1.35rem;margin:30px 0 10px}.steps p{color:#627677;line-height:1.55;margin:0}
.final-cta{padding:72px clamp(24px,6vw,92px);background:linear-gradient(125deg,var(--black) 0 54%,var(--teal-dark) 54% 100%);border-top:8px solid var(--teal);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:48px}.final-cta>div>span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;opacity:.72}.final-cta h2{color:#fff;max-width:720px;margin-bottom:0}.cta-actions{display:flex;flex-direction:column;gap:16px;min-width:240px}.button-light{display:flex;justify-content:space-between;align-items:center;background:#fff;color:#050707;padding:16px 18px;border-radius:8px;font-weight:900}.text-link{text-align:center;font-weight:900}
footer{padding:34px clamp(24px,6vw,92px);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}footer img{width:210px;filter:grayscale(1) brightness(0)}footer div{display:flex;gap:24px;color:#050707;font-size:.82rem;font-weight:900}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:52px}.contact-card{max-width:700px}.benefit-grid{grid-template-columns:1fr}.why-card{grid-template-columns:140px 1fr}.why-card img{width:135px}.final-cta{align-items:flex-start;flex-direction:column}.cta-actions{width:100%;max-width:370px}}
@media(max-width:650px){.site-header{height:100px;padding-inline:16px}.brand img{width:135px}.header-details{gap:5px;flex-direction:column;align-items:flex-end}.header-details>strong{font-size:.62rem;border:0;padding:0}.header-contact{gap:4px}.header-contact a{font-size:.62rem}.hero{padding:50px 20px 60px;min-height:auto}.hero h1{font-size:4.15rem}.hero-lede{font-size:1.05rem}.product-stage{height:235px;gap:0}.tank-system{width:46%;height:215px}.tankless-system{width:54%;height:255px}.alkaline-card{grid-template-columns:42px 1fr;padding:18px 16px;gap:12px}.alkaline-card>span{font-size:2.8rem}.alkaline-card h3{font-size:.77rem}.alkaline-card p{font-size:.81rem}.contact-card{padding:28px 22px}.form-grid{grid-template-columns:1fr}.benefits,.why-ro{padding:76px 20px}.why-card{grid-template-columns:1fr;gap:26px}.why-card img{width:120px}.steps{grid-template-columns:1fr}.steps article{min-height:0}.final-cta{padding:64px 20px;background:linear-gradient(155deg,var(--black) 0 70%,var(--teal-dark) 70% 100%)}footer{padding:30px 20px;align-items:flex-start;flex-direction:column;gap:18px}footer div{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Refined typography and dimensional teal accents */
.eyebrow,.section-label,.section-heading>span,.product-showcase>h2,.header-details>strong,label,.final-cta>div>span{letter-spacing:.065em;line-height:1.45}
.hero-lede,.alkaline-card p,.benefit-grid p,.why-card p,.steps p,form small{letter-spacing:.005em}
.contact-card{border-top:0;overflow:hidden;box-shadow:0 24px 60px rgba(3,28,30,.19),0 2px 8px rgba(3,28,30,.1),inset 0 1px 0 rgba(255,255,255,.95)}
.contact-card::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(180deg,#35dce0 0%,#009ca5 38%,#006168 72%,#003b40 100%);box-shadow:0 2px 5px rgba(0,65,70,.28),inset 0 1px 0 rgba(255,255,255,.7)}
.benefit-grid article{position:relative;overflow:hidden;border-bottom:0;box-shadow:0 16px 32px rgba(2,43,46,.1),0 3px 8px rgba(2,43,46,.07),inset 0 1px 0 #fff}
.benefit-grid article::after{content:"";position:absolute;inset:auto 0 0;height:7px;background:linear-gradient(180deg,#42e0e3 0%,#00a4ac 35%,#00636a 70%,#003d42 100%);box-shadow:0 -1px 4px rgba(0,104,110,.2),inset 0 1px 0 rgba(255,255,255,.75)}
.icon,.step-icon{border:0;background:radial-gradient(circle at 34% 25%,#37d7dc 0 7%,#039da6 20%,#006168 48%,#081a1c 78%,#020708 100%);box-shadow:0 8px 15px rgba(0,74,79,.25),inset 2px 2px 2px rgba(255,255,255,.45),inset -3px -4px 6px rgba(0,0,0,.48);text-shadow:0 2px 2px rgba(0,0,0,.45)}
.step-icon{border-radius:12px}
.steps{gap:14px;background:transparent;border:0;overflow:visible}
.steps article{border-radius:16px;box-shadow:0 13px 28px rgba(2,43,46,.09),0 2px 7px rgba(2,43,46,.06),inset 0 1px 0 #fff}
button{background:linear-gradient(180deg,#19bfc5 0%,#008c94 48%,#00636a 100%);box-shadow:0 8px 16px rgba(0,91,97,.24),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,49,53,.28);text-shadow:0 1px 1px rgba(0,0,0,.25)}
button:hover{background:linear-gradient(180deg,#24cbd0 0%,#009ba3 48%,#006c73 100%)}
.alkaline-card{position:relative;overflow:hidden;border-left:0;box-shadow:0 16px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12)}
.alkaline-card::before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(90deg,#46e2e5 0%,#00a5ad 42%,#006168 100%);box-shadow:2px 0 6px rgba(0,178,185,.3),inset 1px 0 rgba(255,255,255,.55)}
.button-light{box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 1px 0 #fff}
@media(max-width:650px){.hero h1{font-size:3.8rem}.product-stage{height:235px;align-items:center}.tank-system,.tankless-system{width:49%;height:225px}.tankless-system{transform:translateY(-10px) scale(1.25)}.alkaline-card h3{font-size:.8rem;line-height:1.45}.alkaline-card p{font-size:.84rem;line-height:1.55}}

/* Brochure-inspired paired product layout and reversed header band */
.site-header{background:linear-gradient(125deg,var(--teal) 0 43%,var(--black) 43% 100%);border-bottom-color:var(--black)}
.header-details{color:#fff}.header-details>strong{color:#fff;border-right-color:rgba(255,255,255,.34)}.header-contact a{color:#fff}.header-contact span{color:#70d0d3}
.product-stage{width:min(100%,600px);height:250px;margin:14px auto 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:30px;padding:8px 18px 16px}
.product-stage img{width:100%;height:220px;object-fit:contain;transform:none!important}.tank-system{mix-blend-mode:multiply}.tankless-system{transform:scale(1.12)!important}
@media(max-width:650px){.site-header{background:linear-gradient(125deg,var(--teal) 0 45%,var(--black) 45% 100%)}.product-stage{width:100%;height:220px;gap:18px;padding:4px 2px 14px}.product-stage img{width:100%;height:190px}.tankless-system{transform:scale(1.1)!important}}

/* Single combined product image and non-sticky header */
.site-header{position:relative;top:auto}
.brand{align-self:stretch;display:flex;align-items:center}
.brand img{transform:translateY(4px)}
.product-stage{display:flex;width:min(100%,640px);height:265px;padding:4px 10px 16px}
.product-stage .combined-ro-systems{width:100%;height:240px;object-fit:contain;mix-blend-mode:multiply;transform:none!important}
@media(max-width:650px){.brand img{transform:translateY(3px)}.product-stage{height:220px;padding:2px 0 14px}.product-stage .combined-ro-systems{height:200px}}

/* Match the approved page treatment while retaining plain static files */
.hero::before,.hero::after{display:none}
.hero{background:radial-gradient(circle at 10% 15%,rgba(255,255,255,.96) 0 14%,transparent 38%),linear-gradient(115deg,#e6f3f3 0%,#d8ecec 58%,#f8fbfb 58%);border-bottom:10px solid var(--black)}
.product-stage::after{left:2%;right:2%;bottom:1px;height:3px;background:linear-gradient(90deg,transparent,var(--teal),transparent);box-shadow:none;opacity:.45}
.product-stage .combined-ro-systems{mix-blend-mode:normal;filter:drop-shadow(0 17px 13px rgba(0,39,42,.18))}
.product-showcase>h3{font-family:var(--sans);font-size:.94rem;text-align:center;text-transform:uppercase;letter-spacing:.06em;line-height:1.35}
.product-showcase>p{max-width:660px;margin:10px auto 0;text-align:center;color:#405b71;line-height:1.55;font-size:.94rem}
@media(max-width:650px){.hero{background:linear-gradient(180deg,#e3f1f1 0%,#f8fbfb 100%)}.product-showcase>h3{font-size:.81rem}.product-showcase>p{font-size:.88rem;text-align:left}}

/* Restore the original flat icon treatment */
.icon,.step-icon{background:var(--black);border:3px solid var(--teal);box-shadow:none;text-shadow:none}
.step-icon{border-radius:0;border-width:0 0 0 5px}
.icon svg,.step-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.header-contact svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#70d0d3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:650px){.header-contact svg{width:12px;height:12px;flex-basis:12px}}

/* Clean transition between the hero/form area and the next section */
.hero{border-bottom:0}
.benefits{border-top:0}