@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--red:#ed2028;--red2:#ff3942;--black:#090a0d;--ink:#111318;--panel:#17191f;--muted:#a8abb4;--white:#f7f7f8;--line:rgba(255,255,255,.13);--light:#f1f1f2;--darktext:#17191f;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--light);color:var(--darktext);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 48px));margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--red);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:30px;height:2px;background:var(--red)}.section{padding:92px 0}.section-dark{background:var(--black);color:var(--white)}.section-red{background:var(--red);color:white}.section-heading{font:700 clamp(2rem,4vw,3.25rem)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:12px 0 18px}.section-intro{max-width:650px;color:#737783}.section-dark .section-intro{color:#b6b8c0}.accent{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--red);background:var(--red);color:white;padding:14px 22px;border-radius:7px;font-weight:800;font-size:.92rem;transition:.25s;cursor:pointer;box-shadow:0 10px 24px rgba(237,32,40,.18)}.btn:hover{transform:translateY(-3px);background:#c9151c;box-shadow:0 14px 28px rgba(237,32,40,.28)}.btn-outline{background:transparent;color:white;border-color:rgba(255,255,255,.45);box-shadow:none}.btn-outline:hover{background:white;color:var(--black)}.btn-dark{background:var(--black);border-color:var(--black)}.btn-dark:hover{background:#2a2c32}.site-header{position:sticky;top:0;z-index:100;background:rgba(9,10,13,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:white;font:700 1.3rem 'Space Grotesk',sans-serif;letter-spacing:-.04em}.brand-mark{width:42px;height:42px;background:var(--red);border-radius:11px;display:grid;place-items:center;color:white;font-size:1.3rem;box-shadow:0 0 22px rgba(237,32,40,.4);transform:skew(-7deg)}.brand small{display:block;font:700 .55rem 'DM Sans',sans-serif;letter-spacing:.27em;color:#aaa;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:28px;color:#e7e7e9;font-weight:700;font-size:1rem}.nav-links a{position:relative;padding:8px 0}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{white-space:nowrap}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.8rem}.hero{position:relative;min-height:650px;background:#08090c;color:white;overflow:hidden;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,10,.96) 0%,rgba(6,7,10,.84) 42%,rgba(6,7,10,.18) 100%),url('https://images.unsplash.com/photo-1621905251918-48416bd8575a?auto=format&fit=crop&w=2000&q=88') center/cover;transform:scale(1.04);animation:heroZoom 14s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 55%,rgba(237,32,40,.22) 55.2%,transparent 56%),radial-gradient(circle at 75% 25%,rgba(237,32,40,.18),transparent 28%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:720px;padding:90px 0}.hero h1{font:700 clamp(3rem,7vw,6rem)/.98 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:18px 0 22px}.hero h1 span{color:var(--red)}.hero p{font-size:1.1rem;color:#d2d3d8;max-width:570px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-trust{display:flex;align-items:center;gap:14px;margin-top:42px;color:#c7c8ce;font-size:.88rem}.trust-dot{width:9px;height:9px;background:var(--red);border-radius:50%;box-shadow:0 0 0 6px rgba(237,32,40,.15)}.hero-badge{position:absolute;z-index:2;right:max(24px,calc((100vw - var(--container))/2));bottom:54px;border:1px solid rgba(255,255,255,.3);background:rgba(12,13,17,.72);backdrop-filter:blur(12px);padding:18px 22px;border-radius:12px;animation:float 4s ease-in-out infinite}.hero-badge strong{display:block;font:700 1.8rem 'Space Grotesk';color:white}.hero-badge span{font-size:.78rem;color:#c6c7cc}.ticker{background:var(--red);color:white;overflow:hidden;white-space:nowrap;padding:13px 0;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.ticker-track{display:inline-flex;gap:42px;animation:marquee 28s linear infinite}.ticker-track span:after{content:"✦";margin-left:42px;color:#ffb8ba}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.photo-frame{position:relative;border-radius:14px;overflow:hidden;min-height:430px;background:#222}.photo-frame img{width:100%;height:100%;min-height:430px;object-fit:cover;transition:transform .7s}.photo-frame:hover img{transform:scale(1.045)}.photo-frame:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.35);border-radius:9px;pointer-events:none}.photo-tag{position:absolute;left:24px;bottom:24px;background:var(--red);color:white;padding:12px 17px;border-radius:6px;font-weight:800;z-index:2}.feature-list{display:grid;gap:18px;margin:28px 0}.feature{display:flex;gap:15px;align-items:flex-start}.feature-icon{flex:0 0 44px;height:44px;background:rgba(237,32,40,.1);color:var(--red);border-radius:10px;display:grid;place-items:center;font-size:1.25rem}.feature strong{display:block;font-size:1.02rem}.feature p{margin:3px 0 0;color:#777b85;font-size:.9rem}.service-card{background:white;border:1px solid #e2e3e6;border-radius:12px;padding:28px;position:relative;overflow:hidden;transition:.3s;min-height:230px}.service-card:before{content:"";position:absolute;left:0;top:0;height:4px;width:0;background:var(--red);transition:.35s}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(10,12,18,.1)}.service-card:hover:before{width:100%}.service-icon{width:54px;height:54px;border-radius:12px;background:#fff0f0;color:var(--red);display:grid;place-items:center;font-size:1.6rem;margin-bottom:22px}.service-card h3{font:700 1.25rem 'Space Grotesk';margin:0 0 9px}.service-card p{color:#777b85;font-size:.92rem;margin:0 0 18px}.text-link{font-weight:800;color:var(--red);display:inline-flex;gap:8px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#14161b;color:white;border-radius:14px;overflow:hidden}.stat{padding:28px;text-align:center;border-right:1px solid rgba(255,255,255,.14)}.stat:last-child{border:0}.stat strong{display:block;font:700 clamp(2rem,4vw,3rem) 'Space Grotesk';color:var(--red)}.stat span{font-size:.82rem;color:#c0c2c8}.project-card{position:relative;border-radius:12px;overflow:hidden;height:300px;background:#222}.project-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.project-card:hover img{transform:scale(1.08)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 65%)}.project-info{position:absolute;z-index:2;bottom:22px;left:22px;color:white}.project-info small{color:#ff777d;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.project-info h3{margin:6px 0 0;font:700 1.25rem 'Space Grotesk'}.cta-band{background:var(--red);color:white;padding:54px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-inner h2{font:700 clamp(2rem,4vw,3.1rem)/1.05 'Space Grotesk';margin:0;max-width:650px}.cta-band .btn{background:var(--black);border-color:var(--black);box-shadow:none}.page-hero{background:linear-gradient(90deg,rgba(5,6,9,.94),rgba(5,6,9,.6)),url('https://images.unsplash.com/photo-1621905251189-08b45d6a269e?auto=format&fit=crop&w=1800&q=85') center/cover;color:white;padding:105px 0 95px}.page-hero h1{font:700 clamp(2.8rem,6vw,5rem)/1 'Space Grotesk';margin:12px 0}.breadcrumbs{color:#b7b8bf;font-size:.88rem}.breadcrumbs a{color:white}.form-card{background:white;border-radius:14px;padding:34px;box-shadow:0 18px 55px rgba(0,0,0,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:1rem;color:#292b32}.field input,.field select,.field textarea{width:100%;border:1px solid #d9dbe0;border-radius:7px;padding:14px 15px;background:#fbfbfc;color:#222;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(237,32,40,.1)}.field textarea{min-height:125px;resize:vertical}.form-note{font-size:.82rem;color:#777b85;margin-top:12px}.contact-card{background:#17191f;color:white;border-radius:12px;padding:26px}.contact-card p{color:#b9bbc2}.contact-row{display:flex;gap:13px;margin:20px 0;align-items:center}.contact-row b{display:block}.contact-row small{color:#aeb0b8}.footer{background:#08090c;color:white;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:42px;padding-bottom:38px}.footer p,.footer a{color:#b7b9c0;font-size:.9rem}.footer h4{margin:0 0 17px;font:700 1rem 'Space Grotesk'}.footer-links{display:grid;gap:9px}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#9da0a9;font-size:.82rem}.footer-bottom a{color:#ff555c}.socials{display:flex;gap:9px;margin-top:18px}.socials a{width:36px;height:36px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;color:white}.whatsapp,.back-top{position:fixed;right:24px;z-index:120;display:grid;place-items:center;border-radius:50%;box-shadow:0 8px 25px rgba(0,0,0,.2);transition:.25s}.whatsapp{bottom:98px;width:58px;height:58px;background:#20c66b;color:white;border:3px solid white;font-size:1.45rem}.back-top{bottom:24px;width:52px;height:52px;background:var(--red);color:white;border:0;border-radius:10px;font-size:1.5rem;opacity:0;visibility:hidden;transform:translateY(10px)}.back-top.show{opacity:1;visibility:visible;transform:none}.whatsapp:hover,.back-top:hover{transform:translateY(-4px)}.loader{position:fixed;inset:0;background:#090a0d;z-index:9999;display:grid;place-items:center;color:white;transition:opacity .55s,visibility .55s}.loader.done{opacity:0;visibility:hidden}.loader-box{text-align:center}.loader-mark{width:76px;height:76px;border:5px solid #34363c;border-top-color:var(--red);border-right-color:var(--red);border-radius:50%;margin:0 auto 18px;animation:spin 1s linear infinite}.loader-brand{font:700 1.5rem 'Space Grotesk'}.loader-brand span{color:var(--red)}.loader-line{height:4px;width:180px;background:#292b31;border-radius:5px;margin:18px auto;overflow:hidden}.loader-line:after{content:"";display:block;width:45%;height:100%;background:var(--red);animation:loadbar 1.3s ease-in-out infinite}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}.pulse{animation:pulse 2.4s infinite}.faq-item{border-bottom:1px solid #ddd;padding:18px 0}.faq-item summary{font-weight:800;cursor:pointer}.faq-item p{color:#777b85}.notice{background:#fff0f0;border-left:4px solid var(--red);padding:15px 18px;color:#6b3437;border-radius:5px;font-size:.9rem}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadbar{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}@keyframes heroZoom{to{transform:scale(1.12)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(237,32,40,0)}}@media(max-width:900px){.nav-links{gap:16px;font-size:.9rem}.split{gap:35px}.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(100% - 34px,var(--container))}.nav{height:72px}.menu-toggle{display:block}.nav-cta{display:none}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0c10;padding:18px 24px 25px;flex-direction:column;align-items:stretch;gap:5px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:12px 0}.hero{min-height:650px}.hero:before{background:linear-gradient(90deg,rgba(6,7,10,.94),rgba(6,7,10,.58)),url('https://images.unsplash.com/photo-1621905251918-48416bd8575a?auto=format&fit=crop&w=1100&q=85') center/cover}.hero-content{padding:75px 0}.hero-badge{right:18px;bottom:20px;padding:12px 15px}.section{padding:68px 0}.split,.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.photo-frame,.photo-frame img{min-height:310px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.cta-inner{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-card{padding:23px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-bottom{flex-direction:column}.page-hero{padding:80px 0}.whatsapp{right:17px;bottom:88px}.back-top{right:19px;bottom:19px}}@media(max-width:420px){.grid-4{grid-template-columns:1fr}.hero h1{font-size:3.15rem}.footer-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}}


