:root{--navy:#10345c;--navy2:#174a7e;--blue:#438fce;--blue-dark:#2375ba;--red:#ef3340;--red-dark:#cf2431;--yellow:#ffd34e;--paper:#f4f8fc;--ink:#112d4d;--muted:#5b6c80;--white:#fff;--line:#d7e3ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(16,52,92,.1)}.brand{display:flex;align-items:center;line-height:1}.brand img{display:block;width:148px;height:58px;object-fit:contain}.brand-footer img{width:128px;height:52px}nav{display:flex;gap:30px;font-weight:600;font-size:15px}nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;padding:15px 22px;border-radius:12px;font-weight:700;box-shadow:0 10px 30px rgba(239,51,64,.22);transition:.2s}.button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ff4551,#d82230)}.button-small{padding:11px 17px;font-size:14px}.hero{min-height:690px;padding:74px max(7vw,28px);display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;background:radial-gradient(circle at 88% 18%,rgba(67,143,206,.24),transparent 28%),radial-gradient(circle at 6% 86%,rgba(239,51,64,.10),transparent 24%),linear-gradient(135deg,#fbfdff 0%,#edf5fc 100%)}.hero-copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:800;color:var(--red);margin:0 0 14px}.hero h1,.section-heading h2,.process h2,.contact h2{font-family:Manrope,sans-serif;line-height:1.03;letter-spacing:-.045em}.hero h1{font-size:clamp(50px,7vw,94px);margin:0 0 25px;color:var(--navy)}.hero h1 span{color:var(--blue)}.lead{font-size:clamp(18px,2vw,22px);max-width:660px;color:var(--muted);line-height:1.55}.hero-actions{display:flex;align-items:center;gap:26px;margin:36px 0}.text-link{font-weight:700;border-bottom:2px solid var(--blue)}.trust-row{display:flex;gap:25px;font-size:14px;font-weight:600;color:#4c5c70}.trust-row span::first-letter{color:var(--red)}.bill-card{background:linear-gradient(155deg,var(--navy),#081f3c);padding:28px;border-radius:28px;box-shadow:0 30px 80px rgba(16,52,92,.26);transform:rotate(1.5deg);color:#fff;border-top:4px solid var(--red)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#a9bed2;font-size:13px;letter-spacing:.06em}.card-top img{width:92px;height:42px;object-fit:contain;background:#fff;border-radius:8px;padding:4px 7px}.card-service{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:18px;border-radius:17px;margin:11px 0;color:var(--navy)}.card-service.light{background:linear-gradient(135deg,#ffe784,var(--yellow))}.card-service.gas{background:linear-gradient(135deg,#ff7982,var(--red))}.card-service.gas strong,.card-service.gas small,.card-service.gas b{color:#fff}.card-service.tel{background:linear-gradient(135deg,#79b9ed,var(--blue))}.card-service.tel strong,.card-service.tel small,.card-service.tel b{color:#fff}.service-icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.55);display:grid;place-items:center;font-size:22px}.card-service small,.card-service strong{display:block;line-height:1.25}.card-service strong{font:800 21px Manrope}.bill-card>p{margin:20px 4px 0;color:#c8d7e5;font-size:14px}.services{padding:110px max(7vw,28px);background:#fff}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin-bottom:55px}.section-heading h2{font-size:clamp(38px,4vw,60px);margin:0;max-width:750px}.section-heading>p{color:var(--muted);font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{min-height:390px;padding:32px;border:1px solid var(--line);border-radius:22px;position:relative;display:flex;flex-direction:column;transition:.25s;overflow:hidden}.service-card::before{content:"";position:absolute;inset:0 0 auto;height:6px}.accent-yellow{background:#fffdf4}.accent-coral{background:#fff7f7}.accent-blue{background:#f5faff}.accent-yellow::before{background:var(--yellow)}.accent-coral::before{background:var(--red)}.accent-blue::before{background:var(--blue)}.service-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(16,52,92,.12)}.number{position:absolute;right:28px;top:25px;color:#8996a8;font-weight:700}.large-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:30px;margin-bottom:42px}.accent-yellow .large-icon{background:var(--yellow)}.accent-coral .large-icon{background:#ffd7da;color:var(--red-dark)}.accent-blue .large-icon{background:#d6ebfc;color:var(--blue-dark)}.service-card h3{font:800 32px Manrope;margin:0 0 10px}.service-card p{color:var(--muted);margin:0 0 25px}.service-card a{margin-top:auto;font-weight:700;color:var(--blue-dark)}.accent-coral a{color:var(--red-dark)}.process{padding:100px max(7vw,28px);background:linear-gradient(130deg,#0d2a4a,var(--navy2));color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.process .eyebrow{color:#8cc6f2}.process h2{font-size:clamp(38px,4vw,57px);margin:0 0 20px}.process-copy>p:last-child{color:#c1d1df;font-size:18px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.18)}.steps li>span{width:48px;height:48px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:rgba(239,51,64,.16)}.steps h3{margin:0;font:700 22px Manrope}.steps p{margin:4px 0 0;color:#c1d1df}.audience{display:grid;grid-template-columns:1fr 1fr}.audience>div{padding:80px max(7vw,40px)}.audience>div:first-child{background:linear-gradient(135deg,#fff2f3,#ffdadd);border-top:6px solid var(--red)}.audience>div:last-child{background:linear-gradient(135deg,#eaf6ff,#cce9ff);border-top:6px solid var(--blue)}.audience span{font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:12px}.audience>div:first-child span{color:var(--red-dark)}.audience>div:last-child span{color:var(--blue-dark)}.audience h2{font:800 45px Manrope;margin:12px 0}.audience p{max-width:500px;font-size:18px}.contact{margin:80px max(5vw,24px);border-radius:30px;padding:70px max(5vw,40px);display:grid;grid-template-columns:1.2fr .8fr;gap:70px;background:linear-gradient(120deg,var(--red) 0%,#b92a43 38%,var(--navy) 100%);color:#fff}.contact .eyebrow{color:#fff3a5}.contact h2{font-size:clamp(38px,4vw,58px);margin:0 0 18px}.contact>div>p:last-child{font-size:18px;color:#f2e8ee}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px}.contact-actions>a:not(.button){font-size:20px;font-weight:700}.button-light{background:#fff;color:var(--navy);box-shadow:none}.button-light:hover{background:var(--yellow)}footer{padding:40px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:14px}.brand-footer{color:var(--ink)}.floating-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 8px 30px rgba(0,0,0,.2);z-index:9}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:52px}.hero h1{font-size:57px}.bill-card{max-width:560px}.section-heading,.process,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}.section-heading{gap:10px}.audience{grid-template-columns:1fr}.contact{gap:20px}footer{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.site-header{height:72px}.brand img{width:112px;height:48px}.site-header>.button{display:none}.hero{padding:48px 22px 60px;min-height:auto}.hero h1{font-size:46px}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.button{width:100%}.trust-row{display:grid;gap:6px}.bill-card{padding:18px;border-radius:20px;transform:none}.card-service{padding:14px}.services,.process{padding:75px 22px}.section-heading h2,.process h2{font-size:38px}.service-card{padding:26px}.audience>div{padding:60px 24px}.contact{margin:40px 14px;padding:48px 24px;border-radius:22px}.contact h2{font-size:37px}footer{padding:35px 22px 90px}.brand-footer{display:none}}