:root{
  --navy:#102538;
  --navy2:#17354d;
  --ice:#dcebf1;
  --paper:#f6f8f7;
  --ink:#183042;
  --muted:#6c7b84;
  --copper:#b06d45;
  --line:rgba(18,47,66,.15);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
.utility-bar{
  position:sticky;top:0;z-index:60;height:72px;background:#fff;
  display:grid;grid-template-columns:1fr auto 230px;align-items:center;border-bottom:1px solid var(--line)
}
.brand{display:flex;align-items:center;gap:12px;padding-left:26px}
.brand-icon{width:34px;height:34px;background:var(--navy);color:white;display:grid;place-items:center;font-weight:700}
.brand strong{display:block;font-size:15px;letter-spacing:.08em}.brand small{display:block;font-size:6px;letter-spacing:.3em;color:#7b8990}
.utility-info{display:flex;gap:28px;font-size:9px;letter-spacing:.07em;color:#65757e}.utility-info a{font-weight:700;color:var(--navy)}
.overview-toggle{height:72px;border:0;border-left:1px solid var(--line);background:var(--ice);color:var(--navy);display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:9px;font-weight:700;letter-spacing:.12em;cursor:pointer}
.overview-toggle b{font-size:20px;font-weight:300}
.overview{
  position:fixed;z-index:55;left:0;right:0;top:72px;background:#fff;
  display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);
  transform:translateY(-120%);transition:.35s cubic-bezier(.2,.75,.2,1);box-shadow:0 18px 45px #10253815
}
.overview.open{transform:none}
.overview a{padding:28px 22px;border-right:1px solid var(--line);display:grid;gap:7px}
.overview a span{font-size:8px;color:var(--copper)}.overview a strong{font:600 21px Georgia,"Times New Roman",serif}.overview a small{font-size:8px;color:#7b8990}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:690px;background:#eef4f6}
.hero-control{padding:105px 6vw 70px;background:linear-gradient(145deg,#e7f0f3,#f7f9f8)}
.eyebrow{font-size:8px;letter-spacing:.27em;font-weight:700;color:#70808a}
.hero h1,.services h2,.fault h2,.bath-feature h2,.workflow h2,.about h2,.contact h2{
  font-family:Georgia,"Times New Roman",serif;font-weight:600
}
.hero h1{font-size:clamp(52px,5.2vw,82px);line-height:1.02;margin:22px 0 27px}.hero h1 em{color:var(--copper);font-style:normal}
.hero-text{max-width:540px;font-size:13px;line-height:1.8;color:#5f717b}
.problem-selector{margin-top:38px;border-top:1px solid var(--line)}
.problem-selector button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);display:flex;justify-content:space-between;text-align:left;padding:17px 2px;font-size:11px;cursor:pointer}
.problem-selector button:hover{color:var(--copper)}
.hero-visual{position:relative;min-height:690px}
.hero-photo{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1585704032915-c3400ca199e7?auto=format&fit=crop&w=1400&q=85') center/cover}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(16,37,56,.12))}
.emergency-panel{position:absolute;right:0;bottom:0;width:270px;background:var(--navy);color:#fff;padding:28px 28px 30px}
.emergency-panel small{font-size:8px;letter-spacing:.2em;color:#aac0cd}.emergency-panel strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:39px;line-height:1;margin:10px 0 14px}.emergency-panel p{font-size:10px;line-height:1.6;color:#bfced6}.emergency-panel a{display:inline-block;margin-top:12px;color:#fff;border-bottom:1px solid #fff;padding-bottom:5px;font-size:8px;letter-spacing:.14em}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff}
.trust-strip div{padding:26px 4vw;border-right:1px solid #315069}.trust-strip strong{display:block;font:600 30px Georgia,"Times New Roman",serif;color:#d8e8ed}.trust-strip span{font-size:7px;letter-spacing:.18em;color:#9db0bb}
.services{padding:95px 5vw;background:#fff}
.services-head{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:55px}
.services-head h2{font-size:clamp(44px,4.5vw,68px);line-height:1.1;margin:16px 0 0}.services-head>p{font-size:11px;line-height:1.8;color:#687983;max-width:480px}
.service-board{display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:1fr 1fr;min-height:560px;border:1px solid var(--line)}
.service-large{grid-row:1/3;display:grid;grid-template-columns:1fr .9fr;border-right:1px solid var(--line)}
.service-photo{background:url('https://images.unsplash.com/photo-1584622650111-993a426fbf0a?auto=format&fit=crop&w=1000&q=84') center/cover}
.service-copy,.service-small{padding:42px}
.service-copy>span,.service-small>span{font-size:8px;letter-spacing:.2em;color:var(--copper)}
.service-copy h3,.service-small h3{font:600 34px Georgia,"Times New Roman",serif;margin:28px 0 16px}.service-copy p,.service-small p{font-size:11px;line-height:1.75;color:#647680}
.service-copy ul{list-style:none;padding:0;margin:28px 0 0}.service-copy li{padding:11px 0;border-top:1px solid var(--line);font-size:9px}.service-copy li:before{content:"+";color:var(--copper);margin-right:10px}
.service-small{display:flex;flex-direction:column;justify-content:center}.service-small:first-of-type{border-bottom:1px solid var(--line)}
.service-small a{font-size:8px;letter-spacing:.13em;font-weight:700;margin-top:20px;color:var(--navy)}
.bath{background:#e8f1f4}.maintenance{background:#f6f8f7}
.fault{display:grid;grid-template-columns:.75fr 1.25fr;background:var(--navy);color:#fff;padding:90px 5vw;position:relative}
.fault-title{padding-right:6vw}.fault-title h2{font-size:clamp(46px,4.8vw,72px);line-height:1.05;margin:18px 0}.fault .eyebrow{color:#a9bdc9}
.fault-steps{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #35536a}
.fault-steps article{padding:15px 26px;border-right:1px solid #35536a}.fault-steps span{font-family:Georgia,"Times New Roman",serif;font-size:42px;color:#7ea0b3}.fault-steps h3{font-size:14px;margin:28px 0 13px}.fault-steps p{font-size:10px;line-height:1.7;color:#b9c9d1}
.fault-note{grid-column:1/3;margin-top:45px;border-top:1px solid #35536a;padding-top:22px;display:grid;grid-template-columns:140px 1fr;gap:20px}.fault-note strong{font-size:9px;letter-spacing:.16em;color:#d9a480}.fault-note p{font-size:10px;line-height:1.7;margin:0;color:#bccbd3}
.bath-feature{display:grid;grid-template-columns:1.1fr .9fr;background:#edf3f4}
.bath-image{min-height:590px;background:url('https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?auto=format&fit=crop&w=1300&q=84') center/cover}
.bath-copy{padding:95px 6vw}.bath-copy h2{font-size:clamp(44px,4.5vw,69px);line-height:1.08;margin:18px 0 25px}.bath-copy>p{font-size:12px;line-height:1.8;color:#61737d}
.bath-points{margin:32px 0}.bath-points div{display:grid;grid-template-columns:50px 1fr;padding:13px 0;border-top:1px solid var(--line)}.bath-points span{font-size:8px;color:var(--copper)}.bath-points b{font-size:11px}
.plain-link{display:inline-block;margin-top:14px;border-bottom:1px solid var(--navy);padding-bottom:6px;font-size:8px;font-weight:700;letter-spacing:.13em}
.workflow{padding:90px 5vw;background:#fff}.workflow header{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.workflow h2{font-size:clamp(44px,4.5vw,68px);line-height:1.08;margin:16px 0 0}
.workflow-track{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid var(--ice)}.workflow-track article{padding:28px 28px 10px 0;border-right:1px solid var(--line)}.workflow-track span{display:block;font-size:8px;color:var(--copper);letter-spacing:.15em}.workflow-track h3{font-size:15px;margin:25px 0 9px}.workflow-track p{font-size:10px;line-height:1.7;color:#667781;max-width:230px}
.about{display:grid;grid-template-columns:.85fr 1fr .6fr;min-height:580px;background:#e5eef1}
.about-copy{padding:90px 5vw}.about-copy h2{font-size:clamp(42px,4.2vw,64px);line-height:1.08;margin:18px 0 24px}.about-copy>p{font-size:11px;line-height:1.8;color:#60727c}.about-copy blockquote{margin:38px 0 0;font:500 22px/1.4 Georgia,"Times New Roman",serif;color:var(--copper)}
.about-photo{background:url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=1100&q=84') center/cover}
.about-values{background:var(--copper);color:#fff;padding:60px 28px;display:grid;align-content:center;gap:0}.about-values div{padding:25px 0;border-bottom:1px solid #c58a67}.about-values span{font-size:7px;letter-spacing:.17em}.about-values strong{display:block;font:600 25px Georgia,"Times New Roman",serif;margin:7px 0}.about-values p{font-size:9px;line-height:1.6;margin:0;color:#f0d8ca}
.brands{padding:38px 5vw;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:280px 1fr;align-items:center}.brands p{font-size:7px;letter-spacing:.18em;color:#8a969c}.brands div{display:flex;justify-content:space-between;gap:20px;color:#7a858b;font-size:13px;font-weight:700}
.contact{display:grid;grid-template-columns:.8fr 1fr .6fr;background:#102538;color:#fff}
.contact-primary{padding:90px 5vw}.contact-primary .eyebrow{color:#a9bdc9}.contact-primary h2{font-size:clamp(46px,4.8vw,72px);line-height:1.05;margin:17px 0 24px}.contact-primary>p{font-size:10px;line-height:1.8;color:#b9cad3}
.callback-form{padding:90px 4vw;border-left:1px solid #35536a;display:grid;align-content:center;gap:20px}.callback-form label span{display:block;font-size:7px;letter-spacing:.18em;color:#9fb1bc;margin-bottom:7px}.callback-form input,.callback-form select{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #456176;padding:11px 0;outline:none}.callback-form select option{color:#111}.callback-form button{border:0;background:var(--ice);color:var(--navy);padding:16px 18px;display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.13em;cursor:pointer}
.contact-card{padding:90px 34px;border-left:1px solid #35536a;display:flex;flex-direction:column;justify-content:center}.contact-card>span{font-size:8px;letter-spacing:.2em;color:#a9bdc9}.contact-card>strong{font-family:Georgia,"Times New Roman",serif;font-size:22px;margin:8px 0 28px}.contact-card p{font-size:10px;line-height:1.7;color:#c4d0d6}.contact-card b{color:#fff}
footer{background:#0a1926;color:#80929e;padding:30px 4vw;display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:center;font-size:8px}.footer-brand{font-weight:700;color:#fff}.footer-brand small{display:block;font-size:6px;letter-spacing:.25em;color:#91a3ad;margin-top:3px}footer a{margin-left:18px;color:#b7c2c9}
.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,120px);background:#fff;color:var(--navy);border-top:4px solid var(--copper);padding:14px 18px;font-size:10px;transition:.3s;box-shadow:0 15px 35px #0002}.toast.show{transform:translate(-50%,0)}

@media(max-width:1050px){
  .utility-bar{grid-template-columns:1fr 200px}.utility-info{display:none}
  .overview{grid-template-columns:repeat(3,1fr)}
  .hero{grid-template-columns:1fr 1fr}
  .service-board{grid-template-columns:1fr}.service-large{grid-row:auto;border-right:0;border-bottom:1px solid var(--line)}.service-small{min-height:240px}
  .fault{grid-template-columns:1fr}.fault-title{margin-bottom:40px}.fault-note{grid-column:auto}
  .about{grid-template-columns:1fr 1fr}.about-values{grid-column:1/3;grid-template-columns:repeat(3,1fr)}
  .contact{grid-template-columns:1fr 1fr}.contact-card{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:35px}
}
@media(max-width:760px){
  .utility-bar{height:62px;grid-template-columns:1fr 145px}.brand{padding-left:14px}.brand-icon{width:30px;height:30px}.brand strong{font-size:13px}.overview-toggle{height:62px;padding:0 13px}.overview-toggle span{font-size:7px}
  .overview{top:62px;grid-template-columns:1fr 1fr}.overview a{padding:18px 14px}.overview a strong{font-size:18px}
  .hero{display:block}.hero-control{padding:75px 20px 55px}.hero h1{font-size:52px}.hero-visual{min-height:520px}.emergency-panel{width:230px}
  .trust-strip{grid-template-columns:1fr 1fr}.trust-strip div{padding:20px}.trust-strip strong{font-size:25px}
  .services{padding:70px 20px}.services-head{grid-template-columns:1fr;gap:20px}.service-large{grid-template-columns:1fr}.service-photo{min-height:360px}.service-copy,.service-small{padding:35px 24px}
  .fault{padding:70px 20px}.fault-steps{grid-template-columns:1fr;border-left:0}.fault-steps article{border-right:0;border-top:1px solid #35536a;padding:24px 0}.fault-note{grid-template-columns:1fr}
  .bath-feature{grid-template-columns:1fr}.bath-image{min-height:430px}.bath-copy{padding:65px 20px}
  .workflow{padding:70px 20px}.workflow header{display:block}.workflow-track{grid-template-columns:1fr 1fr}.workflow-track article{padding:25px 20px 20px 0}
  .about{grid-template-columns:1fr}.about-copy{padding:65px 20px}.about-photo{min-height:430px}.about-values{grid-column:auto;grid-template-columns:1fr;padding:35px 20px}
  .brands{grid-template-columns:1fr;padding:30px 20px}.brands div{flex-wrap:wrap;justify-content:flex-start;margin-top:18px}
  .contact{grid-template-columns:1fr}.contact-primary,.callback-form{padding:65px 20px}.callback-form{border-left:0;border-top:1px solid #35536a}.contact-card{grid-column:auto;grid-template-columns:1fr;padding:40px 20px;border-left:0;border-top:1px solid #35536a}
  footer{grid-template-columns:1fr;padding:28px 20px}footer a{margin:0 18px 0 0}
}
