:root{--blue:#1a6dd4;--blue-dark:#1254a5;--blue-bright:#2196f3;--blue-light:#dceeff;--blue-bg:#eef5fc;--blue-hero:#1b80e8;--blue-deep:#0a428b;--blue-darkest:#031a46;--cyan:#00d4e8;--cyan-dark:#00b8cc;--white:#fff;--black:#111827;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--green:#25d366;--green-dark:#1da851;--whatsapp:#25d366;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 10px 10px #0000000a;--radius:12px;--radius-sm:8px;--radius-lg:16px;color:var(--gray-700);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{color:var(--black);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:clamp(1.5rem,3.5vw,2.25rem)}h3{font-size:clamp(1.1rem,2.5vw,1.35rem)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 32px}@media (width<=768px){.container{padding:0 16px}}.header{z-index:1000;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{letter-spacing:-.03em;white-space:nowrap;flex-shrink:0;align-items:baseline;font-size:1.65rem;font-weight:800;display:flex}.logo-drain{color:var(--black)}.logo-x{color:var(--cyan);text-shadow:0 0 8px #00d4e84d;margin:0 -1px;font-size:1.85rem}.logo-perts{color:var(--black)}.nav{align-items:center;gap:32px;display:flex}.nav-list{align-items:center;gap:4px;list-style:none;display:flex}.nav-link{color:var(--gray-700);border-radius:var(--radius-sm);padding:8px 14px;font-size:.92rem;font-weight:600;transition:color .2s,background .2s}.nav-link:hover{color:var(--blue-hero);background:var(--blue-bg)}.nav-actions{align-items:center;gap:12px;display:flex}.header-phone{color:var(--blue-hero);white-space:nowrap;align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.header-phone svg{width:18px;height:18px}.btn-whatsapp{color:var(--white);background:var(--whatsapp);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:background .2s;display:inline-flex}.btn-whatsapp:hover{background:var(--green-dark)}.btn-whatsapp svg{width:18px;height:18px}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.hamburger span{background:var(--black);border-radius:2px;width:24px;height:2.5px;transition:transform .3s,opacity .3s;display:block}.hamburger-open span:first-child{transform:translateY(7.5px)rotate(45deg)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.hero{background:linear-gradient(90deg,#022052f2 0%,#0552a0d9 42%,#0084d74d 60%,#0084d714 75%,#0084d700 100%),url(/assets/drain-xperts-hero-composite.png) 58%/cover no-repeat;align-items:center;min-height:750px;display:flex;position:relative;overflow:hidden}@media (width>=1025px){.hero{background:linear-gradient(90deg,#022052f2 0%,#0552a0d9 42%,#0084d74d 60%,#0084d714 75%,#0084d700 100%),url(/assets/drain-xperts-hero-composite.png) 78%/cover no-repeat}}.hero-inner{z-index:2;grid-template-columns:1.3fr .7fr;align-items:center;gap:60px;padding-top:40px;padding-bottom:40px;display:grid;position:relative}.hero-content{color:var(--white);max-width:580px}.hero-badges{grid-template-columns:1fr 1fr;gap:10px;max-width:520px;margin-bottom:28px;display:grid}.hero-badge{color:var(--white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:100px;align-items:center;gap:7px;padding:7px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.hero-badge svg{fill:gold;flex-shrink:0;width:14px;height:14px}.hero h1{color:var(--white);letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(2.6rem,4.8vw,4.4rem);font-weight:900;line-height:1.04}.nowrap{white-space:nowrap}.hero-sub{color:#ffffffe6;max-width:600px;margin-bottom:36px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65}.hero-ctas{flex-wrap:wrap;gap:16px;display:flex}.btn-primary{color:var(--white);background:var(--blue-hero);border-radius:var(--radius-sm);border:2px solid #0000;align-items:center;gap:10px;padding:16px 32px;font-size:1.05rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #1b80e859}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px #1b80e873}.btn-primary svg{flex-shrink:0;width:22px;height:22px}.btn-hero-call{background:var(--blue-hero);border-color:var(--blue-hero);box-shadow:0 4px 14px #1b80e859}.btn-hero-call:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn-hero-wa{background:var(--whatsapp);border-color:var(--whatsapp);box-shadow:0 4px 14px #25d36659}.btn-hero-wa:hover{background:var(--green-dark);border-color:var(--green-dark);box-shadow:0 6px 20px #25d36673}.btn-secondary{color:var(--white);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:2px solid #ffffff80;align-items:center;gap:10px;padding:16px 32px;font-size:1.05rem;font-weight:700;transition:background .2s,border-color .2s,transform .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--white);background:#fff3;transform:translateY(-2px)}.btn-secondary svg{flex-shrink:0;width:22px;height:22px}.trust-strip{background:linear-gradient(90deg,#052a5e 0%,#083a7a 48%,#04224f 100%);border-top:1px solid #ffffff1a;border-bottom:1px solid #031a4666;padding:18px 0}.trust-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.trust-item{color:var(--white);border-right:1px solid #ffffff1a;justify-content:center;align-items:center;gap:14px;min-height:68px;padding:14px 20px;display:flex}.trust-item:last-child{border-right:none}.trust-icon{width:46px;height:46px;color:var(--cyan);flex-shrink:0;place-items:center;display:grid}.trust-icon svg{stroke:currentColor;stroke-width:1.8px;fill:none;width:34px;height:34px}.trust-item strong{color:var(--white);font-size:.95rem;font-weight:800;line-height:1.2;display:block}.trust-item span{color:#ffffffa6;margin-top:2px;font-size:.82rem;font-weight:500;display:block}.quote-match{background:var(--gray-50);padding:60px 0}.quote-match-inner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.quote-match-visual{justify-content:center;align-items:center;min-height:380px;display:flex}.quote-match-image-card{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--gray-200);width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000026,0 4px 12px #00000014}.qm-image-bg{z-index:0;background:url(/assets/quote-match-pipes.png) 50%/cover no-repeat;position:absolute;inset:0}.qm-image-overlay{z-index:1;background:linear-gradient(135deg,#022052bf 0%,#0552a08c 50%,#022052b3 100%);position:absolute;inset:0}.qm-float-label{z-index:3;-webkit-backdrop-filter:blur(8px);color:var(--white);letter-spacing:.02em;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:100px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:.82rem;font-weight:700;display:inline-flex;position:absolute;box-shadow:0 4px 12px #00000026}.qm-float-check{background:#00d4e840;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.qm-float-check svg{width:12px;height:12px;stroke:var(--cyan)}.qm-float-label-1{top:18%;left:10%}.qm-float-label-2{top:42%;left:18%}.qm-float-label-3{top:66%;left:10%}.qm-cta-badge{z-index:3;background:linear-gradient(135deg, var(--blue-hero) 0%, var(--blue-dark) 100%);color:var(--white);letter-spacing:.03em;white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:10px 18px;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 14px #1b80e866}.qm-cta-badge svg{flex-shrink:0}.quote-match-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:48px 44px;box-shadow:0 12px 40px #00000014,0 4px 12px #0000000a}.quote-match-badge{background:linear-gradient(135deg, var(--blue-bg) 0%, #dce8f8 100%);color:var(--blue-hero);text-transform:uppercase;letter-spacing:.04em;border:1px solid #1b80e833;border-radius:100px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 18px 8px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.quote-match-badge svg{width:22px;height:22px;color:var(--blue-hero);flex-shrink:0}.quote-match h2{color:var(--black);margin-bottom:18px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15}.quote-match p{color:var(--gray-600);max-width:540px;margin-bottom:32px;font-size:1.05rem;line-height:1.75}.services{background:var(--white);padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:12px;font-size:clamp(1.8rem,3.5vw,2.5rem)}.section-header p{color:var(--gray-500);max-width:640px;margin:0 auto;font-size:1.05rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.service-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--blue-hero) 0%, var(--cyan) 100%);border-radius:var(--radius) var(--radius) 0 0;opacity:.7;height:4px;transition:opacity .3s,height .3s;position:absolute;top:0;left:0;right:0}.service-card:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 8px,#1b80e80f 8px 16px);height:3px;position:absolute;bottom:0;left:0;right:0}.service-card:hover{border-color:var(--blue-hero);transform:translateY(-6px);box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f}.service-card:hover:before{opacity:1;height:5px}.service-card-icon{background:linear-gradient(135deg, var(--blue-bg) 0%, #dce8f8 100%);border-radius:var(--radius-sm);width:56px;height:56px;color:var(--blue-hero);place-items:center;margin-bottom:20px;transition:transform .3s,box-shadow .3s;display:grid}.service-card:hover .service-card-icon{transform:scale(1.08);box-shadow:0 4px 12px #1b80e833}.service-card-icon svg{width:28px;height:28px;transition:stroke-width .3s}.service-card:hover .service-card-icon svg{stroke-width:2.2px}.service-card h3{margin-bottom:16px;font-size:1.2rem;transition:color .3s}.service-card:hover h3{color:var(--blue-hero)}.service-list{flex-direction:column;gap:10px;list-style:none;display:flex}.service-list li{color:var(--gray-600);align-items:center;gap:10px;font-size:.92rem;transition:color .2s;display:flex}.service-card:hover .service-list li{color:var(--gray-700)}.service-list li svg{width:16px;height:16px;color:var(--green);flex-shrink:0;transition:transform .2s}.service-card:hover .service-list li svg{transform:scale(1.15)}.services-cta{text-align:center;background:linear-gradient(135deg, var(--blue-bg) 0%, #dce8f8 100%);border-radius:var(--radius);border:1px solid #1b80e826;margin-top:40px;padding:28px 24px}.services-cta p{color:var(--blue-hero);margin-bottom:18px;font-size:1.05rem;font-weight:600}.services-cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn-services-wa,.btn-services-call{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 24px;font-size:.92rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn-services-wa{background:var(--whatsapp);color:var(--white);box-shadow:0 3px 10px #25d36640}.btn-services-wa:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 5px 16px #25d36659}.btn-services-call{background:var(--blue-hero);color:var(--white);box-shadow:0 3px 10px #1b80e840}.btn-services-call:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 5px 16px #1b80e859}.btn-services-wa svg,.btn-services-call svg{width:18px;height:18px}.about{background:var(--gray-50);padding:80px 0}.about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.about-content h2{margin-bottom:20px}.about-lede{color:var(--gray-700);margin-bottom:16px;font-size:1.1rem;line-height:1.7}.about-content p{color:var(--gray-600);margin-bottom:14px;font-size:.98rem;line-height:1.7}.about-stats{gap:24px;margin-top:32px;display:flex}.about-stat{text-align:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex:1;padding:20px 16px;transition:transform .25s,box-shadow .25s}.about-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-stat strong{color:var(--blue-hero);margin-bottom:4px;font-size:1.8rem;font-weight:900;line-height:1.1;display:block}.about-stat span{color:var(--gray-500);font-size:.82rem;font-weight:500}.about-trust-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 32px}.about-trust-panel h3{color:var(--black);border-bottom:2px solid var(--blue-hero);margin-bottom:24px;padding-bottom:14px;font-size:1.2rem;font-weight:800;position:relative}.trust-points{flex-direction:column;gap:20px;display:flex}.trust-point{align-items:flex-start;gap:16px;display:flex}.trust-point-icon{background:linear-gradient(135deg, var(--blue-bg) 0%, #dce8f8 100%);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--blue-hero);flex-shrink:0;place-items:center;display:grid}.trust-point-icon svg{width:24px;height:24px}.trust-point-text strong{color:var(--black);margin-bottom:4px;font-size:.98rem;font-weight:700;display:block}.trust-point-text span{color:var(--gray-500);font-size:.88rem;line-height:1.5;display:block}.cctv-special{background:linear-gradient(90deg,#022052eb 0%,#022052b3 40%,#02205240 60%,#0220520d 100%),url(/assets/cctv-inspection-bg.png) 100%/cover no-repeat;padding:80px 0;position:relative;overflow:hidden}.cctv-special-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.cctv-special-inner{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid;position:relative}.cctv-special-content{color:var(--white)}.cctv-badge{text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:100px;margin-bottom:20px;padding:7px 20px;font-size:.78rem;font-weight:700;display:inline-block}.cctv-special h2{color:var(--white);margin-bottom:16px;font-size:clamp(1.6rem,3vw,2.2rem)}.cctv-special p{color:#ffffffe0;margin-bottom:28px;font-size:1.05rem;line-height:1.7}.cctv-pricing{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.cctv-price-item{border-radius:var(--radius);text-align:center;background:#00000059;border:1px solid #fff3;flex:1;min-width:200px;padding:24px 28px;transition:background .3s,transform .3s,border-color .3s;position:relative;overflow:hidden}.cctv-price-item:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--white));opacity:.3;height:3px;position:absolute;top:0;left:0;right:0}.cctv-price-item.featured{background:#00000073;border-color:#ffffff59}.cctv-price-item.featured:before{opacity:.6}.cctv-price-item:hover{background:#00000080;border-color:#ffffff73;transform:translateY(-3px)}.cctv-price-label{color:#ffffffbf;margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.cctv-price-value{color:var(--white);letter-spacing:-.02em;font-size:1.8rem;font-weight:900;line-height:1.1;display:block}.cctv-price-note{color:#ffffff8c;margin-top:6px;font-size:.78rem;display:block}.cctv-terms{border-radius:var(--radius-sm);background:#00000026;border:1px solid #ffffff0f;margin-bottom:28px;padding:16px 20px}.cctv-terms p{color:#ffffffa6;margin-bottom:0;font-size:.82rem;line-height:1.6}.cctv-terms strong{color:#ffffffd9}.btn-white{background:var(--white);color:var(--blue-hero);border:2px solid var(--white);margin-bottom:8px;box-shadow:0 4px 14px #ffffff40}.btn-white:hover{color:var(--blue-dark);background:#ffffffe6;box-shadow:0 6px 20px #ffffff59}.cctv-visual-panel{border-radius:var(--radius-lg);width:100%;min-height:480px;position:relative;overflow:hidden}.pricing{background:var(--white);padding:80px 0}.pricing-trust-strip{background:linear-gradient(135deg, var(--blue-bg) 0%, #dce8f8 100%);max-width:600px;color:var(--blue-hero);text-align:center;border:1px solid #1b80e826;border-radius:100px;justify-content:center;align-items:center;gap:10px;margin:-24px auto 28px;padding:12px 24px;font-size:.92rem;font-weight:700;display:flex}.pricing-trust-icon{background:var(--blue-hero);width:28px;height:28px;color:var(--white);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.pricing-trust-icon svg{width:14px;height:14px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:960px;margin:0 auto;display:grid}.pricing-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;display:flex;position:relative;overflow:hidden}.pricing-card:before{content:"";background:linear-gradient(180deg, var(--blue-hero), var(--cyan));opacity:.4;border-radius:0 2px 2px 0;width:3px;transition:opacity .2s,width .2s;position:absolute;top:0;bottom:0;left:0}.pricing-card:hover{border-color:var(--blue-hero);background:var(--blue-bg);transform:translateY(-2px);box-shadow:0 6px 20px #1b80e81f}.pricing-card:hover:before{opacity:1;width:4px}.pricing-service{color:var(--gray-700);padding-left:6px;font-size:.9rem;font-weight:600}.pricing-price{color:var(--white);white-space:nowrap;background:linear-gradient(135deg, var(--blue-hero), var(--blue-dark));letter-spacing:-.01em;border-radius:6px;padding:5px 14px;font-size:1rem;font-weight:800;box-shadow:0 2px 6px #1b80e833}.pricing-note{text-align:center;color:var(--gray-400);background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200);max-width:700px;margin-top:20px;margin-left:auto;margin-right:auto;padding:12px 20px;font-size:.85rem}.pricing-protection{text-align:center;color:var(--gray-400);max-width:600px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:.82rem;font-style:italic}.pricing-cta{text-align:center;background:linear-gradient(135deg, var(--blue-bg) 0%, #dce8f8 100%);border-radius:var(--radius);border:1px solid #1b80e826;max-width:640px;margin-top:28px;margin-left:auto;margin-right:auto;padding:24px 20px}.pricing-cta p{color:var(--blue-hero);margin-bottom:16px;font-size:1rem;font-weight:600}.pricing-cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn-pricing-wa,.btn-pricing-call{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 24px;font-size:.92rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn-pricing-wa{background:var(--whatsapp);color:var(--white);box-shadow:0 3px 10px #25d36640}.btn-pricing-wa:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 5px 16px #25d36659}.btn-pricing-call{background:var(--blue-hero);color:var(--white);box-shadow:0 3px 10px #1b80e840}.btn-pricing-call:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 5px 16px #1b80e859}.btn-pricing-wa svg,.btn-pricing-call svg{width:18px;height:18px}.service-areas{background:linear-gradient(90deg,#022052eb 0%,#043a7ad1 42%,#0552a0ad 100%),url(/assets/service-areas-bg.png) 50%/cover no-repeat;padding:80px 0;position:relative;overflow:hidden}.sa-header h2{color:var(--white)}.sa-header p{color:#ffffffbf}.areas-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.area-card{text-align:center;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);cursor:default;background:#ffffff14;border:1px solid #ffffff26;padding:32px 20px 28px;transition:transform .35s,box-shadow .35s,background .35s,border-color .35s;position:relative;overflow:hidden}.area-card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#00d4e833 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:width .5s,height .5s,opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.area-card:hover .area-card-glow{opacity:1;width:280px;height:280px}.area-card-pin{color:var(--cyan);z-index:1;place-items:center;margin-bottom:12px;transition:transform .35s,color .35s;display:grid;position:relative}.area-card-pin svg{filter:drop-shadow(0 2px 8px #00d4e866);width:32px;height:40px;transition:filter .35s,transform .35s}.area-card:hover .area-card-pin{color:var(--white);transform:translateY(-3px)}.area-card:hover .area-card-pin svg{filter:drop-shadow(0 4px 16px #00d4e8b3);transform:scale(1.1)}.area-card-pulse{pointer-events:none;opacity:0;border:2px solid #00d4e84d;border-radius:50%;width:40px;height:40px;animation:2.5s ease-in-out infinite sa-pulse;position:absolute;top:38px;left:50%;transform:translate(-50%)}.area-card:hover .area-card-pulse{opacity:1}@keyframes sa-pulse{0%{opacity:.6;transform:translate(-50%)scale(.8)}50%{opacity:0;transform:translate(-50%)scale(1.5)}to{opacity:.6;transform:translate(-50%)scale(.8)}}.area-card h3{color:var(--white);z-index:1;margin-bottom:6px;font-size:1.05rem;transition:color .3s;position:relative}.area-card:hover h3{color:var(--cyan)}.area-card p{color:#ffffff8c;z-index:1;font-size:.82rem;line-height:1.4;position:relative}.area-card:hover{background:#ffffff1f;border-color:#00d4e84d;transform:translateY(-6px);box-shadow:0 16px 40px #00000040,0 0 0 1px #00d4e833}.sa-cta{z-index:1;text-align:center;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;margin-top:48px;padding:36px 28px;position:relative}.sa-cta-text{color:#ffffffe6;margin-bottom:24px;font-size:1.1rem;font-weight:500;line-height:1.6}.sa-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-sa-call,.btn-sa-wa{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:16px 32px;font-size:1.05rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn-sa-call{background:var(--white);color:var(--blue-hero);box-shadow:0 4px 14px #fff3}.btn-sa-call:hover{color:var(--blue-dark);background:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}.btn-sa-wa{background:var(--whatsapp);color:var(--white);box-shadow:0 4px 14px #25d36659}.btn-sa-wa:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 6px 20px #25d36673}.btn-sa-call svg,.btn-sa-wa svg{flex-shrink:0;width:22px;height:22px}.sa-cta-note{color:#ffffff80;margin-top:18px;font-size:.85rem;font-style:italic}.faq{background:var(--gray-50);padding:80px 0}.faq-panel{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);grid-template-columns:1fr;gap:32px;max-width:820px;margin:0 auto;padding:40px 36px;display:grid;box-shadow:0 4px 20px #0000000f}.faq-list{max-width:100%;margin:0}.faq-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);margin-bottom:8px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:hover{border-color:var(--blue-hero);box-shadow:0 2px 10px #1b80e814}.faq-item.faq-open{border-color:var(--blue-hero);box-shadow:0 4px 16px #1b80e81a}.faq-question{width:100%;color:var(--gray-800);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;font-size:.95rem;font-weight:600;transition:color .2s,background .2s;display:flex}.faq-item:hover .faq-question{color:var(--blue-hero);background:#1b80e805}.faq-item.faq-open .faq-question{color:var(--blue-hero);background:#1b80e808}.faq-question span{flex:1}.faq-chevron{width:20px;height:20px;color:var(--gray-400);flex-shrink:0;transition:transform .3s,color .3s}.faq-chevron.open{color:var(--blue-hero);transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .35s,padding .35s;overflow:hidden}.faq-open .faq-answer{max-height:400px;padding:0 22px 16px}.faq-answer p{color:var(--gray-600);font-size:.92rem;line-height:1.65}.faq-cta-card{text-align:center;background:linear-gradient(135deg, var(--blue-bg) 0%, #dce8f8 100%);border-radius:var(--radius);border:1px solid #1b80e826;padding:28px 24px}.faq-cta-icon{background:var(--white);width:64px;height:64px;color:var(--blue-hero);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid;box-shadow:0 4px 12px #1b80e81a}.faq-cta-card h4{color:var(--blue-hero);margin-bottom:8px;font-size:1.15rem;font-weight:800}.faq-cta-card p{color:var(--gray-600);margin-bottom:18px;font-size:.95rem;line-height:1.5}.final-cta{background:linear-gradient(135deg,#022052 0%,#043a7a 40%,#0552a0 70%,#04306a 100%);padding:64px 0;position:relative;overflow:hidden}.final-cta-pattern{z-index:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(90deg,#0000 0 40px,#ffffff26 40px 42px),repeating-linear-gradient(0deg,#0000 0 40px,#ffffff1a 40px 42px),repeating-linear-gradient(45deg,#0000 0 80px,#00d4e814 80px 82px);position:absolute;inset:0}.final-cta-bg{z-index:0;opacity:.5;background:url(/assets/drain-xperts-blue-section-bg.svg) 50%/cover no-repeat;position:absolute;inset:0}.final-cta-inner{z-index:1;text-align:center;color:var(--white);max-width:680px;margin:0 auto;position:relative}.final-cta h2{color:var(--white);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(1.8rem,3.5vw,2.5rem)}.final-cta p{color:#ffffffe0;margin-bottom:28px;font-size:1.05rem;line-height:1.65}.final-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-phone-cta{background:var(--white);color:var(--blue-hero);border:2px solid var(--white);box-shadow:0 4px 14px #ffffff40}.btn-phone-cta:hover{color:var(--blue-dark);background:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff59}.btn-whatsapp-cta{background:var(--whatsapp);color:var(--white);border:2px solid var(--whatsapp);box-shadow:0 4px 14px #25d36659}.btn-whatsapp-cta:hover{background:var(--green-dark);border-color:var(--green-dark);transform:translateY(-2px);box-shadow:0 6px 20px #25d36673}.footer{color:#ffffffb3;border-top:3px solid var(--blue-hero);background:linear-gradient(#0f1729 0%,#0a0f1f 100%);padding:60px 0 0}.footer-grid{border-bottom:1px solid #ffffff14;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-brand .logo{margin-bottom:16px}.footer-brand .logo-drain,.footer-brand .logo-perts{color:var(--white)}.footer-brand .logo-x{color:var(--cyan);text-shadow:0 0 8px #00d4e84d}.footer-brand p{max-width:340px;margin-bottom:20px;font-size:.9rem;line-height:1.7}.footer-contact{flex-direction:column;gap:12px;display:flex}.footer-phone,.footer-whatsapp{color:var(--white);border-radius:var(--radius-sm);background:#ffffff0a;align-items:center;gap:10px;width:fit-content;padding:8px 14px;font-size:.95rem;font-weight:600;transition:color .2s,background .2s;display:inline-flex}.footer-phone:hover{color:var(--blue-bright);background:#ffffff14}.footer-whatsapp:hover{color:var(--whatsapp);background:#25d36614}.footer-phone svg,.footer-whatsapp svg{width:18px;height:18px}.footer-links h4{color:var(--white);margin-bottom:16px;padding-bottom:10px;font-size:.95rem;font-weight:700;position:relative}.footer-links h4:after{content:"";background:var(--blue-hero);border-radius:1px;width:28px;height:2px;position:absolute;bottom:0;left:0}.footer-links ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:#fff9;font-size:.88rem;transition:color .2s,padding-left .2s;display:inline-block}.footer-links a:hover{color:var(--blue-bright);padding-left:4px}.footer-bottom{text-align:center;color:#fff6;padding:24px 0;font-size:.82rem}.mobile-sticky{z-index:999;background:var(--white);border-top:1px solid var(--gray-200);display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000014}.sticky-call,.sticky-whatsapp{flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:.92rem;font-weight:700;transition:background .2s;display:flex}.sticky-call{color:var(--blue-hero);background:var(--white)}.sticky-call:hover{background:var(--gray-50)}.sticky-whatsapp{color:var(--white);background:var(--whatsapp)}.sticky-whatsapp:hover{background:var(--green-dark)}.sticky-call svg,.sticky-whatsapp svg{width:20px;height:20px}@media (width<=1024px){.hero{background:linear-gradient(90deg,#022052f0 0%,#0552a0cc 50%,#0084d766 100%),url(/assets/drain-xperts-hero-composite.png) 50%/cover no-repeat;min-height:520px;padding:60px 0}.hero-inner{text-align:center;grid-template-columns:1fr}.hero-sub{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.hero-badges{justify-content:center;margin-left:auto;margin-right:auto}.trust-grid{grid-template-columns:repeat(4,1fr)}.services-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-trust-strip{margin-top:-20px;margin-bottom:24px;padding:10px 18px;font-size:.85rem}.pricing-cta{padding:20px 16px}.areas-grid{grid-template-columns:repeat(2,1fr)}.sa-cta{padding:28px 20px}.sa-cta-text{font-size:1rem}.about-grid{text-align:center;grid-template-columns:1fr}.about-stats{justify-content:center;gap:16px}.about-trust-panel{margin-top:32px}.footer-grid{grid-template-columns:repeat(2,1fr)}.quote-match-inner{grid-template-columns:1fr;gap:40px}.quote-match-visual{display:none}.quote-match-card{padding:40px 32px}.cctv-special-inner{grid-template-columns:1fr;gap:40px}.cctv-visual-panel{max-width:500px;min-height:380px;margin:0 auto}}@media (width<=768px){.header-inner{height:64px}.hamburger{display:flex}.nav{background:var(--white);z-index:1000;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;width:280px;height:100vh;padding:80px 24px 32px;transition:right .35s;position:fixed;top:0;right:-100%;box-shadow:-4px 0 20px #0000001a}.nav-open{right:0}.nav-list{flex-direction:column;gap:4px}.nav-link{padding:12px 16px;font-size:1rem;display:block}.nav-actions{flex-direction:column;gap:10px}.header-phone{justify-content:center;padding:10px;font-size:1rem}.btn-whatsapp{justify-content:center;padding:12px}.hero{background:linear-gradient(90deg,#022052f5 0%,#0552a0e0 50%,#003c78d9 100%),url(/assets/drain-xperts-hero-composite.png) 50%/cover no-repeat;min-height:auto;padding:60px 0}.hero h1{font-size:clamp(2rem,8vw,2.8rem)}.hero-badges{grid-template-columns:1fr 1fr;gap:8px}.hero-badge{white-space:normal;text-align:left;padding:5px 10px;font-size:.68rem}.hero-ctas{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:14px 24px;font-size:.95rem}.trust-grid{grid-template-columns:1fr}.trust-item{border-bottom:1px solid #ffffff1a;border-right:none;justify-content:flex-start;padding:14px 12px}.trust-item:last-child{border-bottom:none}.quote-match-card{padding:32px 20px}.quote-match-inner{grid-template-columns:1fr}.quote-match-visual{display:none}.quote-match-badge{padding:6px 14px 6px 10px;font-size:.75rem}.services-grid,.pricing-grid{grid-template-columns:1fr}.pricing-trust-strip{border-radius:var(--radius-sm);margin-top:-16px;margin-bottom:20px;padding:10px 16px;font-size:.82rem}.pricing-cta{padding:20px 16px}.pricing-cta-buttons{flex-direction:column;align-items:center}.btn-pricing-wa,.btn-pricing-call{justify-content:center;width:100%}.areas-grid{grid-template-columns:1fr}.area-card{padding:28px 20px}.sa-cta{margin-top:36px;padding:28px 20px}.sa-cta-text{font-size:.95rem}.sa-cta-buttons{flex-direction:column;align-items:center}.btn-sa-call,.btn-sa-wa{justify-content:center;width:100%;padding:14px 24px;font-size:.95rem}.about-stats{flex-direction:column;gap:16px}.about-trust-panel{margin-top:24px}.services-cta{padding:24px 16px}.services-cta-buttons{flex-direction:column;align-items:center}.btn-services-wa,.btn-services-call{justify-content:center;width:100%}.cctv-special{background:linear-gradient(90deg,#022052f5 0%,#022052e0 50%,#022052d9 100%),url(/assets/cctv-inspection-bg.png) 50%/cover no-repeat}.cctv-special-inner{grid-template-columns:1fr;gap:32px}.cctv-visual-panel{max-width:400px;min-height:300px;margin:0 auto}.service-areas{background:linear-gradient(90deg,#022052f5 0%,#043a7ae6 42%,#0552a0d1 100%),url(/assets/service-areas-bg.png) 50%/cover no-repeat}.cctv-pricing{flex-direction:column}.cctv-price-item{width:100%}.final-cta-buttons{flex-direction:column}.faq-panel{padding:24px 16px}.faq-question{padding:14px 16px;font-size:.9rem}.faq-open .faq-answer{padding:0 16px 14px}.faq-cta-card{padding:24px 16px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand p{max-width:100%}.mobile-sticky{display:flex}body{padding-bottom:60px}}