:root{
  --electric-navy:#07111f;
  --electric-ink:#0f172a;
  --electric-muted:#607089;
  --electric-blue:#1479ff;
  --electric-cyan:#13d7ff;
  --electric-yellow:#ffd34d;
  --electric-orange:#ff9f1c;
  --electric-green:#16c784;
  --electric-bg:#f5f8ff;
  --electric-soft:#eaf2ff;
  --electric-card:#ffffff;
  --electric-border:rgba(15,23,42,.10);
  --electric-shadow:0 24px 70px rgba(7,17,31,.13);
  --electric-radius:28px;
}
html{scroll-behavior:smooth}
body.electric-body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 7% 5%, rgba(19,215,255,.14), transparent 28rem),
    radial-gradient(circle at 90% 10%, rgba(255,211,77,.20), transparent 26rem),
    linear-gradient(180deg,#f8fbff 0%,#eef5ff 55%,#ffffff 100%);
  color:var(--electric-ink);
  overflow-x:hidden;
}
.electric-body *{box-sizing:border-box}
.electric-body a{text-decoration:none;color:inherit}
.electric-wrap{width:min(1180px, calc(100% - 32px));margin-inline:auto}
.electric-topbar{
  background:linear-gradient(90deg,#06101f,#0b2c56 52%,#07111f);
  color:#fff;font-size:14px;position:relative;z-index:20
}
.electric-topbar .electric-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0}
.electric-topbar strong{color:var(--electric-yellow);font-weight:800}
.electric-top-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.electric-top-actions a{color:#e9f4ff;opacity:.95}
.electric-header{
  position:sticky;top:0;z-index:30;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(20,121,255,.10)
}
.electric-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
.electric-logo{display:flex;align-items:center;gap:12px;min-width:max-content}
.electric-logo img{height:54px;width:auto;display:block}
.electric-logo-text{display:flex;flex-direction:column;line-height:1.05;font-weight:900;letter-spacing:-.04em;font-size:20px}
.electric-logo-text span{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--electric-blue);text-transform:uppercase;margin-top:5px}
.electric-menu{display:flex;align-items:center;gap:6px;font-weight:800;color:#20304a}
.electric-menu a{padding:11px 13px;border-radius:999px;transition:.25s ease}
.electric-menu a:hover{background:rgba(20,121,255,.10);color:var(--electric-blue)}
.electric-cta{display:flex;align-items:center;gap:10px;min-width:max-content}
.electric-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;border-radius:999px;
  padding:14px 19px;font-weight:900;line-height:1;cursor:pointer;transition:.28s ease;font-size:15px
}
.electric-btn-primary{background:linear-gradient(135deg,var(--electric-blue),#0b49d8);color:#fff;box-shadow:0 16px 34px rgba(20,121,255,.28)}
.electric-btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 45px rgba(20,121,255,.33)}
.electric-btn-yellow{background:linear-gradient(135deg,var(--electric-yellow),var(--electric-orange));color:#1d2433;box-shadow:0 16px 34px rgba(255,159,28,.25)}
.electric-btn-ghost{background:#fff;color:var(--electric-ink);border:1px solid var(--electric-border)}
.electric-btn-ghost:hover{border-color:rgba(20,121,255,.28);color:var(--electric-blue);transform:translateY(-2px)}
.electric-mobile-toggle{display:none;background:#07111f;color:#fff;border:0;border-radius:15px;padding:11px 13px;font-size:20px}
.electric-hero{position:relative;padding:76px 0 34px;overflow:hidden}
.electric-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.75;
  background-image:linear-gradient(rgba(20,121,255,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(20,121,255,.08) 1px, transparent 1px);
  background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 76%);
}
.electric-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.electric-kicker{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid rgba(20,121,255,.16);box-shadow:0 12px 34px rgba(7,17,31,.08);padding:10px 14px;border-radius:999px;color:#0d4fbd;font-weight:900;margin-bottom:20px}
.electric-pulse{width:10px;height:10px;background:var(--electric-green);border-radius:99px;box-shadow:0 0 0 8px rgba(22,199,132,.13)}
.electric-hero h1{font-size:clamp(42px,5.8vw,82px);line-height:.94;letter-spacing:-.07em;margin:0 0 22px;color:#06101f}
.electric-gradient-text{background:linear-gradient(135deg,var(--electric-blue),#00b4d8 50%,#ffb703);-webkit-background-clip:text;background-clip:text;color:transparent}
.electric-hero p{font-size:18px;line-height:1.75;color:#43516a;margin:0 0 28px;max-width:680px}
.electric-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:28px}
.electric-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px}
.electric-proof-item{background:rgba(255,255,255,.78);border:1px solid rgba(20,121,255,.12);border-radius:20px;padding:15px;box-shadow:0 14px 34px rgba(7,17,31,.06)}
.electric-proof-item b{display:block;font-size:28px;letter-spacing:-.04em;color:#06101f}.electric-proof-item span{color:#68758a;font-size:13px;font-weight:800}
.electric-visual{position:relative;min-height:560px}
.electric-orbit{
  position:absolute;inset:18px;border-radius:44px;background:linear-gradient(155deg,#07111f,#0f3d78 58%,#07111f);
  box-shadow:var(--electric-shadow);overflow:hidden;border:1px solid rgba(255,255,255,.28)
}
.electric-orbit:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 35% 20%,rgba(19,215,255,.38),transparent 28%),radial-gradient(circle at 82% 75%,rgba(255,211,77,.34),transparent 27%);animation:electricFloat 8s ease-in-out infinite alternate}
.electric-panel{position:absolute;inset:32px;border-radius:32px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(9px);padding:25px;color:#fff;display:grid;grid-template-rows:auto 1fr auto;gap:18px}
.electric-panel-head{display:flex;justify-content:space-between;align-items:center}.electric-dots{display:flex;gap:8px}.electric-dots span{width:10px;height:10px;border-radius:99px;background:#fff;opacity:.42}.electric-dots span:nth-child(1){background:var(--electric-yellow);opacity:1}.electric-status{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#bfe8ff;font-weight:900}
.electric-circuit{position:relative;border-radius:28px;background:rgba(2,8,23,.30);border:1px solid rgba(255,255,255,.12);overflow:hidden;min-height:315px}
.electric-line{position:absolute;background:linear-gradient(90deg,transparent,var(--electric-cyan),var(--electric-yellow),transparent);height:3px;border-radius:99px;filter:drop-shadow(0 0 9px rgba(19,215,255,.8));animation:electricRun 4s linear infinite}.electric-line.l1{left:7%;right:13%;top:22%}.electric-line.l2{left:14%;right:26%;top:48%;animation-delay:.9s}.electric-line.l3{left:28%;right:8%;top:73%;animation-delay:1.6s}.electric-line.v1{width:3px;height:58%;left:22%;top:22%;background:linear-gradient(180deg,transparent,var(--electric-cyan),transparent)}.electric-line.v2{width:3px;height:54%;right:28%;top:21%;background:linear-gradient(180deg,transparent,var(--electric-yellow),transparent);animation-delay:.6s}
.electric-node{position:absolute;width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(234,242,255,.92));box-shadow:0 18px 50px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;font-size:34px;color:#07111f}.electric-node.n1{left:7%;top:10%}.electric-node.n2{right:13%;top:36%}.electric-node.n3{left:33%;bottom:8%}.electric-node.n4{right:8%;bottom:9%}
.electric-panel-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.electric-mini{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:14px}.electric-mini b{display:block;font-size:20px}.electric-mini span{font-size:12px;color:#b6c9e7;font-weight:800}
.electric-floating-card{position:absolute;z-index:3;background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(7,17,31,.18);border:1px solid rgba(20,121,255,.11);padding:16px;display:flex;gap:12px;align-items:center}.electric-floating-card .ico{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--electric-blue),var(--electric-cyan));display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.electric-floating-card b{display:block}.electric-floating-card span{font-size:13px;color:#6b7689;font-weight:800}.electric-float-a{left:-2px;top:70px}.electric-float-b{right:-10px;bottom:88px}.electric-float-c{left:38px;bottom:18px}
.electric-section{padding:78px 0;position:relative}.electric-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.electric-section-head.center{text-align:center;display:block}.electric-section-tag{display:inline-flex;align-items:center;gap:9px;color:#0d4fbd;font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:13px;margin-bottom:10px}.electric-section h2{font-size:clamp(31px,4vw,54px);letter-spacing:-.055em;line-height:1.02;margin:0;color:#06101f}.electric-section-desc{color:#5b687d;font-size:17px;line-height:1.7;max-width:610px;margin:12px 0 0}
.electric-services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.electric-service-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(20,121,255,.12);border-radius:28px;padding:25px;min-height:245px;box-shadow:0 16px 45px rgba(7,17,31,.07);transition:.3s ease}.electric-service-card:before{content:"";position:absolute;right:-35px;top:-35px;width:116px;height:116px;border-radius:50%;background:rgba(20,121,255,.10);transition:.3s ease}.electric-service-card:hover{transform:translateY(-7px);box-shadow:0 24px 70px rgba(7,17,31,.13)}.electric-service-card:hover:before{transform:scale(1.9);background:rgba(255,211,77,.17)}.electric-service-icon{position:relative;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#fff8dc);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:22px}.electric-service-card h3{position:relative;font-size:21px;line-height:1.15;margin:0 0 12px;letter-spacing:-.03em}.electric-service-card p{position:relative;margin:0;color:#617087;line-height:1.65;font-size:15px}.electric-service-card .read{position:absolute;left:25px;bottom:22px;color:#0d4fbd;font-weight:900;font-size:14px}
.electric-camera-zone{background:linear-gradient(135deg,#06101f,#0b2a54 55%,#06101f);color:#fff;overflow:hidden}.electric-camera-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 10%,rgba(19,215,255,.22),transparent 30%),radial-gradient(circle at 92% 30%,rgba(255,211,77,.18),transparent 28%)}.electric-camera-zone .electric-wrap{position:relative;z-index:2}.electric-camera-zone h2{color:#fff}.electric-camera-zone .electric-section-desc{color:#c4d6ef}.electric-camera-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch}.electric-camera-display{border-radius:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);min-height:420px;position:relative;overflow:hidden;padding:24px}.electric-screen{height:100%;border-radius:26px;background:#020617;border:1px solid rgba(255,255,255,.11);position:relative;overflow:hidden}.electric-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(19,215,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(19,215,255,.08) 1px,transparent 1px);background-size:32px 32px}.scan{position:absolute;left:0;right:0;height:80px;background:linear-gradient(180deg,transparent,rgba(19,215,255,.22),transparent);animation:scanMove 3.4s linear infinite}.cam-label{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:12px 14px;color:#fff;font-weight:900}.cam-label.c1{left:28px;top:32px}.cam-label.c2{right:28px;top:108px}.cam-label.c3{left:42px;bottom:60px}.electric-camera-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.electric-camera-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:24px;backdrop-filter:blur(8px)}.electric-camera-card h3{margin:0 0 10px;color:#fff;font-size:21px}.electric-camera-card p{margin:0;color:#c4d6ef;line-height:1.65}.electric-camera-card i{font-style:normal;display:inline-flex;width:48px;height:48px;border-radius:17px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--electric-yellow),var(--electric-orange));color:#06101f;font-size:24px;margin-bottom:16px}
.electric-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}.electric-about-card{background:#fff;border-radius:34px;padding:32px;box-shadow:var(--electric-shadow);border:1px solid rgba(20,121,255,.12)}.electric-check{display:flex;gap:13px;align-items:flex-start;margin:16px 0;color:#4b5870}.electric-check:before{content:"✓";width:28px;height:28px;border-radius:99px;background:rgba(22,199,132,.12);color:var(--electric-green);display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}.electric-timeline{display:grid;gap:15px}.electric-step{display:grid;grid-template-columns:auto 1fr;gap:16px;background:#fff;border:1px solid rgba(20,121,255,.12);border-radius:25px;padding:20px;box-shadow:0 14px 36px rgba(7,17,31,.06)}.electric-step-num{width:44px;height:44px;border-radius:16px;background:#07111f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.electric-step h3{margin:0 0 6px}.electric-step p{margin:0;color:#647187;line-height:1.6}
.electric-area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.electric-area{background:#fff;border:1px solid rgba(20,121,255,.12);border-radius:18px;padding:17px;text-align:center;font-weight:900;color:#263650;box-shadow:0 10px 24px rgba(7,17,31,.05)}
.electric-faq{display:grid;grid-template-columns:1fr 1fr;gap:15px}.electric-faq details{background:#fff;border:1px solid rgba(20,121,255,.12);border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(7,17,31,.05)}.electric-faq summary{cursor:pointer;font-weight:900;font-size:17px}.electric-faq p{color:#5d6b81;line-height:1.7;margin-bottom:0}
.electric-contact{background:linear-gradient(135deg,#f8fbff,#eaf4ff);border-top:1px solid rgba(20,121,255,.10)}.electric-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px}.electric-contact-card,.electric-form{background:#fff;border-radius:32px;border:1px solid rgba(20,121,255,.12);box-shadow:var(--electric-shadow);padding:30px}.electric-contact-line{display:flex;gap:14px;align-items:flex-start;margin:18px 0}.electric-contact-line i{font-style:normal;width:46px;height:46px;border-radius:17px;background:linear-gradient(135deg,#eaf2ff,#fff6d9);display:flex;align-items:center;justify-content:center;font-size:22px}.electric-contact-line b{display:block;color:#06101f}.electric-contact-line span,.electric-contact-line a{color:#5d6b81;line-height:1.55}.electric-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.electric-form input,.electric-form textarea{width:100%;border:1px solid rgba(15,23,42,.12);border-radius:18px;padding:16px 17px;outline:none;font:inherit;background:#f8fbff;transition:.25s ease}.electric-form input:focus,.electric-form textarea:focus{border-color:rgba(20,121,255,.42);box-shadow:0 0 0 5px rgba(20,121,255,.08);background:#fff}.electric-form textarea{min-height:142px;resize:vertical}.electric-span-2{grid-column:1/-1}.electric-alert{padding:14px 16px;border-radius:18px;margin-bottom:14px;font-weight:800}.electric-alert.ok{background:rgba(22,199,132,.12);color:#087a4d}.electric-alert.err{background:rgba(239,68,68,.11);color:#b91c1c}
.electric-footer{background:#06101f;color:#d7e5f8;padding:34px 0}.electric-footer .electric-wrap{display:flex;justify-content:space-between;gap:18px;align-items:center}.electric-footer b{color:#fff}.electric-footer a{color:#fff;font-weight:900}
.electric-fab{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;flex-direction:column;gap:10px}.electric-fab a{width:54px;height:54px;border-radius:19px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:23px;box-shadow:0 16px 38px rgba(7,17,31,.24)}.electric-fab .w{background:#20c767}.electric-fab .p{background:#1479ff}
@keyframes electricRun{0%{opacity:.25;filter:drop-shadow(0 0 2px rgba(19,215,255,.2))}50%{opacity:1;filter:drop-shadow(0 0 13px rgba(19,215,255,.9))}100%{opacity:.25}}
@keyframes scanMove{0%{top:-80px}100%{top:100%}}
@keyframes electricFloat{to{transform:translate3d(4%,3%,0) rotate(2deg)}}
@media (max-width:1080px){.electric-menu{display:none;position:absolute;left:16px;right:16px;top:86px;background:#fff;border:1px solid rgba(20,121,255,.12);box-shadow:var(--electric-shadow);border-radius:22px;padding:14px;flex-direction:column;align-items:stretch}.electric-menu.is-open{display:flex}.electric-menu a{display:block}.electric-mobile-toggle{display:inline-flex}.electric-cta .electric-btn-ghost{display:none}.electric-hero-grid,.electric-camera-grid,.electric-split,.electric-contact-grid{grid-template-columns:1fr}.electric-visual{min-height:500px}.electric-services{grid-template-columns:repeat(2,1fr)}.electric-area-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:680px){.electric-topbar .electric-wrap{display:block;text-align:center}.electric-top-actions{justify-content:center;margin-top:8px}.electric-logo-text{display:none}.electric-nav{padding:12px 0}.electric-logo img{height:47px}.electric-hero{padding:48px 0 20px}.electric-hero-actions .electric-btn{width:100%}.electric-proof{grid-template-columns:1fr}.electric-visual{min-height:420px}.electric-orbit{inset:0;border-radius:30px}.electric-panel{inset:18px;padding:16px;border-radius:24px}.electric-panel-bottom{grid-template-columns:1fr}.electric-floating-card{display:none}.electric-services,.electric-camera-cards,.electric-faq,.electric-form-grid{grid-template-columns:1fr}.electric-span-2{grid-column:auto}.electric-area-grid{grid-template-columns:repeat(2,1fr)}.electric-section{padding:54px 0}.electric-section-head{display:block}.electric-footer .electric-wrap{display:block;text-align:center}.electric-footer p{margin-bottom:15px}}


/* WMG FIX: detay sayfası ve uzun SEO içerik düzeni */
.electric-detail-section{padding-top:54px}
.electric-detail-card{max-width:1040px;margin-inline:auto;padding:clamp(24px,4vw,54px)}
.electric-detail-card h1{font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-.06em;margin:10px 0 18px;color:#07111f}
.electric-detail-content{color:#334155;line-height:1.85;font-size:17px}
.electric-detail-content h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.04em;color:#0f274a;margin:34px 0 14px}
.electric-detail-content h3{font-size:clamp(21px,2.2vw,28px);line-height:1.2;letter-spacing:-.025em;color:#123966;margin:28px 0 12px}
.electric-detail-content p{margin:0 0 18px}
.electric-detail-content ul{margin:14px 0 22px;padding-left:22px}
.electric-detail-content li{margin:8px 0}
.electric-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.electric-area small{display:block;margin-top:6px;color:#64748b;font-weight:700}
@media (max-width:768px){.electric-detail-card{padding:24px}.electric-detail-content{font-size:16px}}