:root{
  --ink:#07111f;--ink-2:#0d1b2d;--ink-3:#14263d;--text:#142033;--muted:#667386;--muted-2:#8e9aac;
  --line:#e4e9f0;--line-dark:rgba(255,255,255,.1);--soft:#f5f7fa;--white:#fff;
  --accent:#ffbf24;--accent-2:#ffd76b;--accent-soft:#fff4cf;--green:#20c76a;--green-soft:#e8fff1;
  --water:#2496d8;--water-soft:#e8f6ff;--electric:#f0bd27;--electric-soft:#fff8d9;--gas:#ff7043;--gas-soft:#fff0eb;
  --danger:#ef4d4d;--radius:26px;--radius-sm:16px;--shadow:0 28px 80px rgba(7,17,31,.11);--shadow-sm:0 14px 38px rgba(7,17,31,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.nav-open{overflow:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{color:inherit}.container{width:min(1220px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;z-index:9999;left:16px;top:-80px;background:#fff;color:#000;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow-sm)}.skip:focus{top:16px}.section{padding:104px 0}.section-sm{padding:72px 0}.soft-section{background:var(--soft)}.kicker,.eyebrow{font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.19em;text-transform:uppercase;color:#9c6a00}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}

/* topbar + header */
.topbar{background:#050c16;color:#9eabba;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.topbar-inner{min-height:36px;display:flex;align-items:center;gap:26px}.topbar-live{display:flex;align-items:center;gap:9px;color:#d5dde7}.topbar-live i{width:7px;height:7px;border-radius:50%;background:#42df84;box-shadow:0 0 0 5px rgba(66,223,132,.12)}.topbar-area{display:flex;align-items:center;gap:7px}.topbar-area svg,.topbar-inner>a svg{width:15px}.topbar-inner>a{margin-left:auto;display:flex;align-items:center;gap:8px;color:#fff;font-weight:800}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,17,31,.07);transition:.25s}.site-header.scrolled{box-shadow:0 12px 35px rgba(7,17,31,.07)}.nav-wrap{min-height:84px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;min-width:174px}.brand img{height:54px;width:auto;max-width:200px;object-fit:contain;object-position:left center}.brand-fallback{display:flex;flex-direction:column;line-height:1}.brand-fallback b{font-size:22px;letter-spacing:.08em;color:var(--ink)}.brand-fallback small{font-size:9px;letter-spacing:.34em;color:#788496;margin-top:5px}.nav{margin-left:auto;display:flex;align-items:center;gap:24px}.nav>a{position:relative;font-size:12px;font-weight:800;padding:31px 0}.nav>a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:22px;background:var(--accent);border-radius:99px;transition:.24s}.nav>a:hover:after,.nav>a.active:after{right:0}.header-actions{display:flex;align-items:center;gap:10px}.header-call{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:20px}.header-call>span{width:38px;height:38px;border-radius:12px;background:#fff7df;color:#a66d00;display:grid;place-items:center}.header-call svg{width:18px}.header-call>b{display:flex;flex-direction:column;line-height:1.1;font-size:13px;color:var(--ink)}.header-call small{font-size:8px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.11em;margin-bottom:4px}.header-wa{width:40px;height:40px;border-radius:12px;background:var(--green-soft);color:#087438;display:grid;place-items:center}.header-wa b{width:24px;height:24px;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:11px}.menu-btn{display:none;margin-left:auto;background:transparent;border:0;padding:8px}.menu-btn span{display:block;width:25px;height:2px;background:var(--ink);margin:5px 0;transition:.25s}

/* shared */
.btn{min-height:52px;border-radius:14px;padding:0 21px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:900;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn svg{width:18px}.btn-accent{background:var(--accent);color:var(--ink);box-shadow:0 14px 32px rgba(255,191,36,.18)}.btn-accent:hover{background:var(--accent-2)}.btn-wa{background:var(--green-soft);color:#08692f;border-color:#c9f4d8}.btn-wa b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:11px}.btn-dark{background:var(--ink);color:#fff}.btn-soft{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 8px 24px rgba(7,17,31,.04)}.btn-outline{border-color:#ccd4df;background:transparent;color:var(--ink)}.btn-outline-light{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.03)}.btn-white{background:#fff;color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:8px;color:#835900;font-size:11px;font-weight:900}.text-link svg{width:16px;transition:.2s}.text-link:hover svg{transform:translateX(4px)}.text-link.strong{font-size:12px}.center-action{display:flex;justify-content:center;margin-top:40px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:54px;margin-bottom:46px}.section-heading>div{max-width:800px}.section-heading h2{font-size:clamp(38px,4.3vw,58px);line-height:1.02;letter-spacing:-.05em;margin:11px 0 0}.section-heading h2 em{font-style:normal;color:#9b6800}.section-heading>p{max-width:410px;color:var(--muted);margin:0;font-size:14px}.section-heading.compact h2{font-size:clamp(34px,3.5vw,46px)}.section-heading.light h2{color:#fff}.section-heading.light>p{color:#aeb9c8}.section-heading.light .kicker{color:#ffd96f}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:10px;color:#aeb9c8;margin-bottom:34px}.breadcrumbs a:hover{color:#fff}.breadcrumbs i{font-style:normal;opacity:.45}.breadcrumbs span{color:#fff}

/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(133deg,#06101c 0%,#0b1a2c 48%,#0c1f35 100%);color:#fff;padding:96px 0 0}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000 70%,transparent)}.hero-noise{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.orbit-a{width:760px;height:760px;right:-340px;top:-370px}.orbit-b{width:480px;height:480px;right:-170px;top:-230px}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.hero-copy{padding:24px 0 100px}.eyebrow{display:flex;align-items:center;gap:11px;color:#ffd66c}.eyebrow span{width:34px;height:1px;background:#ffd66c}.hero h1{font-size:clamp(55px,6.15vw,86px);letter-spacing:-.063em;line-height:.94;max-width:820px;margin:22px 0 28px}.hero-copy>p{font-size:17px;color:#c2cedb;max-width:720px;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:16px 22px;flex-wrap:wrap;margin-top:28px;color:#9fabbb;font-size:10px}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{width:15px;color:#f4bd33}.hero-console{position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-radius:30px;padding:18px;box-shadow:0 35px 100px rgba(0,0,0,.3);backdrop-filter:blur(18px);transform:perspective(1200px) rotateY(-3deg)}.console-top{display:flex;justify-content:space-between;align-items:center;padding:4px 5px 17px;font-size:9px;color:#8e9caf;letter-spacing:.14em}.console-top span{display:flex;gap:8px;align-items:center}.console-top span i{width:7px;height:7px;border-radius:50%;background:#45de84;box-shadow:0 0 0 5px rgba(69,222,132,.1)}.console-top b{font-size:9px;color:#efc75d;letter-spacing:0}.console-services{display:grid;gap:9px}.console-service{display:grid;grid-template-columns:58px 1fr 22px;gap:14px;align-items:center;padding:14px;background:rgba(3,9,17,.5);border:1px solid rgba(255,255,255,.08);border-radius:18px;transition:.24s}.console-service:hover{transform:translateX(-5px);background:rgba(3,9,17,.75);border-color:rgba(255,255,255,.16)}.console-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.06)}.console-icon svg{width:29px}.console-service.water .console-icon{color:#65c7ff;background:rgba(36,150,216,.13)}.console-service.electric .console-icon{color:#ffd45f;background:rgba(240,189,39,.13)}.console-service.gas .console-icon{color:#ff9877;background:rgba(255,112,67,.13)}.console-service>span:nth-child(2){display:flex;flex-direction:column;min-width:0;line-height:1.2}.console-service small{font-size:8px;color:#8794a7}.console-service strong{font-size:16px;margin:3px 0}.console-service em{font-size:9px;color:#8795a8;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-service>i{font-style:normal;color:#aeb8c6}.console-service>i svg{width:18px}.console-emergency{display:grid;grid-template-columns:42px 1fr 20px;gap:11px;align-items:center;margin-top:10px;padding:13px;border-radius:15px;background:rgba(239,77,77,.08);border:1px solid rgba(239,77,77,.22)}.console-emergency>span{width:42px;height:42px;border-radius:12px;background:rgba(239,77,77,.13);display:grid;place-items:center;color:#ff8d8d}.console-emergency>span svg{width:20px}.console-emergency div{display:flex;flex-direction:column}.console-emergency small{font-size:8px;color:#ef8a8a;letter-spacing:.11em}.console-emergency b{font-size:11px;margin-top:2px}.console-emergency>svg{width:17px;color:#ef8a8a}.hero-rail{position:relative;z-index:3;margin-top:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;color:var(--ink);border-radius:24px 24px 0 0;overflow:hidden;box-shadow:0 -16px 60px rgba(0,0,0,.12)}.hero-rail>div{min-height:88px;padding:0 24px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--line)}.hero-rail>div:last-child{border-right:0}.hero-rail b{font-size:21px;letter-spacing:-.04em}.hero-rail span{font-size:10px;font-weight:850;line-height:1.3}.hero-rail small{font-size:8px;color:var(--muted);font-weight:600}

/* problem finder */
.quick-help{background:#fff}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.problem-card{position:relative;display:grid;grid-template-columns:50px 1fr 18px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;transition:.24s}.problem-card:hover{border-color:#cfd7e1;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.problem-icon{width:50px;height:50px;border-radius:15px;background:#f3f6f9;color:#50647b;display:grid;place-items:center}.problem-icon svg{width:24px}.problem-card div{min-width:0}.problem-card small{font-size:8px;color:#987000;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.problem-card h3{font-size:14px;margin:3px 0 2px;letter-spacing:-.015em}.problem-card p{font-size:10.5px;color:var(--muted);margin:0;line-height:1.45}.problem-card>i{font-style:normal;color:#9da8b6}.problem-card>i svg{width:16px}

/* service cards */
.services-section{background:#f8fafc;border-top:1px solid #edf0f4}.service-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-showcase{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;min-height:510px;box-shadow:0 1px 0 rgba(7,17,31,.02);transition:.28s}.service-showcase:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-150px;top:-145px;background:#f4f6f8;transition:.35s}.service-showcase:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-showcase:hover:after{transform:scale(1.35)}.service-showcase.water:after{background:var(--water-soft)}.service-showcase.electric:after{background:var(--electric-soft)}.service-showcase.gas:after{background:var(--gas-soft)}.service-showcase-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.service-showcase-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#f5f7fa;color:#56687c}.service-showcase-icon svg{width:31px}.service-showcase.water .service-showcase-icon{background:var(--water-soft);color:#1179b4}.service-showcase.electric .service-showcase-icon{background:var(--electric-soft);color:#a67b00}.service-showcase.gas .service-showcase-icon{background:var(--gas-soft);color:#d8522b}.service-showcase-head small{font-weight:900;font-size:11px;letter-spacing:.14em;color:#b1bac5}.service-showcase h3{font-size:29px;letter-spacing:-.035em;margin:34px 0 11px}.service-showcase>p{font-size:13px;color:var(--muted);min-height:68px}.service-chip-list{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 28px}.service-chip-list a{font-size:9px;font-weight:800;padding:8px 10px;border-radius:999px;background:#f4f6f8;border:1px solid #edf0f4;transition:.18s}.service-chip-list a:hover{background:#fff;border-color:#cbd4df}.service-showcase .text-link{position:absolute;left:30px;bottom:29px}

/* about */
.about-split{background:#fff}.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:72px;align-items:center}.about-visual{position:relative;min-height:620px;background:linear-gradient(145deg,#07111f,#10253d);border-radius:34px;overflow:hidden;color:#fff;box-shadow:var(--shadow)}.about-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:58px 58px}.about-label{position:absolute;top:28px;left:30px;font-size:8px;letter-spacing:.18em;color:#9baabd}.about-symbols{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px}.about-symbols>span{width:112px;height:112px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:28px;display:grid;place-items:center;transform:rotate(-7deg)}.about-symbols>span:nth-child(2){transform:rotate(5deg) translateY(-28px)}.about-symbols>span:nth-child(3){transform:rotate(-3deg) translateY(24px)}.about-symbols svg{width:49px}.about-symbols .gas{color:#ff9d7f}.about-symbols .water{color:#61c7ff}.about-symbols .electric{color:#ffd864}.about-call-card{position:absolute;left:28px;right:28px;bottom:28px;background:#fff;color:var(--ink);border-radius:20px;padding:17px;display:flex;align-items:center;gap:13px}.about-call-card>span{width:46px;height:46px;border-radius:14px;background:#fff4d5;color:#996800;display:grid;place-items:center}.about-call-card svg{width:21px}.about-call-card div{display:flex;flex-direction:column}.about-call-card small{font-size:9px;color:var(--muted)}.about-call-card a{font-size:20px;font-weight:900;letter-spacing:-.03em}.about-copy h2{font-size:clamp(39px,4.3vw,58px);line-height:1.03;letter-spacing:-.05em;margin:12px 0 22px}.about-copy>.lead{font-size:15px;color:var(--muted);margin-bottom:30px}.reason-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin-bottom:29px}.reason-list>div{display:flex;gap:11px}.reason-list>div>span{flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:#a97600;display:grid;place-items:center}.reason-list svg{width:14px}.reason-list h3{font-size:12px;margin:2px 0 3px}.reason-list p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}

/* process */
.process{background:linear-gradient(145deg,#07111f,#10243b);color:#fff;overflow:hidden}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.09);border-radius:25px;overflow:hidden}.process-card{position:relative;min-height:300px;padding:30px;border-right:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02)}.process-card:last-child{border-right:0}.process-card>b{position:absolute;right:24px;top:22px;font-size:10px;color:#5f7187}.process-card>span{width:52px;height:52px;border-radius:15px;background:rgba(255,191,36,.1);color:#ffd461;display:grid;place-items:center}.process-card>span svg{width:24px}.process-card h3{font-size:18px;margin:57px 0 9px}.process-card p{font-size:11px;color:#9eabba;margin:0}.process-card:after{content:"";position:absolute;left:30px;bottom:28px;width:38px;height:2px;background:var(--accent)}
.emergency-strip{background:#8f2d2d;color:#fff}.emergency-inner{min-height:132px;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:20px}.emergency-pulse{width:11px;height:11px;border-radius:50%;background:#ff9393;box-shadow:0 0 0 8px rgba(255,147,147,.12)}.emergency-inner small{font-size:8px;font-weight:900;letter-spacing:.16em;color:#ffc2c2}.emergency-inner h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin:5px 0 0;max-width:800px}

/* gallery */
.gallery-mosaic{display:grid;grid-template-columns:1.35fr .65fr .75fr;grid-template-rows:250px 250px;gap:12px}.gallery-tile{position:relative;border:0;padding:0;background:#162236;overflow:hidden;border-radius:20px;cursor:pointer;text-align:left}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-tile:hover img{transform:scale(1.035)}.gallery-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,9,16,.78))}.gallery-tile>span{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;color:#fff;display:flex;flex-direction:column}.gallery-tile small{font-size:7px;letter-spacing:.14em;color:#c3cedb;font-weight:900}.gallery-tile b{font-size:13px;margin-top:3px}.gallery-mosaic .tile-1{grid-row:1/3}.gallery-mosaic .tile-4{grid-column:3;grid-row:1/3}.gallery-empty{border:1px dashed #cdd5df;border-radius:26px;padding:75px;text-align:center;background:#fafbfc}.gallery-empty>span{width:65px;height:65px;border-radius:20px;background:#eff3f7;display:grid;place-items:center;margin:0 auto 18px;color:#65768a}.gallery-empty svg{width:29px}.gallery-empty h2,.gallery-empty h3{margin:0 0 8px}.gallery-empty p{color:var(--muted);font-size:12px}.full-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.full-gallery .gallery-tile{aspect-ratio:1.25/1}

/* reviews */
.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.review-card{min-height:300px;background:#fff;border:1px solid var(--line);border-radius:23px;padding:24px;display:flex;flex-direction:column}.review-card .quote{font-family:Georgia,serif;font-size:58px;line-height:.8;color:#e0aa24}.review-card>p{font-size:11.5px;color:#526073;margin:22px 0 auto}.review-card footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.review-card footer span{width:27px;height:27px;border-radius:9px;background:#fff5d4;color:#ad7c00;display:grid;place-items:center}.review-card footer svg{width:13px}.review-card footer b{font-size:11px}

/* area */
.area-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.area-copy h2{font-size:clamp(40px,4.5vw,60px);line-height:1.03;letter-spacing:-.05em;margin:12px 0 20px}.area-copy>p{font-size:14px;color:var(--muted);max-width:650px}.area-items{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:27px 0 29px}.area-items span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.area-items svg{width:15px;color:#a97900}.area-actions{display:flex;gap:10px}.area-board{position:relative;min-height:500px;border-radius:32px;background:linear-gradient(145deg,#eef3f7,#e2e9ef);overflow:hidden;border:1px solid #dbe2e9}.area-map-lines{position:absolute;inset:-10%;transform:rotate(12deg);background-image:linear-gradient(rgba(98,118,140,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(98,118,140,.11) 1px,transparent 1px);background-size:50px 50px}.pin-main{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;z-index:4;box-shadow:0 14px 30px rgba(7,17,31,.2)}.pin-main svg{width:28px}.area-board>b{position:absolute;left:50%;top:56%;transform:translateX(-50%);font-size:12px;letter-spacing:.14em;z-index:5}.area-board>p{position:absolute;left:50%;top:59%;transform:translateX(-50%);font-size:9px;color:var(--muted);z-index:5}.area-ring{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid rgba(7,17,31,.13);border-radius:50%}.ring1{width:160px;height:160px}.ring2{width:290px;height:290px}.ring3{width:430px;height:430px}.area-note{position:absolute;right:25px;bottom:24px;background:#fff;padding:13px 15px;border-radius:14px;font-size:9px;color:var(--muted);box-shadow:var(--shadow-sm)}.area-note strong{color:var(--ink);font-size:11px}

/* guide cards */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:23px;overflow:hidden;transition:.24s}.guide-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.guide-image{display:block;aspect-ratio:1.55/1;background:#172438;overflow:hidden}.guide-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.guide-card:hover .guide-image img{transform:scale(1.04)}.guide-card>div{padding:22px}.guide-card>div>span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#9b6900;text-transform:uppercase}.guide-card h3,.guide-card h2{font-size:20px;line-height:1.18;letter-spacing:-.025em;margin:9px 0}.guide-card h2{font-size:25px}.guide-card p{font-size:11px;color:var(--muted);margin:0 0 16px}.guide-grid-full{grid-template-columns:1fr}.guide-grid-full .guide-card{display:grid;grid-template-columns:.8fr 1.2fr}.guide-grid-full .guide-image{aspect-ratio:auto;min-height:300px}

/* faq */
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.faq-intro{position:sticky;top:140px}.faq-intro h2{font-size:45px;line-height:1.04;letter-spacing:-.045em;margin:12px 0 15px}.faq-intro p{font-size:13px;color:var(--muted);margin-bottom:22px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:13px;font-weight:850}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#f3f5f7;display:grid;place-items:center;font-size:17px;font-weight:500;transition:.22s}.faq-item[open] summary span{transform:rotate(45deg);background:var(--accent-soft)}.faq-item p{font-size:11.5px;color:var(--muted);margin:-4px 0 20px;max-width:800px}.faq-narrow{max-width:850px}.faq-page-layout{display:grid;grid-template-columns:330px 1fr;gap:65px;align-items:start}.faq-page-aside{position:sticky;top:135px;background:var(--soft);border:1px solid var(--line);border-radius:23px;padding:25px}.faq-page-aside h2{font-size:26px;line-height:1.12;margin:10px 0}.faq-page-aside p{font-size:11px;color:var(--muted)}.faq-page-aside .btn{margin-top:8px}

/* page hero */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(140deg,#07111f,#102640);color:#fff;padding:72px 0 86px}.page-hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-320px;top:-330px}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(48px,5.5vw,76px);line-height:.99;letter-spacing:-.057em;max-width:1040px;margin:12px 0 20px}.page-hero>div>p{font-size:16px;color:#bdc8d6;max-width:790px;margin:0}.page-hero-actions{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}.service-hero.water,.subservice-hero.water{background:linear-gradient(140deg,#07111f,#0c3650)}.service-hero.gas,.subservice-hero.gas{background:linear-gradient(140deg,#07111f,#3a1e1a)}.service-hero.electric,.subservice-hero.electric{background:linear-gradient(140deg,#07111f,#332c10)}.service-hero-grid{display:grid;grid-template-columns:1fr 200px;align-items:center;gap:50px}.service-hero-icon{width:190px;height:190px;border-radius:38px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center}.service-hero-icon>svg{width:64px;margin-bottom:17px}.service-hero.water .service-hero-icon{color:#68ccff}.service-hero.gas .service-hero-icon{color:#ff9878}.service-hero.electric .service-hero-icon{color:#ffdb67}.service-hero-icon b{font-size:26px;color:#fff;line-height:1}.service-hero-icon small{font-size:9px;color:#aeb9c7;margin-top:5px}.emergency-hero{background:linear-gradient(140deg,#180b10,#4a1821)}

/* services directory/detail */
.all-services{padding-top:76px}.service-directory{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;margin-bottom:22px}.directory-head{display:grid;grid-template-columns:65px 1fr auto;align-items:start;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--line)}.directory-head>span{width:65px;height:65px;border-radius:19px;background:#f3f6f9;color:#52677e;display:grid;place-items:center}.directory-head>span svg{width:31px}.service-directory.water .directory-head>span{background:var(--water-soft);color:#147bb4}.service-directory.gas .directory-head>span{background:var(--gas-soft);color:#d5522c}.service-directory.electric .directory-head>span{background:var(--electric-soft);color:#a87b00}.directory-head small{font-size:8px;color:#8c6900;font-weight:900;letter-spacing:.14em}.directory-head h2{font-size:28px;margin:3px 0 5px;letter-spacing:-.03em}.directory-head p{font-size:11px;color:var(--muted);max-width:740px;margin:0}.directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;margin-top:7px}.directory-grid>a{position:relative;display:grid;grid-template-columns:1fr 20px;padding:17px 0;border-bottom:1px solid #eef1f4}.directory-grid b{font-size:12px}.directory-grid span{grid-column:1;font-size:9.5px;color:var(--muted);margin-top:3px}.directory-grid i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;color:#9faab7}.directory-grid svg{width:15px}.service-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:62px;align-items:start}.service-detail-layout h2{font-size:43px;line-height:1.06;letter-spacing:-.045em;margin:12px 0}.lead-copy{font-size:15px;color:var(--muted);max-width:780px}.subservice-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:30px}.subservice-card{display:grid;grid-template-columns:43px 1fr 18px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:16px;background:#fff;transition:.2s}.subservice-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.subservice-card>span{width:43px;height:43px;border-radius:12px;background:#f3f6f8;color:#68788a;display:grid;place-items:center}.subservice-card>span svg{width:21px}.subservice-card h3{font-size:12px;margin:0 0 3px}.subservice-card p{font-size:9px;color:var(--muted);margin:0;line-height:1.4}.subservice-card>i{font-style:normal;color:#98a3b0}.subservice-card>i svg{width:14px}.service-aside{min-width:0}.aside-card{background:#0c1a2b;color:#fff;border-radius:24px;padding:24px}.aside-card.sticky{position:sticky;top:130px}.aside-card>small{font-size:8px;letter-spacing:.15em;color:#e8bd55;font-weight:900}.aside-card h3{font-size:24px;line-height:1.12;letter-spacing:-.03em;margin:10px 0}.aside-card>p{font-size:10.5px;color:#9dacbe;margin-bottom:19px}.aside-card .btn{margin-top:8px}.aside-phone{display:flex;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:18px}.aside-phone>svg{width:20px;color:#f5c95d}.aside-phone>span{display:flex;flex-direction:column}.aside-phone small{font-size:8px;color:#8594a7}.aside-phone b{font-size:17px}.aside-meta{display:grid;gap:8px;border-top:1px solid rgba(255,255,255,.1);margin-top:18px;padding-top:16px}.aside-meta span{display:flex;align-items:center;gap:7px;color:#98a6b7;font-size:9px}.aside-meta svg{width:15px}.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px}.info-columns h2{font-size:36px;letter-spacing:-.04em;line-height:1.08;margin:11px 0 23px}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}.check-list li{display:flex;gap:9px;align-items:flex-start;font-size:11.5px;color:#4c5b6e}.check-list svg{flex:0 0 auto;width:17px;margin-top:2px;color:#9f7400}.number-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.number-list li{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:12px}.number-list b{font-size:9px;letter-spacing:.12em;color:#a67a00}.number-list span{font-size:11.5px;font-weight:750}

/* subservice */
.sub-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:70px;align-items:start}.sub-content{max-width:820px}.sub-content>h2{font-size:44px;line-height:1.05;letter-spacing:-.045em;margin:11px 0 18px}.article-lead{font-size:17px;color:#344358;line-height:1.75}.detail-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.detail-two section{border:1px solid var(--line);border-radius:20px;padding:22px}.detail-two h3{font-size:16px;margin:0 0 16px}.safety-note{display:flex;gap:14px;border-radius:19px;padding:18px;margin-top:24px}.safety-note>span{flex:0 0 auto;width:43px;height:43px;border-radius:13px;display:grid;place-items:center}.safety-note svg{width:21px}.safety-note b{font-size:12px}.safety-note p{font-size:10.5px;margin:4px 0 0;color:#546276}.safety-note.gas{background:#fff4ef;border:1px solid #ffd6c8}.safety-note.gas>span{background:#ffe1d7;color:#ca4b26}.safety-note.electric{background:#fff9dd;border:1px solid #f7e8a9}.safety-note.electric>span{background:#ffefad;color:#916c00}.sub-faq{margin-top:40px}.sub-faq>.kicker{display:block;margin-bottom:6px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-grid>a{position:relative;border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px;min-height:130px;display:flex;flex-direction:column;transition:.2s}.related-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.related-grid b{font-size:12px;padding-right:24px}.related-grid span{font-size:9px;color:var(--muted);margin-top:5px}.related-grid svg{position:absolute;right:15px;top:16px;width:15px;color:#a2acb8}

/* emergency */
.emergency-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.emergency-card{border:1px solid var(--line);border-radius:24px;padding:27px;background:#fff}.emergency-card>span{width:56px;height:56px;border-radius:17px;background:#fff0f0;color:#d44a4a;display:grid;place-items:center}.emergency-card>span svg{width:27px}.emergency-card h2{font-size:22px;margin:22px 0 8px}.emergency-card p{font-size:11px;color:var(--muted);min-height:90px}.emergency-warning{margin-top:20px;padding:17px 20px;border-radius:15px;background:#fff4e8;border:1px solid #f5d6b8;font-size:11px;color:#6b4e32}.contact-copy h2{font-size:44px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 15px}.contact-copy>p{font-size:13px;color:var(--muted)}

/* about page */
.about-page-grid{display:grid;grid-template-columns:1fr 350px;gap:80px;align-items:start}.prose{max-width:820px}.prose h2{font-size:45px;line-height:1.04;letter-spacing:-.045em;margin:12px 0 20px}.prose h3{font-size:20px;margin:35px 0 8px}.prose>p:not(.article-lead){font-size:13px;color:var(--muted)}.about-side{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;top:130px}.about-side>div{min-height:150px;border-radius:20px;background:var(--soft);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.about-side b{font-size:27px;letter-spacing:-.04em}.about-side span{font-size:9px;color:var(--muted)}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reason-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:23px}.reason-card>span{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:#9d7100;display:grid;place-items:center}.reason-card svg{width:18px}.reason-card h3{font-size:15px;margin:19px 0 7px}.reason-card p{font-size:10px;color:var(--muted);margin:0}

/* article */
.article-layout{display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:start}.article-content{max-width:820px}.article-cover{border-radius:27px;overflow:hidden;background:#19273a;margin-bottom:30px}.article-cover img{width:100%;aspect-ratio:1.7/1;object-fit:cover}.article-content>section{margin-top:36px}.article-content>section h2{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}.article-content>section p{font-size:13px;color:#526075}.article-disclaimer{margin-top:36px;border-radius:17px;background:#f7f9fb;border:1px solid var(--line);padding:17px;font-size:10px;color:#5d6978}.article-cta{margin-top:22px;background:#0c1a2a;color:#fff;border-radius:19px;padding:17px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.article-cta>span{width:44px;height:44px;border-radius:13px;background:var(--accent);color:#111;display:grid;place-items:center}.article-cta svg{width:21px}.article-cta div{display:flex;flex-direction:column}.article-cta small{font-size:7px;color:#8d9bad;letter-spacing:.13em}.article-cta b{font-size:11px}.article-cta>a{font-size:14px;font-weight:900;color:#ffd767}.article-side{position:sticky;top:130px;border:1px solid var(--line);border-radius:23px;padding:22px}.article-side>span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#956900}.article-side>a{display:grid;grid-template-columns:1fr 18px;padding:15px 0;border-bottom:1px solid var(--line)}.article-side>a b{font-size:11px}.article-side>a small{grid-column:1;font-size:8.5px;color:var(--muted);margin-top:3px}.article-side>a i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal}.article-contact{margin-top:18px;background:var(--soft);border-radius:14px;padding:14px;display:flex;flex-direction:column}.article-contact small{font-size:7px;color:var(--muted);letter-spacing:.12em}.article-contact a{font-size:17px;font-weight:900}.article-contact span{font-size:8px;color:var(--muted)}

/* contact */
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.contact-info{display:grid;gap:10px}.contact-card{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:16px}.contact-card>span{width:48px;height:48px;border-radius:14px;background:#f3f6f8;color:#52677c;display:grid;place-items:center;font-weight:900}.contact-card svg{width:21px}.contact-card div{display:flex;flex-direction:column}.contact-card small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.contact-card a{font-weight:900;font-size:14px}.contact-card p{font-size:10px;color:#536174;margin:2px 0 0}.contact-note{background:#fff8df;border:1px solid #f4e6af;border-radius:17px;padding:16px}.contact-note b{font-size:11px}.contact-note p{font-size:9px;color:#71613d;margin:5px 0 0}.whatsapp-form{background:#0d1b2d;color:#fff;border-radius:26px;padding:28px}.whatsapp-form h2{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:9px 0}.whatsapp-form>p{font-size:10px;color:#94a3b6}.whatsapp-form form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.whatsapp-form label{font-size:8px;font-weight:800;color:#a9b5c4;display:flex;flex-direction:column;gap:6px}.whatsapp-form input,.whatsapp-form select,.whatsapp-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:12px;color:#fff;padding:12px;outline:none;transition:.2s}.whatsapp-form input:focus,.whatsapp-form select:focus,.whatsapp-form textarea:focus{border-color:rgba(255,191,36,.7);box-shadow:0 0 0 3px rgba(255,191,36,.08)}.whatsapp-form select option{color:#111}.whatsapp-form .wide{grid-column:1/-1}.map-box{height:390px;margin-top:30px;border-radius:26px;overflow:hidden;border:1px solid var(--line)}.map-box iframe{width:100%;height:100%;border:0}

/* final cta + footer */
.final-cta{background:#fff}.final-cta-inner{margin-top:30px;margin-bottom:30px;border-radius:30px;background:linear-gradient(140deg,#0a1728,#122b46);color:#fff;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta small{font-size:8px;letter-spacing:.15em;color:#f5ca63;font-weight:900}.final-cta h2{font-size:30px;line-height:1.12;letter-spacing:-.035em;max-width:720px;margin:7px 0 0}.final-cta-inner>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.footer{background:#050c16;color:#97a5b8;padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr 1fr;gap:52px}.brand-footer img{background:#fff;border-radius:12px;padding:6px 9px;height:55px;max-width:180px}.brand-footer .brand-fallback b{color:#fff}.footer-brand>p{font-size:10.5px;max-width:340px;line-height:1.6;margin:18px 0}.footer-badges{display:flex;gap:6px;flex-wrap:wrap}.footer-badges span{font-size:8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 8px;color:#c1cbd7}.footer h3{font-size:10px;color:#fff;text-transform:uppercase;letter-spacing:.13em;margin:3px 0 17px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-grid a{font-size:10px;color:#9aa8b9}.footer-grid a:hover{color:#fff}.footer-contact p{font-size:9px;line-height:1.5}.footer-contact .footer-phone{font-size:17px;color:#fff;font-weight:900}.footer-wa{color:#7ce8a4!important;font-weight:900}.madeby-row{min-height:90px;border-top:1px solid rgba(255,255,255,.08);margin-top:46px;display:flex;align-items:center;justify-content:space-between;gap:25px}.madeby-row>div{display:flex;gap:17px;font-size:8.5px}.reklime-credit{display:flex;align-items:center;gap:10px}.reklime-credit small{font-size:7px;color:#65758a;text-transform:uppercase;letter-spacing:.1em}.reklime-credit img{max-width:135px;max-height:38px;object-fit:contain}.reklime-credit b{font-size:11px;color:#fff}.floating-wa{position:fixed;right:18px;bottom:20px;z-index:80;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;padding:8px 13px 8px 8px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900}.floating-wa b{width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}.mobile-cta{display:none}.lightbox{position:fixed;z-index:999;inset:0;background:rgba(2,7,13,.92);display:none;align-items:center;justify-content:center;padding:50px}.lightbox.open{display:flex}.lightbox img{max-width:min(1200px,94vw);max-height:86vh;border-radius:15px}.lightbox button{position:absolute;right:25px;top:20px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:25px;cursor:pointer}.error-hero{min-height:510px;display:flex;align-items:center}

@media(max-width:1080px){
  .nav{gap:17px}.header-call{display:none}.hero-layout{gap:40px}.hero h1{font-size:66px}.about-grid{gap:45px}.service-detail-layout,.sub-detail-layout{grid-template-columns:1fr 285px;gap:42px}.footer-grid{grid-template-columns:1.25fr .75fr .75fr 1fr;gap:35px}
}
@media(max-width:900px){
  .container{width:min(100% - 34px,760px)}.topbar-area{display:none}.nav-wrap{min-height:76px}.brand img{height:48px}.header-actions{margin-left:auto}.header-call{display:flex}.header-wa{display:none}.menu-btn{display:block;margin-left:0}.nav{position:fixed;left:0;right:0;top:112px;bottom:0;background:#fff;padding:24px 28px 120px;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(105%);transition:.28s;overflow:auto;z-index:100}.nav.open{transform:none}.nav>a{font-size:18px;padding:15px 0;border-bottom:1px solid var(--line)}.nav>a:after{display:none}.hero{padding-top:62px}.hero-layout{grid-template-columns:1fr}.hero-copy{padding-bottom:45px}.hero h1{font-size:clamp(52px,9vw,78px);max-width:760px}.hero-console{transform:none;max-width:650px}.hero-rail{grid-template-columns:1fr 1fr}.hero-rail>div:nth-child(2){border-right:0}.hero-rail>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.problem-grid{grid-template-columns:1fr 1fr}.service-showcase-grid{grid-template-columns:1fr}.service-showcase{min-height:auto}.service-showcase .text-link{position:static}.service-showcase>p{min-height:0}.about-grid{grid-template-columns:1fr}.about-visual{min-height:520px}.reason-list{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-card:nth-child(2){border-right:0}.process-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}.emergency-inner{grid-template-columns:14px 1fr}.emergency-inner .btn{grid-column:1/-1;justify-self:start;margin-bottom:20px}.gallery-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:280px 240px 240px}.gallery-mosaic .tile-1{grid-column:1/-1;grid-row:auto}.gallery-mosaic .tile-4{grid-column:auto;grid-row:auto}.review-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.review-card{min-width:300px;scroll-snap-align:start}.area-layout{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}.faq-layout{grid-template-columns:1fr}.faq-intro{position:static}.page-hero{padding:58px 0 70px}.service-hero-grid{grid-template-columns:1fr 140px}.service-hero-icon{width:135px;height:135px;border-radius:28px}.service-hero-icon>svg{width:48px}.service-detail-layout,.sub-detail-layout{grid-template-columns:1fr}.aside-card.sticky{position:static}.service-aside{max-width:600px}.subservice-grid{grid-template-columns:1fr 1fr}.info-columns{gap:40px}.related-grid{grid-template-columns:1fr 1fr}.emergency-cards{grid-template-columns:1fr}.emergency-card p{min-height:0}.about-page-grid{grid-template-columns:1fr}.about-side{position:static;max-width:550px}.reason-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-side{position:static}.contact-layout{grid-template-columns:1fr}.guide-grid-full .guide-card{grid-template-columns:.75fr 1.25fr}.faq-page-layout{grid-template-columns:1fr}.faq-page-aside{position:static}.final-cta-inner{flex-direction:column;align-items:flex-start}.final-cta-inner>div:last-child{justify-content:flex-start}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.floating-wa{display:none}.mobile-cta{position:fixed;z-index:90;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));box-shadow:0 -10px 30px rgba(7,17,31,.08)}.mobile-cta a{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;font-weight:900;font-size:12px}.mobile-cta a:first-child{background:var(--ink);color:#fff}.mobile-cta a:last-child{background:var(--green-soft);color:#096c33}.mobile-cta svg{width:18px}.mobile-cta b{width:21px;height:21px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:10px}.footer{padding-bottom:66px}
}
@media(max-width:620px){
  .container{width:calc(100% - 28px)}.topbar-inner{min-height:33px}.topbar-inner>a{display:none}.nav-wrap{min-height:70px}.brand{min-width:0}.brand img{height:42px;max-width:160px}.header-call{display:none}.nav{top:103px}.section{padding:68px 0}.section-sm{padding:54px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:36px}.section-heading>p{font-size:12px;margin-top:14px}.hero{padding-top:42px}.hero h1{font-size:45px;line-height:.97}.hero-copy>p{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn{padding:0 12px;min-height:50px}.hero-proof{gap:9px 13px}.hero-console{padding:13px;border-radius:23px}.console-top{display:none}.console-service{grid-template-columns:48px 1fr 18px;padding:11px}.console-icon{width:48px;height:48px}.console-icon svg{width:24px}.console-service strong{font-size:13px}.console-service em{font-size:8px}.console-emergency{grid-template-columns:38px 1fr 18px}.console-emergency>span{width:38px;height:38px}.hero-rail>div{min-height:70px;padding:0 14px;gap:8px}.hero-rail b{font-size:16px}.hero-rail span{font-size:8px}.problem-grid{grid-template-columns:1fr}.problem-card{padding:15px}.service-showcase{padding:23px;border-radius:23px}.service-showcase h3{font-size:25px;margin-top:27px}.service-showcase-icon{width:54px;height:54px}.service-chip-list{margin:18px 0}.about-visual{min-height:390px;border-radius:26px}.about-symbols{gap:8px}.about-symbols>span{width:82px;height:82px;border-radius:22px}.about-symbols svg{width:37px}.about-call-card{left:18px;right:18px;bottom:18px}.about-copy h2,.area-copy h2{font-size:36px}.reason-list{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-card{min-height:220px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.process-card:last-child{border-bottom:0}.process-card h3{margin-top:38px}.emergency-inner{padding:25px 0}.emergency-inner h2{font-size:18px}.gallery-mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:none}.gallery-mosaic .gallery-tile{min-height:260px}.full-gallery{grid-template-columns:1fr}.gallery-empty{padding:45px 22px}.review-card{min-width:82vw}.area-items{grid-template-columns:1fr}.area-actions{display:grid;grid-template-columns:1fr 1fr}.area-board{min-height:360px}.ring3{width:330px;height:330px}.guide-grid{grid-template-columns:1fr}.faq-intro h2{font-size:36px}.page-hero{padding:46px 0 58px}.page-hero h1{font-size:42px}.page-hero>div>p{font-size:13px}.breadcrumbs{margin-bottom:25px}.service-hero-grid{grid-template-columns:1fr}.service-hero-icon{display:none}.directory-head{grid-template-columns:52px 1fr}.directory-head>span{width:52px;height:52px}.directory-head>.btn{grid-column:1/-1}.directory-grid{grid-template-columns:1fr}.service-detail-layout h2,.sub-content>h2{font-size:35px}.subservice-grid{grid-template-columns:1fr}.info-columns{grid-template-columns:1fr}.detail-two{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.about-side{grid-template-columns:1fr 1fr}.reason-grid{grid-template-columns:1fr}.guide-grid-full .guide-card{grid-template-columns:1fr}.guide-grid-full .guide-image{min-height:230px}.article-cover{border-radius:20px}.article-content>section h2{font-size:27px}.article-cta{grid-template-columns:42px 1fr}.article-cta>a{grid-column:1/-1;background:var(--accent);color:var(--ink);padding:9px;border-radius:10px;text-align:center}.contact-copy h2,.prose h2{font-size:35px}.whatsapp-form{padding:21px;border-radius:21px}.whatsapp-form h2{font-size:29px}.whatsapp-form form{grid-template-columns:1fr}.whatsapp-form .wide{grid-column:auto}.map-box{height:310px}.faq-page-aside{padding:20px}.final-cta-inner{padding:27px;border-radius:23px}.final-cta h2{font-size:24px}.final-cta-inner>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.footer{padding-top:50px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand,.footer-contact{grid-column:1/-1}.madeby-row{flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 0}.madeby-row>div{flex-direction:column;gap:3px}.reklime-credit{width:100%;justify-content:space-between}.lightbox{padding:18px}.lightbox button{right:10px;top:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.service-showcase,.problem-card,.guide-card,.gallery-tile img{transition:none}}
@keyframes consoleFloat{0%,100%{transform:perspective(1200px) rotateY(-3deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-3deg) translateY(-7px)}}
@keyframes emergencyPulse{0%,100%{box-shadow:0 0 0 8px rgba(255,147,147,.12)}50%{box-shadow:0 0 0 15px rgba(255,147,147,0)}}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.hero-console{animation:consoleFloat 7s ease-in-out infinite}.emergency-pulse{animation:emergencyPulse 1.8s ease-in-out infinite}}

/* =========================================================
   V4 FINAL POLISH — logo, responsive stability, quick service
   ========================================================= */
[hidden]{display:none!important}
html,body{max-width:100%;overflow-x:hidden}
.brand{flex:0 0 auto}
.brand .brand-logo{display:block;height:56px;width:auto;max-width:220px;object-fit:contain;object-position:left center}
.brand .brand-fallback{display:flex;flex-direction:column;line-height:1}
.brand.logo-missing{min-width:174px}
.brand-footer .brand-logo{height:56px;max-width:190px}

/* hero stats: cleaner rhythm and safer shrinking */
.hero-rail>div{min-width:0}
.hero-rail b{white-space:nowrap}
.hero-rail span{min-width:0}
.hero-rail small{display:inline-block;margin-top:2px}

/* quick service selector */
.quick-help{position:relative;background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%);padding-top:58px;padding-bottom:82px;overflow:hidden}
.quick-help:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-300px;top:-210px;background:radial-gradient(circle,rgba(255,191,36,.12),rgba(255,191,36,0) 68%);pointer-events:none}
.quick-help-shell{position:relative;background:rgba(255,255,255,.96);border:1px solid #dfe6ee;border-radius:32px;padding:34px;box-shadow:0 30px 90px rgba(7,17,31,.08);overflow:hidden}
.quick-help-shell:before{content:"";position:absolute;left:34px;right:34px;top:0;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--water),var(--accent),var(--gas));opacity:.9}
.quick-help-head{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:28px;align-items:stretch}
.quick-help-title{padding:13px 6px 8px}
.quick-help-title h2{font-size:clamp(38px,4.2vw,56px);line-height:1.01;letter-spacing:-.055em;margin:12px 0 17px;max-width:760px;color:var(--ink)}
.quick-help-title h2 em{font-style:normal;color:#9a6900}
.quick-help-title>p{max-width:740px;color:var(--muted);font-size:14px;line-height:1.72;margin:0}
.quick-help-trades{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}
.quick-help-trades span{border:1px solid var(--line);background:#f8fafc;color:#4e5f73;border-radius:999px;padding:7px 10px;font-size:8.5px;font-weight:900;letter-spacing:.04em}
.quick-help-contact{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-content:center;background:linear-gradient(140deg,#07111f,#102a45);color:#fff;border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 20px 48px rgba(7,17,31,.15)}
.quick-help-contact:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-90px;top:-80px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02)}
.quick-help-contact-icon{position:relative;z-index:1;width:52px;height:52px;border-radius:16px;background:rgba(255,191,36,.13);color:#ffd267;display:grid;place-items:center;border:1px solid rgba(255,214,108,.15)}
.quick-help-contact-icon svg{width:24px}
.quick-help-contact>div{position:relative;z-index:1;display:flex;flex-direction:column;line-height:1.25}
.quick-help-contact small{color:#efc75d;font-size:8px;font-weight:900;letter-spacing:.14em;margin-bottom:6px}
.quick-help-contact b{font-size:15px;line-height:1.25;letter-spacing:-.015em}
.quick-help-contact div>span{font-size:9.5px;color:#aebdce;line-height:1.5;margin-top:6px}
.quick-help-contact>a{position:relative;z-index:1;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:3px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;color:#fff;font-size:10px;font-weight:900}
.quick-help-contact>a svg{width:16px;color:#ffd267;transition:.2s}
.quick-help-contact>a:hover svg{transform:translateX(4px)}
.problem-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:31px 0 15px;padding-top:24px;border-top:1px solid var(--line)}
.problem-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.problem-filters button{appearance:none;border:1px solid #dce3eb;background:#f8fafc;color:#56667a;border-radius:999px;padding:8px 13px;line-height:1;font-size:9px;font-weight:900;cursor:pointer;transition:.2s}
.problem-filters button:hover{border-color:#bfc9d6;background:#fff;color:var(--ink)}
.problem-filters button.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(7,17,31,.12)}
.problem-count{font-size:9px;color:#8995a5;font-weight:800;white-space:nowrap}
.quick-help .problem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quick-help .problem-card{isolation:isolate;min-height:132px;grid-template-columns:54px minmax(0,1fr) 20px;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcfe);overflow:hidden;box-shadow:0 1px 0 rgba(7,17,31,.015)}
.quick-help .problem-card:before{content:"";position:absolute;z-index:-1;left:0;top:20px;bottom:20px;width:3px;border-radius:0 999px 999px 0;background:#aab6c4;opacity:.75;transition:.24s}
.quick-help .problem-card:after{content:"";position:absolute;z-index:-2;width:120px;height:120px;border-radius:50%;right:-70px;bottom:-75px;background:rgba(7,17,31,.025);transition:.25s}
.quick-help .problem-card[data-group="su"]:before{background:var(--water)}
.quick-help .problem-card[data-group="elektrik"]:before{background:var(--electric)}
.quick-help .problem-card[data-group="dogalgaz"]:before{background:var(--gas)}
.quick-help .problem-card[data-group="acil"]:before{background:var(--danger)}
.quick-help .problem-card:hover{transform:translateY(-4px);border-color:#cbd4df;box-shadow:0 17px 42px rgba(7,17,31,.08)}
.quick-help .problem-card:hover:before{top:12px;bottom:12px;width:4px}
.quick-help .problem-card:hover:after{transform:scale(1.35)}
.quick-help .problem-icon{width:54px;height:54px;border-radius:17px}
.quick-help .problem-card[data-group="su"] .problem-icon{background:var(--water-soft);color:#167eb9}
.quick-help .problem-card[data-group="elektrik"] .problem-icon{background:var(--electric-soft);color:#9a7200}
.quick-help .problem-card[data-group="dogalgaz"] .problem-icon{background:var(--gas-soft);color:#d3552d}
.quick-help .problem-card[data-group="acil"] .problem-icon{background:#fff0f0;color:#d84141}
.quick-help .problem-icon svg{width:25px}
.quick-help .problem-copy small{display:inline-block;margin-bottom:2px}
.quick-help .problem-card[data-group="su"] .problem-copy small{color:#177fb8}
.quick-help .problem-card[data-group="elektrik"] .problem-copy small{color:#8e6800}
.quick-help .problem-card[data-group="dogalgaz"] .problem-copy small{color:#ca522d}
.quick-help .problem-card[data-group="acil"] .problem-copy small{color:#c93d3d}
.quick-help .problem-card h3{font-size:14px;line-height:1.25;margin:4px 0 5px;color:var(--ink)}
.quick-help .problem-card p{font-size:10.5px;line-height:1.5}
.problem-arrow{align-self:center;display:grid;place-items:center;width:20px;height:20px;color:#9ba8b7;transition:.22s}
.problem-card:hover .problem-arrow{color:var(--ink);transform:translateX(3px)}
.quick-help-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;border-radius:16px;background:#f6f8fb;border:1px solid #e4e9f0;padding:13px 16px;color:#657386}
.quick-help-bottom>span{display:flex;align-items:center;gap:8px;font-size:9.5px;font-weight:700}
.quick-help-bottom>span svg{width:16px;color:#9a6900}
.quick-help-bottom>a{font-size:12px;color:var(--ink);font-weight:900;white-space:nowrap}
.quick-help-bottom>a b{color:#956700;margin-left:6px}
.problem-card.is-filtered-out{display:none!important}

/* slightly richer section transitions */
.services-section{position:relative;background:#fff}
.services-section:before{content:"";position:absolute;left:50%;top:0;width:min(1220px,calc(100% - 48px));height:1px;background:linear-gradient(90deg,transparent,#e4e9f0,transparent);transform:translateX(-50%)}

@media(max-width:1080px){
  .brand .brand-logo{height:52px;max-width:195px}
  .quick-help-head{grid-template-columns:1fr 360px;gap:20px}
  .quick-help .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .brand .brand-logo{height:48px;max-width:185px}
  .quick-help{padding-top:42px;padding-bottom:66px}
  .quick-help-shell{padding:28px;border-radius:28px}
  .quick-help-shell:before{left:28px;right:28px}
  .quick-help-head{grid-template-columns:1fr}
  .quick-help-contact{grid-template-columns:50px minmax(0,1fr);max-width:none}
  .hero-rail{border-radius:20px 20px 0 0}
}
@media(max-width:620px){
  .brand .brand-logo{height:42px;max-width:158px}
  .quick-help{padding:32px 0 54px}
  .quick-help-shell{padding:20px 18px 18px;border-radius:24px;box-shadow:0 22px 60px rgba(7,17,31,.07)}
  .quick-help-shell:before{left:18px;right:18px}
  .quick-help-title{padding:8px 2px 2px}
  .quick-help-title h2{font-size:35px;line-height:1.02;margin:11px 0 14px}
  .quick-help-title>p{font-size:12px;line-height:1.65}
  .quick-help-trades{margin-top:16px}
  .quick-help-contact{padding:19px;border-radius:20px;grid-template-columns:46px minmax(0,1fr);gap:12px}
  .quick-help-contact-icon{width:46px;height:46px;border-radius:14px}
  .quick-help-contact b{font-size:13px}
  .problem-toolbar{margin:22px -18px 13px;padding:18px 18px 0;overflow:hidden}
  .problem-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}
  .problem-filters::-webkit-scrollbar{display:none}
  .problem-filters button{flex:0 0 auto;padding:8px 12px}
  .problem-count{display:none}
  .quick-help .problem-grid{grid-template-columns:1fr;gap:9px}
  .quick-help .problem-card{min-height:0;padding:15px;grid-template-columns:50px minmax(0,1fr) 18px;border-radius:17px}
  .quick-help .problem-icon{width:50px;height:50px;border-radius:15px}
  .quick-help .problem-card p{font-size:10px}
  .quick-help-bottom{align-items:flex-start;flex-direction:column;gap:7px;padding:13px 14px}
  .quick-help-bottom>a{font-size:12px}
  .hero-actions{grid-template-columns:1fr}
  .hero-proof{margin-top:22px}
  .hero-rail{border-radius:18px 18px 0 0}
}
@media(max-width:390px){
  .container{width:calc(100% - 22px)}
  .brand .brand-logo{max-width:145px}
  .hero h1{font-size:40px}
  .quick-help-title h2{font-size:32px}
}