:root{--ink:#102a43;--ink-2:#173d5c;--blue:#087e8b;--blue-dark:#04606a;--mist:#f3f8f8;--cream:#f6f0e8;--white:#fff;--gold:#f5b841;--line:#d8e2e7;--text:#385269;--max:1180px;--shadow:0 18px 50px rgba(16,42,67,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:absolute;left:-999px;top:8px;padding:10px 16px;background:var(--white);z-index:100;color:var(--ink)}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(16,42,67,.08);z-index:20;backdrop-filter:blur(12px)}.nav-wrap{height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}.brand small{display:block;margin-top:3px;color:var(--blue);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--blue);color:#fff;border-radius:50%;font-family:Georgia,serif;font-size:1.25rem}.site-nav{display:flex;gap:22px;margin-left:auto}.site-nav a{font-size:.9rem;font-weight:650;color:#426077}.site-nav a:hover{color:var(--blue)}.header-call{padding:10px 14px;border:1px solid var(--blue);color:var(--blue);font-size:.84rem;font-weight:750;border-radius:4px}.header-call span{display:block;font-size:.9rem}.menu-toggle{display:none;background:none;border:0;padding:8px;margin-left:auto}.menu-toggle span:not(.sr-only){display:block;width:23px;height:2px;background:var(--ink);margin:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero{overflow:hidden;background:linear-gradient(112deg,#eef8f7 0%,#fff 65%);padding:88px 0 76px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.eyebrow{margin:0 0 13px;color:var(--blue);font-size:.75rem;text-transform:uppercase;font-weight:850;letter-spacing:.14em}.eyebrow.light{color:#8ee0dc}.hero h1,.section h2,.contact-section h2{margin:0;letter-spacing:-.055em;line-height:1.03;font-size:clamp(2.6rem,5vw,4.6rem);max-width:700px}.hero h1 em{color:var(--blue);font-style:normal}.hero-lead{max-width:620px;margin:24px 0 28px;color:var(--text);font-size:1.1rem}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid transparent;border-radius:4px;font-weight:800;font-size:.93rem;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark)}.button-secondary{background:#fff;border-color:#b9cbd2;color:var(--ink)}.quick-points{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:29px 0 0;list-style:none;color:#496675;font-size:.84rem;font-weight:650}.quick-points li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:7px}.hero-visual{position:relative;display:grid;place-items:center;min-height:400px;border-radius:20px;background:#dcefed;overflow:hidden}.visual-glow{position:absolute;width:480px;height:480px;border:44px solid rgba(255,255,255,.55);border-radius:50%;right:-160px;top:-150px}.water-heater{position:relative;width:190px;height:310px;z-index:1;filter:drop-shadow(12px 16px 14px rgba(15,61,76,.2))}.heater-top{width:164px;height:42px;background:#e4edf0;border:7px solid #b8ced3;border-bottom:0;border-radius:80px 80px 0 0;margin:auto}.heater-body{height:232px;background:linear-gradient(100deg,#f7f9fa,#d9e5e8 55%,#c1d5d9);border:7px solid #b8ced3;border-radius:38px 38px 18px 18px;position:relative}.heater-panel{position:absolute;width:64px;height:50px;left:50%;top:76px;transform:translateX(-50%);background:#28556a;border:7px solid #5d7e8a;border-radius:4px}.heater-line{position:absolute;left:-34px;width:36px;height:13px;border-radius:10px;background:#cd8b42}.line-one{top:30px}.line-two{top:57px;background:#457eac}.heater-base{width:164px;height:22px;background:#92acb4;border-radius:0 0 20px 20px;margin:auto}.visual-card{position:absolute;bottom:34px;left:35px;background:#fff;padding:14px 18px;box-shadow:var(--shadow);border-radius:6px;z-index:2;font-size:.84rem}.visual-card strong,.visual-card small{display:block}.visual-card small{color:#587386}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-right:7px}.signal-bar{background:var(--ink);color:#fff}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr)}.signal-grid p{padding:23px 34px;margin:0;border-right:1px solid rgba(255,255,255,.18)}.signal-grid p:first-child{padding-left:0}.signal-grid strong,.signal-grid span{display:block}.signal-grid strong{font-size:.92rem}.signal-grid span{color:#b9ccdb;font-size:.81rem}.section{padding:100px 0}.section-heading{max-width:680px;margin-bottom:47px}.section-heading h2,.problem-section h2,.area-section h2{font-size:clamp(2rem,3.7vw,3.4rem)}.section-heading>p:last-child{color:var(--text);font-size:1.04rem;margin:17px 0 0}.section-heading.center{text-align:center;margin-inline:auto}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{border:1px solid var(--line);padding:28px 23px 24px;min-height:270px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:.78rem;font-weight:850;color:var(--blue);background:#e0f1f0}.service-card h3{font-size:1.15rem;margin:22px 0 10px;letter-spacing:-.025em}.service-card p{color:var(--text);font-size:.91rem;margin:0}.service-card a{color:var(--blue);margin-top:auto;padding-top:18px;font-size:.85rem;font-weight:800}.section-ink{background:var(--ink);color:#fff}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.split-layout p:not(.eyebrow){color:#c6d8e3;max-width:540px}.text-link{display:inline-block;margin-top:17px;font-weight:800}.benefit-list{border-top:1px solid rgba(255,255,255,.24)}.benefit-list article{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.24)}.benefit-list article>span{color:#89ddd9;font-size:.8rem;font-weight:800}.benefit-list h3{font-size:1rem;margin:0 0 3px}.benefit-list p{font-size:.88rem;margin:0}.problem-section{background:var(--cream)}.problem-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.problem-art{position:relative;min-height:370px;background:#e5d6c4;overflow:hidden}.problem-tank{position:absolute;bottom:37px;left:50%;transform:translateX(-50%);width:166px;height:245px;border:7px solid #a6b6ba;background:linear-gradient(90deg,#d8e4e4,#fbfcfb 50%,#b9ced0);border-radius:45px 45px 20px 20px}.problem-tank:before{content:"";position:absolute;width:72px;height:40px;left:40px;top:87px;border:6px solid #7d99a0;border-radius:3px}.problem-tank span{position:absolute;bottom:18px;left:18px;width:120px;height:11px;background:#94abb1;border-radius:10px}.pipe{position:absolute;background:#b46b35}.pipe-a{height:18px;width:200px;top:54px;left:60px}.pipe-b{height:175px;width:18px;top:54px;left:242px}.droplet{position:absolute;width:16px;height:22px;background:var(--blue);border-radius:60% 60% 70% 70%;transform:rotate(45deg)}.d-one{bottom:46px;left:87px}.d-two{bottom:28px;left:108px;transform:rotate(45deg) scale(.6)}.problem-grid p{color:var(--text);max-width:600px}.check-list{padding:0;margin:24px 0 28px;display:grid;grid-template-columns:1fr 1fr;list-style:none;color:#385269;font-size:.91rem}.check-list li{margin:6px 0}.check-list li:before{content:"✓";font-weight:900;color:var(--blue);padding-right:7px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.process-grid article{padding:28px 30px 0;border-right:1px solid var(--line)}.process-grid article:first-child{padding-left:0}.process-grid article:last-child{border:0}.process-grid span{color:var(--blue);font-weight:850;font-size:1.7rem}.process-grid h3{margin:14px 0 7px;font-size:1.1rem}.process-grid p{color:var(--text);font-size:.9rem;margin:0}.area-section{background:var(--mist)}.area-wrap{display:flex;justify-content:space-between;align-items:center;gap:60px}.area-wrap>div:first-child{max-width:660px}.area-wrap p:last-child{color:var(--text)}.area-badge{min-width:270px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 24px;background:#fff;border-top:5px solid var(--blue);box-shadow:var(--shadow)}.area-badge span{font-size:2rem;color:var(--blue)}.area-badge strong{margin-top:7px}.area-badge small{margin-top:5px;color:var(--text)}.narrow{max-width:850px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:21px 0;background:transparent;border:0;text-align:left;color:var(--ink);font-weight:800;cursor:pointer}.faq-item button b{font-size:1.5rem;color:var(--blue);font-weight:400;transition:transform .2s}.faq-item button[aria-expanded=true] b{transform:rotate(45deg)}.faq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.faq-panel p{overflow:hidden;margin:0;color:var(--text);font-size:.94rem}.faq-item button[aria-expanded=true]+.faq-panel{grid-template-rows:1fr}.faq-item button[aria-expanded=true]+.faq-panel p{padding:0 0 21px}.contact-section{background:var(--ink-2);color:#fff;padding:88px 0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact-section h2{font-size:clamp(2.3rem,4vw,3.6rem)}.contact-section>div p:not(.eyebrow),.contact-grid>div>p{color:#c5d8e2}.contact-phone{font-size:1.55rem;font-weight:850;display:inline-block;margin-top:12px}.address{margin-top:40px!important;font-size:.88rem}.service-form{background:#fff;color:var(--ink);padding:32px;box-shadow:var(--shadow)}.field{margin-bottom:17px}.field label{display:block;font-size:.83rem;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #b9cbd2;border-radius:2px;color:var(--ink);background:#fff}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.faq-item button:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.form-submit{width:100%}.form-note,.form-message{font-size:.78rem;margin:12px 0 0;color:#587386}.form-message{font-weight:700;color:var(--blue-dark);min-height:1.2em}.site-footer{background:#0b2134;color:#c0d1db;padding:33px 0 70px}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:.8rem}.brand-footer{color:#fff}.footer-wrap>div:not(.brand){display:flex;gap:17px}.footer-wrap>div:not(.brand) a:hover{color:#fff}.footer-wrap p{margin:0}.mobile-call{display:none}@media(max-width:900px){.header-call{display:none}.site-nav{gap:14px}.hero-grid,.split-layout,.problem-grid,.contact-grid{gap:42px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:65px}.hero-visual{min-height:345px}.section{padding:75px 0}}@media(max-width:700px){body{padding-bottom:62px}.container{width:min(calc(100% - 32px),var(--max))}.nav-wrap{height:67px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:67px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 16px;box-shadow:0 12px 18px rgba(16,42,67,.08)}.site-nav.open{display:flex;flex-direction:column;gap:0}.site-nav a{padding:12px 0}.hero{padding:46px 0 52px}.hero-grid,.split-layout,.problem-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.hero h1{font-size:2.65rem}.hero-lead{font-size:1rem}.hero-visual{min-height:310px}.water-heater{transform:scale(.83)}.visual-card{bottom:22px;left:20px}.quick-points{display:block}.quick-points li{margin:7px 0}.signal-grid{grid-template-columns:1fr}.signal-grid p,.signal-grid p:first-child{padding:14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.signal-grid p:last-child{border-bottom:0}.section{padding:60px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.split-layout,.problem-grid,.contact-grid{gap:34px}.problem-art{min-height:290px}.problem-tank{transform:translateX(-50%) scale(.8);transform-origin:bottom}.pipe-a{left:20px}.pipe-b{left:202px}.check-list{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article:first-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.process-grid article:last-child{border-bottom:0}.area-wrap{display:block}.area-badge{min-width:0;margin-top:30px}.faq-item button{font-size:.95rem;gap:15px}.contact-section{padding:62px 0}.service-form{padding:23px}.footer-wrap{display:block}.footer-wrap>div:not(.brand){margin:20px 0}.footer-wrap p{font-size:.72rem}.mobile-call{position:fixed;display:flex;justify-content:center;align-items:center;gap:7px;bottom:0;left:0;right:0;z-index:30;background:var(--blue);color:#fff;min-height:62px;font-weight:850;font-size:.95rem;box-shadow:0 -5px 18px rgba(16,42,67,.16)}.mobile-call span{font-weight:600}.brand{font-size:.85rem}.brand-mark{width:33px;height:33px}.section-heading{margin-bottom:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}