/* Vektor Electrical services cards: bold, compact, red-and-black treatment */
.services-grid { gap: 18px; }
.services-grid .service-card {
  min-height: 0; padding: 25px 25px 23px; border: 1px solid #292b31;
  border-radius: 13px; color: #fff;
  background: linear-gradient(145deg, #1b1d23 0%, #101115 78%);
  box-shadow: 0 12px 30px rgba(5,6,9,.10);
  display: flex; flex-direction: column; align-items: flex-start;
  isolation: isolate;
}
.services-grid .service-card:after {
  content: ""; position: absolute; width: 145px; height: 145px; right: -68px; top: -72px;
  border: 1px solid rgba(237,32,40,.24); border-radius: 50%;
  box-shadow: 0 0 0 18px rgba(237,32,40,.035), 0 0 0 38px rgba(237,32,40,.025);
  z-index: -1; transition: transform .45s, opacity .45s; opacity: .7;
}
.services-grid .service-card:before { width: 100%; height: 3px; opacity: .8; }
.services-grid .service-card:hover { transform: translateY(-7px); border-color: rgba(237,32,40,.7); box-shadow: 0 22px 48px rgba(0,0,0,.2); }
.services-grid .service-card:hover:after { transform: scale(1.18); opacity: 1; }
.services-grid .service-icon {
  width: 48px; height: 48px; margin: 0 0 22px; border-radius: 11px;
  color: #fff; background: linear-gradient(135deg, #ed2028, #a90e16);
  box-shadow: 0 8px 22px rgba(237,32,40,.24); font-size: 1.35rem;
}
.services-grid .service-card h3 { color: #fff; font-size: 1.18rem; margin: 0 0 8px; }
.services-grid .service-card p { color: #b8bbc4; font-size: .94rem; line-height: 1.65; margin: 0 0 20px; flex: 1; }
.services-grid .service-card .text-link {
  margin-top: auto; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.12);
  width: 100%; color: #ff6268; font-size: .91rem; transition: color .25s, gap .25s;
}
.services-grid .service-card .text-link:hover { color: #fff; gap: 13px; }
@media(max-width:720px) { .services-grid { gap: 14px; } .services-grid .service-card { padding: 22px; } }


/* Mobile clarity and consistent service-card contrast */
.service-card {
  background: linear-gradient(145deg, #202229 0%, #101115 82%) !important;
  color: #fff !important; border: 1px solid #343740 !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.12);
}
.service-card h3, .services-grid .service-card h3 { color: #fff !important; }
.service-card p, .services-grid .service-card p { color: #c5c7ce !important; }
.service-card .text-link, .services-grid .service-card .text-link { color: #ff6268 !important; }
.service-card .service-icon { background: rgba(237,32,40,.16) !important; color: #ff6268 !important; }
.hero-badge { max-width: 290px; }
.hero-badge strong { font-size: clamp(1.7rem, 3vw, 2rem); line-height: 1.05; }
.hero-badge span { display:block; line-height:1.45; }
.whatsapp svg { width:27px; height:27px; display:block; }
.back-top { font-family: Arial, sans-serif; font-weight:400; line-height:1; }
@media(max-width:720px) {
  .hero { display:block; min-height:0; padding-bottom:22px; }
  .hero-content { padding:62px 0 24px; }
  .hero-badge { position:relative; right:auto; bottom:auto; margin:0 17px 0 auto; width:max-content; max-width:calc(100% - 34px); padding:13px 17px; animation:none; }
  .hero-badge strong { font-size:1.75rem; }
  .hero-badge span { font-size:.82rem; }
  .hero-trust { max-width:100%; line-height:1.55; align-items:flex-start; }
  .service-card h3 { color:#fff !important; font-size:1.15rem; }
  .whatsapp { width:56px; height:56px; right:17px; bottom:94px; z-index:121; }
  .back-top { right:19px; bottom:20px; width:52px; height:52px; z-index:120; }
}