body{font-family:Nunito,system-ui,sans-serif;background:#fffaf5;color:#14353a;font-size:17px;line-height:1.65}
.alert{background:#ff6b4a;color:#fff;font-weight:800;text-align:center;padding:10px 14px;font-size:15px}
.alert a{color:#fff}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:78px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:23px;text-decoration:none;color:#0b5c5c}
.logo i{font-style:normal;width:42px;height:42px;border-radius:50% 50% 50% 8px;background:#0b8a85;display:grid;place-items:center;color:#fff;font-size:20px}
header nav a{text-decoration:none;font-weight:800;color:#3d5b5f;margin-left:24px;font-size:15px}
.bt{display:inline-block;background:#ff6b4a;color:#fff!important;font-weight:900;padding:15px 26px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:0 6px 0 #d44b2c}
.bt:active{transform:translateY(3px);box-shadow:0 3px 0 #d44b2c}
header .bt{padding:10px 18px;margin-left:24px;box-shadow:0 4px 0 #d44b2c}
.bt.soft{background:#fff;color:#0b5c5c!important;box-shadow:0 6px 0 #cfe7e3}
.hero{padding:30px 0 0}
.hero .box{background:#0b8a85;border-radius:40px;color:#fff;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;overflow:hidden;position:relative}
.hero .box:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#14a89f;left:-120px;bottom:-200px}
.hero .t{padding:70px 20px 70px 60px;position:relative}
.hero .badge{display:inline-block;background:#ffd166;color:#14353a;font-weight:900;font-size:13px;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.hero h1{font-size:clamp(40px,5.6vw,70px);line-height:1.02;margin:0 0 18px;font-weight:900;letter-spacing:-.02em}
.hero p{font-size:19px;color:#dff5f2;margin:0 0 30px;max-width:460px}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.hero .pic{position:relative;height:100%;min-height:480px;display:grid;place-items:center}
.hero .blob{width:min(440px,90%);aspect-ratio:1;border-radius:46% 54% 42% 58%/55% 45% 55% 45%;background:url(img/plumb-hero.jpg) center/cover;border:10px solid #fff;box-shadow:0 30px 50px rgba(0,0,0,.2)}
.hero .bub{position:absolute;background:#fff;color:#14353a;border-radius:20px;padding:12px 16px;font-weight:800;font-size:14px;box-shadow:0 10px 24px rgba(0,0,0,.15)}
.b1{top:18%;left:2%}.b2{bottom:16%;right:6%}
section{padding:96px 0}
.center{text-align:center;max-width:640px;margin:0 auto 46px}
h2{font-size:clamp(32px,4.2vw,50px);line-height:1.08;margin:0 0 12px;font-weight:900;letter-spacing:-.02em;color:#0b5c5c}
.center p{color:#5a7376;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.c{background:#fff;border-radius:28px;padding:30px;box-shadow:0 2px 0 #f0e4d8,0 18px 40px rgba(20,53,58,.06)}
.c b{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;font-size:26px;margin-bottom:16px}
.c:nth-child(3n+1) b{background:#ffe6de}.c:nth-child(3n+2) b{background:#dff5f2}.c:nth-child(3n) b{background:#fff1cc}
.c h3{margin:0 0 4px;font-size:20px;font-weight:900}.c p{margin:0;color:#5a7376;font-size:16px}
.duo{background:#e9f6f3}
.duo .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.duo .imgs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.duo .imgs img{border-radius:28px;width:100%;height:260px;object-fit:cover}.duo .imgs img:nth-child(2){margin-top:50px}
.duo ol{padding:0;margin:24px 0 0;list-style:none;counter-reset:s}
.duo li{counter-increment:s;padding:12px 0 12px 58px;position:relative;font-weight:700}
.duo li:before{content:counter(s);position:absolute;left:0;top:8px;width:40px;height:40px;border-radius:50%;background:#0b8a85;color:#fff;display:grid;place-items:center;font-weight:900}
.where .wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.panel{background:#fff;border-radius:28px;padding:34px}
.panel h3{margin:0 0 14px;font-size:22px;font-weight:900;color:#0b5c5c}
.hrs div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:2px dotted #e6dccf}.hrs b{color:#ff6b4a}
.tags span{display:inline-block;background:#dff5f2;color:#0b5c5c;font-weight:800;padding:7px 16px;border-radius:999px;margin:0 8px 10px 0}
.rvs{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rv{background:#fff;border-radius:28px;padding:30px;border:2px dashed #cfe7e3}
.rv small{font-weight:900;color:#ff6b4a;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.rv p{font-size:19px;margin:8px 0}
.end{padding:0 0 90px}
.end .box{background:#ffd166;border-radius:40px;padding:60px;text-align:center}
.end h2{color:#14353a}.end p{margin:0 0 26px;font-size:18px}
footer{padding:26px 0;color:#7a9093;font-size:14px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.callbar{display:none}
@media(max-width:900px){header nav a:not(.bt){display:none}.hero .box{grid-template-columns:1fr}.hero .t{padding:48px 28px 10px}.hero .pic{min-height:360px}.cards{grid-template-columns:1fr 1fr}.duo .wrap,.where .wrap,.rvs{grid-template-columns:1fr}}
@media(max-width:560px){.logo{font-size:19px}.logo i{width:36px;height:36px}header .bt{display:none}.hero .box{border-radius:28px}.hero .blob{width:78%}.cards{grid-template-columns:1fr}section{padding:72px 0}.duo .imgs img{height:180px}.end .box{padding:40px 22px}.callbar{display:block;text-align:center;position:fixed;left:14px;right:14px;bottom:18px;z-index:30}footer{padding-bottom:100px}}