.topbar,.header,.footer{background:#000}
.header{box-shadow:0 1px 0 rgba(255,255,255,.1)}
.header-grid{min-height:102px;grid-template-columns:224px 1fr auto}
.logo{width:205px;height:78px}
.hero{background:radial-gradient(circle at 82% 24%,rgba(9,133,199,.34),transparent 30%),linear-gradient(118deg,#000 0%,#03090d 50%,#062b42 100%)}
.logo{position:relative;isolation:isolate}

.quick{min-height:86px;display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:27px;overflow:hidden;padding-left:max(24px,calc((100vw - 1160px)/2));color:#dce9ef;border-block:1px solid rgba(255,255,255,.1);background:#07131d}
.quick-label{color:#7fcdf5;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.quick-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent)}
.quick-track{width:max-content;display:flex;align-items:center;gap:10px;padding-right:10px;animation:quick-marquee 28s linear infinite}
.quick:hover .quick-track{animation-play-state:paused}
.quick-track span{display:inline-flex;align-items:center;gap:9px;min-height:41px;padding:0 16px;border:1px solid rgba(111,202,247,.25);border-radius:30px;background:rgba(255,255,255,.035);font-size:12px;font-weight:800;white-space:nowrap}
.quick-track b{font-size:18px;font-style:normal;filter:drop-shadow(0 0 8px rgba(255,210,29,.32));animation:emoji-pulse 2.4s ease-in-out infinite}

.service-title{display:flex;align-items:center;gap:10px;margin-top:15px}
.service-title h3{margin:0}
.service-title i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:#eef8fd;font-size:18px;font-style:normal;animation:emoji-pulse 2.4s ease-in-out infinite}
.notes strong i{display:inline-block;margin-right:5px;font-size:15px;font-style:normal;animation:emoji-pulse 2.8s ease-in-out infinite}
.social-detail{gap:11px!important}
.social-links{display:flex;flex-wrap:wrap;gap:9px}
.social-links a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:22px;color:#fff;background:rgba(255,255,255,.06);font-size:10px;font-weight:800;transition:background .2s ease,transform .2s ease}
.social-links a:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.social-brand{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:50%}
.social-brand img{display:block;width:13px;height:13px}
.instagram-brand{background:linear-gradient(145deg,#833ab4,#e1306c 55%,#f77737)}
.facebook-brand{background:#1877f2}
.footer-social{display:flex;gap:13px}
.footer-social a{display:inline-flex;align-items:center;gap:7px;padding-bottom:4px;border-bottom:1px solid rgba(255,210,29,.35)}
.footer-social .social-brand{width:22px;height:22px;flex-basis:22px}
.footer-social .social-brand img{width:12px;height:12px}

.electric-logo::before,.electric-logo::after{content:"";position:absolute;z-index:2;pointer-events:none;opacity:0}
.electric-logo::before{inset:-7px;border:1px solid transparent;border-radius:5px;box-shadow:0 0 0 rgba(48,184,255,0);animation:logo-electric-frame 2s ease-out both}
.electric-logo::after{top:8px;right:-15px;width:7px;height:31px;background:linear-gradient(#fff,#22b9ff 45%,#ffd21d);clip-path:polygon(58% 0,100% 0,68% 40%,100% 40%,20% 100%,43% 55%,0 55%);filter:drop-shadow(0 0 7px #2bbcff);animation:logo-bolt 2s steps(2,end) both}
.electric-arc::before,.electric-arc::after{content:"";position:absolute;z-index:2;height:2px;opacity:0;background:linear-gradient(90deg,transparent,#4dc8ff,#fff,#ffd21d,transparent);filter:drop-shadow(0 0 5px #39bfff);transform-origin:left}
.electric-arc::before{top:3px;left:-8px;width:104%;transform:rotate(-2deg);animation:logo-arc 2s .08s ease-out both}
.electric-arc::after{right:-7px;bottom:5px;width:88%;transform:rotate(2deg);animation:logo-arc 2s .22s ease-out both}
.footer .electric-logo::before,.footer .electric-logo::after,.footer .electric-arc::before,.footer .electric-arc::after{animation-play-state:paused}
.footer.is-visible .electric-logo::before,.footer.is-visible .electric-logo::after,.footer.is-visible .electric-arc::before,.footer.is-visible .electric-arc::after{animation-play-state:running}

.reveal-section{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}
.reveal-section.is-visible{opacity:1;transform:none}

.lead-popup-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,8,13,.72);backdrop-filter:blur(6px);animation:popup-fade .24s ease-out}
.lead-popup{position:relative;width:min(520px,100%);padding:39px 38px 32px;overflow:hidden;color:#152733;border:1px solid rgba(71,193,251,.35);border-radius:7px;background:linear-gradient(145deg,#fff 0%,#f4fbff 100%);box-shadow:0 28px 90px rgba(0,0,0,.45);animation:popup-rise .34s cubic-bezier(.2,.8,.2,1)}
.lead-popup::before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,#0781c8,#42b8f0,#ffd21d)}
.lead-popup h2{max-width:420px;margin:0;font-size:clamp(29px,5vw,42px);line-height:1.03;letter-spacing:-.055em}
.lead-popup>p:not(.tag){margin:17px 0 23px;color:#5f707a;font-size:13px;line-height:1.7}
.lead-popup .btn{width:100%}
.lead-popup small{display:block;margin-top:14px;color:#71818a;font-size:9px;text-align:center}
.lead-popup-icon{position:absolute;top:23px;right:33px;display:grid;width:53px;height:53px;place-items:center;border-radius:50%;color:#07131d;background:#ffd21d;box-shadow:0 0 0 8px rgba(255,210,29,.12);font-size:28px;animation:emoji-pulse 1.7s ease-in-out infinite}
.lead-popup-close{position:absolute;z-index:2;top:9px;right:10px;width:27px;height:27px;border:0;color:#4d5e68;background:transparent;font-size:23px;line-height:1;cursor:pointer}

@keyframes logo-electric-frame{0%,8%,18%,31%{opacity:0;box-shadow:0 0 0 rgba(48,184,255,0)}5%,13%,24%,38%{opacity:1;border-color:rgba(83,202,255,.85);box-shadow:0 0 18px rgba(48,184,255,.62)}58%{opacity:.5}100%{opacity:0}}
@keyframes logo-bolt{0%,12%,25%,42%,100%{opacity:0;transform:translateY(-4px) scale(.8)}7%,18%,34%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes logo-arc{0%,10%,21%,37%,100%{opacity:0;transform:scaleX(.25) rotate(-2deg)}5%,16%,29%{opacity:1;transform:scaleX(1) rotate(-2deg)}}
@keyframes quick-marquee{to{transform:translateX(-50%)}}
@keyframes emoji-pulse{0%,100%{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.11);filter:drop-shadow(0 0 7px rgba(7,129,200,.4))}}
@keyframes popup-fade{from{opacity:0}}
@keyframes popup-rise{from{opacity:0;transform:translateY(18px) scale(.97)}}

@media(max-width:680px){.header-grid{min-height:82px;grid-template-columns:160px 1fr}.logo{width:154px;height:64px}.footer-logo{width:205px;height:78px}.quick{min-height:82px;grid-template-columns:1fr;gap:8px;padding:12px 0}.quick-label{padding-left:15px}.quick-track span{min-height:36px;padding:0 13px;font-size:11px}.quick-track b{font-size:16px}.lead-popup{padding:35px 22px 25px}.lead-popup-icon{position:static;width:45px;height:45px;margin-bottom:18px;font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-section{opacity:1;transform:none}}