.hydrofuge-landing{--blue:#0b3c5d;--blue2:#1565a0;--sky:#e8f3fb;--orange:#ff7a1a;--orange2:#e8650a;--green:#22a55b;--text:#1b2633;--muted:#5d6b7a;--r:14px}.hydrofuge-landing,.hydrofuge-landing *{box-sizing:border-box;margin:0;padding:0}.hydrofuge-landing{color:var(--text);background:#fff;font-family:Inter,system-ui,sans-serif;line-height:1.6}.hydrofuge-landing h1,.hydrofuge-landing h2,.hydrofuge-landing h3{font-family:Poppins,sans-serif;line-height:1.2}.hydrofuge-landing .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.hydrofuge-landing .btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:16px 26px;font-family:inherit;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.hydrofuge-landing .btn:hover{background:var(--orange2)}.hydrofuge-landing .alert{background:var(--orange);color:#fff;text-align:center;padding:14px 16px;font-weight:600;line-height:1.3}.hydrofuge-landing .sub-alert{opacity:.95;margin-top:4px;font-size:.95rem;display:block}.hydrofuge-landing .blink{text-transform:uppercase;letter-spacing:.5px;font-family:Poppins,sans-serif;font-size:clamp(1.15rem,3.2vw,1.8rem);font-weight:800;display:block}@keyframes hy-blink{to{visibility:hidden}}.hydrofuge-landing .blink-diag{animation:1s steps(2,start) infinite hy-blink;color:var(--orange)!important}@media (prefers-reduced-motion:reduce){.hydrofuge-landing .blink,.hydrofuge-landing .blink-diag{animation:none}}.hydrofuge-landing header.top{z-index:40;background:#fff;border-bottom:1px solid #e6edf3;position:sticky;top:0}.hydrofuge-landing header.top .wrap{justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.hydrofuge-landing .logo{color:var(--blue);font-family:Poppins;font-size:1.2rem;font-weight:800}.hydrofuge-landing .logo img{width:auto;height:50px;display:block}@media (width<=600px){.hydrofuge-landing .logo img{height:36px}}.hydrofuge-landing .tel{color:var(--blue);border:2px solid var(--blue);border-radius:9px;padding:8px 14px;font-weight:700;text-decoration:none}.hydrofuge-landing .hero{background:linear-gradient(135deg,var(--blue) 0%,var(--blue2) 100%);color:#fff;padding:50px 0 60px}.hydrofuge-landing .hero .wrap{grid-template-columns:1.1fr .9fr;align-items:start;gap:40px;display:grid}.hydrofuge-landing .pill{background:#ffffff26;border-radius:30px;margin-bottom:16px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.hydrofuge-landing .hero h1{margin-bottom:16px;font-size:clamp(1.9rem,4vw,2.8rem)}.hydrofuge-landing .hero h1 span{color:#ffb37a}.hydrofuge-landing .hero .lead{opacity:.93;margin-bottom:22px;font-size:1.12rem}.hydrofuge-landing .offer{color:var(--text);border-radius:var(--r);background:#fff;align-items:center;gap:16px;margin-bottom:22px;padding:20px 22px;display:flex;box-shadow:0 10px 30px #00000026}.hydrofuge-landing .offer .big{color:var(--orange);white-space:nowrap;font-family:Poppins;font-size:1.6rem;font-weight:800}.hydrofuge-landing .offer p{font-size:.95rem}.hydrofuge-landing .hero-img{border-radius:var(--r);aspect-ratio:16/10;background:#ffffff1a;overflow:hidden}.hydrofuge-landing .hero-img img{object-fit:cover;object-position:20% 50%;width:100%;height:100%;display:block}.hydrofuge-landing .quiz{color:var(--text);border-radius:var(--r);background:#fff;padding:26px;box-shadow:0 20px 50px #00000040}.hydrofuge-landing .quiz h2{color:var(--blue);margin-bottom:4px;font-size:1.25rem}.hydrofuge-landing .quiz .sub{color:var(--muted);margin-bottom:14px;font-size:.88rem}.hydrofuge-landing .progress{background:#e6edf3;border-radius:10px;height:8px;margin-bottom:18px;overflow:hidden}.hydrofuge-landing .progress div{background:var(--green);width:25%;height:100%;transition:width .3s}.hydrofuge-landing .stepq{display:none}.hydrofuge-landing .stepq.active{display:block}.hydrofuge-landing .stepq h3{margin-bottom:12px;font-size:1.05rem}.hydrofuge-landing .opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hydrofuge-landing .opt{text-align:center;cursor:pointer;color:var(--text);background:#fff;border:2px solid #dce5ed;border-radius:11px;padding:14px 10px;font-family:inherit;font-size:.93rem;font-weight:600;transition:all .15s}.hydrofuge-landing .opt:hover{border-color:var(--orange);background:#fff6ef}.hydrofuge-landing .opt .e{margin-bottom:4px;font-size:1.6rem;display:block}.hydrofuge-landing .field{margin-bottom:11px}.hydrofuge-landing .field label{margin-bottom:4px;font-size:.83rem;font-weight:600;display:block}.hydrofuge-landing .field input{border:1.5px solid #dce5ed;border-radius:9px;width:100%;padding:12px 14px;font-family:inherit;font-size:1rem}.hydrofuge-landing .field input:focus{border-color:var(--orange);outline:none}.hydrofuge-landing .quiz .btn{width:100%}.hydrofuge-landing .back{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:10px;font-family:inherit;font-size:.85rem;text-decoration:underline}.hydrofuge-landing .secure{color:var(--muted);text-align:center;margin-top:10px;font-size:.78rem}.hydrofuge-landing .err{color:#c62828;margin-top:6px;font-size:.85rem;display:none}.hydrofuge-landing section{padding:68px 0}.hydrofuge-landing .title{text-align:center;max-width:720px;margin:0 auto 40px}.hydrofuge-landing .title h2{color:var(--blue);margin-bottom:10px;font-size:clamp(1.5rem,3vw,2.1rem)}.hydrofuge-landing .title p{color:var(--muted)}.hydrofuge-landing .perlant .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:44px;display:grid}.hydrofuge-landing .perlant .img{border-radius:var(--r);background:var(--sky);aspect-ratio:4/3;overflow:hidden}.hydrofuge-landing .perlant .img img{object-fit:cover;width:100%;height:100%}.hydrofuge-landing .perlant h2{color:var(--blue);margin-bottom:14px;font-size:clamp(1.5rem,3vw,2rem)}.hydrofuge-landing .perlant ul{margin-top:16px;list-style:none}.hydrofuge-landing .perlant li{margin-bottom:10px;padding-left:30px;position:relative}.hydrofuge-landing .perlant li:before{content:"💧";position:absolute;left:0}.hydrofuge-landing .bg{background:var(--sky)}.hydrofuge-landing .grid3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hydrofuge-landing .card{border-radius:var(--r);background:#fff;padding:24px;box-shadow:0 4px 16px #0b3c5d0f}.hydrofuge-landing .card .ico{margin-bottom:8px;font-size:1.9rem}.hydrofuge-landing .card h3{color:var(--blue);margin-bottom:6px;font-size:1.05rem}.hydrofuge-landing .card p{color:var(--muted);font-size:.94rem}.hydrofuge-landing .timeline{max-width:960px;margin:0 auto}.hydrofuge-landing .tl{gap:18px;margin-bottom:22px;display:flex}.hydrofuge-landing .tl .n{background:var(--orange);color:#fff;border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;height:46px;font-family:Poppins;font-weight:800;display:flex}.hydrofuge-landing .tl h3{color:var(--blue);font-size:1.05rem}.hydrofuge-landing .tl p{color:var(--muted);font-size:.95rem}.hydrofuge-landing .ba{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hydrofuge-landing .ba figure{border-radius:var(--r);aspect-ratio:4/3;background:#cfd9e2;position:relative;overflow:hidden}.hydrofuge-landing .ba img{object-fit:cover;width:100%;height:100%}.hydrofuge-landing .ba figcaption{background:var(--blue);color:#fff;border-radius:30px;padding:5px 13px;font-size:.82rem;font-weight:700;position:absolute;top:12px;left:12px}.hydrofuge-landing .ba .after figcaption{background:var(--green)}.hydrofuge-landing .zone{background:var(--blue);color:#fff;border-radius:var(--r);text-align:center;padding:36px}.hydrofuge-landing .zone h2{margin-bottom:10px}.hydrofuge-landing .deps{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0;display:flex}.hydrofuge-landing .deps span{background:#ffffff24;border-radius:9px;padding:9px 16px;font-weight:600}.hydrofuge-landing .faq{max-width:800px;margin:0 auto}.hydrofuge-landing details{border:1px solid #e3eaf0;border-radius:12px;margin-bottom:11px;padding:17px 20px}.hydrofuge-landing summary{color:var(--blue);cursor:pointer;justify-content:space-between;font-weight:600;list-style:none;display:flex}.hydrofuge-landing summary:after{content:"+";color:var(--orange);font-size:1.3rem}.hydrofuge-landing details[open] summary:after{content:"–"}.hydrofuge-landing details p{color:var(--muted);margin-top:10px}.hydrofuge-landing .final{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;text-align:center}.hydrofuge-landing .final h2{margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.2rem)}.hydrofuge-landing .final p{opacity:.9;margin-bottom:24px}.hydrofuge-landing footer{color:#9db3c6;text-align:center;background:#08283f;padding:24px 0;font-size:.84rem}.hydrofuge-landing footer a{color:#9db3c6}.hydrofuge-landing .sticky{display:none}@media (width<=900px){.hydrofuge-landing .hero .wrap,.hydrofuge-landing .perlant .wrap{grid-template-columns:1fr}.hydrofuge-landing .grid3{grid-template-columns:1fr 1fr}.hydrofuge-landing .quiz{order:-1}}@media (width<=600px){.hydrofuge-landing .grid3,.hydrofuge-landing .ba{grid-template-columns:1fr}.hydrofuge-landing section{padding:48px 0}.hydrofuge-landing .tel{display:none}.hydrofuge-landing .sticky{z-index:50;display:flex;position:fixed;bottom:0;left:0;right:0}.hydrofuge-landing .sticky a{text-align:center;color:#fff;flex:1;padding:16px;font-weight:700;text-decoration:none}.hydrofuge-landing .s1{background:var(--blue)}.hydrofuge-landing .s2{background:var(--orange)}.hydrofuge-landing{padding-bottom:56px}}.hydrofuge-landing .split{border-radius:var(--r);max-width:960px;margin:0 auto;position:relative;overflow:hidden}.hydrofuge-landing .split img{width:100%;display:block}.hydrofuge-landing .split .tag{color:#fff;border-radius:30px;padding:6px 14px;font-size:.85rem;font-weight:700;position:absolute;top:14px}.hydrofuge-landing .tag-l{background:var(--blue);left:14px}.hydrofuge-landing .tag-r{background:var(--green);right:14px}.hydrofuge-landing .gal-title{text-align:center;color:var(--blue);margin-bottom:20px;font-size:1.3rem}.hydrofuge-landing .split-cap{text-align:center;color:var(--muted);max-width:620px;margin:12px auto 34px;font-size:.92rem}.hydrofuge-landing .gallery{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.hydrofuge-landing .gallery figure{border-radius:var(--r);background:#fff;overflow:hidden;box-shadow:0 4px 16px #0b3c5d14}.hydrofuge-landing .gallery img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.hydrofuge-landing .gallery figcaption{color:var(--blue);padding:10px 14px;font-size:.88rem;font-weight:600}@media (width<=600px){.hydrofuge-landing .gallery{grid-template-columns:1fr}}