/* v22-7.css */
:root{--bg:#020a15;--panel:#071525;--panel2:#0a1b2e;--line:#163b63;--blue:#1493ff;--cyan:#3cc5ff;--text:#f8fbff;--muted:#9fb2c7;--red:#ff3c52;--green:#1fd36b;--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#0a2241 0,#020a15 42%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}svg{width:1.25em;height:1.25em}.topbar{height:74px;display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid #15304c;background:rgba(2,10,21,.92);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;min-width:270px}.brand-shield{width:43px;height:48px;display:grid;place-items:center;border:3px solid #fff;border-radius:12px 12px 17px 17px;color:#27a5ff;font-weight:900;font-size:24px;transform:skewY(-4deg)}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:26px;letter-spacing:.05em}.brand small{font-size:8px;color:#76bfff;letter-spacing:.14em}.topbar nav{display:flex;align-items:center;gap:28px;margin:auto}.topbar nav a{font-size:13px;text-transform:uppercase;font-weight:700;padding:28px 0;border-bottom:2px solid transparent}.topbar nav a.active,.topbar nav a:hover{color:#2ba9ff;border-color:#2ba9ff}.head-contact{display:flex;gap:10px;align-items:center;white-space:nowrap}.head-contact>span{color:#25a9ff}.head-contact div{display:flex;flex-direction:column}.head-contact small{font-size:9px;color:#b8c8d8}.head-contact strong{font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #2a6ca9;border-radius:7px;padding:14px 22px;font-weight:800;text-transform:uppercase;font-size:13px}.btn svg{width:16px}.btn.primary{background:linear-gradient(135deg,#087ff0,#116ee2);border-color:#159cff;box-shadow:0 0 24px #087ff044}.btn.ghost{background:#061223}.head-btn{white-space:nowrap}.menu-btn{display:none;background:none;border:0;color:white}.menu-btn svg{width:28px;height:28px}main{max-width:var(--max);margin:auto}.hero{min-height:560px;position:relative;display:grid;grid-template-columns:43% 57%;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020a15 0,rgba(2,10,21,.94) 31%,rgba(2,10,21,.15) 70%,#020a1555);z-index:1;pointer-events:none}.hero-copy{position:relative;z-index:3;padding:66px 0 32px 36px}.eyebrow{color:#42b8ff;font-size:14px;font-weight:800;letter-spacing:.08em}.hero h1{font-size:clamp(44px,4.1vw,72px);line-height:1.06;margin:16px 0 18px;letter-spacing:-.04em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#245cff,#58c8ff);background-clip:text;color:transparent}.hero p{font-size:17px;line-height:1.7;color:#c0ccda;max-width:650px}.hero-buttons{display:flex;gap:14px;margin:28px 0 22px}.hero-trust{display:flex;gap:24px;color:#aebdd0;font-size:13px}.hero-trust span{display:flex;align-items:center;gap:7px}.hero-trust svg{color:#199cff}.hero-scene{position:absolute;inset:0 0 0 31%;z-index:0}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center}.scene-label{position:absolute;z-index:5;padding:15px 20px;border:1px solid #158eff;border-radius:10px;background:rgba(4,20,40,.94);box-shadow:0 0 24px #008cff4d;min-width:250px}.scene-label:before{content:"";position:absolute;right:100%;top:50%;width:75px;height:2px;background:#1b9fff;box-shadow:0 0 10px #1b9fff}.scene-label strong{display:block;font-size:16px;color:#fff;text-shadow:0 1px 2px #000}.scene-label small{display:block;color:#d2eaff;font-size:12px;margin-top:4px}.camera-label{top:86px;right:90px}.fire-label{top:250px;right:50px;border-color:#fe3b51;box-shadow:0 0 24px #ff30484d}.fire-label:before{background:#ff3048}.electric-label{bottom:90px;right:215px}.stats{margin:-5px 24px 0;position:relative;z-index:6;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #1e5c91;border-radius:12px;background:linear-gradient(180deg,#091a2e,#061321);box-shadow:0 18px 45px #0008}.stats article{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 12px;border-right:1px solid #173452}.stats article:last-child{border:0}.stats span{color:#25a9ff}.stats span svg{width:34px;height:34px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:28px;color:#fff}.stats small{text-transform:uppercase;color:#b9c8d7;font-size:10px}.section{padding:42px 24px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.section-head>div>span{font-size:13px;font-weight:900;letter-spacing:.08em}.section-head h2{font-size:15px;color:#aabbd0;font-weight:500;margin:7px 0 0}.section-head>a{display:flex;align-items:center;gap:8px;text-transform:uppercase;border:1px solid #27425e;padding:11px 16px;border-radius:5px;font-size:11px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-card{border:1px solid #244a71;border-radius:10px;background:linear-gradient(145deg,#0a1b2f,#06111e);overflow:hidden;min-width:0;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:#239fff;box-shadow:0 14px 35px #0008}.service-photo{height:170px;position:relative;overflow:hidden;background:#081729}.service-photo img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;padding:12px;filter:drop-shadow(0 12px 15px #0008)}.service-icon{position:absolute;left:14px;top:14px;width:48px;height:48px;display:grid;place-items:center;background:#061a31e8;border:1px solid #1c8fff;border-radius:50%;color:#28a9ff}.service-icon svg{width:27px;height:27px}.service-card:nth-child(2) .service-icon{color:#ff3d4f;border-color:#ff3d4f}.service-card:nth-child(3) .service-icon{color:#ffca20;border-color:#ffca20}.service-card:nth-child(4) .service-icon{color:#b76cff;border-color:#b76cff}.service-card:nth-child(5) .service-icon{color:#18d1ff;border-color:#18d1ff}.service-body{padding:16px}.service-body h3{font-size:18px;margin:0 0 9px;text-transform:uppercase}.service-body p{color:#bdcada;font-size:13px;line-height:1.55;min-height:61px;margin:0 0 14px}.service-body>span{display:flex;align-items:center;gap:7px;color:#28a9ff;font-weight:800;font-size:12px}.ai-panel{margin:28px 24px 0;border:1px solid #1a62a0;border-radius:16px;background:linear-gradient(115deg,#081a31,#061222);display:grid;grid-template-columns:34% 38% 28%;min-height:190px;overflow:hidden;box-shadow:0 0 38px #0069d323}.ai-intro{display:flex;align-items:flex-end;position:relative;padding:20px}.ai-intro img{width:165px;height:180px;object-fit:contain;align-self:flex-end;filter:drop-shadow(0 10px 18px #000)}.ai-intro>div{padding-bottom:20px}.ai-intro span{font-weight:900;color:#47adff;font-size:24px}.ai-intro h2{margin:2px 0 8px;font-size:18px}.ai-intro p{font-size:12px;color:#afc0d2;line-height:1.5}.ai-intro small{color:#35dc70}.ai-questions{border-left:1px solid #17395c;border-right:1px solid #17395c;padding:28px}.ai-questions h3{font-size:13px;margin:0 0 16px}.quick-questions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-questions button{background:#091a2e;color:#d4e2f2;border:1px solid #21466e;border-radius:7px;padding:12px;font-size:11px;text-align:left;cursor:pointer}.quick-questions button:hover{border-color:#269fff}.ai-chat{padding:22px;display:flex;flex-direction:column;gap:16px}.bot-message{background:#10243e;border:1px solid #234b74;border-radius:10px;padding:14px}.bot-message strong{font-size:11px;color:#8cb6df}.bot-message p{font-size:12px;line-height:1.5;margin:7px 0}.ai-chat form,.social form{display:flex;margin-top:auto}.ai-chat input,.social input{flex:1;background:#071626;border:1px solid #214263;border-radius:7px 0 0 7px;padding:12px;color:white}.ai-chat button,.social button{width:44px;border:0;background:#118df4;color:white;border-radius:0 7px 7px 0}.project-tabs{display:flex;gap:4px}.project-tabs button{border:0;background:none;color:#a9b8c8;padding:7px 11px}.project-tabs button.active{color:#1da2ff;border-bottom:2px solid #1da2ff}.project-layout{display:grid;grid-template-columns:1fr 280px;gap:16px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-card{height:230px;border:1px solid #224665;border-radius:9px;overflow:hidden;position:relative;background:#071727}.project-card img{width:100%;height:100%;object-fit:cover}.project-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#020812)}.project-overlay{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:14px}.project-overlay h3{margin:0 0 10px;font-size:15px}.project-spec{display:flex;gap:10px;color:#31adff;font-size:9px}.project-spec span{display:flex;gap:4px;align-items:center}.project-spec svg{width:12px}.project-overlay small{display:flex;align-items:center;gap:5px;color:#aebed0;margin-top:10px;font-size:9px}.camera-meter{border:1px solid #254f75;border-radius:10px;padding:18px;background:#071626}.camera-meter>span{font-weight:900}.camera-meter>p{font-size:11px;color:#9caec0}.meter-ring{width:205px;height:205px;border-radius:50%;margin:14px auto;display:grid;place-items:center;background:conic-gradient(#188eff 0 62%,#14304b 62%);position:relative;box-shadow:0 0 20px #168bff44}.meter-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#061321}.meter-ring div{z-index:2;text-align:center}.meter-ring i{color:#179cff}.meter-ring i svg{width:35px}.meter-ring strong{display:block;font-size:34px}.meter-ring small{font-size:11px}.meter-goal{font-size:10px}.meter-goal b{display:inline-block;width:100px;height:6px;background:#17344f;border-radius:6px;margin:0 6px}.meter-goal i{display:block;width:62%;height:100%;background:#1398ff;border-radius:6px}.before-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.before-grid article{border:1px solid #244b6f;border-radius:8px;overflow:hidden;background:#071526}.compare{height:150px;position:relative;display:grid;grid-template-columns:1fr 1fr}.compare img{width:100%;height:100%;object-fit:cover}.compare span,.compare b{position:absolute;top:8px;font-size:10px;background:#020914aa;padding:4px 7px}.compare span{left:8px}.compare b{right:8px}.before-grid h3{font-size:13px;margin:10px 12px 4px}.before-grid p{font-size:10px;color:#9fb0c2;margin:0 12px 12px}.why{margin:34px 24px 0;padding:20px;border:1px solid #1d4161;border-radius:9px;background:#061422}.why h2{font-size:14px;text-transform:uppercase}.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.why-grid article{display:flex;align-items:center;gap:12px}.why-grid>article>svg{width:38px;height:38px;color:#25a9ff}.why-grid strong{display:block;font-size:11px;text-transform:uppercase}.why-grid small{display:block;color:#9fb0c2;font-size:9px;margin-top:4px}.contact{margin:18px 24px 0;border:1px solid #1d4161;border-radius:9px;background:#061422;display:grid;grid-template-columns:28% 45% 27%;padding:22px}.contact h3{font-size:14px;text-transform:uppercase}.contact p{display:flex;align-items:center;gap:8px;color:#cad5e0;font-size:12px}.contact p svg{color:#23a3ff}.btn.whatsapp{background:#18a94d;border-color:#27d76a;margin-top:8px;font-size:11px}.regions{border-left:1px solid #1c3956;border-right:1px solid #1c3956;padding:0 22px}.regions img{width:55%;height:125px;object-fit:contain;float:left;filter:drop-shadow(0 0 10px #058cff)}.regions div{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px;color:#b7c7d7;padding-top:8px}.social{padding-left:22px}.social-icons{display:flex;gap:8px;margin-bottom:20px}.social-icons a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#126fca;font-weight:800}footer{max-width:var(--max);margin:18px auto 0;border-top:1px solid #193753;min-height:100px;display:grid;grid-template-columns:300px 1fr 1fr 250px;align-items:center;padding:20px 24px;color:#8395a8}footer p,footer a{font-size:9px}footer nav{display:flex;gap:20px}.foot-phone{display:flex;align-items:center;gap:10px;color:#2ca9ff}.foot-phone span{display:flex;flex-direction:column}.foot-phone strong{color:white}.float-wa{position:fixed;right:24px;bottom:28px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1fc45b;color:white;font-weight:900;z-index:30;box-shadow:0 0 20px #1fc45b66}.mobile-dock{display:none}
@media(max-width:1100px){.topbar nav,.head-contact{display:none}.menu-btn{display:block;margin-left:auto}.head-btn{display:none}.hero{grid-template-columns:1fr;min-height:690px}.hero-copy{padding:60px 24px 320px}.hero-scene{inset:auto 0 0;height:390px}.scene-label{display:none}.stats{grid-template-columns:repeat(3,1fr)}.stats article:nth-child(3){border-right:0}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid .service-card:last-child{grid-column:1/-1}.ai-panel{grid-template-columns:1fr}.ai-intro,.ai-questions{border:0;border-bottom:1px solid #17395c}.project-layout{grid-template-columns:1fr}.camera-meter{display:none}.project-grid,.before-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(3,1fr);gap:20px}.contact{grid-template-columns:1fr}.regions,.social{border:0;border-top:1px solid #1c3956;padding:18px 0 0;margin-top:18px}footer{grid-template-columns:1fr 1fr}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:#061423ee;border-top:1px solid #1f5b8e;z-index:40;justify-content:space-around;backdrop-filter:blur(10px)}.mobile-dock a,.mobile-dock button{background:none;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:18px}.mobile-dock small{font-size:8px;text-transform:uppercase}.float-wa{bottom:82px}}
@media(max-width:620px){.topbar{height:64px;padding:0 16px}.brand{min-width:0}.brand-shield{width:34px;height:38px;font-size:18px}.brand strong{font-size:20px}.brand small{font-size:6px}.hero{min-height:750px}.hero-copy{padding:42px 20px 320px}.hero h1{font-size:42px}.hero p{font-size:14px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-trust{flex-wrap:wrap;gap:10px}.stats{margin:0 12px;grid-template-columns:repeat(2,1fr)}.stats article{padding:16px 6px}.stats article:nth-child(2n){border-right:0}.stats strong{font-size:21px}.stats span svg{width:27px}.section{padding:34px 14px 0}.section-head{align-items:flex-start;gap:15px}.section-head>a{display:none}.service-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.service-card{min-width:82%;scroll-snap-align:start}.ai-panel{margin:24px 14px 0}.ai-intro{align-items:center}.ai-intro img{width:120px;height:140px}.quick-questions{grid-template-columns:1fr}.project-grid,.before-grid{display:flex;overflow:auto}.project-card,.before-grid article{min-width:82%}.why{margin:28px 14px 0}.why-grid{grid-template-columns:1fr 1fr}.contact{margin:16px 14px 0}.regions img{float:none;width:100%}.contact-info,.regions,.social{min-width:0}footer{padding:20px 14px 90px;grid-template-columns:1fr;gap:14px}.foot-phone{display:none}}
@media(max-width:1100px){.topbar nav.open{display:flex;position:absolute;top:64px;left:12px;right:12px;flex-direction:column;gap:0;background:#071626;border:1px solid #24517a;border-radius:10px;padding:8px}.topbar nav.open a{width:100%;padding:14px;border-bottom:1px solid #173a59}}

/* V22.6 — kullanıcı geri bildirimlerine göre netlik ve içerik düzeltmeleri */
.scene-label{background:rgba(2,10,22,.94)!important;border:1px solid rgba(55,169,255,.9)!important;box-shadow:0 0 0 1px rgba(25,113,255,.24),0 14px 38px rgba(0,0,0,.55),0 0 22px rgba(25,144,255,.28)!important;backdrop-filter:blur(10px);opacity:1!important;text-shadow:0 1px 2px #000}
.scene-label strong{display:block;color:#fff!important;font-size:15px!important;font-weight:900!important;letter-spacing:.01em;line-height:1.2}
.scene-label small{display:block;color:#c8e8ff!important;font-size:11px!important;font-weight:650!important;margin-top:4px;line-height:1.35}
.camera-label{min-width:235px}
.stats strong{min-width:70px;color:#fff!important;opacity:1!important;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(35,158,255,.35)}
.stats strong.is-ready{animation:statPop .45s ease both}
@keyframes statPop{from{transform:translateY(7px);opacity:.2}to{transform:none;opacity:1}}
.service-card{isolation:isolate;overflow:hidden}
.service-photo{position:relative;height:190px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(20,107,183,.24),rgba(4,14,27,.96) 68%);border-bottom:1px solid #173b5d}
.service-photo img{position:absolute!important;inset:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45));z-index:1}
.service-card:hover .service-photo img{transform:scale(1.035)!important}
.service-icon{z-index:3!important}
.service-body{position:relative;z-index:4;background:linear-gradient(180deg,rgba(6,21,38,.98),rgba(5,17,31,.98))}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.process-grid article{position:relative;min-height:235px;padding:24px;border:1px solid #21496c;border-radius:12px;background:linear-gradient(145deg,#081a2d,#061321);overflow:hidden}
.process-grid article:after{content:"";position:absolute;right:-35px;bottom:-45px;width:130px;height:130px;border-radius:50%;background:#0b79d7;filter:blur(55px);opacity:.18}
.process-grid b{position:absolute;right:18px;top:14px;font-size:36px;color:#1d4c75;font-weight:900}
.process-grid i{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#0b2947;color:#29a8ff;border:1px solid #216498}
.process-grid i svg{width:27px;height:27px}
.process-grid h3{font-size:16px;margin:22px 0 10px}
.process-grid p{font-size:12px;line-height:1.65;color:#a8bbcd;margin:0}
.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sector-grid a{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid #21496c;border-radius:12px;background:#071626;transition:.25s}
.sector-grid a:hover{transform:translateY(-4px);border-color:#28a8ff;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.sector-grid i{flex:0 0 48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#0a2b4a;color:#35adff}
.sector-grid i svg{width:27px}
.sector-grid h3{font-size:15px;margin:1px 0 7px}
.sector-grid p{font-size:11px;color:#9fb2c5;line-height:1.55;margin:0}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-grid details{border:1px solid #21496c;border-radius:10px;background:#071626;padding:0 18px}
.faq-grid summary{cursor:pointer;font-size:13px;font-weight:800;padding:18px 28px 18px 0;position:relative;list-style:none}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary:after{content:"+";position:absolute;right:0;top:14px;color:#28a8ff;font-size:22px}
.faq-grid details[open] summary:after{content:"−"}
.faq-grid p{font-size:11px;line-height:1.65;color:#a9bbcc;margin:0 0 18px}
@media(max-width:1100px){.process-grid,.sector-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.scene-label{display:none!important}.service-photo{height:210px}.process-grid,.sector-grid,.faq-grid{grid-template-columns:1fr}.process-grid article{min-height:200px}.sector-grid a{padding:18px}.stats strong{min-width:0}}

/* V22.7 hero cleanup: labels are embedded once in the artwork; HTML duplicates removed. */
.hero-scene{isolation:isolate}
.hero-scene img{filter:saturate(1.04) contrast(1.035);image-rendering:auto}
@media(max-width:760px){.hero-scene img{filter:saturate(1.02) contrast(1.02)}}


/* V22.7.4 modern visuals update */
.project-card img{filter:saturate(1.08) contrast(1.07) brightness(1.04);transform:scale(1.01);transition:transform .28s ease,filter .28s ease}
.project-card:hover img{transform:scale(1.05);filter:saturate(1.12) contrast(1.08) brightness(1.06)}
.compare{height:170px;background:#061321}
.compare img{filter:saturate(1.04) contrast(1.05)}
.process-thumb{height:118px;border-radius:12px;overflow:hidden;border:1px solid #21496c;margin:8px 0 14px;background:#081425}
.process-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.process-grid i{margin-top:0}
.sector-grid a{display:grid;grid-template-columns:132px 48px 1fr;align-items:center;gap:16px;padding:18px;min-height:150px}
.sector-thumb{width:132px;height:96px;border-radius:12px;overflow:hidden;border:1px solid #21496c;background:#081425}
.sector-thumb img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:1100px){.sector-grid a{grid-template-columns:120px 48px 1fr;min-height:unset}.sector-thumb{width:120px;height:88px}}
@media(max-width:620px){.process-thumb{height:144px}.sector-grid a{grid-template-columns:1fr;align-items:start}.sector-thumb{width:100%;height:170px}.sector-grid i{order:2}.sector-grid a>div:last-child{order:3}}


/* V22.7.7 — Hizmet Verdiğimiz Bölgeler (onaylanan modern tasarım) */
.service-regions{position:relative;max-width:var(--max);margin:30px 24px 0;padding:38px 30px 30px;border:1px solid rgba(52,112,170,.58);border-radius:14px;background:radial-gradient(circle at 50% -20%,rgba(18,96,185,.14),transparent 42%),linear-gradient(155deg,rgba(5,16,31,.98),rgba(2,10,21,.99));box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(112,192,255,.035);overflow:hidden}
.service-regions:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(35,118,205,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(35,118,205,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.regions-heading{position:relative;z-index:1;text-align:center;margin:0 auto 28px;max-width:980px}
.regions-heading>span{display:block;color:#168dff;font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.regions-heading h2{margin:9px 0 9px;font-size:clamp(30px,3.5vw,48px);line-height:1.08;letter-spacing:-.035em;color:#fff}
.regions-heading p{margin:0;color:#c3d0df;font-size:clamp(13px,1.25vw,17px);line-height:1.65}
.regions-heading>i{display:block;width:58px;height:3px;margin:17px auto 0;border-radius:10px;background:linear-gradient(90deg,#1678ff,#59c8ff);box-shadow:0 0 14px rgba(29,135,255,.52)}
.regions-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:22px;align-items:stretch}
.regions-map-card{position:relative;min-height:440px;border:1px solid rgba(40,105,169,.58);border-radius:13px;background:radial-gradient(circle at 50% 45%,rgba(13,88,177,.16),transparent 62%),rgba(3,13,27,.74);overflow:hidden;box-shadow:inset 0 0 38px rgba(4,95,190,.05)}
.regions-map-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(42,151,255,.035),transparent 35%,rgba(42,151,255,.018));pointer-events:none}
.regions-map-card img{display:block;width:100%;height:100%;min-height:410px;object-fit:contain;padding:9px 8px 30px;filter:drop-shadow(0 15px 26px rgba(0,70,170,.16))}
.regions-map-legend{position:absolute;left:28px;bottom:21px;display:flex;align-items:center;gap:9px;color:#aebed0;font-size:12px}
.regions-map-legend span{position:relative;width:12px;height:12px;border-radius:50%;background:#3ca9ff;border:2px solid #1b70ff;box-shadow:0 0 12px #1387ff}
.regions-map-legend span:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(43,139,255,.3)}
.regions-city-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.region-city-card{position:relative;min-height:108px;display:grid;grid-template-columns:52px 1fr 42px;align-items:center;gap:12px;padding:16px 16px;border:1px solid rgba(39,111,182,.65);border-radius:12px;background:linear-gradient(140deg,rgba(8,27,52,.92),rgba(4,14,29,.94));overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.region-city-card:before{content:"";position:absolute;width:95px;height:95px;left:-30px;top:-36px;border-radius:50%;background:#096dff;filter:blur(44px);opacity:.12}
.region-city-card:hover{transform:translateY(-3px);border-color:#279aff;box-shadow:0 15px 35px rgba(0,0,0,.22),0 0 24px rgba(14,118,255,.08)}
.region-pin{position:relative;z-index:1;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#52c7ff;background:radial-gradient(circle at 45% 35%,#1557af,#061e4a 74%);box-shadow:inset 0 0 0 1px rgba(35,129,255,.25),0 0 20px rgba(17,105,255,.16)}
.region-pin svg{width:23px;height:23px;stroke-width:2.2}
.region-city-card h3{margin:0 0 7px;font-size:18px;line-height:1.1;color:#f7fbff}
.region-city-card p{margin:0;color:#aabbd0;font-size:12px;line-height:1.35}
.region-symbol{justify-self:end;color:#1684ff;opacity:.78}
.region-symbol svg{width:38px;height:38px;stroke-width:1.15}
.region-country-card{grid-column:1/-1;min-height:102px;grid-template-columns:52px 1fr 100px}
.region-globe{border-radius:12px}
.region-mini-map{justify-self:end;color:#1689ff;font-size:15px;line-height:.55;letter-spacing:2px;text-align:center;transform:skewX(-9deg);text-shadow:0 0 9px rgba(24,137,255,.48)}
.regions-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid rgba(43,105,166,.55);border-radius:13px;background:linear-gradient(110deg,rgba(7,24,47,.88),rgba(3,13,27,.95));overflow:hidden}
.regions-stats article{position:relative;min-height:126px;display:grid;grid-template-columns:64px 1fr;align-items:center;gap:18px;padding:20px 40px}
.regions-stats article+article:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:linear-gradient(transparent,#285178,transparent)}
.regions-stats article>span{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;color:#35acff;background:linear-gradient(145deg,#0b326b,#071d48);box-shadow:inset 0 0 0 1px rgba(31,112,255,.19),0 0 25px rgba(10,98,235,.12)}
.regions-stats article>span svg{width:31px;height:31px;stroke-width:1.9}
.regions-stats strong{display:block;font-size:34px;line-height:1;color:#fff;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.regions-stats small{display:block;margin-top:9px;color:#b7c5d5;font-size:12px}
.regions-stats div>i{display:block;width:32px;height:2px;margin-top:13px;background:#238eff;box-shadow:0 0 8px rgba(35,142,255,.45)}
@media(min-width:1528px){.service-regions{margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.service-regions{padding:34px 22px 24px}.regions-layout{grid-template-columns:1fr}.regions-map-card{min-height:390px}.regions-map-card img{min-height:380px}.regions-stats article{padding:18px 24px}.regions-stats strong{font-size:30px}}
@media(max-width:720px){.service-regions{margin:18px 14px 0;padding:28px 14px 16px;border-radius:12px}.regions-heading{margin-bottom:20px}.regions-heading>span{font-size:11px}.regions-heading h2{font-size:31px}.regions-heading p{font-size:12px}.regions-layout{gap:14px}.regions-map-card{min-height:275px}.regions-map-card img{min-height:260px;padding:5px 0 24px}.regions-map-legend{left:16px;bottom:13px;font-size:10px}.regions-city-grid{grid-template-columns:1fr;gap:9px}.region-city-card{min-height:88px;grid-template-columns:44px 1fr 35px;padding:13px 14px}.region-pin{width:40px;height:40px}.region-pin svg{width:20px;height:20px}.region-city-card h3{font-size:16px;margin-bottom:5px}.region-city-card p{font-size:11px}.region-symbol svg{width:31px;height:31px}.region-country-card{grid-column:auto;grid-template-columns:44px 1fr 60px}.region-mini-map{font-size:11px}.regions-stats{grid-template-columns:1fr;margin-top:14px}.regions-stats article{min-height:92px;grid-template-columns:50px 1fr;padding:14px 18px;gap:14px}.regions-stats article+article:before{left:18px;right:18px;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,#285178,transparent)}.regions-stats article>span{width:48px;height:48px;border-radius:12px}.regions-stats article>span svg{width:25px;height:25px}.regions-stats strong{font-size:27px}.regions-stats small{font-size:11px;margin-top:6px}.regions-stats div>i{margin-top:9px}}
@media(max-width:390px){.regions-heading h2{font-size:27px}.region-country-card{grid-template-columns:44px 1fr}.region-mini-map{display:none}}

/* 22.7.10 premium logo */
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-premium{width:clamp(250px,28vw,520px);max-width:100%;flex:0 1 auto}.brand-mark{display:block;width:100%;height:auto;object-fit:contain}.brand-shield{display:none}footer .brand-footer{width:min(100%,320px)}footer .brand-footer .brand-mark{max-width:100%}@media(max-width:1100px){.brand-premium{width:clamp(230px,38vw,420px)}}@media(max-width:620px){.brand-premium{width:min(235px,calc(100vw - 110px))}footer .brand-footer{width:min(100%,250px)}}

/* 22.7.11 favicon + premium light sweep + visual polish */
.topbar .brand-premium{position:relative;overflow:hidden;border-radius:10px;isolation:isolate}
.topbar .brand-premium::after{content:"";position:absolute;top:-18%;bottom:-18%;left:-34%;width:24%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.06),rgba(128,210,255,.55),rgba(255,255,255,.06),rgba(255,255,255,0));transform:skewX(-24deg) translateX(-180%);pointer-events:none;mix-blend-mode:screen;animation:brandSweep 2.3s cubic-bezier(.2,.65,.2,1) .45s 1 both}
.topbar .brand-premium .brand-mark{filter:drop-shadow(0 0 14px rgba(22,136,255,.18));animation:brandGlow 1.8s ease .25s 1 both}
@keyframes brandSweep{0%{transform:skewX(-24deg) translateX(-180%);opacity:0}12%{opacity:1}78%{opacity:1}100%{transform:skewX(-24deg) translateX(560%);opacity:0}}
@keyframes brandGlow{0%{filter:drop-shadow(0 0 0 rgba(22,136,255,0));transform:translateZ(0)}40%{filter:drop-shadow(0 0 18px rgba(22,136,255,.22))}100%{filter:drop-shadow(0 0 10px rgba(22,136,255,.14))}}
.hero-scene img{filter:saturate(1.08) contrast(1.08) brightness(1.03)}
.project-card img{filter:saturate(1.07) contrast(1.08) brightness(1.04);transition:transform .28s ease,filter .28s ease}
.project-card:hover img{transform:scale(1.04);filter:saturate(1.11) contrast(1.1) brightness(1.06)}
.project-card:after{background:linear-gradient(transparent,rgba(2,8,18,.35) 28%,#020812 100%)}

/* 22.7.12 premium button hover + footer refinement */
.btn{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .28s ease,background .28s ease,color .22s ease}
.btn::before{content:"";position:absolute;top:-30%;bottom:-30%;left:-42%;width:26%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.03),rgba(115,206,255,.5),rgba(255,255,255,.04),rgba(255,255,255,0));transform:skewX(-24deg) translateX(-260%);opacity:0;pointer-events:none}
.btn:hover{transform:translateY(-2px);border-color:#54bcff;color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.32),0 0 0 1px rgba(80,182,255,.18) inset}
.btn:hover::before{opacity:1;animation:ctaSweep .82s ease 1}
.btn:active{transform:translateY(0) scale(.99)}
.btn.primary:hover{background:linear-gradient(135deg,#0d8eff,#1b6fe7);box-shadow:0 18px 34px rgba(8,127,240,.36),0 0 0 1px rgba(128,214,255,.2) inset}
.btn.ghost:hover{background:linear-gradient(180deg,rgba(12,34,56,.98),rgba(5,16,28,.98));box-shadow:0 14px 28px rgba(0,0,0,.28),0 0 0 1px rgba(69,169,255,.2) inset}
@keyframes ctaSweep{0%{transform:skewX(-24deg) translateX(-260%)}100%{transform:skewX(-24deg) translateX(560%)}}
footer{position:relative;margin:28px auto 0;border-top:1px solid #1d4467;background:linear-gradient(180deg,rgba(5,18,32,.96),rgba(3,12,22,.99));box-shadow:inset 0 1px 0 rgba(90,190,255,.08),0 -18px 38px rgba(0,0,0,.18);gap:18px}
footer::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(72,184,255,.62),transparent)}
footer p{max-width:380px;line-height:1.7;color:#9eb0c4}
footer nav{display:flex;flex-wrap:wrap;gap:10px}
footer nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #234769;border-radius:999px;background:linear-gradient(180deg,rgba(8,22,37,.84),rgba(5,14,24,.94));color:#c2cfdb;transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease,color .2s ease}
footer nav a:hover{transform:translateY(-2px);border-color:#42aeff;color:#fff;box-shadow:0 12px 22px rgba(0,0,0,.28),0 0 0 1px rgba(88,189,255,.15) inset}
.foot-phone{justify-self:end;padding:12px 16px;border:1px solid #254a6f;border-radius:18px;background:linear-gradient(180deg,rgba(9,25,40,.92),rgba(4,14,24,.98));box-shadow:0 12px 30px rgba(0,0,0,.2),inset 0 1px 0 rgba(85,189,255,.08)}
.foot-phone>svg{width:40px;height:40px;padding:10px;border-radius:12px;background:linear-gradient(180deg,rgba(15,44,73,.95),rgba(8,27,46,.95));border:1px solid rgba(58,173,255,.34);box-shadow:0 0 18px rgba(27,148,255,.14)}
.foot-phone small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#7fa8cf}
.foot-phone strong{font-size:18px;letter-spacing:.03em}
footer .brand-footer{filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}
@media(max-width:1100px){footer{gap:22px}.foot-phone{justify-self:start;width:100%;max-width:320px}}
@media(max-width:620px){footer{grid-template-columns:1fr;padding-bottom:96px}footer p{max-width:none}footer nav{justify-content:flex-start}.foot-phone{max-width:none}}

/* 22.7.13 premium card borders and shadows */
.service-card,.project-card,.before-grid article,.process-grid article,.sector-grid a,.camera-meter,.regions-map-card,.region-city-card,.regions-stats article{position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);transition:transform .26s ease,border-color .26s ease,box-shadow .32s ease,background .32s ease}
.service-card::before,.project-card::before,.before-grid article::before,.process-grid article::before,.sector-grid a::before,.camera-meter::before,.regions-map-card::after,.region-city-card::after,.regions-stats article::after{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(112,205,255,.58),transparent);opacity:.65;pointer-events:none}
.service-card::after,.project-card::after,.before-grid article::after,.process-grid article::after,.sector-grid a::after,.camera-meter::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(50,166,255,.10),transparent 30%);pointer-events:none;opacity:.9}
.service-card{border-color:#2a5278;border-radius:14px;background:linear-gradient(155deg,rgba(11,28,45,.98),rgba(6,18,31,.98))}
.service-card:hover{transform:translateY(-6px);border-color:#40b3ff;box-shadow:0 20px 42px rgba(0,0,0,.28),0 0 0 1px rgba(70,179,255,.16) inset,0 0 30px rgba(20,147,255,.12)}
.service-photo{background:linear-gradient(180deg,#0b1e31,#081627)}
.service-photo img{filter:drop-shadow(0 16px 18px rgba(0,0,0,.36))}
.service-body{position:relative;z-index:1}
.service-body span{color:#6fcfff}
.project-card{border-color:#2a5377;border-radius:14px;background:linear-gradient(160deg,#071728,#071322)}
.project-card:hover{transform:translateY(-5px);border-color:#46b7ff;box-shadow:0 22px 45px rgba(0,0,0,.28),0 0 0 1px rgba(76,188,255,.14) inset,0 0 28px rgba(18,143,255,.12)}
.project-card .project-overlay{padding:16px 15px 15px}
.project-card .project-overlay h3{text-shadow:0 1px 2px rgba(0,0,0,.45)}
.before-grid article{border-color:#29537a;border-radius:14px;background:linear-gradient(160deg,#08182b,#06111e)}
.before-grid article:hover{transform:translateY(-4px);border-color:#42b2ff;box-shadow:0 18px 40px rgba(0,0,0,.26),0 0 0 1px rgba(76,188,255,.13) inset}
.compare{background:#071526}
.process-grid article{border-color:#29527a;border-radius:14px;box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03)}
.process-grid article:hover{transform:translateY(-4px);border-color:#42b1ff;box-shadow:0 18px 38px rgba(0,0,0,.26),0 0 0 1px rgba(76,188,255,.14) inset}
.sector-grid a{border-color:#2a5378;border-radius:14px;background:linear-gradient(155deg,#08192b,#061220)}
.sector-grid a:hover{transform:translateY(-5px);border-color:#42b0ff;box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 0 1px rgba(74,182,255,.16) inset,0 0 22px rgba(19,145,255,.11)}
.camera-meter{border-color:#2a5378;border-radius:14px;background:linear-gradient(160deg,#081a2d,#071322);box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}
.camera-meter:hover{border-color:#42b1ff;box-shadow:0 20px 40px rgba(0,0,0,.26),0 0 0 1px rgba(74,182,255,.14) inset}
.regions-map-card{border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.22),inset 0 0 38px rgba(4,95,190,.05),0 0 0 1px rgba(255,255,255,.02)}
.region-city-card{border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.regions-stats article{border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03)}
.why-grid article{padding:12px 12px 12px 10px;border:1px solid rgba(35,76,112,.72);border-radius:13px;background:linear-gradient(155deg,rgba(9,24,38,.95),rgba(5,15,26,.95));box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.03);transition:transform .25s ease,border-color .25s ease,box-shadow .3s ease}
.why-grid article:hover{transform:translateY(-3px);border-color:#3aafff;box-shadow:0 18px 34px rgba(0,0,0,.24),0 0 0 1px rgba(66,179,255,.13) inset}
@media(max-width:620px){.service-card,.project-card,.before-grid article,.process-grid article,.sector-grid a,.camera-meter,.regions-map-card,.region-city-card,.regions-stats article,.why-grid article{box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.02)}.service-card:hover,.project-card:hover,.before-grid article:hover,.process-grid article:hover,.sector-grid a:hover,.why-grid article:hover{transform:none}}

/* 22.7.14 premium navigation polish */
.topbar{isolation:isolate;border-bottom-color:rgba(43,118,181,.48);background:linear-gradient(180deg,rgba(4,15,28,.96),rgba(2,10,21,.94));box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 -1px 0 rgba(73,174,255,.06)}
.topbar::before{content:"";position:absolute;left:max(24px,calc((100vw - var(--max))/2));right:max(24px,calc((100vw - var(--max))/2));bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(64,178,255,.7),transparent);pointer-events:none}
.topbar nav{gap:4px;padding:5px;border:1px solid rgba(37,83,124,.48);border-radius:14px;background:linear-gradient(180deg,rgba(8,24,40,.78),rgba(5,15,27,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.12)}
.topbar nav a{position:relative;padding:11px 13px;border:0;border-radius:10px;color:#c6d2df;letter-spacing:.035em;transition:color .2s ease,background .22s ease,box-shadow .25s ease,transform .2s ease}
.topbar nav a::after{content:"";position:absolute;left:20%;right:20%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,#43b7ff,transparent);transform:scaleX(0);opacity:0;transition:transform .22s ease,opacity .22s ease}
.topbar nav a:hover{color:#fff;background:linear-gradient(180deg,rgba(22,65,102,.72),rgba(10,32,54,.75));box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);transform:translateY(-1px)}
.topbar nav a:hover::after,.topbar nav a.active::after{transform:scaleX(1);opacity:1}
.topbar nav a.active{color:#70caff;background:linear-gradient(180deg,rgba(15,68,113,.82),rgba(7,37,66,.85));box-shadow:0 0 0 1px rgba(62,176,255,.16) inset,0 8px 20px rgba(0,0,0,.16)}
.head-contact{padding:8px 11px;border:1px solid rgba(38,91,135,.58);border-radius:13px;background:linear-gradient(180deg,rgba(9,28,46,.82),rgba(5,17,29,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.head-contact>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(44,155,238,.35);border-radius:10px;background:rgba(11,43,73,.72);box-shadow:0 0 18px rgba(16,143,255,.1)}
.head-contact small{letter-spacing:.08em;color:#8da9c3}
.head-contact strong{font-size:15px;letter-spacing:.025em}
.menu-btn{width:48px;height:44px;padding:0;place-items:center;border:1px solid #2a5d87;border-radius:13px;background:linear-gradient(180deg,#0a2036,#061423);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 9px 20px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,box-shadow .25s ease,background .25s ease}
.menu-btn:hover,.menu-btn[aria-expanded="true"]{transform:translateY(-1px);border-color:#45b6ff;background:linear-gradient(180deg,#0d2b49,#071a2d);box-shadow:0 12px 25px rgba(0,0,0,.23),0 0 0 1px rgba(72,184,255,.13) inset,0 0 22px rgba(18,143,255,.1)}
.menu-btn:active{transform:translateY(0) scale(.98)}
.menu-btn svg{transition:transform .25s ease}
.menu-btn[aria-expanded="true"] svg{transform:rotate(90deg)}
@media(max-width:1100px){.topbar nav{display:none}.topbar nav.open{display:flex;position:absolute;top:calc(100% + 8px);left:auto;right:14px;width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 110px);overflow:auto;flex-direction:column;align-items:stretch;gap:5px;padding:10px;border:1px solid rgba(50,130,194,.72);border-radius:16px;background:linear-gradient(155deg,rgba(7,25,43,.98),rgba(3,13,25,.98));box-shadow:0 24px 55px rgba(0,0,0,.48),0 0 0 1px rgba(73,181,255,.07) inset;backdrop-filter:blur(20px);animation:premiumMenuIn .2s ease both}.topbar nav.open::before{content:"MENÜ";display:block;padding:5px 9px 8px;color:#6dbff4;font-size:10px;font-weight:900;letter-spacing:.18em}.topbar nav.open a{width:100%;padding:14px 15px;border:1px solid rgba(32,75,110,.5);border-radius:11px;background:linear-gradient(180deg,rgba(8,28,47,.8),rgba(5,18,31,.84));font-size:12px}.topbar nav.open a::after{left:15px;right:auto;bottom:8px;width:42px}.topbar nav.open a:hover,.topbar nav.open a.active{transform:none;border-color:rgba(62,175,255,.62);background:linear-gradient(180deg,rgba(15,60,98,.92),rgba(7,31,54,.94))}.menu-btn{display:grid;margin-left:auto}.head-btn{display:none}.head-contact{display:none}}
@media(max-width:620px){.topbar{padding-left:14px;padding-right:14px}.topbar::before{left:14px;right:14px}.topbar nav.open{right:10px;width:calc(100vw - 20px);border-radius:14px}.menu-btn{width:44px;height:42px;border-radius:12px}}
@keyframes premiumMenuIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

/* 22.7.15 project gallery + reveal animations + premium WhatsApp */
.reveal-ready .reveal-block,.reveal-ready .reveal-item{opacity:0;transform:translateY(22px);filter:blur(3px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease;transition-delay:var(--reveal-delay,0ms)}
.reveal-ready .reveal-block.is-visible,.reveal-ready .reveal-item.is-visible{opacity:1;transform:none;filter:none}
.project-card[role="button"]{cursor:zoom-in;outline:none}
.project-card[role="button"]:focus-visible{border-color:#66c9ff;box-shadow:0 0 0 3px rgba(59,178,255,.24),0 22px 45px rgba(0,0,0,.28)}
.project-card[role="button"] .project-overlay::after{content:"↗";position:absolute;right:14px;top:14px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(102,201,255,.45);border-radius:9px;background:rgba(4,18,31,.76);color:#8bd8ff;font-size:16px;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease}
.project-card[role="button"]:hover .project-overlay::after,.project-card[role="button"]:focus-visible .project-overlay::after{opacity:1;transform:none}
body.lightbox-open{overflow:hidden}
.project-lightbox{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(58px,1fr) minmax(0,1180px) minmax(58px,1fr);grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:34px 24px 24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.project-lightbox.is-open{visibility:visible;opacity:1;pointer-events:auto}
.lightbox-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(14,54,91,.38),rgba(1,6,12,.96) 62%);backdrop-filter:blur(15px)}
.lightbox-figure{position:relative;z-index:2;grid-column:2;grid-row:1;margin:0;width:min(100%,1180px);max-height:calc(100vh - 145px);display:grid;grid-template-rows:minmax(0,1fr) auto;border:1px solid rgba(74,176,246,.5);border-radius:20px;overflow:hidden;background:linear-gradient(155deg,rgba(8,24,40,.98),rgba(3,12,22,.99));box-shadow:0 35px 90px rgba(0,0,0,.62),0 0 0 1px rgba(116,207,255,.08) inset}
.lightbox-image-wrap{min-height:260px;max-height:calc(100vh - 245px);display:grid;place-items:center;overflow:auto;background:radial-gradient(circle at 50% 50%,rgba(18,80,135,.14),transparent 55%),#020914;cursor:zoom-in}
.lightbox-image-wrap img{display:block;max-width:100%;max-height:calc(100vh - 245px);width:auto;height:auto;object-fit:contain;transform-origin:center;transition:transform .28s ease,filter .28s ease;filter:saturate(1.05) contrast(1.04)}
.lightbox-image-wrap.is-zoomed{place-items:start center;cursor:zoom-out}
.lightbox-image-wrap.is-zoomed img{max-width:none;max-height:none;transform:scale(1.6);cursor:zoom-out;margin:12vh 0}
.lightbox-figure figcaption{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:18px 22px;border-top:1px solid rgba(48,105,153,.55);background:linear-gradient(180deg,rgba(8,26,44,.96),rgba(4,14,25,.98))}
.lightbox-figure figcaption>div{display:flex;flex-direction:column;gap:5px}
.lightbox-figure strong{font-size:20px;letter-spacing:.025em}
.lightbox-figure figcaption span{font-size:12px;color:#7ecbff}
.lightbox-figure figcaption small{max-width:420px;color:#aebfd0;font-size:11px;line-height:1.55;text-align:right}
.lightbox-close,.lightbox-nav,.lightbox-toolbar button{position:relative;z-index:3;border:1px solid rgba(74,176,246,.5);background:linear-gradient(180deg,rgba(12,38,62,.96),rgba(5,18,31,.98));color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .25s ease}
.lightbox-close:hover,.lightbox-nav:hover,.lightbox-toolbar button:hover{transform:translateY(-2px);border-color:#73cbff;background:linear-gradient(180deg,#10436d,#082743);box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 24px rgba(25,150,255,.14)}
.lightbox-close{position:absolute;right:24px;top:22px;width:48px;height:48px;border-radius:14px;font-size:30px;line-height:1}
.lightbox-nav{width:54px;height:70px;border-radius:16px;font-size:42px;line-height:1}
.lightbox-prev{grid-column:1;grid-row:1}.lightbox-next{grid-column:3;grid-row:1}
.lightbox-toolbar{position:relative;z-index:3;grid-column:2;grid-row:2;display:flex;align-items:center;gap:14px;margin-top:14px}
.lightbox-toolbar button{padding:10px 16px;border-radius:11px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.lightbox-toolbar span{min-width:58px;color:#b9d0e3;font-size:12px;text-align:center}
.float-wa{right:22px;bottom:26px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;gap:0;padding:0 17px;border:1px solid rgba(92,255,145,.62);border-radius:999px;background:linear-gradient(145deg,#24d366,#129b47);color:#fff;overflow:hidden;isolation:isolate;box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 26px rgba(31,196,91,.28),inset 0 1px 0 rgba(255,255,255,.22);transition:width .28s cubic-bezier(.2,.75,.2,1),transform .22s ease,box-shadow .28s ease}
.float-wa::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.24) 50%,transparent 70%);transform:translateX(-120%);transition:transform .62s ease;z-index:-1}
.float-wa:hover{width:205px;justify-content:flex-start;transform:translateY(-3px);box-shadow:0 20px 40px rgba(0,0,0,.38),0 0 34px rgba(31,196,91,.34),inset 0 1px 0 rgba(255,255,255,.25)}
.float-wa:hover::before{transform:translateX(120%)}
.wa-icon{width:29px;height:29px;flex:0 0 29px;position:relative;z-index:2}
.wa-label{max-width:0;margin-left:0;overflow:hidden;white-space:nowrap;opacity:0;transform:translateX(8px);font-size:12px;font-weight:900;letter-spacing:.01em;transition:max-width .28s ease,margin-left .28s ease,opacity .2s ease .05s,transform .25s ease}
.float-wa:hover .wa-label{max-width:145px;margin-left:10px;opacity:1;transform:none}
.wa-pulse{position:absolute;inset:-1px;border:1px solid rgba(79,255,136,.65);border-radius:inherit;animation:waPulse 2.4s ease-out infinite;pointer-events:none}
@keyframes waPulse{0%{transform:scale(.88);opacity:.68}70%,100%{transform:scale(1.36);opacity:0}}
@media(max-width:1100px){.float-wa{bottom:82px}.float-wa:hover{width:58px;justify-content:center;transform:translateY(-2px)}.float-wa:hover .wa-label{max-width:0;margin-left:0;opacity:0}}
@media(max-width:720px){.project-lightbox{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto;padding:64px 10px 12px}.lightbox-figure{grid-column:1/-1;grid-row:1;max-height:calc(100vh - 160px);border-radius:15px}.lightbox-image-wrap{max-height:calc(100vh - 265px);min-height:220px}.lightbox-image-wrap img{max-height:calc(100vh - 265px)}.lightbox-figure figcaption{grid-template-columns:1fr;gap:10px;padding:14px 15px}.lightbox-figure figcaption small{text-align:left}.lightbox-figure strong{font-size:17px}.lightbox-prev,.lightbox-next{grid-row:2;width:100%;height:46px;border-radius:12px;font-size:32px}.lightbox-prev{grid-column:1}.lightbox-next{grid-column:2}.lightbox-toolbar{grid-column:1/-1;grid-row:3;margin-top:9px}.lightbox-close{right:10px;top:10px;width:43px;height:43px;border-radius:12px}.lightbox-image-wrap.is-zoomed img{transform:scale(1.35);margin:9vh 0}.project-card[role="button"] .project-overlay::after{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.reveal-ready .reveal-block,.reveal-ready .reveal-item{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.wa-pulse{display:none}.project-lightbox,.lightbox-image-wrap img,.float-wa,.wa-label{transition:none!important}}

/* 22.7.16 customer reviews + brand rail + draggable comparisons */
.brand-ecosystem{margin:28px 24px 0;padding:22px 24px;border:1px solid rgba(42,104,159,.68);border-radius:16px;background:linear-gradient(150deg,rgba(8,24,42,.95),rgba(4,14,26,.98));box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);position:relative;overflow:hidden}
.brand-ecosystem:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0,rgba(28,142,255,.13),transparent 36%);pointer-events:none}
.brand-ecosystem-copy{position:relative;z-index:1;display:grid;grid-template-columns:220px 1fr;column-gap:22px;align-items:end}
.brand-ecosystem-copy>span{color:#53bdff;font-size:11px;font-weight:900;letter-spacing:.12em}
.brand-ecosystem-copy h2{margin:0;font-size:21px}
.brand-ecosystem-copy p{grid-column:2;margin:7px 0 0;color:#9fb3c7;font-size:12px;line-height:1.6}
.brand-rail{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:19px}
.brand-pill{min-height:66px;display:grid;place-items:center;padding:12px;border:1px solid rgba(49,104,153,.68);border-radius:13px;background:linear-gradient(180deg,rgba(9,27,46,.92),rgba(5,16,28,.96));color:#dceafa;font-size:14px;font-weight:900;letter-spacing:.035em;text-align:center;box-shadow:0 10px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.03);transition:transform .24s ease,border-color .24s ease,color .24s ease,box-shadow .28s ease}
.brand-pill:hover{transform:translateY(-3px);border-color:#4ab7ff;color:#fff;box-shadow:0 17px 30px rgba(0,0,0,.23),0 0 22px rgba(20,145,255,.1)}
.brand-ecosystem>small{position:relative;z-index:1;display:block;margin-top:12px;color:#718aa2;font-size:9px;text-align:right}
.compare-slider{--position:50%;display:block;position:relative;height:170px;isolation:isolate;cursor:ew-resize;touch-action:pan-y;background:#061321}
.compare-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.compare-slider .compare-before{z-index:1}
.compare-slider .compare-after{z-index:2;clip-path:inset(0 calc(100% - var(--position)) 0 0)}
.compare-slider>span,.compare-slider>b{z-index:5}
.compare-slider input[type="range"]{position:absolute;inset:0;z-index:7;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none}
.compare-handle{position:absolute;z-index:6;left:var(--position);top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(135,216,255,.8);border-radius:50%;background:linear-gradient(180deg,#148eea,#075ba7);color:#fff;font-style:normal;font-size:18px;box-shadow:0 0 0 5px rgba(4,19,34,.62),0 8px 22px rgba(0,0,0,.38),0 0 24px rgba(23,151,255,.35);pointer-events:none}
.compare-handle:before{content:"";position:absolute;left:50%;top:-75px;bottom:-75px;width:2px;transform:translateX(-50%);background:linear-gradient(transparent,#8fdcff 18%,#8fdcff 82%,transparent);box-shadow:0 0 10px rgba(65,183,255,.8);z-index:-1}
.compare-slider:focus-within{box-shadow:inset 0 0 0 2px #58c2ff}
.reviews-section{padding-top:38px}
.reviews-summary{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #2b5276;border-radius:13px;background:#071728}
.reviews-summary strong{font-size:22px}.reviews-summary span{color:#ffcf45;letter-spacing:.08em}.reviews-summary small{color:#93a8bd;font-size:10px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.review-card{position:relative;min-height:205px;padding:19px;border:1px solid #2a5378;border-radius:15px;background:linear-gradient(155deg,#091c30,#06121f);box-shadow:0 14px 32px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .3s ease}
.review-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(39,157,255,.12),transparent 35%);pointer-events:none}
.review-card:hover{transform:translateY(-4px);border-color:#44b2ff;box-shadow:0 20px 40px rgba(0,0,0,.27),0 0 25px rgba(22,145,255,.1)}
.review-top{position:relative;display:grid;grid-template-columns:46px 1fr 32px;align-items:center;gap:11px}
.review-avatar{width:44px;height:44px;display:grid;place-items:center;border:1px solid #3baeff;border-radius:13px;background:linear-gradient(145deg,#124e82,#082640);color:#fff;font-weight:900;font-size:18px;box-shadow:0 0 18px rgba(24,151,255,.16)}
.review-top>div{display:flex;flex-direction:column;gap:4px}.review-top strong{font-size:14px}.review-top small{font-size:9px;color:#7f9bb5;text-transform:uppercase;letter-spacing:.07em}
.review-google{justify-self:end;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#1769e0;font-weight:900}
.review-stars{position:relative;margin:15px 0 11px;display:flex;gap:3px}.review-stars i{font-style:normal;color:#27445e}.review-stars i.active{color:#ffca3b;text-shadow:0 0 12px rgba(255,202,59,.24)}
.review-card p{position:relative;margin:0;color:#b9c7d5;font-size:12px;line-height:1.7}
@media(max-width:1100px){.brand-ecosystem-copy{grid-template-columns:1fr}.brand-ecosystem-copy p{grid-column:1}.brand-rail{grid-template-columns:repeat(3,1fr)}.reviews-grid{grid-template-columns:1fr 1fr}.review-card:last-child{grid-column:1/-1}.compare-slider{height:190px}}
@media(max-width:620px){.brand-ecosystem{margin:22px 14px 0;padding:18px 15px}.brand-ecosystem-copy h2{font-size:18px;margin-top:6px}.brand-rail{grid-template-columns:1fr 1fr;gap:8px}.brand-pill{min-height:55px;font-size:11px}.brand-ecosystem>small{text-align:left;line-height:1.5}.reviews-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.review-card{min-width:86%;scroll-snap-align:start}.review-card:last-child{grid-column:auto}.reviews-summary{display:none}.compare-slider{height:210px}.compare-handle{width:38px;height:38px;font-size:15px}.compare-handle:before{top:-92px;bottom:-92px}}
@media(prefers-reduced-motion:reduce){.brand-pill,.review-card{transition:none!important}}

/* 22.7.17 animated metrics + premium mobile dock + quick offer modal */
[data-count]{font-variant-numeric:tabular-nums;min-width:3ch}
.offer-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.offer-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.offer-backdrop{position:absolute;inset:0;background:rgba(0,6,14,.82);backdrop-filter:blur(12px)}
.offer-panel{position:relative;width:min(900px,100%);max-height:min(820px,calc(100vh - 32px));overflow:auto;padding:30px;border:1px solid rgba(53,147,219,.76);border-radius:22px;background:radial-gradient(circle at 85% 0,rgba(19,120,228,.18),transparent 34%),linear-gradient(155deg,#0a2138,#061321 70%);box-shadow:0 34px 90px rgba(0,0,0,.58),0 0 0 1px rgba(89,191,255,.08) inset;transform:translateY(18px) scale(.985);transition:transform .25s cubic-bezier(.2,.75,.2,1)}
.offer-modal.is-open .offer-panel{transform:none}
.offer-panel::before{content:"";position:absolute;left:34px;right:34px;top:0;height:1px;background:linear-gradient(90deg,transparent,#66c7ff,transparent)}
.offer-close{position:absolute;right:17px;top:16px;z-index:2;width:42px;height:42px;border:1px solid #315b7e;border-radius:13px;background:#091b2d;color:#d9ecfa;font-size:27px;line-height:1;cursor:pointer;transition:.2s}
.offer-close:hover{border-color:#54bcff;color:#fff;background:#10304e;transform:rotate(4deg)}
.offer-head{padding:2px 52px 22px 2px}
.offer-kicker{display:inline-flex;color:#59bcff;font-size:11px;font-weight:900;letter-spacing:.15em}
.offer-head h2{margin:9px 0 8px;font-size:clamp(25px,3vw,39px);line-height:1.12;letter-spacing:-.025em}
.offer-head p{margin:0;color:#aabbd0;font-size:14px;line-height:1.6}
.offer-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.offer-service-grid>a{position:relative;display:grid;grid-template-columns:54px 1fr 22px;align-items:center;gap:14px;min-height:104px;padding:17px;border:1px solid #285276;border-radius:15px;background:linear-gradient(150deg,rgba(10,31,52,.96),rgba(5,17,29,.98));box-shadow:0 13px 30px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025);transition:transform .23s ease,border-color .23s ease,box-shadow .28s ease,background .28s ease}
.offer-service-grid>a::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(104,204,255,.55),transparent)}
.offer-service-grid>a:hover{transform:translateY(-3px);border-color:#45b5ff;background:linear-gradient(150deg,rgba(13,43,70,.98),rgba(6,22,38,.99));box-shadow:0 20px 38px rgba(0,0,0,.28),0 0 24px rgba(15,143,255,.1)}
.offer-service-grid>a>svg{width:20px;height:20px;color:#47b8ff;transition:transform .2s ease}
.offer-service-grid>a:hover>svg{transform:translateX(3px)}
.offer-service-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(59,167,255,.55);border-radius:14px;background:linear-gradient(145deg,#0c3d75,#081f42);color:#5bc4ff;box-shadow:0 0 20px rgba(24,143,255,.13)}
.offer-service-icon svg{width:27px;height:27px}
.offer-service-icon.offer-red{color:#ff6170;border-color:rgba(255,75,94,.5);background:linear-gradient(145deg,#5a1d2a,#2b1019)}
.offer-service-icon.offer-yellow{color:#ffd24a;border-color:rgba(255,202,32,.48);background:linear-gradient(145deg,#544111,#292009)}
.offer-service-icon.offer-purple{color:#bd86ff;border-color:rgba(180,108,255,.48);background:linear-gradient(145deg,#3e245f,#21142f)}
.offer-service-icon.offer-cyan{color:#4ee3ff;border-color:rgba(35,208,255,.5);background:linear-gradient(145deg,#0b4558,#082832)}
.offer-service-icon.offer-green{color:#5ee58e;border-color:rgba(52,213,109,.48);background:linear-gradient(145deg,#14512d,#0b2c19)}
.offer-service-grid strong{display:block;margin-bottom:6px;font-size:16px;color:#f7fbff}
.offer-service-grid small{display:block;color:#9eb2c7;font-size:11px;line-height:1.45}
.offer-foot{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(42,81,116,.72);color:#9db4ca;font-size:11px}
.offer-foot span{display:flex;align-items:center;gap:7px}.offer-foot svg{color:#42b5ff}
body.offer-open{overflow:hidden}
@media(max-width:1100px){.mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));height:68px;padding:6px;border:1px solid rgba(51,129,188,.72);border-radius:20px;background:linear-gradient(155deg,rgba(7,27,45,.96),rgba(3,14,26,.97));box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 0 1px rgba(84,190,255,.055) inset;backdrop-filter:blur(20px);z-index:60;overflow:hidden}.mobile-dock::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(93,194,255,.68),transparent)}.mobile-dock .dock-item{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;border:0;border-radius:14px;background:transparent;color:#8fa8bf;font-family:inherit;cursor:pointer;transition:color .2s ease,background .22s ease,transform .2s ease}.mobile-dock .dock-item>svg{width:22px;height:22px;stroke-width:1.8}.mobile-dock .dock-item small{font-size:8px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.mobile-dock .dock-item>i{position:absolute;left:50%;bottom:1px;width:22px;height:2px;border-radius:4px;background:#38adff;box-shadow:0 0 10px #188eff;opacity:0;transform:translateX(-50%) scaleX(.35);transition:.22s}.mobile-dock .dock-item.is-active{color:#eef8ff;background:linear-gradient(180deg,rgba(24,98,155,.34),rgba(8,38,65,.22));box-shadow:inset 0 0 0 1px rgba(73,177,255,.12)}.mobile-dock .dock-item.is-active>svg{color:#49baff;filter:drop-shadow(0 0 7px rgba(31,160,255,.35))}.mobile-dock .dock-item.is-active>i{opacity:1;transform:translateX(-50%) scaleX(1)}.mobile-dock .dock-whatsapp>svg{color:#39d875;fill:currentColor;stroke:none}.mobile-dock .dock-offer{color:#b9d9f0}.mobile-dock .dock-offer>svg{color:#55bdff}.float-wa{bottom:calc(88px + env(safe-area-inset-bottom))}footer{padding-bottom:calc(105px + env(safe-area-inset-bottom))}}
@media(max-width:620px){.offer-modal{padding:10px}.offer-panel{max-height:calc(100vh - 20px);padding:22px 14px 16px;border-radius:18px}.offer-panel::before{left:20px;right:20px}.offer-head{padding:2px 42px 17px 2px}.offer-head h2{font-size:25px}.offer-head p{font-size:12px}.offer-close{right:12px;top:11px;width:38px;height:38px;border-radius:12px}.offer-service-grid{grid-template-columns:1fr;gap:8px}.offer-service-grid>a{grid-template-columns:46px 1fr 18px;min-height:82px;padding:12px;gap:12px;border-radius:13px}.offer-service-icon{width:44px;height:44px;border-radius:12px}.offer-service-icon svg{width:23px;height:23px}.offer-service-grid strong{font-size:14px;margin-bottom:4px}.offer-service-grid small{font-size:10px}.offer-foot{gap:9px;margin-top:13px;padding-top:13px;font-size:9px}.mobile-dock{left:7px;right:7px;bottom:calc(6px + env(safe-area-inset-bottom));height:64px;border-radius:18px;padding:5px}.mobile-dock .dock-item>svg{width:21px;height:21px}.mobile-dock .dock-item small{font-size:7px}.float-wa{bottom:calc(80px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.offer-modal,.offer-panel,.offer-service-grid>a,.mobile-dock .dock-item,.mobile-dock .dock-item>i{transition:none!important}}


/* 22.7.18 team gallery + story cards */
.section-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(67,168,255,.28);border-radius:999px;background:linear-gradient(180deg,rgba(11,39,63,.82),rgba(5,22,37,.86));color:#9fdcff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.story-card,.team-card{position:relative;overflow:hidden;border:1px solid #274d70;border-radius:16px;background:linear-gradient(160deg,#071728,#071322);box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);transition:transform .26s ease,border-color .26s ease,box-shadow .32s ease,background .32s ease}
.story-card::before,.team-card::before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(112,205,255,.58),transparent);opacity:.65;pointer-events:none}
.story-card::after,.team-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(50,166,255,.10),transparent 30%);pointer-events:none;opacity:.9}
.story-card:hover,.team-card:hover{transform:translateY(-5px);border-color:#46b7ff;box-shadow:0 22px 45px rgba(0,0,0,.28),0 0 0 1px rgba(76,188,255,.14) inset,0 0 28px rgba(18,143,255,.12)}
.story-card{padding:20px 18px 18px}
.story-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.story-top span,.story-top small{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(65,177,255,.24);background:rgba(8,27,43,.78);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.story-top small{color:#8fd7ff}
.story-card h3{margin:0 0 10px;font-size:22px;line-height:1.28;color:#f5fbff}
.story-card>p{margin:0 0 14px;color:#a9bfd2;line-height:1.72}
.story-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.story-metrics span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(8,29,46,.82);border:1px solid rgba(62,144,201,.28);color:#d7efff;font-size:13px;font-weight:700}
.story-metrics svg{width:16px;height:16px;color:#43b4ff}
.story-result{padding:14px;border-radius:14px;background:linear-gradient(180deg,rgba(9,34,55,.86),rgba(5,18,31,.86));border:1px solid rgba(66,165,241,.18)}
.story-result strong{display:block;margin-bottom:8px;color:#f7fbff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.story-result p{margin:0;color:#c2d7e8;line-height:1.7}
.team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.team-card{cursor:zoom-in;min-height:320px}
.team-card img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;filter:saturate(1.04) contrast(1.03) brightness(.98);transition:transform .35s ease,filter .35s ease}
.team-card:hover img{transform:scale(1.05);filter:saturate(1.08) contrast(1.05) brightness(1)}
.team-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px 16px 15px;background:linear-gradient(180deg,rgba(2,8,18,0) 0%,rgba(2,8,18,.58) 24%,#020812 100%);z-index:1}
.team-tag{display:inline-flex;align-items:center;padding:6px 10px;margin-bottom:10px;border-radius:999px;border:1px solid rgba(95,201,255,.28);background:rgba(6,25,42,.82);color:#9ddcff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.team-overlay h3{margin:0 0 6px;font-size:20px;line-height:1.2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.team-overlay p{margin:0;color:#b6cadb;line-height:1.6;font-size:14px}
@media(max-width:1180px){.story-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.section-chip{display:none}.story-grid,.team-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.story-card,.team-card{min-width:84%;scroll-snap-align:start}.team-card img{min-height:280px}.story-card:hover,.team-card:hover{transform:none}}

/* 22.7.19 story detail modal + gallery filters + compact menu */
.story-card[role="button"]{cursor:pointer;outline:none}
.story-card[role="button"]:focus-visible{border-color:#66c9ff;box-shadow:0 0 0 3px rgba(59,178,255,.24),0 22px 45px rgba(0,0,0,.28)}
.story-open{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#64c7ff;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.story-open svg{width:16px;height:16px;transition:transform .2s ease}.story-card:hover .story-open svg{transform:translateX(4px)}
.team-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-4px 0 18px}
.team-filters button{min-height:40px;padding:9px 15px;border:1px solid #294e70;border-radius:999px;background:linear-gradient(180deg,rgba(8,28,46,.9),rgba(4,16,28,.95));color:#9db3c7;font:800 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease,box-shadow .25s ease}
.team-filters button:hover,.team-filters button.is-active{color:#fff;border-color:#42b5ff;background:linear-gradient(180deg,rgba(17,79,124,.92),rgba(7,37,63,.96));box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 18px rgba(27,151,255,.11)}
.team-filters button:active{transform:scale(.98)}
.team-card.is-filtered-out{display:none}
.story-modal{position:fixed;inset:0;z-index:1120;display:grid;place-items:center;padding:26px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.story-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.story-modal-backdrop{position:absolute;inset:0;background:rgba(0,5,12,.82);backdrop-filter:blur(13px)}
.story-modal-panel{position:relative;width:min(920px,100%);max-height:calc(100vh - 52px);overflow:auto;padding:28px;border:1px solid #2a6695;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(20,122,213,.15),transparent 32%),linear-gradient(155deg,#081c30,#040e1a);box-shadow:0 34px 90px rgba(0,0,0,.58),0 0 0 1px rgba(84,190,255,.06) inset;color:#eef8ff}
.story-modal-panel::before{content:"";position:absolute;left:30px;right:30px;top:0;height:1px;background:linear-gradient(90deg,transparent,#66caff,transparent)}
.story-modal-close{position:absolute;right:16px;top:16px;width:43px;height:43px;border:1px solid #315a7c;border-radius:13px;background:#061728;color:#fff;font-size:27px;line-height:1;cursor:pointer;z-index:2}
.story-modal-close:hover{border-color:#58beff;background:#0b2843}
.story-modal-head{padding-right:54px}.story-modal-head>span,.story-modal-head>small{display:inline-flex;padding:7px 11px;margin:0 8px 12px 0;border:1px solid rgba(73,180,255,.27);border-radius:999px;background:rgba(8,30,49,.86);color:#9cdcff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.story-modal-head h2{margin:0 0 12px;font-size:clamp(25px,3vw,38px);line-height:1.15}.story-modal-head p{max-width:760px;margin:0;color:#b9cede;line-height:1.75}
.story-modal-metrics{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.story-modal-metrics span{display:inline-flex;align-items:center;padding:10px 13px;border:1px solid rgba(67,165,236,.25);border-radius:12px;background:rgba(8,29,47,.82);color:#def2ff;font-size:13px;font-weight:800}
.story-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.story-modal-grid article,.story-modal-process,.story-modal-result{padding:17px;border:1px solid rgba(48,113,163,.42);border-radius:15px;background:linear-gradient(155deg,rgba(9,30,48,.9),rgba(5,17,29,.94))}
.story-modal-grid span,.story-modal-process>span,.story-modal-result>span{display:block;margin-bottom:9px;color:#62c5ff;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.story-modal-grid p,.story-modal-result p{margin:0;color:#c0d3e1;line-height:1.72}
.story-modal-process{margin-top:14px}.story-modal-process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;counter-reset:story-step}.story-modal-process li{counter-increment:story-step;position:relative;padding:15px 13px 15px 48px;border:1px solid rgba(50,112,156,.31);border-radius:13px;background:rgba(5,20,34,.72);color:#c6d9e6;line-height:1.55}.story-modal-process li::before{content:counter(story-step,decimal-leading-zero);position:absolute;left:12px;top:13px;color:#4dbbff;font-size:12px;font-weight:900}
.story-modal-result{margin-top:14px;border-color:rgba(59,173,255,.48);box-shadow:inset 0 0 24px rgba(18,133,218,.06)}
.story-modal-note{margin:15px 2px 0;color:#7993a8;font-size:11px;line-height:1.55}
body.story-open-modal{overflow:hidden}
@media(max-width:1380px) and (min-width:1101px){.topbar{gap:17px}.topbar nav{gap:12px}.topbar nav a{font-size:11px}.head-contact{display:none}.brand-premium{width:clamp(230px,24vw,350px)}}
@media(max-width:720px){.team-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.team-filters button{flex:0 0 auto}.story-modal{padding:10px}.story-modal-panel{max-height:calc(100vh - 20px);padding:22px 16px;border-radius:18px}.story-modal-head{padding-right:42px}.story-modal-grid{grid-template-columns:1fr}.story-modal-process ol{grid-template-columns:1fr}.story-modal-close{right:10px;top:10px}.story-open{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.story-modal,.team-filters button,.story-open svg{transition:none!important}}

/* 22.7.22 typography, spacing and soft image loading refinement */
html{-webkit-text-size-adjust:100%}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-kerning:normal}
.section{padding-top:56px}
.section-head{gap:22px;margin-bottom:27px}
.section-head>div>span,.regions-heading>span{font-size:13px;line-height:1.3;letter-spacing:.11em;text-wrap:balance}
.section-head h2{max-width:760px;font-size:17px;line-height:1.55;color:#b7c8d9;margin-top:9px;text-wrap:pretty}
.service-body h3,.project-overlay h3,.team-overlay h3,.story-card h3{letter-spacing:-.018em;text-wrap:balance}
.service-body p,.before-grid p,.process-grid p,.sector-grid p,.story-card>p,.story-result p,.team-overlay p{line-height:1.68;text-wrap:pretty}
.why{margin-top:44px;padding:24px}
.contact,.service-regions{margin-top:26px}
footer{margin-top:28px}
.soft-load-image{opacity:0!important;filter:blur(12px) saturate(.96)!important;transform:scale(1.035)!important;transition:opacity .58s ease,filter .72s ease,transform .72s ease!important;will-change:opacity,filter,transform}
.soft-load-image.is-loaded{opacity:1!important;filter:blur(0) saturate(1.04)!important;transform:scale(1)!important}
.project-card:hover .soft-load-image.is-loaded,.team-card:hover .soft-load-image.is-loaded{transform:scale(1.045)!important;filter:blur(0) saturate(1.09) contrast(1.06)!important}
.service-card:hover .soft-load-image.is-loaded{transform:scale(1.035)!important}
.process-thumb,.sector-thumb,.service-photo,.project-card,.team-card,.regions-map-card{background-image:linear-gradient(110deg,#071626 8%,#0c2944 18%,#071626 33%);background-size:220% 100%;animation:imageSkeleton22 1.35s linear infinite}
.process-thumb.image-ready,.sector-thumb.image-ready,.service-photo.image-ready,.project-card.image-ready,.team-card.image-ready,.regions-map-card.image-ready{animation:none;background-image:none}
@keyframes imageSkeleton22{to{background-position-x:-220%}}
@media(max-width:720px){
  .section{padding-top:43px}.section-head{margin-bottom:22px}.section-head h2{font-size:15px;line-height:1.55}.section-head>div>span,.regions-heading>span{font-size:12px}.why{margin-top:34px;padding:18px}.contact,.service-regions{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.soft-load-image{transition:none!important}.process-thumb,.sector-thumb,.service-photo,.project-card,.team-card,.regions-map-card{animation:none}}


/* 22.7.26 service-specific micro effects */
.service-card[data-service-effect] .service-photo{isolation:isolate}
.service-card[data-service-effect] .service-photo::before,.service-card[data-service-effect] .service-photo::after{content:"";position:absolute;z-index:3;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .55s ease}
.service-card-camera .service-photo::before{left:6%;right:6%;top:12%;height:2px;background:linear-gradient(90deg,transparent,#72d1ff,transparent);box-shadow:0 0 15px #1493ff;transform:translateY(-26px)}
.service-card-camera:hover .service-photo::before{opacity:.95;animation:cameraScan26 1.55s ease-in-out infinite}
@keyframes cameraScan26{0%{transform:translateY(-22px)}50%,100%{transform:translateY(138px)}}
.service-card-fire .service-photo::after{right:18px;top:18px;width:15px;height:15px;border-radius:50%;background:#ff3c52;box-shadow:0 0 0 0 rgba(255,60,82,.62)}
.service-card-fire:hover .service-photo::after{opacity:1;animation:firePulse26 1.25s ease-out infinite}
@keyframes firePulse26{0%{box-shadow:0 0 0 0 rgba(255,60,82,.62)}75%,100%{box-shadow:0 0 0 22px rgba(255,60,82,0)}}
.service-card-electric .service-photo::before{left:-45%;top:-35%;width:24%;height:170%;background:linear-gradient(90deg,transparent,rgba(131,216,255,.18),rgba(255,239,151,.78),rgba(102,190,255,.18),transparent);transform:skewX(-22deg)}
.service-card-electric:hover .service-photo::before{opacity:1;animation:electricSweep26 1.15s ease 1}
@keyframes electricSweep26{to{left:125%}}
.service-card-network .service-photo::after{inset:13px;background:radial-gradient(circle at 14% 28%,#58c8ff 0 3px,transparent 4px),radial-gradient(circle at 48% 63%,#58c8ff 0 3px,transparent 4px),radial-gradient(circle at 83% 33%,#58c8ff 0 3px,transparent 4px),linear-gradient(22deg,transparent 47%,rgba(84,197,255,.5) 48% 49%,transparent 50%),linear-gradient(-18deg,transparent 46%,rgba(84,197,255,.4) 47% 48%,transparent 49%);background-size:100% 100%;filter:drop-shadow(0 0 5px #1493ff)}
.service-card-network:hover .service-photo::after{opacity:.92;animation:networkFloat26 1.8s ease-in-out infinite alternate}
@keyframes networkFloat26{to{transform:translate3d(3px,-4px,0)}}
.service-card-intercom .service-photo::after{left:50%;top:50%;width:54px;height:54px;margin:-27px;border:1px solid rgba(86,224,255,.8);border-radius:50%;box-shadow:0 0 0 12px rgba(86,224,255,.14),0 0 0 24px rgba(86,224,255,.07)}
.service-card-intercom:hover .service-photo::after{opacity:1;animation:intercomRing26 1.4s ease-out infinite}
@keyframes intercomRing26{0%{transform:scale(.72);opacity:.8}100%{transform:scale(1.45);opacity:0}}
@media(max-width:1100px){.service-card[data-service-effect] .service-photo::before,.service-card[data-service-effect] .service-photo::after{display:none}}
@media(prefers-reduced-motion:reduce){.service-card[data-service-effect] .service-photo::before,.service-card[data-service-effect] .service-photo::after{animation:none!important;display:none}}


/* 22.7.27 interactive system builder teaser */
.system-builder-teaser{position:relative;overflow:hidden;margin:30px 24px 0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:28px;align-items:center;padding:clamp(26px,4vw,48px);border:1px solid rgba(45,126,188,.55);border-radius:20px;background:radial-gradient(circle at 90% 20%,rgba(20,147,255,.18),transparent 34%),linear-gradient(145deg,#081c30,#05111e);box-shadow:0 24px 58px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)}
.system-builder-teaser:before{content:"";position:absolute;left:32px;right:32px;top:0;height:1px;background:linear-gradient(90deg,transparent,#72d3ff,transparent)}
.system-builder-copy{position:relative;z-index:2}.system-builder-copy>span{color:#63caff;font-size:12px;font-weight:900;letter-spacing:.12em}.system-builder-copy h2{max-width:790px;margin:11px 0 13px;font-size:clamp(27px,3.4vw,44px);line-height:1.12;letter-spacing:-.035em}.system-builder-copy p{max-width:780px;margin:0;color:#a9bfd1;font-size:15px;line-height:1.75}.system-builder-mini-steps{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.system-builder-mini-steps span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(56,139,198,.32);border-radius:999px;background:rgba(5,21,36,.7);color:#c7d8e6;font-size:12px;font-weight:800}.system-builder-mini-steps b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#0e76cb;color:#fff}.system-builder-copy>.btn{margin-top:2px}.system-builder-copy>small{display:block;margin-top:12px;color:#7190a7;font-size:11px}.system-builder-visual{position:relative;min-height:330px;display:grid;place-items:center}.system-builder-orbit{position:relative;width:270px;height:270px;border:1px solid rgba(62,159,228,.25);border-radius:50%;box-shadow:0 0 60px rgba(20,147,255,.09),inset 0 0 40px rgba(20,147,255,.06)}.system-builder-orbit:before,.system-builder-orbit:after{content:"";position:absolute;inset:34px;border:1px dashed rgba(82,178,240,.2);border-radius:50%}.system-builder-orbit:after{inset:82px;border-style:solid}.system-builder-orbit>i{position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 180deg,transparent 0 40%,rgba(72,187,255,.55) 48%,transparent 56%);mask:radial-gradient(transparent 68%,#000 69%);animation:systemOrbit 9s linear infinite}.orbit-center,.orbit-item{position:absolute;display:grid;place-items:center;border:1px solid rgba(75,184,255,.4);background:linear-gradient(145deg,#0b3153,#071829);color:#70d0ff;box-shadow:0 0 25px rgba(20,147,255,.15)}.orbit-center{left:50%;top:50%;width:84px;height:84px;transform:translate(-50%,-50%);border-radius:25px}.orbit-center svg{width:42px;height:42px}.orbit-item{width:54px;height:54px;border-radius:17px}.orbit-item svg{width:26px;height:26px}.orbit-camera{left:8px;top:108px}.orbit-fire{right:19px;top:38px;color:#ff6675;border-color:rgba(255,86,104,.5)}.orbit-electric{right:4px;bottom:70px;color:#69caff}.orbit-network{left:55px;bottom:6px}.orbit-home{left:52px;top:12px}.system-builder-preview-card{position:absolute;right:0;bottom:3px;min-width:250px;padding:16px;border:1px solid rgba(69,164,226,.4);border-radius:15px;background:rgba(4,18,31,.92);box-shadow:0 18px 38px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(12px)}.system-builder-preview-card small{display:block;color:#68c7ff;font-size:9px;font-weight:900;letter-spacing:.12em}.system-builder-preview-card strong{display:block;margin:8px 0 5px;font-size:18px}.system-builder-preview-card span{color:#9db6ca;font-size:12px}.system-builder-preview-card i{display:block;width:70%;height:4px;margin-top:12px;border-radius:5px;background:linear-gradient(90deg,#128ef1,#5acbff)}@keyframes systemOrbit{to{transform:rotate(360deg)}}
@media(max-width:950px){.system-builder-teaser{grid-template-columns:1fr}.system-builder-visual{min-height:290px}.system-builder-preview-card{right:calc(50% - 210px)}}
@media(max-width:620px){.system-builder-teaser{margin:24px 14px 0;padding:24px 17px;border-radius:17px}.system-builder-mini-steps{display:grid}.system-builder-visual{min-height:260px;transform:scale(.9)}.system-builder-preview-card{right:50%;transform:translateX(50%);bottom:-18px}.system-builder-orbit>i{animation:none}}
@media(prefers-reduced-motion:reduce){.system-builder-orbit>i{animation:none}}


/* 22.7.28 desktop quick access + page progress + technical diagrams */
.story-architecture{position:relative;display:flex;align-items:center;gap:7px;margin:0 0 16px;padding:12px;border:1px solid rgba(65,160,228,.22);border-radius:13px;background:linear-gradient(180deg,rgba(6,27,46,.85),rgba(4,17,30,.88));overflow:auto;scrollbar-width:none}.story-architecture::-webkit-scrollbar{display:none}.story-architecture span{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:max-content;padding:8px 10px;border:1px solid rgba(81,184,255,.25);border-radius:10px;background:rgba(8,36,59,.9);color:#dff4ff;font-size:11px;font-weight:800}.story-architecture span:not(:last-child)::after{content:"→";position:absolute;left:calc(100% + 3px);color:#4db7ff;text-shadow:0 0 9px rgba(42,164,255,.45)}
.story-modal-architecture{margin:0 0 17px;padding:16px;border:1px solid rgba(67,168,255,.24);border-radius:16px;background:linear-gradient(180deg,rgba(7,31,51,.92),rgba(4,18,31,.94))}.story-modal-architecture>span{display:block;margin-bottom:12px;color:#8fd5ff;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.story-modal-architecture>div{display:flex;align-items:stretch;gap:12px;overflow:auto;scrollbar-width:none}.story-modal-architecture>div::-webkit-scrollbar{display:none}.story-modal-architecture>div span{position:relative;display:grid;place-items:center;min-width:138px;min-height:58px;padding:10px;border:1px solid rgba(76,180,255,.28);border-radius:13px;background:linear-gradient(160deg,rgba(10,45,73,.95),rgba(5,24,42,.95));color:#eff9ff;font-size:13px;font-weight:850;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.story-modal-architecture>div span:not(:last-child)::after{content:"→";position:absolute;left:calc(100% + 3px);top:50%;transform:translateY(-50%);color:#4db7ff;font-size:20px;text-shadow:0 0 10px rgba(42,164,255,.45)}
.page-progress{position:fixed;right:22px;top:50%;z-index:45;display:flex;flex-direction:column;gap:9px;transform:translateY(-50%);padding:12px 9px;border:1px solid rgba(48,123,184,.48);border-radius:18px;background:linear-gradient(160deg,rgba(6,25,43,.88),rgba(2,13,24,.94));box-shadow:0 18px 38px rgba(0,0,0,.3),inset 0 1px 0 rgba(94,197,255,.06);backdrop-filter:blur(14px)}.page-progress a{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:24px;color:#829bb1}.page-progress a i{display:block;width:9px;height:9px;border:1px solid rgba(93,184,244,.52);border-radius:50%;background:#071726;transition:.22s}.page-progress a span{position:absolute;right:26px;width:max-content;padding:7px 10px;border:1px solid rgba(61,143,203,.32);border-radius:9px;background:rgba(4,18,31,.96);color:#dceefd;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transform:translateX(6px);transition:.2s;box-shadow:0 10px 24px rgba(0,0,0,.26)}.page-progress a:hover span,.page-progress a:focus-visible span{opacity:1;transform:none}.page-progress a.is-active i{width:11px;height:11px;border-color:#55c2ff;background:#2aa8ff;box-shadow:0 0 0 4px rgba(42,168,255,.12),0 0 14px rgba(42,168,255,.55)}
.desktop-quick{position:fixed;right:22px;bottom:28px;z-index:46;display:flex;flex-direction:column;gap:8px;padding:9px;border:1px solid rgba(48,123,184,.52);border-radius:19px;background:linear-gradient(160deg,rgba(7,28,47,.94),rgba(3,14,25,.97));box-shadow:0 20px 44px rgba(0,0,0,.38),inset 0 1px 0 rgba(94,197,255,.065);backdrop-filter:blur(16px)}.desktop-quick a,.desktop-quick button{position:relative;width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(56,121,173,.35);border-radius:13px;background:linear-gradient(180deg,rgba(11,38,62,.9),rgba(5,22,38,.94));color:#a9c8de;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .25s ease;font-family:inherit}.desktop-quick svg{width:21px;height:21px}.desktop-quick a>span,.desktop-quick button>span{position:absolute;right:56px;width:max-content;padding:8px 11px;border:1px solid rgba(61,143,203,.34);border-radius:10px;background:rgba(4,18,31,.97);color:#e2f3ff;font-size:12px;font-weight:850;opacity:0;pointer-events:none;transform:translateX(7px);transition:.2s;box-shadow:0 12px 26px rgba(0,0,0,.28)}.desktop-quick a:hover,.desktop-quick button:hover,.desktop-quick a:focus-visible,.desktop-quick button:focus-visible{transform:translateY(-2px);border-color:#4cb9ff;color:#ecf9ff;box-shadow:0 12px 24px rgba(0,0,0,.28),0 0 18px rgba(28,152,239,.14)}.desktop-quick a:hover>span,.desktop-quick button:hover>span,.desktop-quick a:focus-visible>span,.desktop-quick button:focus-visible>span{opacity:1;transform:none}.desktop-quick .quick-whatsapp{color:#45dd7c;border-color:rgba(57,205,111,.42)}.desktop-quick [data-scroll-top] svg{transform:rotate(-90deg)}
@media(min-width:1101px){.float-wa{display:none}}
@media(max-width:1100px){.page-progress,.desktop-quick{display:none}}
@media(max-width:620px){.story-architecture{padding:10px}.story-modal-architecture{padding:13px}.story-modal-architecture>div span{min-width:125px}}
@media(prefers-reduced-motion:reduce){.page-progress a i,.page-progress a span,.desktop-quick a,.desktop-quick button,.desktop-quick a>span,.desktop-quick button>span{transition:none!important}}

/* V22.7.31 — şeffaf logo, sektör kartı tablet düzeltmesi ve gelişmiş Göktuğ AI */
.topbar .brand-premium,.topbar .brand-premium .brand-mark,footer .brand-footer,footer .brand-footer .brand-mark{background:transparent!important}
.topbar .brand-premium{box-shadow:none!important}
.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sector-grid a{grid-template-columns:132px 48px minmax(0,1fr);min-width:0;height:auto;min-height:150px}
.sector-grid a>div:last-child{min-width:0;max-width:none;overflow:visible}
.sector-grid h3,.sector-grid p{max-width:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.ai-more-link{display:inline-flex;margin-top:12px;color:#61c7ff;font-size:11px;font-weight:850;letter-spacing:.02em}
.ai-more-link:hover{color:#fff}
.bot-message.ai-home-v31{min-height:116px}
.ai-home-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ai-home-head span{padding:5px 8px;border:1px solid rgba(69,176,247,.32);border-radius:999px;color:#82d1ff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.bot-message.ai-home-v31 h4{margin:9px 0 5px;font-size:14px;line-height:1.3}
.bot-message.ai-home-v31 p{margin:0;color:#c8d9e7;line-height:1.55}
.bot-message.ai-home-v31 ol{margin:10px 0 0;padding-left:18px;color:#aFC4d5;font-size:10px;line-height:1.5}
.bot-message.ai-home-v31 li+li{margin-top:4px}
.ai-home-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}
.ai-home-actions a{color:#67caff;font-size:10px;font-weight:900}
.ai-home-actions small{color:#7993a9;font-size:8px;text-transform:uppercase}
.ai-home-v31.ai-risk-warning{border-color:rgba(244,185,75,.55)}
.ai-home-v31.ai-risk-urgent{border-color:rgba(255,90,104,.65);background:rgba(73,18,26,.55)}
.ai-home-dots{display:flex;gap:5px;margin-top:9px}.ai-home-dots i{width:6px;height:6px;border-radius:50%;background:#49bfff;animation:aiHomeDot31 .85s infinite alternate}.ai-home-dots i:nth-child(2){animation-delay:.15s}.ai-home-dots i:nth-child(3){animation-delay:.3s}@keyframes aiHomeDot31{to{opacity:.25;transform:translateY(-3px)}}
@media(max-width:900px){.sector-grid{grid-template-columns:1fr}.sector-grid a{grid-template-columns:132px 48px minmax(0,1fr)}}
@media(max-width:620px){.sector-grid a{grid-template-columns:1fr}.quick-questions{grid-template-columns:1fr}.ai-more-link{font-size:10px}.ai-home-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.ai-home-dots i{animation:none}}


/* V22.7.78 — hero bilgi kartları görsel iyileştirme */
.scene-label{display:flex;align-items:center;gap:14px;padding:18px 20px!important;min-width:min(420px,34vw);border-radius:18px!important;background:linear-gradient(145deg,rgba(5,18,32,.96),rgba(8,26,46,.94))!important;border:1px solid rgba(63,180,255,.72)!important;box-shadow:0 16px 40px rgba(0,0,0,.42),inset 0 1px 0 rgba(120,212,255,.08),0 0 22px rgba(25,144,255,.22)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.scene-label:before{width:88px!important;height:2px!important;opacity:.9}
.scene-label:after{content:"";position:absolute;left:-9px;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:currentColor;box-shadow:0 0 14px currentColor}
.scene-icon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(22,91,150,.26),rgba(7,25,43,.92));border:1px solid rgba(107,199,255,.28);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.scene-icon svg{width:28px;height:28px}
.scene-copy{display:flex;flex-direction:column;min-width:0}
.scene-label strong{font-size:17px!important;font-weight:900!important;letter-spacing:-.01em;line-height:1.18;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.scene-label small{font-size:12px!important;font-weight:600!important;line-height:1.45;color:#d8ebff!important;opacity:.96}
.camera-label{top:82px;right:84px;color:#49c3ff}
.fire-label{top:252px;right:42px;color:#ff6f80;border-color:rgba(255,118,135,.68)!important;box-shadow:0 16px 40px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05),0 0 22px rgba(255,92,111,.2)!important}
.fire-label .scene-icon{background:linear-gradient(145deg,rgba(117,28,41,.34),rgba(25,10,16,.92));border-color:rgba(255,134,150,.26)}
.fire-label:before{background:#ff5f74!important;box-shadow:0 0 12px rgba(255,95,116,.62)}
.electric-label{bottom:84px;right:168px;color:#ffd15a;border-color:rgba(255,215,115,.62)!important;box-shadow:0 16px 40px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05),0 0 22px rgba(255,207,82,.18)!important}
.electric-label .scene-icon{background:linear-gradient(145deg,rgba(110,84,19,.34),rgba(27,22,10,.92));border-color:rgba(255,218,115,.22)}
.electric-label:before{background:#ffce52!important;box-shadow:0 0 12px rgba(255,206,82,.56)}
@media(max-width:1180px){.scene-label{min-width:min(350px,39vw);padding:16px 16px!important}.scene-label strong{font-size:15px!important}.scene-label small{font-size:11px!important}.camera-label{right:54px;top:88px}.fire-label{right:20px;top:236px}.electric-label{right:110px;bottom:76px}}
@media(max-width:900px){.scene-label{min-width:min(310px,45vw)}.scene-label:before{width:52px!important}.camera-label{right:26px;top:88px}.fire-label{right:8px;top:225px}.electric-label{right:52px;bottom:66px}}
@media(max-width:760px){.scene-label{display:none!important}}


/* V22.7.79 — Görsele gömülü eski hero etiketlerini yeni kartların altında tamamen gizle */
.scene-label{
  overflow:visible!important;
  isolation:isolate!important;
  background:#061421!important;
  border-radius:18px!important;
}
.scene-label::before{
  content:""!important;
  position:absolute!important;
  inset:-22px -26px!important;
  width:auto!important;
  height:auto!important;
  top:-22px!important;
  right:-26px!important;
  left:-26px!important;
  bottom:-22px!important;
  transform:none!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#061421 0%,#071827 100%)!important;
  box-shadow:0 0 0 1px rgba(46,139,205,.16),0 16px 38px rgba(0,0,0,.38)!important;
  z-index:-1!important;
}
.scene-label::after{display:none!important}
.scene-label .scene-icon,.scene-label .scene-copy{position:relative;z-index:2}
.camera-label{top:86px!important;right:88px!important;min-width:430px!important}
.fire-label{top:250px!important;right:48px!important;min-width:450px!important}
.electric-label{bottom:88px!important;right:206px!important;min-width:455px!important}
@media(max-width:1180px){
  .scene-label::before{inset:-18px -22px!important;top:-18px!important;right:-22px!important;left:-22px!important;bottom:-18px!important}
  .camera-label{top:84px!important;right:54px!important;min-width:380px!important}
  .fire-label{top:238px!important;right:24px!important;min-width:400px!important}
  .electric-label{bottom:78px!important;right:116px!important;min-width:410px!important}
}
@media(max-width:900px){
  .scene-label::before{inset:-15px -18px!important;top:-15px!important;right:-18px!important;left:-18px!important;bottom:-15px!important}
  .camera-label{top:86px!important;right:28px!important;min-width:340px!important}
  .fire-label{top:226px!important;right:10px!important;min-width:360px!important}
  .electric-label{bottom:66px!important;right:56px!important;min-width:365px!important}
}
@media(max-width:760px){.scene-label{display:none!important}}


/* V22.7.80 — hero alanı için canlı görsel efektler */
.hero{overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 32%,rgba(41,156,255,.10),transparent 26%),radial-gradient(circle at 69% 18%,rgba(45,200,255,.11),transparent 20%);z-index:1}
.hero-copy{position:relative}
.hero-copy::before{content:"";position:absolute;left:-80px;top:35px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(36,126,255,.18),rgba(36,126,255,0) 70%);filter:blur(22px);opacity:.9;pointer-events:none;z-index:-1}
.hero-copy .eyebrow{display:inline-flex;align-items:center;padding:9px 15px;border-radius:999px;border:1px solid rgba(96,198,255,.42);background:linear-gradient(145deg,rgba(8,27,48,.88),rgba(8,22,39,.62));box-shadow:0 0 0 1px rgba(19,124,201,.12),0 0 24px rgba(22,145,255,.15);color:#92dfff}
.hero h1{text-shadow:0 2px 0 rgba(0,0,0,.25),0 0 20px rgba(66,172,255,.16),0 14px 32px rgba(0,0,0,.28)}
.hero h1 em{position:relative;background:linear-gradient(90deg,#6ebdff 0%,#f5fbff 42%,#86dfff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:heroNeonPulse 3.1s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(79,195,255,.30)) drop-shadow(0 0 22px rgba(49,138,255,.18))}
.hero h1 em::after{content:"";position:absolute;left:-6%;right:-6%;bottom:6px;height:12px;background:radial-gradient(circle at 50% 50%,rgba(96,212,255,.34),transparent 68%);filter:blur(12px);z-index:-1;pointer-events:none}
.hero p{max-width:560px;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.hero-buttons .btn{position:relative;overflow:hidden;isolation:isolate}
.hero-buttons .btn::after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.22) 48%,transparent 72%);transition:transform .55s ease;pointer-events:none}
.hero-buttons .btn:hover::after{transform:translateX(110%)}
@keyframes heroNeonPulse{0%,100%{filter:drop-shadow(0 0 10px rgba(79,195,255,.24)) drop-shadow(0 0 18px rgba(49,138,255,.12));opacity:.96}50%{filter:drop-shadow(0 0 16px rgba(127,221,255,.40)) drop-shadow(0 0 34px rgba(56,154,255,.22));opacity:1}}
.hero-scene{cursor:pointer;touch-action:manipulation}
.hero-scene::after{content:"";position:absolute;inset:-10% -6% -10% 28%;background:linear-gradient(115deg,transparent 0 35%,rgba(109,208,255,.08) 48%,transparent 57%);mix-blend-mode:screen;animation:heroScanSweep 8.8s linear infinite;pointer-events:none;z-index:1}
@keyframes heroScanSweep{0%{transform:translateX(-12%)}100%{transform:translateX(18%)}}
.hero-light-grid{position:absolute;inset:0;z-index:2;pointer-events:none}
.light-zone{position:absolute;display:block;border-radius:12px;background:linear-gradient(180deg,rgba(1,5,12,0),rgba(1,5,12,.72));box-shadow:inset 0 0 0 1px rgba(9,28,48,.24),0 0 18px rgba(0,0,0,.18);opacity:0;transform:scale(.985);transition:opacity .22s ease,transform .22s ease}
.zone-a{left:14%;top:42%;width:15%;height:11%}
.zone-b{left:33%;top:41%;width:14%;height:11%}
.zone-c{left:51%;top:41%;width:15%;height:11%}
.zone-d{left:69%;top:42%;width:15%;height:11%}
.zone-e{left:15%;top:55%;width:15%;height:11%}
.zone-f{left:34%;top:55%;width:14%;height:11%}
.zone-g{left:52%;top:55%;width:15%;height:11%}
.zone-h{left:28%;top:68%;width:38%;height:13%}
.hero-touch-hint{position:absolute;left:26px;bottom:22px;z-index:5;display:flex;flex-direction:column;gap:2px;padding:11px 14px;border-radius:15px;border:1px solid rgba(88,183,255,.28);background:rgba(6,18,31,.78);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(0,0,0,.24)}
.hero-touch-hint strong{font-size:12px;line-height:1.1;color:#edfbff}
.hero-touch-hint small{font-size:10px;line-height:1.35;color:#a8cfe9}
.hero-scene.is-lights-off img{filter:saturate(.92) brightness(.73) contrast(1.04) !important}
.hero-scene.is-lights-off .light-zone{opacity:1;transform:scale(1)}
.hero-scene.is-lights-off .hero-touch-hint{border-color:rgba(255,214,99,.32);box-shadow:0 10px 24px rgba(0,0,0,.24),0 0 18px rgba(255,212,99,.15)}
.hero-scene.is-lights-off .hero-touch-hint strong{color:#ffe393}
@media(max-width:1180px){
  .hero-copy::before{left:-70px;top:44px;width:290px;height:290px}
  .hero-touch-hint{left:18px;bottom:16px;padding:10px 12px}
  .hero-touch-hint strong{font-size:11px}
  .hero-touch-hint small{font-size:9px}
}
@media(max-width:900px){
  .hero-scene::after{display:none}
  .hero-touch-hint{left:12px;bottom:12px}
}
@media(max-width:760px){
  .hero-copy::before,.hero-touch-hint,.hero-light-grid{display:none}
  .hero h1{text-shadow:0 0 16px rgba(66,172,255,.14),0 10px 24px rgba(0,0,0,.22)}
}


/* V22.7.85 — Göktuğ AI ana sayfa cevap motoru / zengin sonuç kartı */
.bot-message.ai-home-v85{max-height:430px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:16px 17px;background:linear-gradient(145deg,rgba(10,31,54,.96),rgba(5,20,36,.96));border-color:rgba(43,157,237,.46);box-shadow:inset 0 1px 0 rgba(118,208,255,.05),0 18px 42px rgba(0,0,0,.2)}
.ai-home-v85 .ai-home-head strong{color:#67caff;font-size:12px;letter-spacing:.02em}
.ai-home-v85 h4{font-size:16px!important;letter-spacing:-.015em;margin:10px 0 7px!important;color:#fff}
.ai-home-v85 .ai-home-direct{font-size:12px!important;line-height:1.58!important;color:#eef8ff!important;font-weight:700}
.ai-home-v85 .ai-home-summary{font-size:10px!important;line-height:1.55!important;color:#a9bfd2!important;margin-top:7px!important;font-weight:500}
.ai-home-section{margin-top:12px;padding-top:10px;border-top:1px solid rgba(88,169,224,.14)}
.ai-home-section>em,.ai-home-followups>em{display:block;margin-bottom:7px;color:#73cfff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ai-home-causes{display:grid;gap:6px;margin:0!important;padding:0!important;list-style:none}
.ai-home-causes li{display:grid;gap:2px;margin:0!important;padding:7px 9px;border:1px solid rgba(72,155,218,.16);border-radius:9px;background:rgba(4,17,30,.42)}
.ai-home-causes strong{font-size:10px;color:#fff}.ai-home-causes span{font-size:9px;line-height:1.4;color:#9fb8cc}
.ai-home-steps{display:grid;gap:6px;margin:0!important;padding:0!important;list-style:none}
.ai-home-steps li{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:start;margin:0!important;color:#bdd1e2!important;font-size:9.5px!important;line-height:1.45!important}
.ai-home-steps b{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(29,145,224,.15);border:1px solid rgba(64,181,255,.22);color:#6acaff;font-size:9px}
.ai-home-table-wrap{overflow:auto;margin-top:11px;border:1px solid rgba(72,165,227,.2);border-radius:10px;background:rgba(3,15,27,.5)}
.ai-home-table-wrap table{width:100%;border-collapse:collapse;min-width:310px;font-size:9px}.ai-home-table-wrap th,.ai-home-table-wrap td{padding:7px 8px;text-align:left;border-bottom:1px solid rgba(71,145,199,.12)}
.ai-home-table-wrap th{color:#72ccff;background:rgba(28,113,174,.12);font-size:8px;text-transform:uppercase;letter-spacing:.04em}.ai-home-table-wrap td{color:#c7d8e5}.ai-home-table-wrap tr:last-child td{border-bottom:0}
.ai-home-followups{margin-top:12px;padding-top:10px;border-top:1px solid rgba(88,169,224,.14)}
.ai-home-followups>div{display:flex;flex-wrap:wrap;gap:6px}.ai-home-followups button{border:1px solid rgba(62,166,235,.28);border-radius:999px;background:rgba(10,49,79,.55);color:#c9eaff;padding:6px 9px;font-size:8.5px;font-weight:750;cursor:pointer}.ai-home-followups button:hover{border-color:#4ec3ff;background:rgba(18,88,135,.58)}
.ai-home-v85 .ai-home-actions{position:sticky;bottom:-16px;margin:13px -17px -16px;padding:10px 17px 12px;background:linear-gradient(180deg,rgba(5,20,36,.2),rgba(5,20,36,.98) 34%);border-top:1px solid rgba(71,156,215,.12)}
.ai-home-v85 .ai-home-actions a{font-size:9.5px;color:#63ceff}.ai-home-v85 .ai-home-actions small{max-width:48%;text-align:right;line-height:1.25}
.ai-home-v85.ai-risk-warning{border-color:rgba(244,185,75,.46)}.ai-home-v85.ai-risk-warning .ai-home-head span{border-color:rgba(244,185,75,.35);color:#ffd679}
@media(max-width:1100px){.bot-message.ai-home-v85{max-height:380px}}
@media(max-width:620px){.bot-message.ai-home-v85{max-height:390px;padding:14px}.ai-home-v85 .ai-home-actions{margin-left:-14px;margin-right:-14px;margin-bottom:-14px;padding-left:14px;padding-right:14px}.ai-home-v85 .ai-home-actions small{max-width:100%;text-align:left}}


/* V22.7.86 — Göktuğ AI ana sayfa kartı taşma düzeltmesi */
.bot-message.ai-home-v85{overflow-x:hidden}
.ai-home-table-wrap table{min-width:0!important;table-layout:fixed}
.ai-home-table-wrap th,.ai-home-table-wrap td{white-space:normal;word-break:break-word;overflow-wrap:anywhere}
.ai-home-followups>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ai-home-followups button{display:flex;align-items:center;justify-content:center;width:100%;min-height:78px;padding:10px 12px;text-align:center;line-height:1.35;white-space:normal;word-break:break-word;overflow-wrap:anywhere;border-radius:18px}
.ai-home-v85 .ai-home-actions{display:grid;grid-template-columns:1fr;gap:6px;align-items:start}
.ai-home-v85 .ai-home-actions a{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%}
.ai-home-v85 .ai-home-actions small{display:block;max-width:100%;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:anywhere}
@media(max-width:860px){
  .ai-home-followups>div{grid-template-columns:1fr 1fr}
  .ai-home-followups button{min-height:88px}
}
@media(max-width:620px){
  .ai-home-followups>div{grid-template-columns:1fr}
  .ai-home-followups button{min-height:auto;padding:12px 14px;border-radius:16px}
  .ai-home-table-wrap table{font-size:8.5px}
}

/* site-experience-v29.css */
/* V22.7.29 son çalışmalar, bölge detayı ve yeni keşif bağlantıları */
.latest-work-section{padding-top:22px}.latest-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.latest-work-card{position:relative;min-height:260px;border:1px solid rgba(79,153,202,.27);border-radius:20px;overflow:hidden;background:#07131d;color:#fff;text-decoration:none;box-shadow:0 20px 55px rgba(0,0,0,.2)}.latest-work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.latest-work-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(1,7,13,.92) 92%)}.latest-work-card:hover img{transform:scale(1.045)}.latest-work-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.latest-work-copy>span{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(18,146,220,.82);font-size:.64rem;font-weight:900;letter-spacing:.08em}.latest-work-copy h3{margin:9px 0 5px;font-size:1.18rem}.latest-work-copy p{margin:0;color:#b9cad6;font-size:.82rem}.latest-work-note{margin-top:12px;color:#8198aa;font-size:.8rem}.system-builder-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.system-builder-actions .btn.ghost{border-color:#34566f}.region-city-card{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}.region-city-card[aria-pressed=true]{border-color:#56c8ff!important;box-shadow:0 0 0 3px rgba(51,180,241,.12),0 18px 45px rgba(0,0,0,.2)}.region-detail-panel{grid-column:1/-1;margin-top:14px;padding:22px;border:1px solid rgba(71,154,210,.32);border-radius:20px;background:linear-gradient(145deg,rgba(7,25,39,.98),rgba(4,14,23,.98));display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.region-detail-panel>div>span{font-size:.7rem;letter-spacing:.15em;font-weight:900;color:#61c9ff}.region-detail-panel h3{margin:7px 0;font-size:1.55rem}.region-detail-panel p{margin:0;color:#9eb2c0;line-height:1.6}.region-detail-services{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.region-detail-services span{padding:7px 9px;border:1px solid #31526a;border-radius:999px;color:#b8cedd;font-size:.75rem}.region-detail-meta{display:grid;gap:6px;margin-top:12px;color:#87a0b2;font-size:.78rem}.region-detail-panel .btn{white-space:nowrap}.project-tabs button[aria-pressed=true]{background:var(--blue,#178fd3);color:#fff}.project-card[hidden]{display:none!important}.a11y-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}@media(max-width:900px){.latest-work-grid{grid-template-columns:1fr 1fr}.region-detail-panel{grid-template-columns:1fr}.region-detail-panel .btn{width:max-content}}@media(max-width:620px){.latest-work-grid{grid-template-columns:1fr}.latest-work-card{min-height:230px}.system-builder-actions{display:grid}.system-builder-actions .btn{width:100%}.region-detail-panel{padding:17px}.region-detail-panel .btn{width:100%}}

/* accessibility-v29.css */
/* V22.7.29 erişilebilirlik ve koyu tema iyileştirmeleri */
.skip-link{position:fixed;left:12px;top:12px;z-index:10000;transform:translateY(-180%);background:#fff;color:#00111b;padding:11px 15px;border-radius:10px;font-weight:950;box-shadow:0 8px 26px #0008}.skip-link:focus{transform:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #ffe08a!important;outline-offset:3px!important}:where(button,.btn,input,select){min-height:44px}input::placeholder,textarea::placeholder{color:#8fa2b0;opacity:1}[aria-disabled=true],:disabled{opacity:.62;cursor:not-allowed}.form-error,[role=alert]{scroll-margin-top:100px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){*{box-shadow:none!important}.btn,button,a{forced-color-adjust:auto}.service-card,.project-card,.region-city-card{border:1px solid CanvasText!important}}@media(max-width:700px){:where(a,button,input,select,textarea){-webkit-tap-highlight-color:rgba(66,184,247,.18)}}

/* footer-premium-v38.css */
.premium-footer{max-width:var(--max);margin:34px auto 0;padding:0 24px 26px;border:0;color:#d9e7f2;background:transparent;display:block;min-height:0}.premium-footer-main{position:relative;display:grid;grid-template-columns:minmax(290px,1.35fr) minmax(160px,.65fr) minmax(160px,.65fr) minmax(280px,1fr);gap:28px;align-items:stretch;padding:34px;border:1px solid rgba(48,119,174,.32);border-radius:26px;background:radial-gradient(circle at 0 0,rgba(26,126,201,.16),transparent 34%),linear-gradient(145deg,rgba(5,18,31,.98),rgba(2,10,18,.98));box-shadow:0 26px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(111,195,255,.05);overflow:hidden}.premium-footer-main:before{content:"";position:absolute;left:34px;right:34px;top:0;height:1px;background:linear-gradient(90deg,transparent,#53c5ff,transparent)}.premium-footer-brand{min-width:0}.premium-footer-brand .brand-footer{display:block;width:min(330px,100%);margin:0 0 16px}.premium-footer-brand .brand-mark{display:block;width:100%;height:auto;object-fit:contain;background:transparent!important}.premium-footer-brand>p{max-width:470px;margin:0;color:#9eb4c6;font-size:12px;line-height:1.75}.premium-footer-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.premium-footer-badges span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(62,138,191,.28);border-radius:999px;background:rgba(8,28,44,.72);color:#c8dbe8;font-size:10px;font-weight:800}.premium-footer-badges svg{width:15px;height:15px;color:#43baff}.premium-footer-links{padding-top:8px}.premium-footer-links h2{margin:0 0 16px;color:#66c9ff;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.premium-footer-links nav{display:grid;gap:12px}.premium-footer-links a{position:relative;width:max-content;max-width:100%;padding-left:13px;color:#b8c9d5;font-size:11px;font-weight:700;transition:.2s ease}.premium-footer-links a:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:#258fd0;transform:translateY(-50%);box-shadow:0 0 10px rgba(37,143,208,.5)}.premium-footer-links a:hover{color:#fff;transform:translateX(3px)}.premium-footer-contact{display:grid;grid-template-columns:52px 1fr;gap:14px;align-content:center;padding:22px;border:1px solid rgba(53,142,204,.36);border-radius:20px;background:linear-gradient(145deg,rgba(10,37,59,.88),rgba(5,20,33,.88));box-shadow:inset 0 1px 0 rgba(104,200,255,.05)}.premium-footer-contact-icon{width:52px;height:52px;border:1px solid #2785c3;border-radius:16px;display:grid;place-items:center;color:#4fc4ff;background:rgba(9,55,88,.7);box-shadow:0 0 24px rgba(26,148,226,.12)}.premium-footer-contact-icon svg{width:24px;height:24px}.premium-footer-contact small{display:block;color:#7fa0b7;font-size:9px;font-weight:900;letter-spacing:.13em}.premium-footer-contact div>a{display:block;margin-top:7px;color:#fff;font-size:18px;font-weight:900;letter-spacing:.08em}.premium-footer-contact p{margin:8px 0 0;color:#91a8b9;font-size:10px;line-height:1.55}.premium-footer-call{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:4px;border:1px solid #2b91d3;border-radius:12px;background:linear-gradient(135deg,#0b6fbf,#1598ed);color:#fff!important;font-size:11px!important;font-weight:900;box-shadow:0 12px 24px rgba(9,119,196,.22)}.premium-footer-call svg{width:16px;height:16px}.premium-footer-bottom{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:17px 10px 0;color:#758b9c}.premium-footer-bottom p,.premium-footer-bottom span,.premium-footer-bottom a{margin:0;font-size:9px}.premium-footer-bottom a{display:flex;align-items:center;gap:7px;color:#84cfff;font-weight:800}.premium-footer-bottom a svg{width:14px;height:14px;transform:rotate(-90deg)}@media(max-width:1100px){.premium-footer-main{grid-template-columns:1.2fr .7fr .7fr}.premium-footer-contact{grid-column:1/-1;grid-template-columns:52px 1fr auto;align-items:center}.premium-footer-call{grid-column:auto;margin:0;min-width:150px}.premium-footer-bottom{grid-template-columns:1fr auto}.premium-footer-bottom span{display:none}}@media(max-width:760px){.premium-footer{padding:0 14px 92px}.premium-footer-main{grid-template-columns:1fr 1fr;padding:24px;gap:24px}.premium-footer-brand,.premium-footer-contact{grid-column:1/-1}.premium-footer-brand .brand-footer{width:min(285px,100%)}.premium-footer-contact{grid-template-columns:46px 1fr}.premium-footer-contact-icon{width:46px;height:46px}.premium-footer-call{grid-column:1/-1;width:100%;margin-top:4px}.premium-footer-bottom{grid-template-columns:1fr;text-align:center;gap:8px}.premium-footer-bottom a{justify-content:center}}@media(max-width:460px){.premium-footer-main{grid-template-columns:1fr;padding:20px}.premium-footer-links{grid-column:1/-1}.premium-footer-links nav{grid-template-columns:1fr 1fr}.premium-footer-contact div>a{font-size:16px}.premium-footer-brand>p{font-size:11px}}

/* compact-sections-v43.css */
/* 22.7.43 — 22.7.38 tabanı + 22.7.42 üzerinde daha kompakt saha ve hizmet bölgeleri */

/* Ekibimiz Sahada: daha küçük, sakin ve dikkat dağıtmayan kartlar */
.team-section{padding-top:34px}
.team-section .section-head{margin-bottom:11px}
.team-filters{margin-bottom:11px}
.team-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.team-card{border-radius:12px;box-shadow:0 7px 18px rgba(0,0,0,.15)}
.team-card picture,.team-card img{aspect-ratio:16/9}
.team-card img{filter:saturate(.88) contrast(1) brightness(.88)}
.team-card:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.team-card:hover img{transform:scale(1.018);filter:saturate(.92) brightness(.91)}
.team-overlay{padding:9px 10px 10px}
.team-tag{margin-bottom:5px;padding:4px 7px;font-size:6.8px;opacity:.78}
.team-overlay h3{margin:0 0 4px;font-size:11.5px;line-height:1.3}
.team-overlay p{font-size:8.5px;line-height:1.4;color:#839aab}

/* Türkiye genelinde yanınızdayız: boş alan ve genel yükseklik azaltıldı */
.service-regions{margin-top:22px;padding:27px 24px 22px}
.regions-heading{max-width:820px;margin-bottom:18px}
.regions-heading>span{font-size:11px}
.regions-heading h2{margin:6px 0;font-size:clamp(27px,2.8vw,39px)}
.regions-heading p{font-size:clamp(11px,1vw,14px);line-height:1.55}
.regions-heading>i{width:46px;height:2px;margin-top:11px}
.regions-layout{grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);gap:14px;align-items:start}
.regions-map-card{min-height:325px;height:325px;border-radius:12px}
.regions-map-card img{height:325px;min-height:0;padding:0 4px 18px;transform:scale(1.08);transform-origin:center center}
.regions-map-legend{left:18px;bottom:13px;font-size:9px;gap:7px}
.regions-map-legend span{width:9px;height:9px}
.regions-city-grid{gap:8px}
.region-city-card{min-height:68px;grid-template-columns:38px 1fr 28px;gap:9px;padding:9px 11px;border-radius:10px}
.region-city-card:hover{transform:translateY(-1px)}
.region-pin{width:34px;height:34px}
.region-pin svg{width:17px;height:17px}
.region-city-card h3{margin-bottom:3px;font-size:14px}
.region-city-card p{font-size:8.5px;line-height:1.25}
.region-symbol svg{width:25px;height:25px}
.region-country-card{min-height:62px;grid-template-columns:38px 1fr 62px}
.region-mini-map{font-size:9px;letter-spacing:1px}
.region-detail-panel{margin-top:8px;padding:12px 14px;border-radius:13px;gap:12px}
.region-detail-panel>div>span{font-size:.55rem}
.region-detail-panel h3{margin:4px 0;font-size:1.12rem}
.region-detail-panel p{font-size:10px;line-height:1.45}
.region-detail-services{gap:4px;margin-top:7px}
.region-detail-services span{padding:4px 6px;font-size:.58rem}
.region-detail-meta{gap:3px;margin-top:7px;font-size:.62rem}
.region-detail-panel .btn{min-height:34px;padding:8px 11px;font-size:9px}
.regions-stats{margin-top:12px}
.regions-stats article{min-height:82px;grid-template-columns:42px 1fr;gap:11px;padding:12px 22px}
.regions-stats article+article:before{top:12px;bottom:12px}
.regions-stats article>span{width:40px;height:40px;border-radius:10px}
.regions-stats article>span svg{width:21px;height:21px}
.regions-stats strong{font-size:24px}
.regions-stats small{margin-top:4px;font-size:9px}
.regions-stats div>i{width:24px;margin-top:7px}

@media(max-width:1180px){
  .team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  .team-overlay p{display:none}
  .team-overlay h3{margin-bottom:0;font-size:11px}
  .regions-layout{grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr)}
}
@media(max-width:1100px){
  .service-regions{padding:25px 18px 18px}
  .regions-layout{grid-template-columns:1fr 1.15fr;gap:12px}
  .regions-map-card,.regions-map-card img{height:300px;min-height:0}
  .region-city-card{min-height:64px}
  .region-detail-panel{grid-template-columns:1fr}
  .region-detail-panel .btn{width:max-content}
}
@media(max-width:820px){
  .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .regions-layout{grid-template-columns:1fr}
  .regions-map-card,.regions-map-card img{height:250px;min-height:0}
  .regions-map-card img{transform:scale(1.04)}
  .regions-city-grid{grid-template-columns:1fr 1fr}
  .region-country-card{grid-column:1/-1}
  .regions-stats{grid-template-columns:repeat(3,1fr)}
  .regions-stats article{padding:10px 12px}
}
@media(max-width:560px){
  .team-section{padding-top:28px}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .team-overlay{padding:8px}
  .team-overlay h3{font-size:10.5px}
  .service-regions{margin:15px 10px 0;padding:21px 11px 13px}
  .regions-heading{margin-bottom:14px}
  .regions-heading h2{font-size:26px}
  .regions-layout{gap:9px}
  .regions-map-card,.regions-map-card img{height:205px;min-height:0}
  .regions-map-legend{left:12px;bottom:8px}
  .regions-city-grid{grid-template-columns:1fr;gap:7px}
  .region-country-card{grid-column:auto}
  .region-city-card{min-height:59px;padding:8px 10px}
  .regions-stats{grid-template-columns:1fr;margin-top:9px}
  .regions-stats article{min-height:66px;grid-template-columns:37px 1fr;padding:9px 13px}
  .regions-stats article+article:before{left:13px;right:13px;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,#285178,transparent)}
  .regions-stats article>span{width:35px;height:35px}
  .regions-stats strong{font-size:21px}
}

/* forms-unified-v45.css */
:root{--mgf-bg:#020813;--mgf-panel:#071625;--mgf-panel2:#0a2035;--mgf-line:rgba(66,153,216,.34);--mgf-line-strong:#32b6ff;--mgf-text:#f4f9ff;--mgf-muted:#9eb6c8;--mgf-blue:#169cff;--mgf-cyan:#56d0ff;--mgf-gold:#d7b45f;--mgf-green:#29c873;--mgf-danger:#ff6974}
.mg-form-page,body.v20-public,body.visual-page{background:radial-gradient(circle at 18% 0,rgba(19,111,185,.2),transparent 30%),radial-gradient(circle at 100% 0,rgba(9,55,100,.18),transparent 26%),var(--mgf-bg)!important;color:var(--mgf-text)!important;min-height:100vh}
.mg-form-page *,.v20-public *,.visual-page *{box-sizing:border-box}
.mg-form-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:24px;min-height:78px;padding:10px max(20px,calc((100vw - 1320px)/2));border-bottom:1px solid rgba(55,126,188,.34);background:rgba(2,8,18,.86);backdrop-filter:blur(18px)}
.mg-form-brand{display:block;width:min(330px,48vw)}.mg-form-brand img{display:block;width:100%;height:auto;background:transparent!important}.mg-form-top nav{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.mg-form-top nav a,.mg-form-back{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid rgba(59,126,181,.4);border-radius:12px;background:rgba(8,25,41,.72);color:#d8e9f5;text-decoration:none;font-size:12px;font-weight:850}.mg-form-top nav a:hover,.mg-form-back:hover{border-color:#42bdff;color:#fff}
.mg-form-main{width:min(1320px,calc(100% - 32px));margin:auto;padding:46px 0 74px}.mg-form-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:24px}.mg-form-eyebrow{display:block;color:#54c4ff;font-size:11px;font-weight:950;letter-spacing:.14em}.mg-form-hero h1{margin:10px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.04em}.mg-form-hero p{max-width:780px;margin:0;color:#adc3d2;font-size:15px;line-height:1.75}.mg-form-trust{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.mg-form-trust span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(53,130,185,.32);border-radius:999px;background:rgba(8,28,44,.68);color:#d1e2ed;font-size:10px;font-weight:800}
.mg-form-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:20px;align-items:start}.mg-form-card,.mg-form-side,.tracking-shell,.photo-shell,.builder-form,.ai31-chat-card,.v20-card,.calc-card,.panel{border:1px solid var(--mgf-line)!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0,rgba(23,128,209,.1),transparent 34%),linear-gradient(155deg,rgba(7,24,41,.98),rgba(3,13,24,.98))!important;box-shadow:0 25px 70px rgba(0,0,0,.27),inset 0 1px 0 rgba(128,211,255,.04)!important}
.mg-form-card{padding:26px}.mg-form-side{padding:22px;position:sticky;top:96px}.mg-form-section-title{display:flex;align-items:center;gap:12px;margin:0 0 20px}.mg-form-section-title i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #278dd0;border-radius:14px;background:rgba(9,55,88,.72);color:#54c8ff;font-style:normal;font-weight:950}.mg-form-section-title div{display:grid;gap:3px}.mg-form-section-title strong{font-size:18px}.mg-form-section-title small{color:var(--mgf-muted)}
.mg-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mg-field{display:grid;gap:7px}.mg-field.full{grid-column:1/-1}.mg-field label,.mg-form-card>form>label,.v20-controls label,.tracking-field label,.calc-field{color:#dcebf5;font-size:12px;font-weight:850}.mg-field small,.mg-help{color:#7f9aae;font-size:10px;line-height:1.55}.mg-field input,.mg-field select,.mg-field textarea,.mg-form-card input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.mg-form-card select,.mg-form-card textarea,.v20-controls input:not([type=checkbox]):not([type=radio]),.v20-controls select,.v20-controls textarea,.tracking-form input,.calc-field input,.calc-field select,.panel input,.panel select,.panel textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(81,137,178,.54)!important;border-radius:14px!important;background:rgba(3,14,25,.78)!important;color:#f5faff!important;font:inherit;outline:none;box-shadow:inset 0 0 22px rgba(0,0,0,.12);transition:.18s ease}.mg-field textarea,.mg-form-card textarea,.v20-controls textarea,.panel textarea{min-height:118px;resize:vertical}.mg-field input:focus,.mg-field select:focus,.mg-field textarea:focus,.mg-form-card input:focus,.mg-form-card select:focus,.mg-form-card textarea:focus,.v20-controls input:focus,.v20-controls select:focus,.v20-controls textarea:focus,.tracking-form input:focus,.calc-field input:focus,.calc-field select:focus,.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:var(--mgf-line-strong)!important;box-shadow:0 0 0 4px rgba(42,176,255,.12),inset 0 0 22px rgba(0,0,0,.12)!important}.mg-field input::placeholder,.mg-field textarea::placeholder,.mg-form-card input::placeholder,.mg-form-card textarea::placeholder{color:#637e91}
.mg-file{position:relative;display:grid;gap:6px;padding:16px;border:1px dashed rgba(72,160,219,.48);border-radius:16px;background:rgba(4,18,30,.58);cursor:pointer}.mg-file input[type=file]{padding:8px!important;min-height:unset!important}.mg-check{display:flex!important;align-items:flex-start;gap:10px;color:#b9cedc!important;font-size:11px!important;line-height:1.6}.mg-check input{width:19px!important;height:19px!important;min-height:0!important;accent-color:#2ebaff;margin-top:1px}.mg-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mg-btn,.v20-btn,.tracking-submit,.calc-card .btn,.panel button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid #2da9f2!important;border-radius:14px!important;background:linear-gradient(135deg,#0879e2,#159df5)!important;color:#fff!important;text-decoration:none;font-weight:900!important;cursor:pointer;box-shadow:0 12px 28px rgba(8,126,218,.22);transition:.18s ease}.mg-btn:hover,.v20-btn:hover,.tracking-submit:hover,.panel button:hover{transform:translateY(-1px);filter:brightness(1.06)}.mg-btn.secondary,.v20-btn.dark{border-color:rgba(69,121,161,.55)!important;background:#071827!important;color:#dcebf5!important;box-shadow:none}.mg-btn.danger{border-color:#9d3d47!important;background:linear-gradient(135deg,#7a1f2b,#c7414e)!important}.mg-btn.gold{border-color:#dfbd67!important;background:linear-gradient(135deg,#a77d21,#e1bd63)!important;color:#08111b!important}.mg-form-note,.mg-alert{padding:14px 16px;border:1px solid rgba(72,150,205,.34);border-radius:16px;background:rgba(7,29,48,.68);color:#b9d0df;font-size:12px;line-height:1.65}.mg-alert.ok{border-color:rgba(54,198,119,.42);background:rgba(18,91,54,.22);color:#caffdf}.mg-alert.error{border-color:rgba(255,105,116,.46);background:rgba(103,24,34,.25);color:#ffd2d6}
.mg-side-list{display:grid;gap:10px;margin-top:16px}.mg-side-list article{display:flex;gap:11px;padding:13px;border:1px solid rgba(52,111,157,.3);border-radius:15px;background:rgba(5,19,31,.62)}.mg-side-list b{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:#0d4d7b;color:#66ceff}.mg-side-list strong{display:block;font-size:12px}.mg-side-list small{display:block;margin-top:4px;color:#8da9bb;line-height:1.45}.mg-side-phone{margin-top:16px;padding:16px;border:1px solid rgba(220,180,92,.36);border-radius:16px;background:rgba(68,49,13,.2)}.mg-side-phone small{display:block;color:#d7b45f;font-weight:900}.mg-side-phone a{display:block;margin-top:7px;color:#fff;font-size:20px;font-weight:950;text-decoration:none}
/* Existing public pages: unify surfaces */
.photo-page,.tracking-page,.builder-page,.ai31-shell,.visual-page-wrap,.v20-shell,.shell{width:min(1320px,calc(100% - 32px))!important;margin-inline:auto!important}.photo-top,.tracking-top,.v20-top{border-color:rgba(55,126,188,.34)!important;background:rgba(2,8,18,.88)!important;backdrop-filter:blur(18px)}.photo-brand img,.tracking-brand img,.v20-top img{background:transparent!important}.photo-form,.tracking-form,.builder-form,.ai31-form,.v20-controls{accent-color:#29b8ff}.photo-form input,.photo-form select,.photo-form textarea,.tracking-form input,.builder-form input,.builder-form select,.builder-form textarea,.ai31-form textarea{border-radius:14px!important}.tracking-submit{min-height:50px}.tracking-result,.photo-upload-card,.photo-form-card{border-radius:24px!important}.v20-grid{gap:18px!important}.v20-card{padding:22px!important}.v20-controls{gap:12px}.v20-actions{gap:10px!important}.v20-table{border-radius:16px;overflow:hidden}.calc-grid{gap:18px!important}.calc-card{padding:22px!important}.calc-fields{gap:13px!important}.calc-result{border-radius:16px!important;background:rgba(5,22,37,.76)!important;border:1px solid rgba(52,130,185,.34)!important}.visual-page-head{padding:28px!important;border:1px solid rgba(52,130,185,.28);border-radius:24px;background:linear-gradient(155deg,rgba(7,24,41,.94),rgba(3,13,24,.94));margin-bottom:20px}.visual-page-head h1{font-size:clamp(32px,5vw,56px)!important}.panel{padding:22px!important}.form-grid{gap:14px!important}.sig{border:2px solid rgba(80,142,183,.55)!important;box-shadow:inset 0 0 20px rgba(0,0,0,.12)}
/* Service AI notes and inline public controls */
.service-ai-note{border-radius:14px!important;border:1px solid rgba(69,141,190,.45)!important;background:rgba(3,15,26,.78)!important;color:#fff!important;padding:14px!important;outline:none}.service-ai-note:focus{border-color:#42bdff!important;box-shadow:0 0 0 4px rgba(42,176,255,.12)!important}
/* compact status cards */
.mg-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.mg-status-grid article{padding:15px;border:1px solid rgba(53,126,177,.3);border-radius:16px;background:rgba(7,25,41,.65)}.mg-status-grid strong{display:block;font-size:13px}.mg-status-grid small{display:block;margin-top:5px;color:#8da8ba;line-height:1.5}
@media(max-width:980px){.mg-form-layout{grid-template-columns:1fr}.mg-form-side{position:static}.mg-form-hero{grid-template-columns:1fr}.mg-form-trust{justify-content:flex-start}.mg-status-grid{grid-template-columns:1fr 1fr}.mg-form-top nav a:not(:last-child){display:none}}
@media(max-width:700px){.mg-form-main{width:min(100% - 20px,1320px);padding-top:28px}.mg-form-top{min-height:68px;padding:8px 12px}.mg-form-brand{width:min(250px,65vw)}.mg-form-card,.mg-form-side{padding:18px}.mg-field-grid,.mg-status-grid{grid-template-columns:1fr}.mg-field.full{grid-column:auto}.mg-form-actions{display:grid}.mg-form-actions>*{width:100%}.mg-form-hero h1{font-size:36px}.photo-page,.tracking-page,.builder-page,.ai31-shell,.visual-page-wrap,.v20-shell,.shell{width:min(100% - 20px,1320px)!important}}
/* Public quote response page */
.mg-quote-page{padding:0!important}.mg-quote-page .wrap{width:min(1120px,calc(100% - 32px))!important;margin:auto!important;padding:42px 0 72px}.mg-quote-page .card{position:relative;overflow:hidden;margin-bottom:18px!important;padding:24px!important;border:1px solid var(--mgf-line)!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0,rgba(23,128,209,.1),transparent 34%),linear-gradient(155deg,rgba(7,24,41,.98),rgba(3,13,24,.98))!important;box-shadow:0 25px 70px rgba(0,0,0,.27)!important}.mg-quote-page .card:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,#54c8ff,transparent)}.mg-quote-page .head{align-items:flex-start}.mg-quote-page h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.04em}.mg-quote-page h2{font-size:24px}.mg-quote-page .gold{color:#63cfff!important}.mg-quote-page .muted{color:#9fb6c6!important;line-height:1.7}.mg-quote-page .badge{padding:8px 12px!important;border:1px solid rgba(54,192,119,.35);background:rgba(18,90,54,.24)!important;color:#baffd6!important}.mg-quote-page .table{border-color:rgba(69,129,172,.38)!important;border-radius:18px!important}.mg-quote-page table{background:rgba(3,15,25,.54)}.mg-quote-page th{background:#092037!important;color:#67cfff!important}.mg-quote-page th,.mg-quote-page td{border-color:rgba(58,104,138,.34)!important;padding:14px!important}.mg-quote-page .totals{margin-top:16px;padding:16px;border:1px solid rgba(75,137,180,.34);border-radius:16px;background:rgba(4,18,30,.7)}.mg-quote-page .totals div{border-color:rgba(62,107,139,.32)!important}.mg-quote-page .total{font-size:22px;color:#fff}.mg-quote-page .btn,.mg-quote-page button{min-height:46px;padding:0 16px!important;border:1px solid rgba(67,130,176,.55)!important;border-radius:13px!important;background:#081a2a!important;color:#e9f5fc!important}.mg-quote-page .btn.gold,.mg-quote-page button.gold{border-color:#35b7ff!important;background:linear-gradient(135deg,#0879e2,#159df5)!important;color:#fff!important}.mg-quote-page .btn.red,.mg-quote-page button.red{border-color:#a9444e!important;background:linear-gradient(135deg,#711e29,#bd3d49)!important}.mg-quote-page .field input,.mg-quote-page .field textarea{border-color:rgba(81,137,178,.54)!important;background:rgba(3,14,25,.78)!important;color:#fff!important}.mg-quote-page .sig{height:210px!important;border-radius:16px!important}.mg-quote-page .flash{border-radius:16px!important;padding:14px 16px!important}.mg-quote-page .ok{border:1px solid rgba(53,198,116,.4);background:rgba(17,93,53,.25)!important;color:#c9ffdc!important}.mg-quote-page .err{border:1px solid rgba(255,99,112,.42);background:rgba(102,24,34,.27)!important;color:#ffd1d5!important}.mg-quote-page .check{padding:13px;border:1px solid rgba(67,122,163,.32);border-radius:14px;background:rgba(5,20,33,.64)}
/* Personnel field form */
.mg-personnel-page .shell{width:min(900px,calc(100% - 24px))!important}.mg-personnel-page .hero{padding:32px!important;border:1px solid var(--mgf-line);border-radius:24px;background:linear-gradient(155deg,rgba(7,24,41,.98),rgba(3,13,24,.98));margin-top:28px}.mg-personnel-page .hero h1{font-size:clamp(34px,6vw,56px)}
/* Visual planner and AR controls */
.planner-shell{gap:18px!important}.planner-panel,.ar-controls,.ar-spin-card{border:1px solid var(--mgf-line)!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(7,24,41,.97),rgba(3,13,24,.97))!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important}.planner-panel{padding:20px!important}.planner-tool-list{gap:10px!important}.planner-tool,.planner-stage-actions button,.planner-stage-actions label,.planner-delete,.planner-whatsapp,.ar-controls button,.ar-controls a,.ar-file{min-height:44px!important;border:1px solid rgba(68,137,186,.5)!important;border-radius:13px!important;background:#071827!important;color:#e8f5fc!important;font-weight:850!important}.planner-tool.active,.planner-tool:hover,.planner-stage-actions button:hover,.ar-primary{border-color:#35b7ff!important;background:linear-gradient(135deg,#0879e2,#159df5)!important;color:#fff!important}.planner-stage{border:1px solid rgba(65,145,199,.42)!important;border-radius:22px!important;background-color:#03101c!important;box-shadow:inset 0 0 35px rgba(0,0,0,.25)}.planner-stage-actions{gap:9px!important}.planner-summary{border-radius:16px!important;background:rgba(4,18,30,.68)!important;border:1px solid rgba(61,124,168,.3)!important}.ar-shell,.ar-workspace{gap:18px!important}.ar-stage{border:1px solid rgba(65,145,199,.42)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 24px 60px rgba(0,0,0,.26)!important}.ar-controls{padding:20px!important}.ar-controls input[type=range]{accent-color:#28b4ff}.ar-camera-types{gap:9px!important}.ar-warning{border-radius:14px!important;border:1px solid rgba(220,180,92,.34)!important;background:rgba(73,52,13,.22)!important;padding:12px!important}

/* design-nirvana-v46.css */
:root{
 --mg-bg:#020a13;--mg-panel:#071522;--mg-panel-2:#0a1c2c;--mg-line:rgba(70,139,190,.28);
 --mg-blue:#2aaeff;--mg-blue-2:#74d5ff;--mg-text:#f4faff;--mg-muted:#96aec0;
 --mg-r1:14px;--mg-r2:20px;--mg-r3:28px;--mg-shadow:0 24px 64px rgba(0,0,0,.28);
 --mg-fast:160ms;--mg-mid:260ms;--mg-slow:520ms
}
html{scroll-behavior:smooth}body{background-color:var(--mg-bg)}
body.mg-page-enter{animation:mgPageIn .28s ease both}@keyframes mgPageIn{from{opacity:.35}to{opacity:1}}
body.mg-page-leave{opacity:.45;transition:opacity .16s ease}

/* 1 HERO REFINEMENT */
.hero{isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,7,13,.5),transparent 52%),radial-gradient(circle at 73% 38%,rgba(49,177,255,.08),transparent 27%);z-index:1}.hero-copy{position:relative;z-index:3}.hero-scene{z-index:2;transform:translate3d(var(--mg-hero-x,0),var(--mg-hero-y,0),0);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.hero-scene img{filter:saturate(.94) contrast(1.03);transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .3s ease}.hero:hover .hero-scene img{transform:scale(1.012)}.hero-trust span{backdrop-filter:blur(8px)}

/* 2 PREMIUM SERVICE CARDS */
.service-grid{gap:18px}.service-card{border-radius:var(--mg-r2);border:1px solid rgba(57,121,167,.25);background:linear-gradient(160deg,rgba(8,25,39,.9),rgba(4,13,22,.96));box-shadow:0 15px 40px rgba(0,0,0,.18);transition:transform var(--mg-mid) ease,border-color var(--mg-mid) ease,box-shadow var(--mg-mid) ease;overflow:hidden}.service-card:after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 25%,rgba(69,194,255,.12),transparent 72%);transform:translateX(-105%);transition:transform .55s ease}.service-card:hover{transform:translateY(-4px);border-color:rgba(68,185,247,.48);box-shadow:0 20px 50px rgba(0,0,0,.25)}.service-card:hover:after{transform:translateX(105%)}.service-photo{overflow:hidden}.service-photo img{transition:transform .55s ease,filter .35s ease}.service-card:hover .service-photo img{transform:scale(1.025);filter:saturate(1.02)}.service-body{padding-top:16px}.service-body h3{letter-spacing:-.02em}.service-body p{line-height:1.65}

/* 3 PROJECT CASE CARDS */
.project-card{border-radius:22px!important;border:1px solid rgba(75,140,186,.24);box-shadow:0 16px 45px rgba(0,0,0,.22);overflow:hidden;transition:transform .24s ease,border-color .24s ease}.project-card:hover{transform:translateY(-4px);border-color:rgba(81,194,255,.44)}.project-overlay{background:linear-gradient(180deg,transparent 0,rgba(1,8,14,.22) 18%,rgba(1,8,14,.95) 100%)!important;padding-top:34%!important}.project-overlay h3{font-size:clamp(17px,1.4vw,22px);letter-spacing:-.02em}.project-spec{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.project-spec span{padding:7px 9px!important;border:1px solid rgba(83,166,221,.24);border-radius:999px;background:rgba(5,23,37,.72);backdrop-filter:blur(8px);font-size:9px!important}.project-overlay small{margin-top:8px!important;color:#a9c0cf!important}

/* 5 UNIFIED REVEAL */
[data-mg-reveal]{opacity:0;transform:translateY(16px);transition:opacity .52s ease,transform .52s cubic-bezier(.2,.8,.2,1)}[data-mg-reveal].mg-visible{opacity:1;transform:none}[data-mg-reveal][data-mg-delay="1"]{transition-delay:.06s}[data-mg-reveal][data-mg-delay="2"]{transition-delay:.12s}[data-mg-reveal][data-mg-delay="3"]{transition-delay:.18s}

/* 6 MOBILE POLISH */
@media(max-width:760px){.hero-copy{padding-left:18px!important;padding-right:18px!important}.hero h1{font-size:clamp(38px,11vw,52px)!important;line-height:1.02}.hero p{max-width:36ch}.service-card{min-width:76%!important}.project-card{min-width:78%!important}.project-overlay p{display:none}.section-head h2{font-size:clamp(27px,8vw,36px)}.btn{min-height:46px}}

/* 8 BEFORE / AFTER */
.before-grid article{border:1px solid rgba(63,132,181,.24);border-radius:22px;background:linear-gradient(155deg,rgba(7,22,35,.88),rgba(3,13,22,.94));overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.2)}.before-grid article>h3,.before-grid article>p{padding-left:16px;padding-right:16px}.before-grid article>p{padding-bottom:16px;color:#96adbd}.compare{border-bottom:1px solid rgba(66,132,177,.22)}.compare-handle{box-shadow:0 0 0 5px rgba(46,178,255,.15),0 8px 20px rgba(0,0,0,.35)}

/* 10 DESIGN SYSTEM ALIGNMENT */
.section,.system-builder-teaser,.ai-panel,.why,.contact,.service-regions{--section-radius:var(--mg-r3)}
.section-chip,.project-tabs button,.team-filters button{border-radius:999px!important}.btn,.head-btn{border-radius:12px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.btn:hover,.head-btn:hover{transform:translateY(-1px)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.mg-page-enter,[data-mg-reveal],.hero-scene,.hero-scene img,.service-card,.service-card:after,.service-photo img,.project-card{animation:none!important;transition:none!important;transform:none!important}}

/* visual-experience-v47.css */
/* 22.7.47 visual experience layer — intentionally restrained */
.vx-head-note{align-self:end;margin:0 0 4px;color:#7895a9;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vx-demo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:18px}.vx-building,.vx-command,.vx-device-grid>article{border:1px solid rgba(70,142,190,.24);background:linear-gradient(150deg,rgba(7,24,39,.94),rgba(3,13,23,.96));box-shadow:inset 0 1px 0 rgba(130,210,255,.04)}.vx-building{padding:18px;border-radius:26px}.vx-building-toolbar,.vx-command-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.vx-building-toolbar strong,.vx-command-head strong{font-size:11px;letter-spacing:.1em}.vx-building-toolbar span,.vx-command-head small{color:#7f9bad;font-size:10px}.vx-house{position:relative;min-height:380px;overflow:hidden;border:1px solid rgba(70,142,190,.2);border-radius:21px;background:radial-gradient(circle at 50% 20%,rgba(31,121,181,.13),transparent 34%),linear-gradient(180deg,#071522,#04101b)}.vx-house:before,.vx-house:after{content:"";position:absolute;pointer-events:none}.vx-house:before{inset:12% 8% 8%;clip-path:polygon(50% 0,100% 27%,92% 27%,92% 100%,8% 100%,8% 27%,0 27%);border:1px solid rgba(105,180,224,.32);background:linear-gradient(90deg,transparent 49.7%,rgba(86,153,194,.13) 50%,transparent 50.3%)}.vx-house:after{left:12%;right:12%;top:49%;height:1px;background:rgba(78,151,195,.18);box-shadow:0 100px rgba(78,151,195,.18)}.vx-floor{position:absolute;left:13%;right:13%;height:28%;border-left:1px solid rgba(63,126,168,.15);border-right:1px solid rgba(63,126,168,.15)}.vx-floor span{position:absolute;left:12px;bottom:8px;color:#496a80;font-size:8px;letter-spacing:.12em}.vx-floor-top{top:17%}.vx-floor-mid{top:45%}.vx-floor-low{top:72%}.vx-node{position:absolute;z-index:4;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;gap:5px;padding:0;border:0;background:none;color:#9db7c8;cursor:pointer}.vx-node i{width:17px;height:17px;border:4px solid currentColor;border-radius:50%;background:#071522;box-shadow:0 0 0 5px rgba(67,174,236,.08),0 0 18px currentColor}.vx-node b{padding:4px 7px;border:1px solid rgba(83,151,193,.2);border-radius:8px;background:rgba(3,13,23,.88);font-size:8px}.vx-node.active{color:#54c8ff}.vx-node.fire.active,.vx-node.alarm.active{color:#ff786f}.vx-node.electric.active{color:#ffd46a}.vx-signal{position:absolute;z-index:2;left:16%;top:22%;width:54%;height:53%;border:1px dashed rgba(78,197,255,.22);border-radius:50%;opacity:.5;transition:.35s}.vx-house[data-system="fire"] .vx-signal{left:34%;top:16%;width:42%;height:42%;border-color:rgba(255,100,94,.35)}.vx-house[data-system="network"] .vx-signal{left:17%;top:48%;width:64%;height:35%}.vx-house[data-system="electric"] .vx-signal{left:50%;top:55%;width:35%;height:34%;border-color:rgba(255,211,91,.35)}.vx-system-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.vx-system-tabs button{padding:9px 12px;border:1px solid rgba(66,137,184,.23);border-radius:11px;background:#061522;color:#89a5b7;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.vx-system-tabs button.active{border-color:#3caee9;color:#eaf8ff;background:#0a2b42}.vx-command{padding:18px;border-radius:26px}.vx-live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#45d58a;box-shadow:0 0 12px #45d58a}.vx-monitor{position:relative;padding:8px;border:1px solid rgba(65,138,185,.24);border-radius:17px;background:#020910}.vx-monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;height:138px}.vx-monitor-grid i{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#0b263a,#07121d)}.vx-monitor-grid i:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(80,188,246,.11),transparent 70%);animation:vxscan 5s linear infinite}.vx-monitor>span{position:absolute;left:16px;bottom:14px;color:#7e9aaa;font-size:8px}.vx-status-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.vx-status-list article{padding:11px;border:1px solid rgba(65,138,185,.16);border-radius:13px;background:rgba(4,16,27,.75)}.vx-status-list span{display:block;color:#708da0;font-size:8px}.vx-status-list strong{display:block;margin-top:5px;color:#dff4ff;font-size:11px}.vx-event{margin-top:10px;padding:14px;border:1px solid rgba(65,138,185,.17);border-radius:15px;background:rgba(4,16,27,.75)}.vx-event small{color:#4cbef6;font-size:8px;letter-spacing:.12em}.vx-event strong{display:block;margin-top:7px;font-size:14px}.vx-event p{margin:9px 0 0;color:#8ea9ba;font-size:10px;line-height:1.6}.vx-flow{display:flex;align-items:center;gap:5px;margin-top:10px}.vx-flow span{font-size:8px;color:#b5c9d5}.vx-flow i{flex:1;height:1px;background:linear-gradient(90deg,#2da7e8,rgba(45,167,232,.15));position:relative}.vx-flow i:after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#6ed5ff;animation:vxflow 2s linear infinite}.vx-device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vx-device-grid>article{padding:18px;border-radius:22px;transition:transform .18s ease}.vx-device-grid>article>span{display:block;margin-top:15px;color:#4fbdf3;font-size:8px;font-weight:900;letter-spacing:.13em}.vx-device-grid h3{margin:6px 0 0;font-size:15px}.vx-device-grid p{margin:7px 0 0;color:#809bab;font-size:10px;line-height:1.6}.vx-device{height:112px;display:grid;place-items:center;border-radius:17px;background:radial-gradient(circle,rgba(58,159,219,.13),transparent 55%),#04101b}.vx-device i{display:block;position:relative}.vx-device.camera i{width:72px;height:34px;border-radius:10px 18px 18px 10px;background:linear-gradient(145deg,#dce7ed,#71828d);box-shadow:0 15px 28px rgba(0,0,0,.35)}.vx-device.camera i:after{content:"";position:absolute;right:7px;top:7px;width:20px;height:20px;border:4px solid #172734;border-radius:50%;background:#07131d}.vx-device.detector i{width:64px;height:24px;border-radius:50%;background:#dfe6e9;box-shadow:0 7px 0 #87949b,0 15px 25px rgba(0,0,0,.35)}.vx-device.switch i{width:88px;height:30px;border-radius:6px;background:#27343c;box-shadow:inset 0 0 0 1px #596872,0 15px 25px rgba(0,0,0,.35)}.vx-device.switch i:after{content:"••••••••";position:absolute;left:9px;top:6px;color:#4ec6ff;font-size:11px;letter-spacing:2px}.vx-device.panel i{width:58px;height:78px;border-radius:8px;background:linear-gradient(145deg,#e6eaeb,#7c898f);box-shadow:0 15px 25px rgba(0,0,0,.35)}.vx-device.panel i:after{content:"";position:absolute;left:12px;right:12px;top:14px;height:17px;border-radius:3px;background:#123c4b;box-shadow:0 29px 0 -6px #d94d4d}.sp-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 48%,rgba(62,182,244,.13),transparent 20%);mix-blend-mode:screen}.sp-hero-copy{position:relative;z-index:2}.sp-hero-copy:after{content:attr(data-system-label);display:none}.sp-architecture-flow article{position:relative;overflow:hidden}.sp-architecture-flow article:after{content:"";position:absolute;left:-50%;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(80,194,250,.08),transparent);animation:vxarch 6s linear infinite}.result.vx-result-card.active.success{padding:18px!important;border-radius:18px!important}.result.vx-result-card .vx-result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.vx-result-summary span{padding:9px;border:1px solid rgba(60,145,200,.2);border-radius:10px;background:rgba(5,23,37,.7);font-size:10px;color:#a9c0cf}.vx-result-summary b{display:block;margin-top:4px;color:#fff}.vx-night-demo{filter:none}@keyframes vxscan{to{transform:translateX(100%)}}@keyframes vxflow{from{left:0}to{left:calc(100% - 5px)}}@keyframes vxarch{to{left:120%}}
@media(max-width:1000px){.vx-demo-grid{grid-template-columns:1fr}.vx-device-grid{grid-template-columns:1fr 1fr}.vx-house{min-height:340px}}
@media(max-width:600px){.vx-head-note{display:none}.vx-building,.vx-command{padding:13px;border-radius:20px}.vx-house{min-height:300px}.vx-node b{display:none}.vx-device-grid{grid-template-columns:1fr 1fr;gap:9px}.vx-device-grid>article{padding:12px}.vx-device{height:88px}.vx-status-list{grid-template-columns:1fr 1fr}.vx-flow span{font-size:7px}.vx-showcase,.vx-tech-stage{padding-top:38px!important;padding-bottom:38px!important}}
@media(prefers-reduced-motion:reduce){.vx-monitor-grid i:before,.vx-flow i:after,.sp-architecture-flow article:after{animation:none!important}.vx-device-grid>article{transform:none!important}}

/* experience-suite-v56.css */
:root{--v56-cyan:#55c7ff;--v56-line:rgba(80,181,240,.24)}
.smart-hero-v56{transition:background .8s ease}.smart-hero-v56.hero-evening{background-image:radial-gradient(circle at 78% 35%,rgba(26,109,177,.16),transparent 32%)}.smart-hero-v56.hero-night{background-image:radial-gradient(circle at 78% 35%,rgba(31,130,210,.2),transparent 30%),linear-gradient(180deg,rgba(0,7,15,.12),rgba(0,4,10,.4))}.smart-hero-v56.hero-night .hero-scene img{filter:brightness(.78) contrast(1.08)}
.build-story-shell,.monitor-shell,.rec-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.build-story-stage,.monitor-shell,.why-stage,.rec-shell{border:1px solid var(--v56-line);border-radius:24px;background:linear-gradient(145deg,rgba(7,27,44,.88),rgba(3,14,24,.92));overflow:hidden}.build-story-stage{min-height:360px;display:grid;place-items:center}.story-building{position:relative;width:min(520px,86%);height:250px;border:1px solid rgba(91,194,248,.25);background:linear-gradient(180deg,rgba(20,63,91,.22),rgba(5,20,32,.3));clip-path:polygon(8% 20%,50% 0,92% 20%,92% 88%,8% 88%)}.story-building span{position:absolute;padding:7px 9px;border:1px solid rgba(80,191,248,.35);border-radius:10px;background:#061522;color:#9fdfff;font:700 10px/1 sans-serif;opacity:.15;transform:scale(.8);transition:.45s}.story-wire{left:18%;right:18%;top:53%;height:2px;padding:0!important;background:linear-gradient(90deg,#218fd0,#75dcff)!important}.story-rack{left:45%;bottom:18%}.story-cam.c1{left:16%;top:31%}.story-cam.c2{right:16%;top:31%}.story-fire{left:47%;top:25%}.story-phone{right:8%;bottom:8%}.build-story-v56[data-stage="1"] .story-wire,.build-story-v56[data-stage="1"] .story-rack,.build-story-v56[data-stage="2"] .story-wire,.build-story-v56[data-stage="2"] .story-rack,.build-story-v56[data-stage="2"] .story-cam,.build-story-v56[data-stage="2"] .story-fire,.build-story-v56[data-stage="3"] .story-building span{opacity:1;transform:none}.build-story-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.build-story-steps li{padding:16px;border:1px solid rgba(72,151,204,.18);border-radius:16px;background:rgba(5,20,33,.65);opacity:.55;transition:.3s}.build-story-steps li.is-active{opacity:1;border-color:rgba(76,190,251,.5);transform:translateX(4px)}.build-story-steps b{color:#4fc4ff;margin-right:10px}.build-story-steps span{font-weight:800;color:#eef8ff}.build-story-steps small{display:block;margin:7px 0 0 31px;color:#8faabc}
.monitor-shell{padding:18px}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.monitor-grid article{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;border:1px solid rgba(79,172,226,.18);cursor:pointer}.monitor-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.78);transition:.25s}.monitor-grid article:hover img{transform:scale(1.025);filter:saturate(.95) brightness(.9)}.monitor-grid span,.monitor-grid i{position:absolute;top:9px;font:800 9px/1 sans-serif}.monitor-grid span{left:9px;color:#dff5ff}.monitor-grid i{right:9px;color:#ff6c6c}.monitor-shell aside{padding:18px}.monitor-shell aside>span,.rec-result>span{color:#58c8ff;font-size:10px;font-weight:900;letter-spacing:.12em}.monitor-shell h3,.rec-result h3{color:#fff;margin:8px 0}.monitor-shell p,.rec-result p{color:#92aebf;line-height:1.7}.monitor-shell aside>div{display:inline-grid;margin:14px 12px 0 0}.monitor-shell aside b{color:#fff;font-size:20px}.monitor-shell aside small{color:#7896aa}
.why-toggle{display:flex;gap:8px;margin-bottom:12px}.why-toggle button{border:1px solid var(--v56-line);background:#071b2c;color:#a9c4d5;padding:10px 16px;border-radius:999px;font-weight:800}.why-toggle button.is-active{background:#0b6fae;color:#fff}.why-stage{display:grid;grid-template-columns:repeat(4,1fr);padding:18px;gap:12px}.why-stage>div{padding:18px;border:1px solid rgba(69,150,204,.18);border-radius:16px}.why-stage b{display:block;color:#fff}.why-stage span{display:block;color:#8caabd;margin-top:8px;font-size:12px;line-height:1.6}.why-stage[data-why-stage="new"]>div{border-color:rgba(65,194,245,.36);box-shadow:inset 0 1px rgba(116,220,255,.06)}
.rec-shell{padding:20px}.rec-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start}.rec-options label{color:#91afc1;font-size:11px}.rec-options select{width:100%;margin-top:6px;padding:12px;border-radius:12px;border:1px solid var(--v56-line);background:#061725;color:#e9f6ff}.rec-options .btn{grid-column:1/-1}.rec-result{padding:20px;border-left:1px solid var(--v56-line)}
.simple-mode-v56,.site-search-open-v56{position:fixed;z-index:1190;right:18px;border:1px solid rgba(75,173,231,.35);background:rgba(5,22,35,.92);color:#dff4ff;box-shadow:0 10px 30px rgba(0,0,0,.25)}.simple-mode-v56{bottom:156px;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:900}.site-search-open-v56{bottom:200px;width:38px;height:38px;border-radius:50%;font-size:22px}.site-search-v56{position:fixed;inset:0;z-index:2000;display:none}.site-search-v56.is-open{display:block}.search-backdrop{position:absolute;inset:0;background:rgba(0,5,10,.75);backdrop-filter:blur(8px)}.site-search-v56 section{position:relative;width:min(680px,calc(100% - 28px));margin:12vh auto;padding:24px;border:1px solid rgba(76,184,242,.35);border-radius:24px;background:#061522}.site-search-v56 section>button{position:absolute;right:18px;top:14px;border:0;background:none;color:#fff;font-size:26px}.site-search-v56 section>span{color:#55c7ff;font-size:10px;font-weight:900;letter-spacing:.12em}.site-search-v56 h2{color:#fff}.site-search-v56 input{width:100%;padding:15px;border:1px solid rgba(74,172,226,.35);border-radius:14px;background:#03101b;color:#fff;font-size:16px}.site-search-v56 #globalSearchResults{display:grid;gap:8px;margin-top:14px}.site-search-v56 #globalSearchResults a{padding:12px 14px;border:1px solid rgba(67,145,198,.2);border-radius:12px;color:#d9effc;background:rgba(9,31,49,.7)}
.mini-assistant-v56{position:fixed;right:18px;bottom:102px;z-index:1200}.mini-ai-trigger{width:46px;height:46px;border-radius:50%;border:1px solid #2f9ad9;background:linear-gradient(145deg,#0c79bf,#06476f);color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(0,104,170,.3)}.mini-ai-panel{display:none;position:absolute;right:0;bottom:56px;width:230px;padding:16px;border:1px solid rgba(75,175,232,.35);border-radius:18px;background:#061522;box-shadow:0 18px 50px rgba(0,0,0,.4)}.mini-assistant-v56.is-open .mini-ai-panel{display:grid;gap:8px}.mini-ai-panel span{color:#55c7ff;font-size:9px;font-weight:900}.mini-ai-panel h3{margin:0 0 4px;color:#fff}.mini-ai-panel a{padding:10px 11px;border-radius:10px;background:#0a2134;color:#dff3ff;font-size:12px;font-weight:700}
.team-card{position:relative}.team-card:after{content:"+";position:absolute;right:10px;top:10px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(4,20,32,.78);border:1px solid rgba(87,195,250,.4);color:#8ddcff;font-weight:900}.simple-mode .tech-lab-section,.simple-mode #dijital-bina,.simple-mode .build-story-v56,.simple-mode .monitor-wall-v56{display:none!important}.simple-mode-v56[aria-pressed="true"]{background:#0b72ae;color:#fff}
.page-skeleton-v56{position:relative;overflow:hidden}.page-skeleton-v56:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(95,196,248,.05),transparent);transform:translateX(-100%);animation:v56sk 1.4s linear infinite;pointer-events:none}@keyframes v56sk{to{transform:translateX(100%)}}
@media(max-width:900px){.build-story-shell,.monitor-shell,.rec-shell{grid-template-columns:1fr}.why-stage{grid-template-columns:1fr 1fr}.rec-result{border-left:0;border-top:1px solid var(--v56-line)}.simple-mode-v56{bottom:142px}.site-search-open-v56{bottom:184px}.mini-assistant-v56{bottom:90px}.monitor-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.build-story-stage{min-height:260px}.story-building{height:190px}.why-stage{grid-template-columns:1fr}.rec-options{grid-template-columns:1fr}.monitor-grid{grid-template-columns:1fr 1fr}.monitor-grid span{font-size:7px}.section.build-story-v56,.section.monitor-wall-v56,.section.why-system-v56,.section.recommendation-v56{padding-top:44px;padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.story-building span,.monitor-grid img{transition:none!important}.page-skeleton-v56:before{animation:none}}
.db-floor-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.db-floor-tabs button{padding:7px 10px;border-radius:999px;border:1px solid rgba(73,160,216,.22);background:rgba(6,25,40,.7);color:#91b3c8;font-size:9px;font-weight:800}.db-floor-tabs button.is-active{background:#0b6fae;color:#fff;border-color:#3cbcf7}.db-stage[data-floor="ground"] .db-building{transform:translateY(4%) scale(1.02)}.db-stage[data-floor="upper"] .db-building{transform:translateY(-4%) scale(1.02)}.db-stage[data-floor="perimeter"] .db-building{filter:drop-shadow(0 0 18px rgba(61,183,244,.18))}.db-stage[data-floor="parking"] .db-building{filter:brightness(.78) contrast(1.08)}
.team-hotspot-v56{position:absolute;z-index:5;width:14px;height:14px;border-radius:50%;border:2px solid #9ce6ff;background:#0b6da8;box-shadow:0 0 0 5px rgba(52,180,241,.12);padding:0}.team-hotspot-v56:nth-of-type(1){left:28%;top:32%}.team-hotspot-v56:nth-of-type(2){right:25%;top:58%}.team-hotspot-v56 span{display:none;position:absolute;left:18px;top:-8px;white-space:nowrap;padding:7px 9px;border-radius:9px;background:#061522;color:#dff5ff;border:1px solid rgba(75,177,235,.3);font-size:9px}.team-hotspot-v56:hover span,.team-hotspot-v56:focus span{display:block}.v56-leaving body{opacity:.88;transition:opacity .18s ease}

/* command-center-v49.css */
.mg-command-launch{position:fixed;right:20px;bottom:20px;z-index:9997;width:58px;height:58px;border:1px solid #2796d7;border-radius:19px;background:linear-gradient(145deg,#0b7ac5,#064d83);color:#fff;font:900 12px system-ui;box-shadow:0 15px 40px rgba(0,85,145,.35);cursor:pointer}.mg-command-launch:before{content:"G";display:block;font-size:22px;line-height:18px}.mg-command-panel{position:fixed;right:20px;bottom:88px;z-index:9998;width:min(390px,calc(100vw - 28px));padding:18px;border:1px solid rgba(70,164,224,.34);border-radius:24px;background:rgba(3,14,25,.97);box-shadow:0 28px 80px rgba(0,0,0,.5);backdrop-filter:blur(20px);color:#edf8ff;font-family:system-ui;transform:translateY(12px) scale(.98);opacity:0;pointer-events:none;transition:.2s ease}.mg-command-panel.is-open{transform:none;opacity:1;pointer-events:auto}.mg-command-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.mg-command-head span{color:#55c9ff;font-size:9px;font-weight:900;letter-spacing:.16em}.mg-command-head strong{display:block;margin-top:3px;font-size:19px}.mg-command-head button{border:1px solid rgba(110,170,210,.25);border-radius:10px;background:#071b2b;color:#fff;width:34px;height:34px}.mg-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mg-command-grid a{padding:13px;border:1px solid rgba(67,142,194,.24);border-radius:14px;background:#071827;color:#dcecf5;text-decoration:none}.mg-command-grid b{display:block;font-size:12px}.mg-command-grid small{display:block;margin-top:4px;color:#7f9daf;font-size:9px;line-height:1.4}.mg-command-ai{grid-column:1/-1!important;background:linear-gradient(135deg,#0a568c,#082d4a)!important;border-color:#238bc9!important}.mg-command-context{margin-top:11px;padding:10px 12px;border-radius:12px;background:#05121e;color:#7896a9;font-size:9px}.mg-command-context b{color:#9edcff}@media(max-width:600px){.mg-command-launch{right:14px;bottom:14px}.mg-command-panel{right:14px;bottom:82px}.mg-command-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.mg-command-panel{transition:none}}

/* tech-showcase-v55.css */
:root{--tech-blue:#49c4ff;--tech-line:rgba(77,175,232,.24);--tech-panel:rgba(5,18,31,.94)}
.gk-intro{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,#0b2a48 0,#020a12 46%,#01050a 100%);transition:opacity .48s ease,visibility .48s ease}.gk-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.gk-intro-inner{display:grid;place-items:center;gap:14px;width:min(520px,82vw)}.gk-intro img{width:min(390px,78vw);height:auto;filter:drop-shadow(0 20px 38px rgba(0,0,0,.45));animation:gkLogoIn .95s cubic-bezier(.22,.7,.25,1) both}.gk-intro i{display:block;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#5bd2ff,#1987d1,transparent);box-shadow:0 0 18px rgba(61,193,255,.65);animation:gkLine 1.2s .42s cubic-bezier(.22,.7,.25,1) forwards}.gk-intro span{font-size:10px;font-weight:900;letter-spacing:.2em;color:#84c9ef;opacity:0;animation:gkText .58s 1.02s ease forwards}@keyframes gkLogoIn{from{opacity:0;transform:translateY(8px) scale(.98);filter:blur(6px)}to{opacity:1;transform:none;filter:drop-shadow(0 20px 38px rgba(0,0,0,.45))}}@keyframes gkLine{to{width:88%}}@keyframes gkText{to{opacity:1}}@media(prefers-reduced-motion:reduce){.gk-intro{display:none!important}.gk-intro *{animation:none!important}}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.14;background-image:linear-gradient(rgba(62,151,211,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(62,151,211,.07) 1px,transparent 1px),radial-gradient(circle at 20% 20%,rgba(38,144,220,.12),transparent 26%);background-size:42px 42px,42px 42px,100% 100%;mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 78%,transparent 100%)}
.blueprint-zone{position:relative}.blueprint-zone:before{content:"";position:absolute;inset:32px 14px auto;height:260px;pointer-events:none;opacity:.16;background:linear-gradient(90deg,transparent 0 6%,rgba(75,169,228,.22) 6% 6.2%,transparent 6.2% 28%,rgba(75,169,228,.18) 28% 28.2%,transparent 28.2%),linear-gradient(0deg,transparent 0 42%,rgba(75,169,228,.18) 42% 42.3%,transparent 42.3%);border-radius:28px}
.sectors-v2 .section-head{margin-bottom:18px}.sector-v2-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 14px;scrollbar-width:none}.sector-v2-tabs::-webkit-scrollbar{display:none}.sector-v2-tabs button{flex:0 0 auto;border:1px solid #2a5577;border-radius:999px;background:#071626;color:#aac1d1;padding:10px 15px;font-weight:850;font-size:11px;cursor:pointer}.sector-v2-tabs button.is-active{border-color:#54c9ff;background:linear-gradient(135deg,#0b4a77,#0a2d49);color:#fff;box-shadow:0 0 0 3px rgba(73,196,255,.1)}.sector-v2-stage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px;border:1px solid #285273;border-radius:24px;padding:20px;background:radial-gradient(circle at 0 0,rgba(34,144,222,.15),transparent 34%),linear-gradient(150deg,#071827,#04111d);overflow:hidden}.sector-v2-visual{position:relative;min-height:330px;border:1px solid rgba(68,135,183,.3);border-radius:20px;background:linear-gradient(#07121f 0 58%,#092238 58% 100%);overflow:hidden}.sector-v2-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(78,188,255,.16),transparent 20%)}.sector-v2-building{position:absolute;left:50%;bottom:36px;width:66%;height:68%;transform:translateX(-50%)}.sv2-body{position:absolute;left:12%;right:12%;bottom:0;height:67%;background:linear-gradient(145deg,#cfdae3,#7897aa);clip-path:polygon(4% 4%,96% 4%,100% 100%,0 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}.sv2-roof{position:absolute;left:2%;right:2%;top:6%;height:36%;background:#536d7f;clip-path:polygon(50% 0,100% 76%,91% 84%,50% 26%,9% 84%,0 76%)}.sv2-door{position:absolute;left:45%;bottom:0;width:12%;height:28%;background:#15384e;z-index:3}.sv2-window{position:absolute;bottom:28%;width:15%;height:19%;background:linear-gradient(145deg,#64b9e5,rgba(255,223,147,.42));z-index:3}.sv2-window.w1{left:23%}.sv2-window.w2{right:23%}.sv2-node{position:absolute;z-index:6;width:40px;height:40px;border:1px solid #56c8ff;border-radius:50%;display:grid;place-items:center;background:#082338;color:#72d3ff;box-shadow:0 0 22px rgba(64,186,250,.3)}.sv2-node.n1{left:12%;top:29%}.sv2-node.n2{right:14%;top:22%;color:#ff9c5d;border-color:#ff9c5d}.sv2-node.n3{left:48%;bottom:12%;color:#bd8cff;border-color:#bd8cff}.sector-v2-scan{position:absolute;left:8%;right:8%;top:20%;height:1px;background:linear-gradient(90deg,transparent,#5bceff,transparent);box-shadow:0 0 24px #5bceff;animation:sv2Scan 4.5s ease-in-out infinite}@keyframes sv2Scan{50%{transform:translateY(210px);opacity:.4}}.sector-v2-copy{align-self:center;padding:10px 12px}.sector-v2-copy>span{color:#5dc9ff;font-size:10px;font-weight:950;letter-spacing:.13em}.sector-v2-copy h3{font-size:clamp(26px,3vw,42px);line-height:1.05;margin:10px 0 12px}.sector-v2-copy p{color:#a7bdcc;line-height:1.72}.sector-v2-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.sector-v2-tags span{padding:8px 10px;border-radius:999px;border:1px solid #315a76;background:#081b2b;color:#c7dce9;font-size:10px;font-weight:800}.sector-v2-risk{display:grid;gap:7px;margin:16px 0 20px}.sector-v2-risk span{display:flex;gap:8px;align-items:center;color:#9fb7c7;font-size:11px}.sector-v2-risk span:before{content:"";width:7px;height:7px;border-radius:50%;background:#3db9ff;box-shadow:0 0 9px rgba(61,185,255,.5)}
.tech-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tech-demo-card{border:1px solid #285272;border-radius:24px;padding:20px;background:radial-gradient(circle at 100% 0,rgba(39,147,222,.1),transparent 28%),linear-gradient(155deg,#071827,#04111d);box-shadow:0 22px 55px rgba(0,0,0,.22);min-width:0}.tech-demo-head>span{display:block;color:#5bc9ff;font-size:10px;font-weight:950;letter-spacing:.12em}.tech-demo-head h3{font-size:22px;margin:8px 0}.tech-demo-head p{margin:0;color:#9fb7c7;line-height:1.65;font-size:12px}.villa-scene{position:relative;height:330px;margin-top:18px;border:1px solid #2a5577;border-radius:18px;overflow:hidden;background:linear-gradient(#5da7d5 0 58%,#274c34 58%);transition:background .35s}.villa-scene.is-night{background:linear-gradient(#07111f 0 58%,#10251a 58%)}.villa-sky{position:absolute;inset:0 0 42%}.sunmoon{position:absolute;right:13%;top:14%;width:46px;height:46px;border-radius:50%;background:#ffd873;box-shadow:0 0 35px rgba(255,216,115,.35);transition:.35s}.is-night .sunmoon{background:#cbe7ff;box-shadow:-12px 0 0 1px #07111f,0 0 30px rgba(203,231,255,.3)}.villa-house{position:absolute;left:50%;bottom:35px;width:56%;height:58%;transform:translateX(-50%)}.villa-house .body{position:absolute;left:9%;right:9%;bottom:0;height:62%;background:#d9e3e9}.villa-house .roof{position:absolute;left:0;right:0;top:5%;height:42%;background:#637888;clip-path:polygon(50% 0,100% 76%,91% 84%,50% 28%,9% 84%,0 76%)}.villa-house .door{position:absolute;left:44%;bottom:0;width:13%;height:29%;background:#25485e;z-index:2}.villa-house .window{position:absolute;bottom:23%;width:17%;height:19%;background:#57a7d2;z-index:2}.villa-house .window.a{left:20%}.villa-house .window.b{right:20%}.cam{position:absolute;z-index:5;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#08283d;color:#63d2ff;border:1px solid #50c4ff}.cam.c1{left:20%;top:34%}.cam.c2{right:19%;top:40%}.cam i{position:absolute;left:16px;top:12px;width:170px;height:95px;background:linear-gradient(90deg,rgba(66,191,255,.2),rgba(66,191,255,0));clip-path:polygon(0 44%,100% 0,100% 100%);transform-origin:left center}.cam.c2 i{left:auto;right:16px;transform:scaleX(-1)}.motion-dot{position:absolute;left:48%;bottom:40px;color:#ff5d69;opacity:0}.perimeter-line{position:absolute;left:10%;right:10%;bottom:20px;height:1px;border-top:1px dashed rgba(77,198,255,.7)}.villa-scene.is-alarm .motion-dot{opacity:1;animation:motionPulse .8s infinite}.villa-scene.is-alarm .cam{border-color:#ff6873;color:#ff6873;box-shadow:0 0 20px rgba(255,104,115,.3)}@keyframes motionPulse{50%{transform:scale(1.7);opacity:.35}}.demo-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.demo-controls button{border:1px solid #315a78;border-radius:10px;background:#061626;color:#bdd2e0;padding:9px 12px;font-size:10px;font-weight:850;cursor:pointer}.demo-controls button.is-active{border-color:#51c7ff;background:#0c395a;color:#fff}.demo-note{display:block;margin-top:10px;color:#84a1b4;line-height:1.5}
.journey-track{position:relative;display:grid;grid-template-columns:repeat(11,auto);align-items:center;gap:8px;margin-top:22px;padding:18px;border:1px solid #284e6b;border-radius:18px;background:#04121e;overflow:auto}.journey-node{min-width:98px;padding:12px;border:1px solid #2d5878;border-radius:13px;background:#071d2f;cursor:pointer;transition:.2s}.journey-node b{display:block;font-size:11px}.journey-node small{display:block;margin-top:5px;color:#7f9cb0;font-size:9px}.journey-node.is-active{border-color:#5ed0ff;box-shadow:0 0 0 2px rgba(77,195,255,.12),0 0 22px rgba(77,195,255,.12)}.journey-track>i{color:#3c88b8;font-style:normal}.journey-packet{position:absolute;width:11px;height:11px;border-radius:50%;background:#5bd2ff;box-shadow:0 0 15px #5bd2ff;left:25px;top:50%;transform:translateY(-50%);opacity:0}.journey-track.is-running .journey-packet{opacity:1;animation:journeyRun 3s linear forwards}@keyframes journeyRun{from{left:25px}to{left:calc(100% - 35px)}}
.camera-lab-scene{position:relative;height:310px;margin-top:18px;border:1px solid #2b5575;border-radius:18px;overflow:hidden;background:linear-gradient(#273c56 0 54%,#101b24 54%);filter:brightness(var(--lab-bright,1)) contrast(var(--lab-contrast,1));transition:filter .18s}.lab-sky{position:absolute;inset:0 0 46%;background:linear-gradient(#202f44,#526a7d)}.lab-road{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(#1a2730,#0b1217)}.lab-car{position:absolute;right:16%;bottom:33%;width:110px;height:42px;border-radius:25px 30px 12px 12px;background:#5d6971;box-shadow:inset 0 -10px #3b4247}.lab-lamp{position:absolute;right:23%;bottom:53%;width:16px;height:16px;border-radius:50%;background:#fff2b2;box-shadow:0 0 calc(18px + var(--hlc,10px)) rgba(255,241,174,.9)}.lab-person{position:absolute;left:24%;bottom:25%;width:24px;height:72px;border-radius:15px 15px 7px 7px;background:#202b33}.lab-noise{position:absolute;inset:0;opacity:var(--noise,.25);background-image:repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.12) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.lab-glare{position:absolute;inset:0;background:radial-gradient(circle at 76% 48%,rgba(255,255,230,var(--glare,.22)),transparent 20%)}.lab-shadow{position:absolute;left:0;top:0;bottom:0;width:42%;background:rgba(0,0,0,var(--shadow,.24))}.lab-info{position:absolute;left:12px;bottom:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(76,171,228,.35);background:rgba(3,12,20,.72);color:#c8e5f5;font-size:9px;font-weight:800}.camera-lab-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.camera-lab-controls label{display:grid;gap:6px;padding:10px;border:1px solid #294e6d;border-radius:12px;background:#061523}.camera-lab-controls span{font-size:9px;font-weight:850;color:#a9c3d4}.camera-lab-controls input,.camera-lab-controls select{width:100%;accent-color:#4bc8ff;background:#071a2b;color:#fff;border:0}.camera-lab-tip{margin-top:12px;padding:12px 14px;border-radius:13px;border:1px solid #2a5472;background:#061725;color:#a9c1d0;font-size:11px;line-height:1.6}.camera-lab-tip strong{color:#66d0ff}
.exploded-system{display:flex;align-items:center;gap:8px;overflow:auto;margin-top:22px;padding:18px;border:1px solid #294f6c;border-radius:18px;background:#04121e}.exploded-system>i{color:#377da9;font-style:normal}.exploded-system button{flex:0 0 92px;min-height:86px;border:1px solid #2d5878;border-radius:14px;background:#071b2c;color:#d6e6ef;display:grid;place-items:center;gap:5px;cursor:pointer}.exploded-system button b{font-size:22px;color:#5bcaff}.exploded-system button span{font-size:9px;font-weight:850}.exploded-system button.is-active{border-color:#5bcaff;box-shadow:0 0 0 2px rgba(74,196,255,.1)}.exploded-detail{margin-top:12px;padding:14px;border:1px solid #2a5271;border-radius:14px;background:#061725}.exploded-detail strong{color:#5fcaff}.exploded-detail p{margin:6px 0 0;color:#a6bfce;line-height:1.6;font-size:11px}
@media(max-width:1000px){.sector-v2-stage,.tech-lab-grid{grid-template-columns:1fr}.sector-v2-visual{min-height:290px}.camera-lab-controls{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.sector-v2-stage,.tech-demo-card{padding:14px}.sector-v2-visual{min-height:240px}.villa-scene,.camera-lab-scene{height:250px}.camera-lab-controls{grid-template-columns:1fr 1fr}.journey-track{grid-template-columns:repeat(11,max-content)}.sector-v2-copy h3{font-size:28px}.tech-demo-head h3{font-size:19px}}@media(prefers-reduced-motion:reduce){.sector-v2-scan,.motion-dot,.journey-packet{animation:none!important}}

@media(max-width:700px){.gk-intro img{animation-duration:.78s}.gk-intro i{animation-duration:.95s;animation-delay:.32s}.gk-intro span{animation-duration:.45s;animation-delay:.8s}}

/* technical-lab-v53.css */
.deep-tech-section{position:relative}.deep-tech-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.deep-tech-tabs button,.deep-choice button,.device-adders button,.fire-actions button,.technical-mode-toggle{border:1px solid rgba(75,157,211,.26);background:rgba(7,25,40,.82);color:#a9c4d6;border-radius:12px;padding:10px 13px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.deep-tech-tabs button.is-active,.deep-choice button.is-active,.technical-mode-toggle[aria-pressed=true]{color:#fff;border-color:rgba(75,190,255,.72);background:linear-gradient(135deg,rgba(12,89,145,.95),rgba(10,48,80,.95))}.technical-mode-toggle{display:flex;align-items:center;gap:9px}.technical-mode-toggle i{width:28px;height:15px;border-radius:20px;background:#18364a;position:relative}.technical-mode-toggle i:after{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#8ba9bc;transition:.2s}.technical-mode-toggle[aria-pressed=true] i:after{left:15px;background:#65d1ff}.technical-mode-toggle b{font-size:9px;color:#6fa7c8}.deep-tech-panels{border:1px solid rgba(54,123,177,.24);border-radius:26px;background:linear-gradient(145deg,rgba(5,20,34,.96),rgba(3,13,23,.98));overflow:hidden}.deep-panel{display:none;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:30px;padding:28px}.deep-panel.is-active{display:grid}.deep-copy>span{color:#56c6ff;font-size:10px;font-weight:900;letter-spacing:.13em}.deep-copy h3{margin:8px 0 10px;color:#fff;font-size:25px}.deep-copy>p,.technical-only p{color:#91adbf;font-size:12px;line-height:1.7}.deep-choice,.device-adders,.fire-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.technical-only{display:none;margin-top:18px;padding:13px;border:1px dashed rgba(82,190,247,.35);border-radius:14px;background:rgba(11,54,82,.25)}body.technical-mode .technical-only{display:block}.technical-only b{color:#70d2ff;font-size:11px}.technical-only p{margin:5px 0 0}.resolution-demo,.poe-lab,.nvr-console,.fire-panel-demo,.health-test{border:1px solid rgba(65,137,188,.28);border-radius:20px;background:rgba(4,16,27,.78);padding:18px}.res-scene{height:260px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(#294d68 0 55%,#182a36 55%);filter:contrast(1.03)}.res-building{position:absolute;width:42%;height:42%;left:8%;bottom:32%;background:#32414a;border-radius:4px}.res-car{position:absolute;width:25%;height:12%;right:12%;bottom:19%;background:#9aa7ad;border-radius:20px 28px 8px 8px}.res-person{position:absolute;width:14px;height:54px;right:31%;bottom:28%;background:#172028;border-radius:10px}.res-focus{position:absolute;width:120px;height:90px;right:18%;bottom:15%;border:2px solid #59caff;border-radius:8px;box-shadow:0 0 0 999px rgba(0,0,0,.12)}.res-pixels{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:5px 5px}.resolution-demo[data-mp="2"] .res-pixels{opacity:.35;background-size:9px 9px}.resolution-demo[data-mp="8"] .res-pixels{opacity:.04;background-size:3px 3px}.resolution-demo label{display:flex;align-items:center;gap:12px;margin-top:14px;color:#9db8c9;font-size:11px}.resolution-demo input{flex:1}.res-readout{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:#8ba8bb;font-size:10px}.res-readout b{color:#fff}.poe-switch{padding:16px;border-radius:16px;background:#101c24;border:1px solid #274556}.poe-ports{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.poe-ports i{aspect-ratio:1;border-radius:3px;background:#172b37;border:1px solid #355262}.poe-ports i.camera{background:#167db4;box-shadow:0 0 8px #167db477}.poe-ports i.ap{background:#6c4fb3;box-shadow:0 0 8px #6c4fb377}.poe-switch-label{display:flex;justify-content:space-between;margin-top:12px;color:#b8d0df;font-size:10px}.poe-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.poe-meters>div{padding:12px;border-radius:12px;background:#081a27}.poe-meters span,.poe-meters strong{display:block;font-size:10px}.poe-meters strong{color:#fff;margin:5px 0}.poe-meters i,.health-bars i{display:block;height:5px;background:#102c3e;border-radius:10px;overflow:hidden}.poe-meters i b,.health-bars i b{display:block;height:100%;width:0;background:#3bbcff;transition:.3s}.poe-status{color:#8faabc;font-size:11px}.nvr-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nvr-grid span{height:95px;border-radius:10px;background:linear-gradient(145deg,#1a3547,#0b1d29);padding:8px;color:#88b8d3;font-size:9px;position:relative}.nvr-grid i{position:absolute;width:5px;height:5px;border-radius:50%;background:#53dc88;right:8px;top:8px}.nvr-timeline{height:32px;margin-top:14px;border-radius:7px;background:#102331;display:flex;overflow:hidden}.nvr-timeline i{height:100%}.nvr-legend{display:flex;gap:13px;margin:10px 0;color:#8ca9bb;font-size:9px}.nvr-legend i{display:inline-block;width:9px;height:9px;margin-right:4px;border-radius:2px}.rec-cont{background:#2498d1}.rec-motion{background:#e8b84c}.rec-smart{background:#d95c6d}.nvr-console>p{color:#9db5c4;font-size:11px}.fire-panel-demo{max-width:520px;margin:auto;background:linear-gradient(145deg,#232a2d,#111719);box-shadow:0 20px 50px #0005}.fire-led-row{display:flex;gap:10px;margin-bottom:12px}.fire-led-row i{width:9px;height:9px;border-radius:50%;background:#263a43}.fire-led-row .power{background:#50d57a;box-shadow:0 0 10px #50d57a}.fire-panel-demo[data-state="fire"] .alarm,.fire-panel-demo[data-state="prealarm"] .alarm{background:#ff4c4c;box-shadow:0 0 12px #ff4c4c}.fire-panel-demo[data-state="missing"] .fault,.fire-panel-demo[data-state="short"] .fault{background:#f0b743;box-shadow:0 0 12px #f0b743}.fire-screen{padding:20px;border-radius:8px;background:#b9d49e;color:#172315;box-shadow:inset 0 0 16px #334d2c66}.fire-screen>*{display:block}.fire-screen small{font-size:8px}.fire-screen strong{font-size:25px;margin:5px 0}.fire-screen span,.fire-screen b{font-size:10px}.fire-buttons{display:flex;gap:8px;margin-top:14px}.fire-buttons span{padding:8px 12px;background:#343d40;border-radius:5px;color:#b7c3c8;font-size:8px}.health-test{display:grid;grid-template-columns:1fr 1fr;gap:16px}.health-questions{display:grid;gap:9px}.health-questions label{display:grid;gap:5px;color:#8faabd;font-size:10px}.health-questions select{background:#071a28;color:#d7e6ef;border:1px solid #244b64;border-radius:9px;padding:9px}.health-run{grid-column:1;border:1px solid #268ac6;background:#0a6da9;color:#fff;border-radius:11px;padding:11px;font-weight:800}.health-result{grid-column:2;grid-row:1/3;padding:15px;border-radius:14px;background:#071924}.health-score strong{font-size:42px;color:#fff}.health-score span{color:#6e9db8}.health-bars p{display:grid;grid-template-columns:65px 1fr 25px;gap:7px;align-items:center;color:#8faabd;font-size:9px}.health-result>p{color:#9bb2c0;font-size:10px;line-height:1.6}.technical-mode .deep-tech-panels{box-shadow:0 0 0 1px rgba(65,195,255,.12),0 20px 70px rgba(0,82,130,.12)}@media(max-width:850px){.deep-panel{grid-template-columns:1fr;padding:20px}.deep-tech-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.deep-tech-tabs button{white-space:nowrap}.poe-meters{grid-template-columns:1fr}.health-test{grid-template-columns:1fr}.health-run,.health-result{grid-column:1;grid-row:auto}.technical-mode-toggle{width:100%;justify-content:center}.res-scene{height:210px}}@media(max-width:520px){.poe-ports{grid-template-columns:repeat(8,1fr)}.nvr-grid span{height:75px}.deep-copy h3{font-size:21px}}

/* ecosystem-v54.css */
:root{--gk-blue:#35b9ff;--gk-line:rgba(76,164,222,.24)}
.digital-building{margin-top:30px}.digital-building-shell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px}.db-stage,.db-panel,.tech-center-card{border:1px solid var(--gk-line);border-radius:24px;background:linear-gradient(155deg,rgba(7,24,38,.96),rgba(3,13,22,.98));box-shadow:0 24px 70px rgba(0,0,0,.25)}.db-stage{position:relative;min-height:520px;overflow:hidden;padding:24px}.db-building{position:absolute;inset:60px 7% 35px;perspective:900px}.db-floor{position:absolute;left:8%;right:8%;height:25%;border:1px solid rgba(104,190,240,.34);background:linear-gradient(135deg,rgba(15,54,81,.78),rgba(7,25,39,.92));transform:skewY(-4deg);transition:.25s}.db-floor:nth-child(1){bottom:4%}.db-floor:nth-child(2){bottom:29%}.db-floor:nth-child(3){bottom:54%}.db-floor:after{content:"";position:absolute;inset:18% 6%;background:repeating-linear-gradient(90deg,rgba(79,166,218,.22) 0 2px,transparent 2px 17%)}.db-node{position:absolute;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0a3150;border:2px solid #55c8ff;box-shadow:0 0 20px rgba(71,190,255,.45);font-size:11px;z-index:3;transition:.25s}.db-node.is-dim{opacity:.16;filter:grayscale(1)}.db-node.is-alert{border-color:#ff6b74;box-shadow:0 0 28px rgba(255,74,88,.65);animation:dbPulse 1s infinite}.db-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#42baff,transparent);transform-origin:left center;opacity:.8}.db-panel{padding:20px}.db-tabs,.db-scenarios{display:flex;flex-wrap:wrap;gap:8px}.db-tabs button,.db-scenarios button{border:1px solid #315a76;border-radius:999px;background:#071827;color:#c9dce8;padding:9px 12px;font-weight:800;cursor:pointer}.db-tabs button.is-active,.db-scenarios button.is-active{border-color:#55c8ff;background:#0c3553;color:#fff}.db-copy{margin-top:18px;padding:16px;border-radius:18px;background:#061521;border:1px solid rgba(72,142,190,.25)}.db-copy h3{margin:0 0 8px}.db-copy p{margin:0;color:#9fb7c7;line-height:1.65}.db-log{display:grid;gap:8px;margin-top:15px}.db-log div{padding:10px 12px;border-left:2px solid #268fca;background:rgba(6,20,32,.7);color:#bcd0dc;font-size:12px}.db-log .hot{border-color:#ff5966;color:#ffd4d7}.db-ai{display:flex;gap:10px;margin-top:16px;align-items:center}.db-ai a{flex:1;text-align:center;padding:12px;border-radius:12px;background:linear-gradient(135deg,#097bd0,#22a9f1);color:white;font-weight:900}.db-ai small{color:#7896aa}.tech-center-strip{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tech-center-card{padding:18px;text-decoration:none;color:#e9f5fc;transition:.2s}.tech-center-card:hover{transform:translateY(-3px);border-color:#45baff}.tech-center-card span{color:#57c5ff;font-size:11px;font-weight:900;letter-spacing:.08em}.tech-center-card h3{margin:8px 0 6px;font-size:16px}.tech-center-card p{margin:0;color:#91aabb;font-size:11px;line-height:1.55}.service-mini-nav{position:sticky;top:76px;z-index:18;display:flex;gap:8px;overflow:auto;padding:10px max(18px,calc((100vw - 1180px)/2));background:rgba(2,10,18,.88);border-bottom:1px solid rgba(50,112,157,.25);backdrop-filter:blur(14px);scrollbar-width:none}.service-mini-nav::-webkit-scrollbar{display:none}.service-mini-nav a{white-space:nowrap;padding:8px 11px;border:1px solid #294a63;border-radius:999px;color:#b9cedb;font-size:11px;font-weight:800}.service-mini-nav a.is-active{background:#0d3653;border-color:#4ac1ff;color:#fff}.page-context-ai{margin:18px auto 0;max-width:1180px;padding:0 18px}.page-context-ai>div{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(61,139,193,.3);border-radius:16px;background:linear-gradient(90deg,rgba(7,31,49,.9),rgba(4,17,28,.9))}.page-context-ai strong{display:block}.page-context-ai span{color:#8fa9b9;font-size:11px}.page-context-ai a{margin-left:auto;padding:10px 13px;border-radius:10px;background:#118bd8;color:#fff;font-weight:900;font-size:11px}.perf-lite img[loading="lazy"]{content-visibility:auto}.mobile-compact{display:none}@keyframes dbPulse{50%{transform:scale(1.18)}}
@media(max-width:900px){.digital-building-shell{grid-template-columns:1fr}.db-stage{min-height:430px}.tech-center-strip{grid-template-columns:1fr 1fr}.service-mini-nav{top:64px}.page-context-ai>div{align-items:flex-start;flex-wrap:wrap}.page-context-ai a{margin-left:0}.desktop-heavy{display:none!important}.mobile-compact{display:block}.section{content-visibility:auto;contain-intrinsic-size:600px}}
@media(max-width:520px){.db-stage{min-height:350px;padding:14px}.db-building{inset:65px 2% 25px}.db-node{width:18px;height:18px;font-size:9px}.tech-center-strip{grid-template-columns:1fr}.db-panel{padding:15px}.db-tabs button,.db-scenarios button{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.db-node.is-alert{animation:none}.tech-center-card{transition:none}}

/* experience-suite-v58.css */
.persona-strip-v57{display:flex;align-items:center;gap:10px;max-width:var(--max);margin:14px auto 0;padding:10px 18px;border:1px solid rgba(66,145,194,.22);border-radius:18px;background:linear-gradient(145deg,rgba(6,22,36,.9),rgba(3,13,22,.94));color:#a8bfce}.persona-strip-v57>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#59c8ff;margin-right:auto}.persona-strip-v57 button{padding:8px 11px;border:1px solid rgba(72,156,208,.25);border-radius:999px;background:#071827;color:#bcd0dc;font-size:10px;font-weight:850}.persona-strip-v57 button.is-active{background:#0b6fae;color:#fff;border-color:#45bffc}.persona-strip-v57 small{font-size:9px;color:#7e9aad}.persona-technical .tech-lab-section,.persona-technical .deep-tech-section{box-shadow:0 0 0 1px rgba(83,195,248,.06)}.persona-home .deep-tech-section{display:none}.persona-business .recommendation-v56{box-shadow:0 0 0 1px rgba(83,195,248,.09)}
.v57-fab{position:fixed;right:18px;z-index:1220;width:39px;height:39px;border-radius:50%;border:1px solid rgba(73,173,231,.38);background:#061827;color:#bfeeff;box-shadow:0 12px 30px rgba(0,0,0,.28);font-weight:900}.v57-sound{bottom:244px}.v57-persona{bottom:288px}.v57-fab.is-active{background:#0b78b8;color:#fff}.v57-context-menu{position:fixed;z-index:2600;display:none;width:230px;padding:10px;border:1px solid rgba(80,184,239,.42);border-radius:16px;background:#061522;box-shadow:0 20px 55px rgba(0,0,0,.5)}.v57-context-menu.is-open{display:grid;gap:7px}.v57-context-menu strong{color:#fff;font-size:12px;padding:5px}.v57-context-menu button,.v57-context-menu a{padding:9px 10px;border:1px solid rgba(63,138,187,.25);border-radius:10px;background:#081d2e;color:#d8edf8;text-align:left;text-decoration:none;font-size:11px;font-weight:750}.v57-explain-pop{position:fixed;z-index:2610;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 28px));padding:22px;border:1px solid rgba(78,182,237,.42);border-radius:22px;background:#061522;box-shadow:0 30px 90px rgba(0,0,0,.6);display:none}.v57-explain-pop.is-open{display:block}.v57-explain-pop span{color:#55c7ff;font-size:10px;font-weight:900}.v57-explain-pop h3{margin:8px 0}.v57-explain-pop p{color:#aac1d0;line-height:1.75}.v57-explain-pop button{padding:9px 12px;border:1px solid #367ba4;border-radius:10px;background:#092135;color:#fff}.v57-screensaver{position:fixed;inset:0;z-index:2500;background:radial-gradient(circle at 50% 40%,rgba(21,112,171,.16),transparent 40%),rgba(1,7,12,.93);display:none;place-items:center;backdrop-filter:blur(8px)}.v57-screensaver.is-active{display:grid}.v57-screen-stage{position:relative;width:min(760px,90vw);height:min(430px,65vh);border:1px solid rgba(75,176,230,.28);border-radius:28px;background:#04111c;overflow:hidden}.v57-screen-stage:before{content:"GÖKTUĞ · SİSTEM MİMARİSİ";position:absolute;left:20px;top:18px;color:#59c8ff;font:900 10px/1 sans-serif;letter-spacing:.14em}.v57-screen-node{position:absolute;padding:8px 10px;border:1px solid rgba(91,198,250,.44);border-radius:11px;background:#061827;color:#d8f1ff;font:800 10px/1 sans-serif;animation:v57float 4s ease-in-out infinite}.v57-screen-node:nth-child(2){left:12%;top:38%}.v57-screen-node:nth-child(3){left:38%;top:58%;animation-delay:.4s}.v57-screen-node:nth-child(4){right:15%;top:31%;animation-delay:.8s}.v57-screen-node:nth-child(5){right:30%;bottom:15%;animation-delay:1.2s}.v57-screen-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#50c7ff,transparent);animation:v57pulse 2.2s linear infinite}.v57-screen-line.a{left:19%;right:39%;top:46%;transform:rotate(9deg)}.v57-screen-line.b{left:43%;right:17%;top:50%;transform:rotate(-11deg)}.v57-screen-stage>small{position:absolute;bottom:18px;left:20px;color:#718fa3}@keyframes v57float{50%{transform:translateY(-7px)}}@keyframes v57pulse{50%{opacity:.35}}
.tech-center-card.v57-new{border-color:rgba(72,190,245,.38);background:linear-gradient(145deg,rgba(10,43,67,.9),rgba(5,18,30,.9))}.tech-center-card.v57-new:after{content:"YENİ";position:absolute;right:12px;top:10px;color:#68d2ff;font-size:8px;font-weight:950;letter-spacing:.12em}.tech-center-card{position:relative}
@media(max-width:900px){.persona-strip-v57{margin-left:14px;margin-right:14px;flex-wrap:wrap}.persona-strip-v57>span{width:100%}.persona-strip-v57 small{display:none}.v57-sound{bottom:225px}.v57-persona{bottom:267px}}@media(max-width:560px){.persona-strip-v57 button{flex:1}.v57-screen-stage{height:330px}}@media(prefers-reduced-motion:reduce){.v57-screen-node,.v57-screen-line{animation:none}}

/* 22.7.58 Persona 2.0 */
.persona-experience-v58{max-width:var(--max);margin:12px auto 26px;padding:22px;border:1px solid rgba(75,180,235,.28);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(21,126,190,.16),transparent 34%),linear-gradient(145deg,rgba(5,24,39,.96),rgba(3,13,23,.98));box-shadow:0 20px 60px rgba(0,0,0,.18)}
.persona-v58-copy{max-width:800px}.persona-v58-copy>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#58caff}.persona-v58-copy h2{margin:8px 0 7px;color:#fff;font-size:clamp(22px,3vw,38px);line-height:1.08}.persona-v58-copy p{margin:0;color:#9fb9ca;line-height:1.65}
.persona-v58-actions{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.persona-v58-actions .btn{min-height:42px}
.persona-v58-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.persona-v58-card{display:block;padding:16px;border:1px solid rgba(75,166,218,.22);border-radius:16px;background:rgba(6,28,44,.72);text-decoration:none;transition:.2s ease}.persona-v58-card:hover{transform:translateY(-2px);border-color:rgba(77,195,250,.55);background:rgba(8,40,62,.84)}.persona-v58-card span{display:block;color:#eaf7ff;font-weight:850;font-size:14px}.persona-v58-card p{min-height:44px;margin:7px 0 12px;color:#8faabd;font-size:11px;line-height:1.55}.persona-v58-card b{color:#59caff;font-size:10px;letter-spacing:.04em}
body.persona-home .persona-experience-v58{border-color:rgba(67,205,255,.36);background:radial-gradient(circle at 90% 0,rgba(0,164,218,.18),transparent 36%),linear-gradient(145deg,#061d2d,#03101a)}
body.persona-business .persona-experience-v58{border-color:rgba(75,180,235,.28)}
body.persona-technical .persona-experience-v58{border-color:rgba(67,229,201,.34);background:radial-gradient(circle at 90% 0,rgba(0,195,168,.12),transparent 36%),linear-gradient(145deg,#051d29,#031019)}
body.persona-technical .persona-v58-copy>span,body.persona-technical .persona-v58-card b{color:#55e2cf}
[hidden][data-persona-managed]{display:none!important}.persona-priority-v58{outline:1px solid rgba(74,191,246,.08);outline-offset:5px}
.persona-strip-v57 button{cursor:pointer}.persona-strip-v57 button.is-active{box-shadow:0 0 0 2px rgba(76,201,255,.12),0 8px 24px rgba(0,128,200,.18)}
@media(max-width:900px){.persona-experience-v58{margin-left:14px;margin-right:14px;padding:18px}.persona-v58-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.persona-v58-cards{grid-template-columns:1fr}.persona-v58-card p{min-height:0}.persona-v58-actions .btn{width:100%;justify-content:center}.persona-experience-v58{padding:16px;border-radius:19px}}

/* universal-command-v60.css */
.mg-command-v60{position:fixed;inset:0;z-index:99999;background:rgba(0,5,10,.76);backdrop-filter:blur(10px);display:grid;place-items:start center;padding-top:11vh}.mg-command-v60[hidden]{display:none}.mg-command-box{width:min(680px,calc(100% - 24px));padding:14px;border:1px solid #35698c;border-radius:20px;background:#061522;box-shadow:0 32px 100px #000}.mg-command-box input{width:100%;box-sizing:border-box;padding:15px;border:1px solid #31556f;border-radius:13px;background:#020e18;color:#fff;font:inherit;font-size:16px}.mg-command-results{display:grid;gap:7px;margin-top:9px;max-height:55vh;overflow:auto}.mg-command-results a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid #24475f;border-radius:12px;background:#081b2a;color:#e3f1f9;text-decoration:none;font-weight:800}.mg-command-results a small{color:#7899ad}.mg-command-box>small{display:block;margin-top:10px;color:#6f8da1}.mg-command-launch{position:fixed;right:22px;bottom:90px;z-index:70;width:44px;height:44px;border:1px solid #3276a3;border-radius:14px;background:#071a29;color:#69d1ff;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.28);cursor:pointer}@media(min-width:1101px){.mg-command-launch{display:none}}

/* project-workspace-v60.css */
.gkw-back{position:fixed;inset:0;z-index:98;background:#01070d99;display:none}.gkw{position:fixed;top:0;right:0;bottom:0;z-index:99;width:min(420px,100vw);transform:translateX(105%);transition:.22s;background:#04101b;border-left:1px solid #2d5a76;color:#eef8ff;display:grid;grid-template-rows:auto 1fr auto}.gkw.open{transform:none}.gkw-back.open{display:block}.gkw h3{margin:0}.gkw-head,.gkw-foot{padding:15px;border-bottom:1px solid #25475e;display:flex;justify-content:space-between;gap:8px}.gkw-foot{border:0;border-top:1px solid #25475e}.gkw-body{padding:12px;overflow:auto}.gkw-item{padding:12px;border:1px solid #2a4e67;border-radius:13px;background:#071725}.gkw-item+.gkw-item{margin-top:8px}.gkw-item small{color:#52c7ff}.gkw-item p{font-size:12px;color:#aec4d1}.gkw button,.gkw a{border:1px solid #347ba8;border-radius:9px;background:#09283f;color:#fff;padding:8px 10px;text-decoration:none}.gkw-empty{padding:18px;border:1px dashed #355d76;border-radius:13px;color:#89a7b8}

/* hero-tablet-text-fix-v74.css */

/* Sağdaki dört noktalı sayfa ilerleme çubuğu kaldırıldı. */
.page-progress{display:none!important}

/* Tablet yatay görünüm: görsel büyük kalır, yalnız metin alanı sıkıştırılır. */
@media (min-width:900px) and (max-width:1180px){
  .hero{
    min-height:560px!important;
    grid-template-columns:1fr!important;
  }

  .hero:before{
    background:linear-gradient(90deg,#020a15 0,rgba(2,10,21,.97) 25%,rgba(2,10,21,.76) 39%,rgba(2,10,21,.12) 61%,rgba(2,10,21,.02) 100%)!important;
  }

  .hero-copy{
    width:39%!important;
    max-width:39%!important;
    padding:42px 0 26px 22px!important;
  }

  .hero-copy .eyebrow{
    font-size:11px!important;
    letter-spacing:.07em!important;
  }

  .hero h1{
    font-size:clamp(31px,4vw,43px)!important;
    line-height:1.04!important;
    margin:10px 0 12px!important;
    letter-spacing:-.035em!important;
  }

  .hero p{
    max-width:35ch!important;
    font-size:13px!important;
    line-height:1.52!important;
    margin:0!important;
  }

  .hero-buttons{
    gap:8px!important;
    margin:17px 0 14px!important;
    flex-wrap:wrap!important;
  }

  .hero-buttons .btn{
    min-height:40px!important;
    padding:10px 12px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }

  .hero-buttons .btn svg{
    width:15px!important;
    height:15px!important;
  }

  .hero-trust{
    gap:7px 12px!important;
    font-size:10px!important;
    flex-wrap:wrap!important;
  }

  .hero-trust span{
    gap:4px!important;
  }

  .hero-trust svg{
    width:14px!important;
    height:14px!important;
  }

  /* Görsel küçültülmez; sahne daha geniş alana yayılır. */
  .hero-scene{
    inset:0 0 0 8%!important;
    padding:0!important;
    transform:none!important;
  }

  .hero-scene picture{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }

  .hero-scene img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:right center!important;
    border-radius:0!important;
    transform:none!important;
  }
}

/* visual-refresh-v75.css */
/* Göktuğ visual refresh v75 — home page only */
body.visual-refresh-v75{
  --vr-bg:#050b13;
  --vr-panel:#09131e;
  --vr-panel-2:#0c1825;
  --vr-panel-3:#101d2a;
  --vr-line:rgba(127,164,196,.20);
  --vr-line-strong:rgba(65,156,224,.34);
  --vr-accent:#35a9ff;
  --vr-accent-soft:rgba(53,169,255,.12);
  --vr-text:#f4f8fb;
  --vr-muted:#9fb1c1;
  --vr-radius:22px;
  background:
    radial-gradient(circle at 18% -8%,rgba(38,123,194,.12),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(23,84,137,.10),transparent 25%),
    linear-gradient(180deg,#07101a 0,#050b13 34%,#050a11 100%);
  color:var(--vr-text);
}
body.visual-refresh-v75 main{max-width:1480px}
body.visual-refresh-v75 main>section{scroll-margin-top:96px}

/* Navigation: calmer, more corporate */
body.visual-refresh-v75 .topbar{
  height:78px;
  gap:24px;
  border-bottom:1px solid rgba(129,169,200,.16);
  background:rgba(5,12,20,.91);
  box-shadow:0 10px 32px rgba(0,0,0,.20);
  backdrop-filter:blur(20px) saturate(125%);
}
body.visual-refresh-v75 .topbar::before{opacity:.28}
body.visual-refresh-v75 .brand-premium{width:clamp(240px,25vw,405px)}
body.visual-refresh-v75 .topbar nav{
  gap:3px;
  padding:4px;
  border:1px solid rgba(121,160,191,.15);
  border-radius:14px;
  background:rgba(10,24,37,.62);
  box-shadow:none;
}
body.visual-refresh-v75 .topbar nav a{
  padding:11px 14px;
  color:#c5d0d9;
  border-radius:10px;
  font-size:11px;
  letter-spacing:.045em;
}
body.visual-refresh-v75 .topbar nav a::after{display:none}
body.visual-refresh-v75 .topbar nav a:hover,
body.visual-refresh-v75 .topbar nav a.active{
  color:#fff;
  background:rgba(41,120,178,.18);
  box-shadow:inset 0 0 0 1px rgba(74,167,232,.17);
  transform:none;
}
body.visual-refresh-v75 .head-contact{opacity:.88}

/* Buttons: one consistent system */
body.visual-refresh-v75 .btn,
body.visual-refresh-v75 .head-btn{
  min-height:46px;
  padding:13px 20px;
  border-radius:12px!important;
  border:1px solid rgba(95,168,220,.32);
  letter-spacing:.025em;
  box-shadow:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
body.visual-refresh-v75 .btn.primary,
body.visual-refresh-v75 .head-btn{
  background:linear-gradient(135deg,#178fe8,#2da8ff);
  border-color:rgba(103,194,255,.62);
  box-shadow:0 10px 26px rgba(19,132,216,.20);
}
body.visual-refresh-v75 .btn.ghost{
  background:rgba(7,17,27,.55);
  border-color:rgba(154,181,204,.25);
}
body.visual-refresh-v75 .btn:hover,
body.visual-refresh-v75 .head-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.22)}

/* Hero: premium framing, less neon, more breathing room */
body.visual-refresh-v75 .hero{
  min-height:610px;
  margin:18px 24px 0;
  border:1px solid rgba(116,157,190,.18);
  border-radius:28px;
  background:#06101a;
  box-shadow:0 28px 70px rgba(0,0,0,.27);
}
body.visual-refresh-v75 .hero::before{
  background:linear-gradient(90deg,#06101a 0,rgba(6,16,26,.98) 24%,rgba(6,16,26,.78) 41%,rgba(6,16,26,.13) 73%,rgba(5,12,20,.22));
}
body.visual-refresh-v75 .hero::after{
  background:linear-gradient(90deg,rgba(2,8,14,.18),transparent 52%),radial-gradient(circle at 78% 34%,rgba(46,157,232,.06),transparent 30%);
}
body.visual-refresh-v75 .hero-copy{
  padding:76px 24px 58px 52px;
  max-width:730px;
  filter:none;
}
body.visual-refresh-v75 .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(76,169,232,.26);
  border-radius:999px;
  background:rgba(32,110,167,.10);
  color:#83cfff;
  font-size:10px;
  letter-spacing:.16em;
}
body.visual-refresh-v75 .hero h1{
  max-width:670px;
  margin:18px 0 20px;
  font-size:clamp(44px,4.3vw,68px);
  line-height:1.03;
  letter-spacing:-.045em;
  text-shadow:0 5px 30px rgba(0,0,0,.22);
}
body.visual-refresh-v75 .hero h1 em{
  background:linear-gradient(90deg,#4eaef4,#82d3ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:none;
}
body.visual-refresh-v75 .hero p{max-width:590px;color:#b7c5d0;font-size:15px;line-height:1.75}
body.visual-refresh-v75 .hero-buttons{gap:11px;margin:27px 0 20px}
body.visual-refresh-v75 .hero-trust{gap:10px 18px;margin-top:18px;color:#a7b7c4;font-size:11px}
body.visual-refresh-v75 .hero-trust span{padding:0;background:none;border:0;backdrop-filter:none}
body.visual-refresh-v75 .hero-trust svg{color:#62bdf5}
body.visual-refresh-v75 .hero-scene{inset:0 0 0 34%;transform:none!important}
body.visual-refresh-v75 .hero-scene img{filter:saturate(.88) contrast(1.015) brightness(.87);transform:none!important}
body.visual-refresh-v75 .hero:hover .hero-scene img{transform:none!important;filter:saturate(.91) contrast(1.02) brightness(.9)}

/* Company metrics: six clean cards instead of one large neon box */
body.visual-refresh-v75 .stats{
  margin:16px 24px 0;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.visual-refresh-v75 .stats article{
  min-height:104px;
  justify-content:flex-start;
  gap:13px;
  padding:17px 16px;
  border:1px solid var(--vr-line);
  border-radius:18px;
  background:linear-gradient(155deg,rgba(12,27,41,.88),rgba(7,17,27,.94));
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}
body.visual-refresh-v75 .stats article::before,
body.visual-refresh-v75 .stats article::after{display:none!important}
body.visual-refresh-v75 .stats article:last-child{border:1px solid var(--vr-line)}
body.visual-refresh-v75 .stats article>span{
  width:42px;height:42px;flex:0 0 42px;
  display:grid;place-items:center;
  border:1px solid rgba(68,160,224,.24);
  border-radius:13px;
  background:rgba(32,114,172,.10);
  color:#62bfff;
}
body.visual-refresh-v75 .stats article>span svg{width:21px;height:21px}
body.visual-refresh-v75 .stats strong{min-width:0;font-size:24px;line-height:1.05;text-shadow:none!important}
body.visual-refresh-v75 .stats small{margin-top:5px;color:#91a5b7;font-size:9px;letter-spacing:.06em}

/* Section rhythm / hierarchy */
body.visual-refresh-v75 .section{padding:72px 24px 0}
body.visual-refresh-v75 .section-head{align-items:flex-end;gap:24px;margin-bottom:26px}
body.visual-refresh-v75 .section-head>div>span,
body.visual-refresh-v75 .regions-heading>span{
  color:#70c3f7;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
body.visual-refresh-v75 .section-head h2{
  max-width:760px;
  margin:8px 0 0;
  color:#eaf2f7;
  font-size:clamp(24px,2.2vw,32px);
  font-weight:750;
  line-height:1.18;
  letter-spacing:-.025em;
}
body.visual-refresh-v75 .section-head>a{
  border:1px solid rgba(126,161,188,.22);
  border-radius:11px;
  background:rgba(10,23,35,.56);
  color:#c4d4df;
  padding:11px 14px;
}

/* Services: consistent sizing and restrained details */
body.visual-refresh-v75 .service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
body.visual-refresh-v75 .service-card{
  display:flex;
  flex-direction:column;
  min-height:382px;
  border:1px solid var(--vr-line)!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,rgba(12,28,43,.92),rgba(6,16,25,.97))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.16)!important;
}
body.visual-refresh-v75 .service-card::before,
body.visual-refresh-v75 .service-card::after{opacity:.16!important}
body.visual-refresh-v75 .service-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(76,166,226,.38)!important;
  box-shadow:0 20px 42px rgba(0,0,0,.23)!important;
}
body.visual-refresh-v75 .service-photo{height:190px;background:linear-gradient(180deg,#0c1d2c,#091622)}
body.visual-refresh-v75 .service-photo img{padding:18px;filter:drop-shadow(0 14px 17px rgba(0,0,0,.28)) saturate(.94)}
body.visual-refresh-v75 .service-icon{
  left:14px;top:14px;width:43px;height:43px;
  border-radius:12px;
  border-color:rgba(75,167,230,.42);
  background:rgba(7,20,31,.88);
  box-shadow:none;
}
body.visual-refresh-v75 .service-icon svg{width:22px;height:22px}
body.visual-refresh-v75 .service-body{display:flex;flex:1;flex-direction:column;padding:18px}
body.visual-refresh-v75 .service-body h3{margin:0 0 8px;font-size:16px;letter-spacing:-.01em;text-transform:none}
body.visual-refresh-v75 .service-body p{min-height:0;margin:0 0 18px;color:#9fb0bf;font-size:12px;line-height:1.65}
body.visual-refresh-v75 .service-body>span{margin-top:auto;color:#72c6f8;font-size:10px}

/* Brand ecosystem and AI: quieter panels */
body.visual-refresh-v75 .brand-ecosystem{
  margin:56px 24px 0;
  padding:27px 30px;
  border:1px solid var(--vr-line);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(11,26,39,.86),rgba(7,17,27,.92));
  box-shadow:0 16px 38px rgba(0,0,0,.14);
}
body.visual-refresh-v75 .brand-pill{
  border-color:rgba(126,160,185,.17)!important;
  background:rgba(13,28,41,.75)!important;
  box-shadow:none!important;
}
body.visual-refresh-v75 .ai-panel{
  margin:56px 24px 0;
  min-height:220px;
  grid-template-columns:32% 39% 29%;
  border:1px solid var(--vr-line)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(12,28,43,.94),rgba(6,15,24,.98))!important;
  box-shadow:0 20px 50px rgba(0,0,0,.20)!important;
}
body.visual-refresh-v75 .ai-panel::before,
body.visual-refresh-v75 .ai-panel::after{opacity:.18!important}
body.visual-refresh-v75 .ai-intro{padding:24px}
body.visual-refresh-v75 .ai-intro img{width:145px;height:165px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.3))}
body.visual-refresh-v75 .ai-intro span{color:#75c7f7;font-size:18px}
body.visual-refresh-v75 .ai-intro h2{font-size:19px}
body.visual-refresh-v75 .ai-intro p{color:#9eb0bf}
body.visual-refresh-v75 .ai-questions{padding:28px;border-color:rgba(124,160,188,.15)}
body.visual-refresh-v75 .quick-questions{gap:8px}
body.visual-refresh-v75 .quick-questions button{
  min-height:42px;
  border:1px solid rgba(125,161,190,.18);
  border-radius:11px;
  background:rgba(11,27,41,.72);
  color:#c4d1da;
}
body.visual-refresh-v75 .quick-questions button:hover{border-color:rgba(77,170,231,.42);background:rgba(24,69,102,.25)}
body.visual-refresh-v75 .bot-message,
body.visual-refresh-v75 .ai-chat input{border-color:rgba(125,161,190,.20);background:rgba(12,29,44,.72)}

/* Projects / before-after / process: unify cards */
body.visual-refresh-v75 .project-layout{gap:18px}
body.visual-refresh-v75 .project-grid{gap:14px}
body.visual-refresh-v75 .project-card{
  height:260px;
  border:1px solid var(--vr-line)!important;
  border-radius:19px!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}
body.visual-refresh-v75 .project-card::before{opacity:.12}
body.visual-refresh-v75 .project-card:hover{transform:translateY(-4px);border-color:rgba(74,166,225,.39)!important}
body.visual-refresh-v75 .project-card img{filter:saturate(.92) contrast(1.02) brightness(.91)!important}
body.visual-refresh-v75 .project-card:hover img{filter:saturate(.98) contrast(1.03) brightness(.96)!important}
body.visual-refresh-v75 .project-spec span{border-color:rgba(140,171,195,.16)!important;background:rgba(7,20,31,.66)!important}
body.visual-refresh-v75 .camera-meter,
body.visual-refresh-v75 .before-grid article,
body.visual-refresh-v75 .process-grid article,
body.visual-refresh-v75 .faq-grid details,
body.visual-refresh-v75 .why-grid article{
  border-color:var(--vr-line)!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,rgba(12,27,41,.86),rgba(7,17,27,.94))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.14)!important;
}
body.visual-refresh-v75 .before-grid{gap:14px}
body.visual-refresh-v75 .before-grid article{padding-bottom:17px}
body.visual-refresh-v75 .before-grid h3{padding:0 16px;margin-top:14px}
body.visual-refresh-v75 .before-grid p{padding:0 16px;color:#9eafbd}
body.visual-refresh-v75 .process-grid{gap:14px}
body.visual-refresh-v75 .process-grid article{overflow:hidden}
body.visual-refresh-v75 .process-grid article:hover,
body.visual-refresh-v75 .before-grid article:hover,
body.visual-refresh-v75 .why-grid article:hover{transform:translateY(-3px);border-color:rgba(75,166,225,.34)!important;box-shadow:0 18px 38px rgba(0,0,0,.20)!important}

/* Feature demo areas: group them visually, not every element glowing */
body.visual-refresh-v75 .monitor-wall-v56,
body.visual-refresh-v75 .deep-tech-section{
  margin:64px 24px 0;
  padding:30px!important;
  border:1px solid var(--vr-line);
  border-radius:24px;
  background:linear-gradient(160deg,rgba(10,24,37,.83),rgba(6,15,24,.94));
  box-shadow:0 18px 48px rgba(0,0,0,.17);
}
body.visual-refresh-v75 .monitor-shell,
body.visual-refresh-v75 .deep-panel{
  border-color:rgba(124,160,188,.17)!important;
  box-shadow:none!important;
}
body.visual-refresh-v75 .deep-tech-tabs button,
body.visual-refresh-v75 .technical-mode-toggle,
body.visual-refresh-v75 .deep-choice button,
body.visual-refresh-v75 .device-adders button,
body.visual-refresh-v75 .fire-actions button{
  border-radius:10px!important;
  box-shadow:none!important;
}

/* FAQ / why / service regions */
body.visual-refresh-v75 .faq-grid{gap:10px}
body.visual-refresh-v75 .faq-grid details{overflow:hidden}
body.visual-refresh-v75 .faq-grid summary{padding:17px 18px}
body.visual-refresh-v75 .faq-grid details p{color:#9fb0bd}
body.visual-refresh-v75 .why{
  margin:70px 24px 0;
  padding:30px;
  border:1px solid var(--vr-line);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(11,25,38,.85),rgba(7,16,25,.92));
  box-shadow:0 16px 42px rgba(0,0,0,.15);
}
body.visual-refresh-v75 .why>h2{font-size:28px;letter-spacing:-.025em}
body.visual-refresh-v75 .why-grid{gap:11px}
body.visual-refresh-v75 .why-grid article{padding:16px}
body.visual-refresh-v75 .service-regions{
  margin:70px 24px 0;
  padding:40px 34px 30px;
  border:1px solid var(--vr-line)!important;
  border-radius:24px!important;
  background:linear-gradient(155deg,rgba(10,24,37,.88),rgba(6,15,24,.96))!important;
  box-shadow:0 20px 52px rgba(0,0,0,.18)!important;
}
body.visual-refresh-v75 .service-regions::before{opacity:.25}
body.visual-refresh-v75 .regions-heading h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.035em}
body.visual-refresh-v75 .regions-heading p{color:#9fb0bd}
body.visual-refresh-v75 .regions-map-card,
body.visual-refresh-v75 .region-city-card,
body.visual-refresh-v75 .region-detail-panel{
  border-color:rgba(126,162,191,.17)!important;
  box-shadow:none!important;
}
body.visual-refresh-v75 .regions-stats{
  gap:10px;
  border:0!important;
  background:transparent!important;
  overflow:visible;
}
body.visual-refresh-v75 .regions-stats article{border:1px solid var(--vr-line)!important}
body.visual-refresh-v75 .regions-stats article+article::before{display:none!important}
body.visual-refresh-v75 .regions-stats article::after{opacity:.12!important}

/* Footer: calmer top separation */
body.visual-refresh-v75 .premium-footer{
  margin-top:76px;
  border-top:1px solid rgba(126,161,188,.16);
  background:linear-gradient(180deg,rgba(7,16,25,.75),#04080d);
}

/* Remove old decorative/floating remnants that make the page feel like a dashboard */
body.visual-refresh-v75 .desktop-quick,
body.visual-refresh-v75 .float-wa,
body.visual-refresh-v75 .v57-fab,
body.visual-refresh-v75 [data-v57-sound],
body.visual-refresh-v75 .page-progress{display:none!important}

/* Subtle motion only */
@media (prefers-reduced-motion:no-preference){
  body.visual-refresh-v75 .service-card,
  body.visual-refresh-v75 .project-card,
  body.visual-refresh-v75 .process-grid article,
  body.visual-refresh-v75 .why-grid article{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
  @supports (animation-timeline:view()){
    body.visual-refresh-v75 .section-head,
    body.visual-refresh-v75 .brand-ecosystem,
    body.visual-refresh-v75 .ai-panel,
    body.visual-refresh-v75 .why,
    body.visual-refresh-v75 .service-regions{
      animation:vrReveal linear both;
      animation-timeline:view();
      animation-range:entry 8% cover 24%;
    }
    @keyframes vrReveal{from{opacity:.68;transform:translateY(12px)}to{opacity:1;transform:none}}
  }
}

/* Tablet — especially iPad landscape/portrait */
@media(max-width:1100px){
  body.visual-refresh-v75 .topbar{height:70px;padding-left:18px;padding-right:18px}
  body.visual-refresh-v75 .brand-premium{width:min(300px,54vw)}
  body.visual-refresh-v75 .hero{
    min-height:760px;
    margin:12px 16px 0;
    border-radius:24px;
  }
  body.visual-refresh-v75 .hero::before{
    background:linear-gradient(180deg,rgba(5,14,23,.99) 0,rgba(5,14,23,.91) 38%,rgba(5,14,23,.22) 66%,rgba(5,14,23,.08));
  }
  body.visual-refresh-v75 .hero-copy{
    width:min(760px,100%);
    padding:48px 36px 410px;
  }
  body.visual-refresh-v75 .hero h1{font-size:clamp(42px,6.3vw,62px);max-width:720px}
  body.visual-refresh-v75 .hero p{max-width:660px}
  body.visual-refresh-v75 .hero-scene{inset:auto 0 0;height:445px}
  body.visual-refresh-v75 .hero-scene img{object-position:center center;filter:saturate(.88) contrast(1.01) brightness(.84)}
  body.visual-refresh-v75 .stats{grid-template-columns:repeat(3,1fr);margin:12px 16px 0}
  body.visual-refresh-v75 .stats article{min-height:96px}
  body.visual-refresh-v75 .section{padding:60px 16px 0}
  body.visual-refresh-v75 .service-grid{grid-template-columns:repeat(2,1fr)}
  body.visual-refresh-v75 .service-grid .service-card:last-child{grid-column:1/-1;max-width:none}
  body.visual-refresh-v75 .service-card{min-height:360px}
  body.visual-refresh-v75 .ai-panel{margin:48px 16px 0;grid-template-columns:1fr}
  body.visual-refresh-v75 .ai-intro{border-bottom:1px solid rgba(125,161,190,.14)}
  body.visual-refresh-v75 .ai-questions{border-left:0;border-right:0;border-bottom:1px solid rgba(125,161,190,.14)}
  body.visual-refresh-v75 .brand-ecosystem,
  body.visual-refresh-v75 .why,
  body.visual-refresh-v75 .service-regions,
  body.visual-refresh-v75 .monitor-wall-v56,
  body.visual-refresh-v75 .deep-tech-section{margin-left:16px;margin-right:16px}
  body.visual-refresh-v75 .project-grid{grid-template-columns:repeat(2,1fr)}
  body.visual-refresh-v75 .project-card{height:280px}
  body.visual-refresh-v75 .before-grid{grid-template-columns:repeat(2,1fr)}
  body.visual-refresh-v75 .process-grid{grid-template-columns:repeat(2,1fr)}
  body.visual-refresh-v75 .regions-stats{grid-template-columns:repeat(3,1fr)}
  body.visual-refresh-v75 .regions-stats article{min-height:104px;padding:15px}
}

@media(max-width:620px){
  body.visual-refresh-v75 .topbar{height:64px;padding:0 12px;background:rgba(5,12,20,.95)}
  body.visual-refresh-v75 .brand-premium{width:min(225px,calc(100vw - 78px))}
  body.visual-refresh-v75 .menu-btn{width:42px;height:40px;border-radius:11px}
  body.visual-refresh-v75 .hero{
    min-height:720px;
    margin:8px 9px 0;
    border-radius:20px;
  }
  body.visual-refresh-v75 .hero-copy{padding:34px 18px 342px}
  body.visual-refresh-v75 .eyebrow{font-size:9px}
  body.visual-refresh-v75 .hero h1{font-size:clamp(36px,10.5vw,47px);line-height:1.04;margin-top:15px}
  body.visual-refresh-v75 .hero p{font-size:13px;line-height:1.68}
  body.visual-refresh-v75 .hero-buttons{margin-top:20px}
  body.visual-refresh-v75 .hero .btn{min-height:48px;width:100%}
  body.visual-refresh-v75 .hero-trust{font-size:10px}
  body.visual-refresh-v75 .hero-scene{height:350px}
  body.visual-refresh-v75 .hero-scene img{object-position:57% center}
  body.visual-refresh-v75 .stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 9px 0}
  body.visual-refresh-v75 .stats article{min-height:86px;padding:12px 10px;gap:10px;border-radius:15px}
  body.visual-refresh-v75 .stats article>span{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  body.visual-refresh-v75 .stats article>span svg{width:18px;height:18px}
  body.visual-refresh-v75 .stats strong{font-size:20px}
  body.visual-refresh-v75 .stats small{font-size:7px}
  body.visual-refresh-v75 .section{padding:52px 10px 0}
  body.visual-refresh-v75 .section-head{margin-bottom:18px}
  body.visual-refresh-v75 .section-head h2{font-size:24px}
  body.visual-refresh-v75 .service-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    overflow:visible;
  }
  body.visual-refresh-v75 .service-card,
  body.visual-refresh-v75 .service-grid .service-card:last-child{min-width:0;min-height:0;grid-column:auto}
  body.visual-refresh-v75 .service-photo{height:205px}
  body.visual-refresh-v75 .service-body{padding:17px}
  body.visual-refresh-v75 .brand-ecosystem,
  body.visual-refresh-v75 .ai-panel,
  body.visual-refresh-v75 .why,
  body.visual-refresh-v75 .service-regions,
  body.visual-refresh-v75 .monitor-wall-v56,
  body.visual-refresh-v75 .deep-tech-section{margin-left:9px;margin-right:9px;border-radius:20px}
  body.visual-refresh-v75 .brand-ecosystem{margin-top:42px;padding:20px 16px}
  body.visual-refresh-v75 .ai-panel{margin-top:42px}
  body.visual-refresh-v75 .ai-intro{padding:18px;align-items:center}
  body.visual-refresh-v75 .ai-intro img{width:105px;height:125px}
  body.visual-refresh-v75 .ai-questions,.visual-refresh-v75 .ai-chat{padding:18px}
  body.visual-refresh-v75 .project-grid,
  body.visual-refresh-v75 .before-grid{display:grid;grid-template-columns:1fr;overflow:visible;gap:10px}
  body.visual-refresh-v75 .project-card,
  body.visual-refresh-v75 .before-grid article{min-width:0;width:100%}
  body.visual-refresh-v75 .project-card{height:270px}
  body.visual-refresh-v75 .process-grid{grid-template-columns:1fr;gap:10px}
  body.visual-refresh-v75 .monitor-wall-v56,
  body.visual-refresh-v75 .deep-tech-section{margin-top:50px;padding:18px!important}
  body.visual-refresh-v75 .why{margin-top:52px;padding:20px 15px}
  body.visual-refresh-v75 .why-grid{grid-template-columns:1fr;gap:8px}
  body.visual-refresh-v75 .service-regions{margin-top:52px;padding:26px 14px 18px}
  body.visual-refresh-v75 .regions-stats{grid-template-columns:1fr;gap:8px}
  body.visual-refresh-v75 .regions-stats article{min-height:86px}
  body.visual-refresh-v75 .premium-footer{margin-top:54px}
}


/* V83 — kurt + hilal premium header amblemi */
body.visual-refresh-v75 .topbar .brand-wolf-v83{
  width:clamp(310px,29vw,500px)!important;
  height:74px;
  display:flex!important;
  align-items:center;
  gap:10px;
  overflow:visible!important;
  border-radius:0!important;
  text-decoration:none;
  isolation:isolate;
}
body.visual-refresh-v75 .topbar .brand-wolf-v83::after{display:none!important}
body.visual-refresh-v75 .brand-wolf-emblem{
  position:relative;
  width:84px;
  height:84px;
  flex:0 0 84px;
  display:block;
  margin-top:8px;
  filter:drop-shadow(0 0 8px rgba(30,156,255,.24)) drop-shadow(0 7px 12px rgba(0,0,0,.26));
}
body.visual-refresh-v75 .brand-wolf-emblem::after{
  content:"";
  position:absolute;
  inset:14% 9%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,157,255,.14),transparent 66%);
  filter:blur(8px);
  z-index:-1;
}
body.visual-refresh-v75 .brand-wolf-emblem img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 60%,rgba(0,0,0,.92) 72%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 60%,rgba(0,0,0,.92) 72%,transparent 100%);
}
body.visual-refresh-v75 .brand-wolf-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  transform:translateY(1px);
}
body.visual-refresh-v75 .brand-wolf-copy strong{
  display:block;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,2.7vw,46px);
  line-height:.9;
  font-weight:500;
  letter-spacing:.065em;
  white-space:nowrap;
  background:linear-gradient(180deg,#ffffff 0%,#e6e9ed 30%,#9aa3ae 53%,#f5f7f9 75%,#8994a0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 1px 0 rgba(255,255,255,.20),0 4px 10px rgba(0,0,0,.38),0 0 12px rgba(70,164,255,.12);
}
body.visual-refresh-v75 .brand-wolf-copy small{
  display:block;
  margin-top:8px;
  color:#8cc9f2;
  font-size:clamp(7px,.69vw,11px);
  font-weight:700;
  letter-spacing:.25em;
  line-height:1;
  white-space:nowrap;
  text-shadow:0 0 10px rgba(37,153,255,.28);
}
body.visual-refresh-v75 .brand-wolf-v83:hover .brand-wolf-emblem{
  filter:drop-shadow(0 0 11px rgba(54,177,255,.34)) drop-shadow(0 8px 14px rgba(0,0,0,.30));
}
@media(max-width:1380px) and (min-width:1101px){
  body.visual-refresh-v75 .topbar .brand-wolf-v83{width:clamp(275px,25vw,390px)!important;gap:8px}
  body.visual-refresh-v75 .brand-wolf-emblem{width:72px;height:72px;flex-basis:72px;margin-top:5px}
  body.visual-refresh-v75 .brand-wolf-copy strong{font-size:clamp(27px,2.35vw,38px)}
  body.visual-refresh-v75 .brand-wolf-copy small{font-size:7px;letter-spacing:.20em;margin-top:7px}
}
@media(max-width:1100px){
  body.visual-refresh-v75 .topbar .brand-wolf-v83{width:min(330px,58vw)!important;height:68px;gap:7px}
  body.visual-refresh-v75 .brand-wolf-emblem{width:68px;height:68px;flex-basis:68px;margin-top:4px}
  body.visual-refresh-v75 .brand-wolf-copy strong{font-size:31px}
  body.visual-refresh-v75 .brand-wolf-copy small{font-size:7px;letter-spacing:.18em;margin-top:6px}
}
@media(max-width:620px){
  body.visual-refresh-v75 .topbar .brand-wolf-v83{width:min(260px,calc(100vw - 72px))!important;height:64px;gap:4px}
  body.visual-refresh-v75 .brand-wolf-emblem{width:58px;height:58px;flex-basis:58px;margin-top:2px}
  body.visual-refresh-v75 .brand-wolf-copy strong{font-size:clamp(25px,8vw,32px);letter-spacing:.045em}
  body.visual-refresh-v75 .brand-wolf-copy small{font-size:5.7px;letter-spacing:.14em;margin-top:5px}
}
@media(max-width:390px){
  body.visual-refresh-v75 .brand-wolf-emblem{width:52px;height:52px;flex-basis:52px}
  body.visual-refresh-v75 .brand-wolf-copy strong{font-size:24px}
  body.visual-refresh-v75 .brand-wolf-copy small{font-size:5px;letter-spacing:.11em}
}


/* V84 — header amblemi taşma düzeltmesi: img yerine kontrollü CSS background */
body.visual-refresh-v75 .topbar{
  overflow:hidden!important;
}
body.visual-refresh-v75 .topbar .brand-wolf-v83{
  position:relative!important;
  width:clamp(285px,27vw,430px)!important;
  height:100%!important;
  min-height:0!important;
  max-height:74px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
  flex:0 1 auto!important;
}
body.visual-refresh-v75 .topbar .brand-wolf-emblem{
  position:relative!important;
  display:block!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background-image:url('/assets/v22/wolf-crescent-emblem.webp?v=22.7.84')!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:drop-shadow(0 0 7px rgba(38,157,255,.24))!important;
}
body.visual-refresh-v75 .topbar .brand-wolf-emblem::after{
  display:none!important;
  content:none!important;
}
body.visual-refresh-v75 .topbar .brand-wolf-emblem img{
  display:none!important;
  width:0!important;
  height:0!important;
}
body.visual-refresh-v75 .topbar .brand-wolf-copy{
  min-width:0!important;
  overflow:hidden!important;
  transform:none!important;
}
body.visual-refresh-v75 .topbar .brand-wolf-copy strong{
  font-size:clamp(28px,2.45vw,40px)!important;
  line-height:.95!important;
}
body.visual-refresh-v75 .topbar .brand-wolf-copy small{
  margin-top:6px!important;
  font-size:clamp(6.5px,.62vw,9.5px)!important;
  letter-spacing:.19em!important;
}
@media(max-width:1100px){
  body.visual-refresh-v75 .topbar .brand-wolf-v83{
    width:min(300px,52vw)!important;
    max-height:70px!important;
    gap:8px!important;
  }
  body.visual-refresh-v75 .topbar .brand-wolf-emblem{
    width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;min-height:52px!important;max-height:52px!important;flex-basis:52px!important;
  }
  body.visual-refresh-v75 .topbar .brand-wolf-copy strong{font-size:29px!important}
  body.visual-refresh-v75 .topbar .brand-wolf-copy small{font-size:6.5px!important;letter-spacing:.15em!important}
}
@media(max-width:620px){
  body.visual-refresh-v75 .topbar .brand-wolf-v83{
    width:min(245px,calc(100vw - 70px))!important;
    max-height:64px!important;
    gap:6px!important;
  }
  body.visual-refresh-v75 .topbar .brand-wolf-emblem{
    width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;flex-basis:46px!important;
    border-radius:8px!important;
  }
  body.visual-refresh-v75 .topbar .brand-wolf-copy strong{font-size:25px!important;letter-spacing:.04em!important}
  body.visual-refresh-v75 .topbar .brand-wolf-copy small{font-size:5.4px!important;letter-spacing:.105em!important;margin-top:4px!important}
}

/* site-fixes-v87.css */
/* Göktuğ public responsive fixes v87 */

/* Üst menü etiketleri tek satırda kalsın. */
.topbar nav a{white-space:nowrap}

/* Telefon: hero görselini kırpmadan tamamını göster. Görselin sağındaki sistem
   başlıkları (Yangın Algılama Sistemleri vb.) artık ekran dışında kalmaz. */
@media (max-width:620px){
  .hero{min-height:720px!important}
  .hero-copy{padding:38px 18px 275px!important}
  .hero-scene{
    left:10px!important;
    right:10px!important;
    bottom:8px!important;
    top:auto!important;
    height:auto!important;
    aspect-ratio:1230/780!important;
    overflow:hidden!important;
    border-radius:16px!important;
  }
  .hero-scene picture{display:block!important;width:100%!important;height:100%!important}
  .hero-scene img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:0!important;
  }
}

/* Göktuğ AI: uzun devam soruları ve cevap metinleri kart dışına taşmasın. */
.ai31-chat-card,.ai31-answer,.ai31-answer-grid,.ai31-answer-grid section,
.ai31-followups,.ai31-followups>div{min-width:0!important;max-width:100%!important}
.ai31-answer p,.ai31-answer li,.ai31-answer strong,.ai31-answer a,
.ai31-followups a{overflow-wrap:break-word!important;word-break:normal!important}
.ai31-followups>div{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:9px!important;
}
.ai31-followups a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:48px!important;
  padding:11px 13px!important;
  line-height:1.4!important;
  white-space:normal!important;
}
@media (max-width:760px){
  .ai31-followups>div{grid-template-columns:1fr!important}
  .ai31-answer{overflow:hidden!important}
  .ai31-answer-grid table{max-width:100%!important}
}


/* V22.7.88 — Hizmet kartlarını eski kapsamına geri getir */
@media (min-width:1101px){
  .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:621px) and (max-width:1100px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-grid .service-card:last-child{
    grid-column:1/-1!important;
    width:calc(50% - 7px)!important;
    justify-self:center!important;
  }
}
.service-card-uydu .service-icon{color:#56c8ff!important;border-color:#56c8ff!important}
.service-card-alarm .service-icon{color:#69e39a!important;border-color:#69e39a!important}
.service-card-ses-anons .service-icon{color:#d28cff!important;border-color:#d28cff!important}

/* regions-city-pages-v90.css */
.region-open-hint{display:block;margin-top:5px;font-size:11px;letter-spacing:.04em;color:#7fd7ff;font-weight:800;text-transform:uppercase;opacity:.9}
.region-map-live{position:relative;overflow:hidden}
.regions-map-overlay{position:absolute;inset:0;pointer-events:none}
.region-map-live::before{content:"";position:absolute;inset:8% 10%;background:radial-gradient(circle at 26% 25%,rgba(54,193,255,.18),transparent 18%),radial-gradient(circle at 49% 52%,rgba(54,193,255,.18),transparent 16%),radial-gradient(circle at 67% 47%,rgba(54,193,255,.18),transparent 15%);pointer-events:none;animation:mapGlow 4.8s ease-in-out infinite}
.region-map-spot{position:absolute;display:flex;align-items:center;gap:8px;pointer-events:auto;text-decoration:none}
.region-map-spot i{position:relative;display:block;width:14px;height:14px;border-radius:50%;background:#b4ecff;box-shadow:0 0 0 4px rgba(68,188,255,.17),0 0 16px rgba(46,177,255,.85)}
.region-map-spot i::before,.region-map-spot i::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(78,202,255,.52);animation:mapPulse 2.6s ease-out infinite}
.region-map-spot i::after{animation-delay:1.3s}
.region-map-spot span{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(160,20,30,.96),rgba(216,34,45,.94));color:#fff;font-size:11px;font-weight:900;letter-spacing:.03em;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.region-map-spot:hover span{transform:translateY(-1px)}
.spot-istanbul{left:18%;top:20%}.spot-bursa{left:20%;top:31%}.spot-izmir{left:10%;top:45%}.spot-ankara{left:47%;top:37%}.spot-konya{left:39%;top:51%}.spot-kayseri{left:61%;top:43%}
@keyframes mapPulse{0%{transform:scale(.35);opacity:.95}70%{transform:scale(2.3);opacity:0}100%{transform:scale(2.45);opacity:0}}
@keyframes mapGlow{0%,100%{opacity:.65}50%{opacity:1}}
.region-city-card{ text-decoration:none; color:inherit; }
.region-city-card h3{display:flex;align-items:center;gap:8px}
.region-detail-panel .btn{min-width:230px;text-align:center}
@media(max-width:980px){.region-map-spot span{font-size:10px;padding:4px 8px}.spot-istanbul{left:18%;top:21%}.spot-bursa{left:21%;top:32%}.spot-izmir{left:10%;top:46%}.spot-ankara{left:47%;top:38%}.spot-konya{left:40%;top:53%}.spot-kayseri{left:61%;top:44%}}
@media(max-width:720px){.regions-map-overlay{display:none}.region-open-hint{font-size:10px}.region-detail-panel .btn{min-width:0}}

.region-page{background:radial-gradient(circle at top,rgba(18,87,150,.20),transparent 30%),linear-gradient(180deg,#050d17,#07121d 48%,#040a13);color:#f2f8ff;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.region-page *{box-sizing:border-box}.region-wrap{max-width:1200px;margin:0 auto;padding:20px 18px 42px}
.region-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.region-brand img{height:54px;width:auto;display:block}.region-back{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border-radius:14px;text-decoration:none;color:#dff4ff;border:1px solid rgba(85,163,214,.28);background:rgba(10,20,34,.72);font-weight:800}
.region-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.region-copy,.region-photo,.region-box{border:1px solid rgba(76,146,196,.25);background:linear-gradient(145deg,rgba(7,18,31,.96),rgba(6,16,28,.92));border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.region-copy{padding:32px}.region-copy .kicker{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(42,167,255,.14);border:1px solid rgba(68,182,255,.28);font-size:12px;font-weight:900;letter-spacing:.14em;color:#86dbff}.region-copy h1{margin:14px 0 12px;font-size:clamp(30px,4vw,54px);line-height:1.03}.region-copy p{margin:0 0 18px;color:#b4c7d9;line-height:1.75;font-size:17px}.region-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.region-list li{padding:13px 14px 13px 42px;position:relative;border:1px solid rgba(60,133,192,.22);border-radius:16px;background:rgba(255,255,255,.02);color:#e5f3ff}.region-list li::before{content:"✓";position:absolute;left:16px;top:11px;color:#7fd8ff;font-weight:900}
.region-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.region-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:16px;text-decoration:none;font-weight:900}.region-btn.primary{background:linear-gradient(135deg,#38a8ff,#6ad3ff);color:#04111c}.region-btn.ghost{border:1px solid rgba(91,164,214,.32);color:#dff4ff;background:rgba(10,20,34,.72)}
.region-photo{overflow:hidden;position:relative;min-height:420px}.region-photo img{width:100%;height:100%;object-fit:cover;display:block}.region-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,15,.08),rgba(4,9,15,.48))}
.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.region-box{padding:22px}.region-box h2{margin:0 0 14px;font-size:24px}.region-box p,.region-box li{color:#bfd0de;line-height:1.7}.region-tags{display:flex;flex-wrap:wrap;gap:9px}.region-tags span{padding:9px 12px;border-radius:999px;border:1px solid rgba(77,150,205,.28);background:rgba(255,255,255,.03);font-weight:800;color:#dff4ff}
.region-mini-map{display:flex;align-items:center;justify-content:center;min-height:130px;font-size:72px}.region-note{margin-top:10px;font-size:13px;color:#8fb0c8}
@media(max-width:900px){.region-hero{grid-template-columns:1fr}.region-photo{min-height:280px}.region-grid{grid-template-columns:1fr}}
@media(max-width:640px){.region-wrap{padding:16px 14px 34px}.region-topbar{align-items:flex-start;flex-direction:column}.region-copy{padding:22px}.region-copy p{font-size:15px}.region-actions{display:grid}.region-btn{width:100%}.region-brand img{height:46px}}

/* mobile-fixes-v94.css */
/* V94 — iPhone/iPad hamburger menü düzeltmesi */
@media (max-width:1100px){
  body.visual-refresh-v75 .topbar,
  .topbar{overflow:visible!important;z-index:100000!important}
  body.visual-refresh-v75 #nav,
  #nav{display:none!important}
  body.visual-refresh-v75 #nav.open,
  #nav.open{
    display:flex!important;
    position:fixed!important;
    top:68px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 86px)!important;
    overflow:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    padding:12px!important;
    margin:0!important;
    border:1px solid rgba(66,177,247,.62)!important;
    border-radius:18px!important;
    background:linear-gradient(160deg,rgba(6,22,38,.99),rgba(2,11,21,.99))!important;
    box-shadow:0 24px 65px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    z-index:100002!important;
  }
  #nav.open::before{
    content:"MENÜ"!important;
    display:block!important;
    padding:4px 7px 6px!important;
    color:#75cfff!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
  }
  body.visual-refresh-v75 #nav.open a,
  #nav.open a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:13px 15px!important;
    margin:0!important;
    border:1px solid rgba(48,96,132,.52)!important;
    border-radius:12px!important;
    background:rgba(8,28,47,.86)!important;
    color:#e8f5ff!important;
    font-size:13px!important;
    font-weight:850!important;
    text-transform:uppercase!important;
  }
  #nav.open a.active{border-color:rgba(63,181,255,.72)!important;background:rgba(16,67,108,.92)!important;color:#fff!important}
  .mg-mobile-menu-backdrop{
    position:fixed;
    inset:64px 0 0;
    z-index:99998;
    background:rgba(0,5,12,.52);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }
  body.mg-menu-open{overflow:hidden}
  .menu-btn{position:relative!important;z-index:100003!important}
}
@media(max-width:620px){
  body.visual-refresh-v75 #nav.open,#nav.open{top:66px!important;left:10px!important;right:10px!important;max-height:calc(100dvh - 80px)!important}
}

/* site-wow-v98.css */
/* Göktuğ visual interaction pack v98 */
:root{--gk-electric:#46c9ff;--gk-fire:#ff7655;--gk-line:rgba(68,190,255,.46)}

/* 1) Hizmet kartlarında mikro animasyonlar */
.service-card .service-icon{will-change:transform,filter,box-shadow}
.service-card .service-photo{isolation:isolate}
.service-card .service-photo::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;z-index:1}
.service-card[data-service-effect="camera"] .service-icon{animation:gkCameraBreath 3.4s ease-in-out infinite}
.service-card[data-service-effect="camera"] .service-photo::after{opacity:.7;background:linear-gradient(180deg,transparent 0 42%,rgba(91,215,255,.17) 49%,rgba(91,215,255,.65) 50%,rgba(91,215,255,.12) 51%,transparent 58%);animation:gkScan 4.4s ease-in-out infinite}
.service-card[data-service-effect="fire"] .service-icon{animation:gkFire 2.2s ease-in-out infinite}
.service-card[data-service-effect="fire"] .service-photo::after{opacity:.45;background:radial-gradient(circle at 20% 30%,rgba(255,101,70,.28),transparent 28%);animation:gkGlow 2.8s ease-in-out infinite}
.service-card[data-service-effect="bolt"] .service-icon{animation:gkElectric 2.1s ease-in-out infinite}
.service-card[data-service-effect="network"] .service-photo::after{opacity:.72;background:linear-gradient(90deg,transparent 0 20%,rgba(79,205,255,0) 32%,rgba(79,205,255,.62) 48%,rgba(79,205,255,0) 64%,transparent 100%);transform:translateX(-120%);animation:gkPacket 4.8s linear infinite}
.service-card[data-service-effect="satellite"] .service-icon{animation:gkRadar 4.2s ease-in-out infinite}
.service-card[data-service-effect="sound"] .service-icon{animation:gkSound 2.6s ease-in-out infinite}
.service-card[data-service-effect="shield"] .service-icon{animation:gkShield 3.6s ease-in-out infinite}
.service-card[data-service-effect="intercom"] .service-icon{animation:gkIntercom 3s ease-in-out infinite}
@keyframes gkCameraBreath{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(71,199,255,0))}50%{transform:scale(1.055);filter:drop-shadow(0 0 8px rgba(71,199,255,.55))}}
@keyframes gkScan{0%,15%{transform:translateY(-52%);opacity:0}30%{opacity:.7}72%{opacity:.55}100%{transform:translateY(58%);opacity:0}}
@keyframes gkFire{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 3px rgba(255,105,75,.2))}35%{transform:translateY(-1px) scale(1.045);filter:drop-shadow(0 0 9px rgba(255,105,75,.55))}68%{transform:translateY(1px) scale(.99)}}
@keyframes gkGlow{0%,100%{opacity:.28}50%{opacity:.62}}
@keyframes gkElectric{0%,100%{transform:scale(1);filter:brightness(1) drop-shadow(0 0 2px rgba(79,205,255,.2))}48%{transform:scale(1.055);filter:brightness(1.28) drop-shadow(0 0 9px rgba(79,205,255,.62))}55%{transform:scale(.99)}}
@keyframes gkPacket{0%{transform:translateX(-130%)}100%{transform:translateX(140%)}}
@keyframes gkRadar{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(4deg) scale(1.035)}}
@keyframes gkSound{0%,100%{transform:scale(1)}45%{transform:scale(1.06)}55%{transform:scale(1.02)}}
@keyframes gkShield{0%,100%{filter:drop-shadow(0 0 0 rgba(79,205,255,0))}50%{filter:drop-shadow(0 0 9px rgba(79,205,255,.5))}}
@keyframes gkIntercom{0%,80%,100%{transform:scale(1)}86%{transform:scale(1.06)}92%{transform:scale(1)}}

/* 2) Hero parallax - sadece görsel, içerik yerinde kalır */
.hero-scene{overflow:hidden!important;--gk-px:0px;--gk-py:0px}
.hero-scene>img,.hero-scene>picture{will-change:transform;transform:translate3d(var(--gk-px),var(--gk-py),0) scale(1.018);transition:transform .18s ease-out}
.hero-scene>picture>img{width:100%;height:100%;object-fit:cover}

/* 3) Türkiye haritasında Ankara merkezli hareketli rotalar */
.regions-map-card{isolation:isolate}
.region-route-layer{position:absolute;inset:3% 2% 10%;width:96%;height:87%;z-index:2;pointer-events:none;overflow:visible}
.region-route-layer .route-base path{fill:none;stroke:rgba(73,195,255,.18);stroke-width:2}
.region-route-layer .route-flow path{fill:none;stroke:rgba(97,218,255,.82);stroke-width:2.25;stroke-linecap:round;stroke-dasharray:4 13;animation:gkRoute 2.2s linear infinite}
.region-route-layer .route-dots circle{fill:#d9f8ff;filter:drop-shadow(0 0 5px #55d6ff)}
.region-route-layer .route-origin circle:first-child{fill:#fff;filter:drop-shadow(0 0 6px #55d6ff)}
.region-route-layer .route-origin circle:last-child{fill:none;stroke:rgba(84,210,255,.48);stroke-width:2;transform-origin:423px 192px;animation:gkOriginPulse 2s ease-out infinite}
.regions-map-overlay{z-index:3!important}
@keyframes gkRoute{to{stroke-dashoffset:-34}}
@keyframes gkOriginPulse{0%{transform:scale(.55);opacity:.95}80%,100%{transform:scale(1.8);opacity:0}}

/* 4) Sayfalar arası PCB/devre omurgası */
main{position:relative}
.gk-circuit-spine{position:absolute;z-index:5;width:24px;pointer-events:none;opacity:.76}
.gk-circuit-track,.gk-circuit-progress{position:absolute;left:11px;top:0;width:2px;border-radius:99px}
.gk-circuit-track{height:100%;background:linear-gradient(180deg,rgba(58,163,223,.06),rgba(67,197,255,.34),rgba(58,163,223,.07));box-shadow:0 0 8px rgba(59,190,255,.16)}
.gk-circuit-progress{height:var(--gk-circuit-progress,0%);background:linear-gradient(180deg,#7ee0ff,#168eff 65%,#74d7ff);box-shadow:0 0 10px rgba(55,190,255,.52);transition:height .12s linear}
.gk-circuit-node{position:absolute;left:6px;width:12px;height:12px;border-radius:3px;border:1px solid rgba(104,220,255,.75);background:#061725;box-shadow:0 0 0 4px rgba(47,178,255,.06),0 0 11px rgba(47,178,255,.35);transform:translateY(-50%) rotate(45deg)}
.gk-circuit-node.is-passed{background:#5ed4ff;box-shadow:0 0 0 4px rgba(47,178,255,.08),0 0 13px rgba(71,201,255,.72)}

/* 5) Marka şeridi sürekli ve yavaş akar */
.brand-ecosystem{overflow:hidden}
.brand-rail.gk-brand-marquee{display:flex!important;gap:12px!important;width:max-content!important;max-width:none!important;animation:gkBrands 28s linear infinite;will-change:transform}
.brand-ecosystem:hover .brand-rail.gk-brand-marquee,.brand-ecosystem:focus-within .brand-rail.gk-brand-marquee{animation-play-state:paused}
.brand-rail.gk-brand-marquee .brand-pill{flex:0 0 auto;min-width:178px}
@keyframes gkBrands{from{transform:translateX(0)}to{transform:translateX(var(--gk-brand-shift,-50%))}}

/* 6) Mobil alt menü aktif bölümü takip eder */
.mobile-dock .dock-item{position:relative}
.mobile-dock .dock-item>i{transition:transform .2s ease,opacity .2s ease,background .2s ease}
.mobile-dock .dock-item.is-active>i{transform:scaleX(1);opacity:1}
.mobile-dock .dock-item:not(.is-active)>i{transform:scaleX(.35);opacity:.12}

@media(max-width:1050px){.gk-circuit-spine{display:none}.region-route-layer{display:none}}
@media(max-width:760px){.service-card .service-photo::after{animation-duration:6s}.hero-scene>img,.hero-scene>picture{transform:none!important;transition:none!important}.brand-rail.gk-brand-marquee{animation-duration:34s}}
@media(prefers-reduced-motion:reduce){.service-card .service-icon,.service-card .service-photo::after,.region-route-layer *, .brand-rail.gk-brand-marquee{animation:none!important}.hero-scene>img,.hero-scene>picture{transform:none!important}.gk-circuit-progress{transition:none}}

/* site-polish-v99.css */
/* Göktuğ V18.1 - tek premium dokunuş: proje kartlarında hafif derinlik */
.project-card{
  transition:
    transform .24s cubic-bezier(.2,.75,.2,1),
    box-shadow .24s ease,
    border-color .24s ease;
  will-change:transform;
}
.project-card img,
.project-card picture{
  transition:transform .32s cubic-bezier(.2,.75,.2,1), filter .28s ease;
}
.project-card .project-overlay{
  transition:transform .28s ease, background .28s ease;
}
@media (hover:hover) and (pointer:fine){
  .project-card:hover{
    transform:translateY(-5px);
    box-shadow:
      0 18px 42px rgba(0,0,0,.22),
      0 0 0 1px rgba(80,205,255,.10);
  }
  .project-card:hover img{
    transform:scale(1.018);
    filter:brightness(1.025) contrast(1.015);
  }
  .project-card:hover .project-overlay{
    transform:translateY(-2px);
  }
}
@media (max-width:760px){
  .project-card,
  .project-card img,
  .project-card picture,
  .project-card .project-overlay{
    transform:none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .project-card,
  .project-card img,
  .project-card picture,
  .project-card .project-overlay{
    transition:none !important;
    transform:none !important;
  }
}

/* site-polish-v100.css */
/* Göktuğ V18.2 - V18 temiz çizgisini bozmayan kontrollü premium dokunuşlar */

/* 1) Hizmet kartı fotoğrafında çok hafif derinlik */
.service-card .service-photo img{
  transition:transform .34s cubic-bezier(.2,.75,.2,1), filter .28s ease;
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){
  .service-card:hover .service-photo img{
    transform:scale(1.018);
    filter:brightness(1.02) contrast(1.01);
  }
}

/* 2) Bölüm başlıklarında bir kez açılan ince ışık çizgisi */
.gk-section-line{
  display:block;
  width:96px;
  height:2px;
  margin-top:14px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(92,219,255,.95),rgba(40,139,255,.62));
  box-shadow:0 0 12px rgba(73,199,255,.22);
  transform:scaleX(.12);
  transform-origin:left center;
  opacity:.35;
  transition:transform .7s cubic-bezier(.2,.75,.2,1), opacity .45s ease;
}
.gk-section-line.is-on{
  transform:scaleX(1);
  opacity:1;
}

/* 3) Teklif Al butonunda 9 saniyede bir tek geçişlik parıltı */
.btn[data-offer-trigger]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.gk-offer-sheen{
  position:absolute;
  top:-35%;
  bottom:-35%;
  left:-34%;
  width:18%;
  pointer-events:none;
  z-index:2;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  filter:blur(.2px);
  opacity:0;
  animation:gkOfferSheen 9s ease-in-out infinite;
}
.btn[data-offer-trigger] > *:not(.gk-offer-sheen){
  position:relative;
  z-index:3;
}
@keyframes gkOfferSheen{
  0%,80%{left:-34%;opacity:0}
  82%{opacity:.78}
  91%{left:118%;opacity:.68}
  93%,100%{left:118%;opacity:0}
}

/* 4) Proje kartı içinde lokal ve çok hafif mouse ışığı */
.project-card{
  overflow:hidden;
}
.gk-project-light{
  position:absolute;
  left:0;
  top:0;
  width:170px;
  height:170px;
  border-radius:50%;
  transform:translate(calc(var(--gk-light-x, 50%) - 85px),calc(var(--gk-light-y, 50%) - 85px));
  background:radial-gradient(circle,rgba(113,220,255,.15),rgba(113,220,255,.055) 32%,rgba(113,220,255,0) 70%);
  pointer-events:none;
  opacity:0;
  z-index:1;
  transition:opacity .18s ease;
  mix-blend-mode:screen;
}
.project-card:hover .gk-project-light{
  opacity:1;
}
.project-card .project-overlay{
  position:relative;
  z-index:2;
}

/* 5) Scroll sırasında header sadece birkaç piksel incelir */
.topbar{
  transition:padding .22s ease, box-shadow .22s ease, background-color .22s ease;
}
@media (min-width:901px){
  .topbar.gk-compact{
    padding-top:7px!important;
    padding-bottom:7px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.10);
  }
  .topbar.gk-compact .brand-wolf-emblem,
  .topbar.gk-compact .brand-wolf-copy,
  .topbar.gk-compact .head-contact{
    transition:transform .22s ease;
    transform:scale(.96);
  }
}

/* 6) Mobil dokunma geri bildirimi */
@media (max-width:760px){
  .service-card:active,
  .region-city-card:active,
  .btn:active,
  .mobile-dock .dock-item:active{
    transform:scale(.987)!important;
    transition:transform .08s ease!important;
  }
  .project-card:active{
    transform:scale(.992)!important;
    transition:transform .08s ease!important;
  }
}

/* 7) Ankara merkez noktası diğerlerinden biraz daha güçlü */
.region-map-spot.spot-ankara i{
  animation:gkAnkaraCenter 2.25s ease-in-out infinite!important;
  box-shadow:0 0 0 4px rgba(72,207,255,.10),0 0 15px rgba(72,207,255,.55)!important;
}
@keyframes gkAnkaraCenter{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.16);filter:brightness(1.18)}
}

/* 8) Footer üstünde PCB hattının sakin kapanışı */
.premium-footer{
  position:relative;
}
.gk-footer-circuit{
  position:absolute;
  left:6%;
  right:6%;
  top:0;
  height:2px;
  overflow:hidden;
  pointer-events:none;
  opacity:.6;
  background:linear-gradient(90deg,
    transparent,
    rgba(69,190,255,.16) 8%,
    rgba(69,190,255,.42) 38%,
    rgba(69,190,255,.24) 72%,
    transparent);
}
.gk-footer-circuit::before,
.gk-footer-circuit::after{
  content:"";
  position:absolute;
  top:-3px;
  width:8px;
  height:8px;
  border-radius:2px;
  background:#061725;
  border:1px solid rgba(101,218,255,.62);
  transform:rotate(45deg);
  box-shadow:0 0 8px rgba(75,200,255,.24);
}
.gk-footer-circuit::before{left:18%}
.gk-footer-circuit::after{right:18%}
.gk-footer-circuit i{
  position:absolute;
  top:0;
  left:-8%;
  width:62px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(117,229,255,.92),transparent);
  box-shadow:0 0 10px rgba(75,207,255,.42);
  animation:gkFooterCurrent 6.5s linear infinite;
}
@keyframes gkFooterCurrent{
  from{left:-8%}
  to{left:106%}
}

@media (prefers-reduced-motion:reduce){
  .gk-offer-sheen,
  .region-map-spot.spot-ankara i,
  .gk-footer-circuit i{
    animation:none!important;
  }
  .gk-section-line,
  .service-card .service-photo img,
  .topbar{
    transition:none!important;
  }
  .gk-project-light{display:none!important}
}

/* site-ux-v101.css */
/* Göktuğ V18.3 - işlevsel UX dokunuşları */

/* Hizmet kartlarında kullanım alanları */
.gk-service-fit{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 0}
.gk-service-fit span{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid rgba(100,201,255,.16);border-radius:999px;background:rgba(8,34,54,.38);color:#a9c9dd;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.service-card:hover .gk-service-fit span{border-color:rgba(100,201,255,.26);color:#ccecff}

/* Proje kartında mevcut teknik bilgiyi daha okunur özetler */
.gk-project-summary-title{display:inline-flex;margin:0 0 8px;padding:4px 8px;border-radius:999px;border:1px solid rgba(107,214,255,.20);background:rgba(3,17,29,.42);color:#8fdcff;font-size:9px;font-weight:900;letter-spacing:.12em}
.project-card .project-spec.gk-project-specs{gap:7px}
.project-card .project-spec.gk-project-specs span{border:1px solid rgba(117,206,255,.13);background:rgba(4,17,28,.44);border-radius:8px;padding:6px 8px}

/* Hero aktif durumları */
.gk-home-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.gk-home-status span{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 10px;border:1px solid rgba(101,216,169,.17);border-radius:999px;background:rgba(10,31,35,.34);color:#c6ded8;font-size:10px;font-weight:800;letter-spacing:.045em}
.gk-home-status i,.gk-footer-status i{width:7px;height:7px;border-radius:50%;background:#72e6ad;box-shadow:0 0 0 4px rgba(114,230,173,.06),0 0 9px rgba(114,230,173,.36)}

/* Mobil menü aktif bölüm */
@media(max-width:900px){
  #nav a{position:relative}
  #nav a.active{color:#e9f8ff!important;background:rgba(59,176,242,.09)!important}
  #nav a.active::before{content:"";position:absolute;left:4px;top:22%;bottom:22%;width:2px;border-radius:99px;background:#58d7ff;box-shadow:0 0 8px rgba(88,215,255,.42)}
}

/* Footer durum satırı */
.gk-footer-status{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 20px;padding:11px 18px;border-top:1px solid rgba(103,191,242,.10);border-bottom:1px solid rgba(103,191,242,.08);background:rgba(4,18,30,.26)}
.gk-footer-status span{display:inline-flex;align-items:center;gap:8px;color:#91adbe;font-size:10px;font-weight:800;letter-spacing:.045em}
.gk-footer-status i{width:6px;height:6px}

@media(max-width:760px){
  .gk-service-fit{margin-top:10px;gap:5px}
  .gk-service-fit span{font-size:9px;min-height:23px;padding:0 8px}
  .gk-home-status{margin-top:12px}
  .gk-project-summary-title{display:none}
  .gk-footer-status{gap:8px 14px;padding:10px 12px}
}

/* site-visual-premium-v103.css */
/* Göktuğ V18.5 — V18.3 tabanını bozmayan 10 kontrollü görsel efekt */

/* 1) HERO: Görseli karartmadan, yalnız kenarlarda çok hafif atmosfer ışığı */
.hero-scene{isolation:isolate}
.gk-v103-hero-ambient{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.gk-v103-hero-ambient::before,.gk-v103-hero-ambient::after{content:"";position:absolute;border-radius:50%;filter:blur(34px);opacity:.16;will-change:transform,opacity}
.gk-v103-hero-ambient::before{width:190px;height:190px;right:6%;top:7%;background:rgba(72,197,255,.55);animation:gkV103HeroBlue 8s ease-in-out infinite alternate}
.gk-v103-hero-ambient::after{width:150px;height:150px;right:18%;bottom:7%;background:rgba(255,135,72,.34);animation:gkV103HeroWarm 9.5s ease-in-out infinite alternate}
.gk-v103-hero-line{position:absolute;left:42%;right:7%;bottom:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(92,215,255,.28),transparent);opacity:.6;box-shadow:0 0 8px rgba(92,215,255,.12)}

/* 2) İSTATİSTİKLER: Bir kez çalışan sırayla aktivasyon */
.stats article.gk-v103-stat-on>span{animation:gkV103StatIcon .72s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--gk-v103-delay,0ms)}
.stats article.gk-v103-stat-on strong{animation:gkV103StatText .58s ease both;animation-delay:calc(var(--gk-v103-delay,0ms) + 80ms)}

/* 3) HİZMET KARTLARI: İçeriğin üstünü örtmeyen ince edge trace */
.service-card{position:relative}
.gk-v103-service-trace{position:absolute;z-index:5;pointer-events:none;left:12px;right:12px;top:0;height:1px;overflow:hidden;opacity:0;transition:opacity .2s ease}
.gk-v103-service-trace::before{content:"";position:absolute;top:0;left:-34%;width:32%;height:1px;background:linear-gradient(90deg,transparent,rgba(123,226,255,.96),transparent);box-shadow:0 0 8px rgba(90,207,255,.4)}
.service-card:hover .gk-v103-service-trace,.service-card:focus-visible .gk-v103-service-trace{opacity:1}
.service-card:hover .gk-v103-service-trace::before,.service-card:focus-visible .gk-v103-service-trace::before{animation:gkV103Trace .82s ease-out forwards}

/* 4) GÖKTUĞ AI: Panel içinde çok hafif veri ışığı, yazıyı kapatmaz */
.ai-panel{position:relative;isolation:isolate}
.ai-panel>.gk-v103-ai-beam{position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;left:-16%;width:18%;opacity:.23;transform:skewX(-16deg);background:linear-gradient(90deg,transparent,rgba(87,210,255,.16),rgba(87,210,255,.32),rgba(87,210,255,.10),transparent);filter:blur(3px);animation:gkV103AiBeam 12s linear infinite}
.ai-panel>*:not(.gk-v103-ai-beam){position:relative;z-index:1}

/* 5) PROJE LIGHTBOX: Mevcut fonksiyonu bozmadan yumuşak açılış/geçiş */
.project-lightbox .lightbox-figure{transform:translateY(12px) scale(.986);opacity:0;transition:transform .32s cubic-bezier(.2,.75,.2,1),opacity .24s ease}
.project-lightbox.is-open .lightbox-figure{transform:none;opacity:1}
.project-lightbox .lightbox-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.project-lightbox #lightboxImage{transition:transform .28s ease,filter .24s ease}
.project-lightbox.gk-v103-swap #lightboxImage{transform:scale(1.018);filter:brightness(1.045)}
.project-lightbox .lightbox-figure figcaption{transition:transform .28s ease .04s,opacity .25s ease .04s}
.project-lightbox:not(.is-open) .lightbox-figure figcaption{transform:translateY(8px);opacity:0}

/* 6) ÖNCESİ/SONRASI: Sadece etkileşim sırasında daha güçlü tutamaç */
.compare-slider.gk-v103-compare-active .compare-handle{box-shadow:0 0 0 6px rgba(4,19,34,.72),0 8px 24px rgba(0,0,0,.4),0 0 32px rgba(72,195,255,.58);transform:translate(-50%,-50%) scale(1.06)}
.compare-slider.gk-v103-compare-active .compare-handle::before{box-shadow:0 0 14px rgba(88,205,255,.95)}
.compare-handle{transition:transform .16s ease,box-shadow .16s ease}

/* 7) SÜREÇ: Kartların alt kenarında sırayla ilerleyen ince akım */
.process-grid article{position:relative}
.gk-v103-process-flow{position:absolute;left:18px;right:18px;bottom:0;height:2px;z-index:4;overflow:hidden;border-radius:999px;background:rgba(77,176,238,.08);pointer-events:none}
.gk-v103-process-flow::before{content:"";position:absolute;left:-38%;top:0;width:36%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,220,255,.9),transparent);box-shadow:0 0 8px rgba(82,202,255,.32)}
.process-grid.gk-v103-process-on article .gk-v103-process-flow::before{animation:gkV103Process 1.25s ease forwards;animation-delay:var(--gk-v103-process-delay,0ms)}

/* 8) BÖLGELER: Harita noktası ile şehir kartı birlikte, ama sakin şekilde vurgulanır */
.region-city-card.gk-v103-region-active{border-color:rgba(84,202,255,.46)!important;box-shadow:0 12px 30px rgba(0,0,0,.19),0 0 0 1px rgba(84,202,255,.09) inset!important}
.region-map-spot.gk-v103-region-active i{background:#d9f7ff!important;box-shadow:0 0 0 5px rgba(68,188,255,.18),0 0 22px rgba(46,177,255,.82)!important}
.region-map-spot.gk-v103-region-active span{border-color:rgba(255,255,255,.27)!important;filter:brightness(1.06)}

/* 9) MARKA EKOSİSTEMİ: Kayan şeritte yalnız hover anında rafine glow */
.brand-pill{position:relative}
.brand-pill:hover,.brand-pill:focus-visible{border-color:rgba(86,194,255,.72)!important;text-shadow:0 0 12px rgba(121,220,255,.22);box-shadow:0 17px 30px rgba(0,0,0,.22),0 0 18px rgba(70,183,255,.12)!important}
.brand-pill::after{content:"";position:absolute;left:18%;right:18%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(133,228,255,.72),transparent);opacity:0;transition:opacity .2s ease}
.brand-pill:hover::after,.brand-pill:focus-visible::after{opacity:1}

/* 10) FOOTER: Footer görünür olduğunda bir kez çalışan bitiş pulse */
.premium-footer-contact-icon{position:relative;transition:filter .25s ease,transform .25s ease}
.premium-footer.gk-v103-footer-on .premium-footer-contact-icon{animation:gkV103FooterIcon .85s cubic-bezier(.2,.75,.2,1) both}
.premium-footer.gk-v103-footer-on .gk-footer-circuit{animation:gkV103FooterLine 1.1s ease both}

@keyframes gkV103HeroBlue{from{transform:translate3d(0,0,0) scale(.96);opacity:.12}to{transform:translate3d(-10px,8px,0) scale(1.05);opacity:.2}}
@keyframes gkV103HeroWarm{from{transform:translate3d(0,0,0) scale(.98);opacity:.1}to{transform:translate3d(8px,-6px,0) scale(1.05);opacity:.17}}
@keyframes gkV103StatIcon{0%{transform:translateY(3px) scale(.92);filter:drop-shadow(0 0 0 rgba(51,184,255,0));opacity:.65}55%{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 0 10px rgba(51,184,255,.45));opacity:1}100%{transform:none;filter:none;opacity:1}}
@keyframes gkV103StatText{0%{opacity:.62;transform:translateY(3px)}100%{opacity:1;transform:none}}
@keyframes gkV103Trace{from{left:-34%}to{left:104%}}
@keyframes gkV103AiBeam{0%{left:-20%;opacity:0}8%{opacity:.18}46%{opacity:.23}58%{left:110%;opacity:0}100%{left:110%;opacity:0}}
@keyframes gkV103Process{0%{left:-38%;opacity:0}12%{opacity:.9}100%{left:105%;opacity:0}}
@keyframes gkV103FooterIcon{0%{transform:scale(.96);filter:drop-shadow(0 0 0 rgba(69,200,255,0))}55%{transform:scale(1.055);filter:drop-shadow(0 0 12px rgba(69,200,255,.45))}100%{transform:none;filter:none}}
@keyframes gkV103FooterLine{0%{opacity:.35;filter:brightness(1)}55%{opacity:.92;filter:brightness(1.32)}100%{opacity:.6;filter:brightness(1)}}

@media(max-width:900px){
  .ai-panel>.gk-v103-ai-beam{display:none}
  .gk-v103-hero-ambient::before{width:120px;height:120px;right:2%;top:8%;opacity:.11}
  .gk-v103-hero-ambient::after{width:100px;height:100px;right:12%;bottom:4%;opacity:.08}
  .gk-v103-hero-line{left:52%;right:4%;opacity:.42}
}
@media(max-width:620px){
  .gk-v103-hero-ambient::before,.gk-v103-hero-ambient::after{opacity:.07;filter:blur(28px)}
  .gk-v103-service-trace{display:none}
  .brand-pill::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .gk-v103-hero-ambient::before,.gk-v103-hero-ambient::after,.stats article.gk-v103-stat-on>span,.stats article.gk-v103-stat-on strong,.ai-panel>.gk-v103-ai-beam,.process-grid.gk-v103-process-on article .gk-v103-process-flow::before,.premium-footer.gk-v103-footer-on .premium-footer-contact-icon,.premium-footer.gk-v103-footer-on .gk-footer-circuit{animation:none!important}
  .service-card:hover .gk-v103-service-trace::before,.service-card:focus-visible .gk-v103-service-trace::before{animation:none!important}
  .project-lightbox .lightbox-figure,.project-lightbox #lightboxImage,.compare-handle{transition:none!important}
}

/* site-visual-premium-v104.css */
/* Göktuğ V18.6 — V18.5 üzerinde 10 kontrollü mikro efekt */

/* 1) HERO BAŞLIK: Sadece mavi vurgu metninden seyrek bir ışık geçişi */
.hero h1 em{
  background-image:linear-gradient(90deg,#245cff 0%,#58c8ff 34%,#dff8ff 49%,#62ceff 58%,#245cff 100%)!important;
  background-size:260% 100%!important;
  background-position:125% 50%;
  animation:gkV104TitleSweep 11.5s ease-in-out infinite;
}

/* 2) HERO KAMERA LENSİ: Görselin gerçek lens koordinatına JS ile oturan küçük refleks */
.gk-v104-lens-flare{
  position:absolute;z-index:4;pointer-events:none;
  left:var(--gk-v104-lens-x,37%);top:var(--gk-v104-lens-y,38%);
  width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;
  opacity:0;background:radial-gradient(circle at 40% 38%,#fff 0 8%,rgba(124,225,255,.94) 11%,rgba(65,166,255,.46) 26%,rgba(48,126,255,.08) 48%,transparent 70%);
  box-shadow:0 0 8px rgba(90,210,255,.32),0 0 18px rgba(37,121,255,.20);
  animation:gkV104Lens 10.8s ease-in-out infinite;
}
.gk-v104-lens-flare::after{content:"";position:absolute;left:50%;top:50%;width:42px;height:1px;transform:translate(-50%,-50%) rotate(-28deg);background:linear-gradient(90deg,transparent,rgba(164,235,255,.54),transparent);opacity:.7}

/* 3) HİZMET KARTLARI: Hover sırasında CCTV hedefleme köşeleri */
.gk-v104-corners{position:absolute;inset:8px;z-index:6;pointer-events:none;opacity:0;transition:opacity .18s ease}
.gk-v104-corners i{position:absolute;width:17px;height:17px;border-color:rgba(109,222,255,.82);filter:drop-shadow(0 0 6px rgba(81,202,255,.28));transform:scale(.72);transition:transform .24s cubic-bezier(.2,.75,.2,1)}
.gk-v104-corners .tl{left:0;top:0;border-left:1px solid;border-top:1px solid}.gk-v104-corners .tr{right:0;top:0;border-right:1px solid;border-top:1px solid}.gk-v104-corners .br{right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.gk-v104-corners .bl{left:0;bottom:0;border-left:1px solid;border-bottom:1px solid}
.service-card:hover .gk-v104-corners,.service-card:focus-visible .gk-v104-corners{opacity:1}
.service-card:hover .gk-v104-corners i,.service-card:focus-visible .gk-v104-corners i{transform:scale(1)}

/* 4) İSTATİSTİKLER: V103 sayım animasyonu bittikten sonra yalnız bir kapanış pulse */
.stats article.gk-v104-stat-finish{animation:gkV104StatFinish .48s ease-out both}

/* 5) GÖKTUĞ AI: Çevrimiçi satırında ilk görünüşte kısa veri/yazıyor efekti */
.gk-v104-ai-typing{display:inline-flex;align-items:center;gap:3px;margin-left:7px;vertical-align:middle;opacity:0;transition:opacity .2s ease}
.gk-v104-ai-typing b{display:block;width:4px;height:4px;border-radius:50%;background:#5be7a0;box-shadow:0 0 7px rgba(91,231,160,.28)}
.gk-v104-ai-typing.is-on{opacity:1}
.gk-v104-ai-typing.is-on b{animation:gkV104AiDot .82s ease-in-out 4 alternate}
.gk-v104-ai-typing.is-on b:nth-child(2){animation-delay:.13s}.gk-v104-ai-typing.is-on b:nth-child(3){animation-delay:.26s}

/* 6) GÜVENLİK MERKEZİ: Her monitörde yavaş CCTV tarama çizgisi */
.monitor-grid article>span,.monitor-grid article>i{z-index:4}
.monitor-grid article>.gk-v104-monitor-scan{position:absolute;z-index:3;left:0;right:0;top:-8%;height:2px;pointer-events:none;opacity:.34;background:linear-gradient(90deg,transparent,rgba(123,226,255,.82),transparent);box-shadow:0 0 8px rgba(83,202,255,.30);animation:gkV104MonitorScan 7.2s linear infinite;animation-delay:var(--gk-v104-scan-delay,0s)}

/* 7) ÖNCESİ/SONRASI: Mevcut merkez çizgisinde sakin hareket eden ışık noktası */
.gk-v104-compare-dot{position:absolute;z-index:6;left:var(--position);top:18%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;pointer-events:none;background:#dff8ff;box-shadow:0 0 0 3px rgba(88,205,255,.08),0 0 10px rgba(88,205,255,.72);animation:gkV104CompareDot 5.8s ease-in-out infinite}
.compare-slider.gk-v103-compare-active .gk-v104-compare-dot{width:8px;height:8px;margin:-4px 0 0 -4px;box-shadow:0 0 0 4px rgba(88,205,255,.10),0 0 16px rgba(88,205,255,.92)}

/* 8) NEDEN GÖKTUĞ: Kart oynamaz; sadece ikon tepki verir */
.why-grid>article>svg{transition:transform .22s cubic-bezier(.2,.75,.2,1),filter .22s ease,color .22s ease;transform-origin:center}
.why-grid>article:hover>svg,.why-grid>article:focus-within>svg{transform:translateY(-3px) scale(1.045);filter:drop-shadow(0 0 9px rgba(66,190,255,.42));color:#62d4ff}

/* 9) FAQ: Cevap ve işaret yumuşak açılır */
.faq-grid summary::after{content:"+"!important;transform:rotate(0deg);transform-origin:center;transition:transform .22s ease,color .22s ease,filter .22s ease}
.faq-grid details[open] summary::after{content:"+"!important;transform:rotate(45deg);color:#72d7ff;filter:drop-shadow(0 0 6px rgba(72,199,255,.28))}
.faq-grid details[open]>p{animation:gkV104FaqOpen .24s ease-out both}

/* 10) CTA: Bölge/keşif panelinin çevresinde yalnız bir kez dolaşan ince enerji */
.region-detail-panel{position:relative;isolation:isolate}
.gk-v104-cta-frame{position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;overflow:hidden;opacity:0}
.gk-v104-cta-frame i{position:absolute;display:block;background:linear-gradient(90deg,transparent,rgba(120,229,255,.96),transparent);box-shadow:0 0 8px rgba(75,205,255,.36)}
.gk-v104-cta-frame .t,.gk-v104-cta-frame .b{height:1px;width:100%;transform:scaleX(0)}
.gk-v104-cta-frame .r,.gk-v104-cta-frame .l{width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(120,229,255,.96),transparent);transform:scaleY(0)}
.gk-v104-cta-frame .t{left:0;top:0;transform-origin:left}.gk-v104-cta-frame .r{right:0;top:0;transform-origin:top}.gk-v104-cta-frame .b{right:0;bottom:0;transform-origin:right}.gk-v104-cta-frame .l{left:0;bottom:0;transform-origin:bottom}
.region-detail-panel.gk-v104-cta-on .gk-v104-cta-frame{opacity:1}
.region-detail-panel.gk-v104-cta-on .gk-v104-cta-frame .t{animation:gkV104EdgeX .38s ease-out 0s both}
.region-detail-panel.gk-v104-cta-on .gk-v104-cta-frame .r{animation:gkV104EdgeY .34s ease-out .32s both}
.region-detail-panel.gk-v104-cta-on .gk-v104-cta-frame .b{animation:gkV104EdgeX .38s ease-out .60s both}
.region-detail-panel.gk-v104-cta-on .gk-v104-cta-frame .l{animation:gkV104EdgeY .34s ease-out .92s both}

@keyframes gkV104TitleSweep{0%,68%{background-position:125% 50%}82%{background-position:-25% 50%}100%{background-position:-25% 50%}}
@keyframes gkV104Lens{0%,73%,100%{opacity:0;transform:scale(.7)}78%{opacity:.9;transform:scale(1)}83%{opacity:.28;transform:scale(1.28)}88%{opacity:0;transform:scale(1.45)}}
@keyframes gkV104StatFinish{0%,100%{box-shadow:none}45%{box-shadow:inset 0 0 0 1px rgba(90,212,255,.14),0 0 18px rgba(53,183,255,.14)}}
@keyframes gkV104AiDot{0%{transform:translateY(0);opacity:.38}100%{transform:translateY(-3px);opacity:1}}
@keyframes gkV104MonitorScan{0%{top:-8%;opacity:0}8%{opacity:.30}82%{opacity:.30}92%,100%{top:108%;opacity:0}}
@keyframes gkV104CompareDot{0%,100%{top:16%;opacity:.22}20%{opacity:.92}50%{top:82%;opacity:.74}78%{opacity:.9}100%{top:16%;opacity:.22}}
@keyframes gkV104FaqOpen{from{opacity:0;transform:translateY(-5px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes gkV104EdgeX{0%{transform:scaleX(0);opacity:0}18%{opacity:1}85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes gkV104EdgeY{0%{transform:scaleY(0);opacity:0}18%{opacity:1}85%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}

@media(max-width:900px){
  .gk-v104-monitor-scan{opacity:.26}
  .gk-v104-corners{inset:6px}
  .gk-v104-corners i{width:14px;height:14px}
}
@media(max-width:620px){
  .gk-v104-lens-flare{width:14px;height:14px;margin:-7px 0 0 -7px}
  .gk-v104-lens-flare::after{width:30px}
  .gk-v104-corners{display:none}
  .why-grid>article:hover>svg{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .hero h1 em,.gk-v104-lens-flare,.gk-v104-monitor-scan,.gk-v104-compare-dot,.gk-v104-ai-typing b{animation:none!important}
  .stats article.gk-v104-stat-finish,.faq-grid details[open]>p,.region-detail-panel.gk-v104-cta-on .gk-v104-cta-frame i{animation:none!important}
  .gk-v104-lens-flare,.gk-v104-ai-typing,.gk-v104-cta-frame{display:none!important}
}

/* site-hotfix-v105.css */
/* Göktuğ V18.6.1 — process-flow ve dekoratif eleman çakışma düzeltmesi */

/* V18.5'te process-flow için eklenen <i>, sitenin eski .process-grid article > i ikon CSS'ine yakalanıyordu.
   Bu blok daha JS çalışmadan o elementi kesin olarak ince enerji hattına geri döndürür. */
.process-grid article > .gk-v103-process-flow{
  display:block!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:auto!important;
  bottom:0!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:2px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(77,176,238,.08)!important;
  color:transparent!important;
  line-height:0!important;
  font-size:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:4!important;
  transform:none!important;
}
.process-grid article > .gk-v103-process-flow::after{
  content:none!important;
  display:none!important;
}

/* V104 dekoratif elemanları da eski tag-seçicilerinden izole et. */
.hero-scene > .gk-v104-lens-flare,
.compare-slider > .gk-v104-compare-dot{
  padding:0!important;
  border:0!important;
  font-size:0!important;
  line-height:0!important;
}

@media(max-width:760px){
  .process-grid article > .gk-v103-process-flow{left:14px!important;right:14px!important}
}

/* site-hotfix-v107.css */
/* Göktuğ V18.6.3 — süreç kartlarındaki 01/02/03/04 numaralarını kaldır */
.process-grid article > b{
  display:none !important;
}

/* site-hotfix-v111.css */
/* V18.6.7 — belirgin odaklı premium marka şeridi */
body.visual-refresh-v75 .brand-ecosystem.brand-ecosystem--focus-rail{
  position:relative;
  overflow:hidden;
}
body.visual-refresh-v75 .brand-ecosystem.brand-ecosystem--focus-rail::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 40%,rgba(53,183,255,.14),transparent 32%),
    linear-gradient(180deg,rgba(59,184,255,.04),transparent 22%);
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail,
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail.gk-brand-marquee{
  position:relative;
  z-index:2;
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin-top:20px;
  overflow:visible;
  animation:none !important;
  transform:none !important;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail-viewport{
  position:relative;
  overflow:hidden;
  padding:14px 0 16px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(9,27,44,.24),rgba(5,15,26,.08));
  border:1px solid rgba(66,146,197,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail-viewport::before{
  content:"";
  position:absolute;
  left:50%;
  top:10px;
  bottom:10px;
  width:min(340px,28vw);
  transform:translateX(-50%);
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(86,214,255,.10),rgba(86,214,255,.03)),
    radial-gradient(circle at 50% 50%,rgba(72,202,255,.22),transparent 70%);
  box-shadow:0 0 28px rgba(57,184,255,.10), inset 0 0 36px rgba(57,184,255,.08);
  filter:blur(.2px);
  pointer-events:none;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail-viewport::after{
  content:"";
  position:absolute;
  left:50%;
  top:10px;
  bottom:10px;
  width:2px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(120,226,255,0),rgba(120,226,255,.85),rgba(120,226,255,0));
  box-shadow:0 0 12px rgba(82,209,255,.65);
  opacity:.85;
  pointer-events:none;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail::before,
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:140px;
  z-index:5;
  pointer-events:none;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail::before{
  left:0;
  background:linear-gradient(90deg,rgba(4,14,24,.98),rgba(4,14,24,.88) 34%,rgba(4,14,24,0));
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail::after{
  right:0;
  background:linear-gradient(270deg,rgba(4,14,24,.98),rgba(4,14,24,.88) 34%,rgba(4,14,24,0));
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail-track{
  display:flex;
  align-items:stretch;
  gap:28px;
  width:max-content;
  min-width:100%;
  will-change:transform;
  animation:gkBrandFocusFlow var(--brand-marquee-duration,56s) linear infinite;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail.is-paused .brand-rail-track,
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail:hover .brand-rail-track,
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail:focus-within .brand-rail-track{
  animation-play-state:paused;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail-lane{
  display:flex;
  align-items:stretch;
  gap:18px;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill{
  position:relative;
  flex:0 0 clamp(180px,14vw,232px);
  min-width:clamp(180px,14vw,232px);
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 20px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(66,145,197,.42);
  background:linear-gradient(180deg,rgba(10,28,45,.86),rgba(6,16,26,.96));
  color:rgba(235,245,255,.58);
  text-align:center;
  opacity:.78;
  transform:scale(.90);
  filter:saturate(.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), 0 12px 24px rgba(0,0,0,.12);
  transition:transform .34s ease,opacity .34s ease,border-color .34s ease,color .34s ease,box-shadow .34s ease,filter .34s ease,background .34s ease;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0));
  opacity:.32;
  pointer-events:none;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill::after{
  content:"";
  position:absolute;
  left:12%; right:12%; bottom:10px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(69,202,255,0),rgba(69,202,255,.92),rgba(69,202,255,0));
  opacity:0;
  transform:scaleX(.26);
  transition:opacity .34s ease, transform .34s ease;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill-label{
  position:relative;
  z-index:2;
  display:block;
  font-size:18px;
  font-weight:850;
  letter-spacing:.01em;
  line-height:1.16;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill.is-near{
  opacity:.92;
  color:rgba(240,248,255,.82);
  transform:translateY(-2px) scale(.98);
  filter:saturate(.96);
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill.is-center{
  color:#fff;
  opacity:1;
  transform:translateY(-5px) scale(1.14);
  border-color:rgba(104,220,255,.94);
  background:linear-gradient(180deg,rgba(18,54,84,.94),rgba(8,24,39,.98));
  filter:saturate(1.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 36px rgba(0,0,0,.20),
    0 0 0 1px rgba(104,220,255,.18),
    0 0 22px rgba(74,206,255,.18),
    0 0 58px rgba(74,206,255,.08);
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill.is-center::after{
  opacity:1;
  transform:scaleX(1);
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill.is-center .brand-pill-label{
  font-size:20px;
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill:hover,
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill:focus-visible{
  color:#fff;
  opacity:1;
  transform:translateY(-4px) scale(1.03);
  border-color:rgba(104,220,255,.82);
}
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill:hover::after,
body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill:focus-visible::after{
  opacity:1;
  transform:scaleX(.92);
}
@keyframes gkBrandFocusFlow{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--brand-lane-shift,1000px)))}}
@media(max-width:1100px){
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill{flex-basis:200px;min-width:200px;min-height:78px}
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill-label{font-size:17px}
}
@media(max-width:760px){
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail::before,
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail::after{width:50px}
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail-viewport{padding:12px 0 14px;border-radius:18px}
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail-viewport::before{width:min(180px,42vw)}
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill{flex-basis:146px;min-width:146px;min-height:62px;padding:12px 14px;border-radius:16px;transform:scale(.92)}
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill-label{font-size:13px}
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill.is-center{transform:translateY(-3px) scale(1.08)}
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-pill.is-center .brand-pill-label{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  body.visual-refresh-v75 .brand-ecosystem--focus-rail .brand-rail-track{animation:none !important}
}

/* site-hotfix-v112.css */
/* V18.6.8 – toplu görsel efekt paketi */
:root{
  --gk-v112-cyan:#66d7ff;
  --gk-v112-cyan-2:#36aefc;
  --gk-v112-blue:#1e68ff;
  --gk-v112-panel:rgba(8,24,40,.78);
  --gk-v112-line:rgba(92,177,255,.24);
}
@media (prefers-reduced-motion: reduce){
  .gk-v112-no-motion,
  .gk-v112-no-motion *{animation:none!important;transition:none!important}
}

/* 1) Göktuğ AI – aktif sistem çekirdeği */
.ai-panel{position:relative;overflow:hidden;isolation:isolate}
.ai-intro{position:relative;overflow:hidden;isolation:isolate}
.ai-intro > *:not(.gk-v112-ai-core){position:relative;z-index:2}
.gk-v112-ai-core{
  position:absolute;left:20px;bottom:6px;width:190px;height:190px;pointer-events:none;z-index:1;
  border-radius:50%;opacity:.95;
}
.gk-v112-ai-core .core-ring,
.gk-v112-ai-core .core-ring::before,
.gk-v112-ai-core .core-ring::after{
  position:absolute;inset:0;border-radius:50%;content:"";
}
.gk-v112-ai-core .core-ring{
  border:1px solid rgba(96,199,255,.26);
  box-shadow:0 0 0 1px rgba(10,46,80,.38) inset,0 0 28px rgba(27,138,255,.18);
  animation:gkV112AiRotate 18s linear infinite;
}
.gk-v112-ai-core .core-ring::before{inset:14px;border:1px dashed rgba(102,215,255,.26);animation:gkV112AiRotateRev 11s linear infinite}
.gk-v112-ai-core .core-ring::after{inset:34px;border:1px solid rgba(123,225,255,.2);box-shadow:0 0 18px rgba(66,188,255,.16) inset}
.gk-v112-ai-core .core-dot,
.gk-v112-ai-core .core-dot::before{
  position:absolute;border-radius:50%;content:"";display:block;
}
.gk-v112-ai-core .core-dot{
  left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(205,247,255,.98) 0,rgba(97,198,255,.86) 40%,rgba(31,118,255,.16) 72%,rgba(31,118,255,0) 100%);
  box-shadow:0 0 22px rgba(92,205,255,.72),0 0 48px rgba(26,124,255,.26);
}
.gk-v112-ai-core .core-dot::before{inset:-24px;border:1px solid rgba(104,220,255,.22);animation:gkV112AiPulse 3.4s ease-out infinite}
.gk-v112-ai-core .data-pulse{
  position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;
  background:#bff3ff;box-shadow:0 0 16px rgba(116,223,255,.9),0 0 24px rgba(47,154,255,.5);
  animation:gkV112AiOrbit 4.5s linear infinite;
}
.gk-v112-ai-core .data-pulse.p2{animation-duration:5.6s;animation-direction:reverse;animation-delay:-1.8s}
.gk-v112-ai-core .data-pulse.p3{animation-duration:6.8s;animation-delay:-3.2s}
.ai-intro img{position:relative;z-index:2}

/* 2) AI hazır sorular hover glow */
.quick-questions button{
  position:relative;overflow:hidden;transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background-color .24s ease;
}
.quick-questions button::after{
  content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(77,205,255,0) 0%,rgba(77,205,255,.16) 48%,rgba(77,205,255,0) 100%);
  transform:translateX(-110%);transition:transform .36s ease;pointer-events:none;
}
.quick-questions button:hover,
.quick-questions button:focus-visible{
  border-color:rgba(88,205,255,.72)!important;background:rgba(13,41,68,.9)!important;
  box-shadow:0 0 0 1px rgba(88,205,255,.18) inset,0 10px 22px rgba(0,0,0,.18),0 0 24px rgba(60,197,255,.14);
  transform:translateY(-1px);
}
.quick-questions button:hover::after,
.quick-questions button:focus-visible::after{transform:translateX(100%)}

/* 3) AI cevap kutusu terminal hissi */
.ai-chat{position:relative}
#botMessage{position:relative;overflow:hidden;isolation:isolate}
#botMessage::before{
  content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(146,216,255,.055) 0 1px,rgba(0,0,0,0) 1px 4px);opacity:0;pointer-events:none;z-index:0;transition:opacity .24s ease;
}
#botMessage::after{
  content:"";position:absolute;left:0;right:0;top:-12%;height:26%;background:linear-gradient(180deg,rgba(110,226,255,0) 0%,rgba(110,226,255,.14) 46%,rgba(110,226,255,0) 100%);
  transform:translateY(-180%);opacity:0;pointer-events:none;z-index:0;
}
.ai-panel.gk-v112-ai-busy #botMessage::before{opacity:1}
.ai-panel.gk-v112-ai-busy #botMessage::after{opacity:1;animation:gkV112Scan 1.45s linear infinite}
.ai-panel.gk-v112-ai-busy .gk-v112-ai-processing{opacity:1;transform:none}
.gk-v112-ai-processing{
  position:absolute;right:16px;top:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;
  border:1px solid rgba(92,203,255,.25);background:rgba(5,21,34,.86);backdrop-filter:blur(8px);color:#c8eeff;font-size:11px;font-weight:700;letter-spacing:.08em;
  opacity:0;transform:translateY(-4px);transition:.2s ease;z-index:5;pointer-events:none;
}
.gk-v112-ai-processing i{width:8px;height:8px;border-radius:50%;background:#89e1ff;box-shadow:0 0 12px rgba(137,225,255,.92);animation:gkV112Blink 1s ease-in-out infinite}
.ai-home-actions,.ai-home-section,.ai-home-followups{position:relative;z-index:1}

/* 4-5) Proje kartları kategori tonu + lens/ışık refleksi */
.project-card{position:relative;overflow:hidden;isolation:isolate}
.project-card::before{
  content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%, color-mix(in srgb,var(--gk-v112-card-tone,#42b8ff) 26%, transparent) 0%, transparent 45%);
  opacity:.7;pointer-events:none;z-index:1;
}
.project-card::after{
  content:"";position:absolute;top:-10%;left:-36%;width:34%;height:130%;background:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.055) 45%,rgba(186,235,255,.3) 50%,rgba(255,255,255,.05) 55%,rgba(255,255,255,0) 100%);
  transform:translateX(-180%) rotate(12deg);transition:transform .65s ease;pointer-events:none;z-index:3;mix-blend-mode:screen;
}
.project-card:hover::after,
.project-card:focus-visible::after{transform:translateX(420%) rotate(12deg)}
.project-card.gk-v112-tone-fabrika{--gk-v112-card-tone:#47d7ff}
.project-card.gk-v112-tone-site{--gk-v112-card-tone:#5397ff}
.project-card.gk-v112-tone-okul{--gk-v112-card-tone:#8bc7ff}
.project-card.gk-v112-tone-avm{--gk-v112-card-tone:#73b4ff}
.project-card[class*="gk-v112-tone-"]{border-color:color-mix(in srgb,var(--gk-v112-card-tone) 35%, rgba(36,74,113,.88))!important;box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 0 1px color-mix(in srgb,var(--gk-v112-card-tone) 14%, transparent) inset}
.project-card .project-overlay{position:relative;z-index:4}
.project-card picture,.project-card img{position:relative;z-index:0}

/* 6) Lightbox sinematik açılış */
.project-lightbox .lightbox-image-wrap,
.project-lightbox figcaption{transition:transform .34s ease, opacity .34s ease}
.project-lightbox.gk-v112-opening .lightbox-image-wrap{transform:scale(1.03);opacity:0}
.project-lightbox.gk-v112-opening figcaption{transform:translateY(14px);opacity:0}
.project-lightbox.gk-v112-cinematic-on .lightbox-image-wrap{transform:scale(1);opacity:1;transition-delay:0s}
.project-lightbox.gk-v112-cinematic-on figcaption{transform:none;opacity:1;transition-delay:.22s}

/* 7) Öncesi / Sonrası merkez ışık çizgisi */
.compare-slider{overflow:hidden}
.compare-slider::after{
  content:"";position:absolute;top:0;bottom:0;left:var(--position);width:2px;background:linear-gradient(180deg,rgba(116,230,255,.08),rgba(120,228,255,.95),rgba(116,230,255,.08));
  transform:translateX(-1px);box-shadow:0 0 12px rgba(102,217,255,.36);z-index:5;pointer-events:none;
}
.compare-slider .gk-v112-compare-energy{
  position:absolute;left:var(--position);top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;
  background:#cbf6ff;box-shadow:0 0 0 4px rgba(96,222,255,.11),0 0 12px rgba(96,222,255,.94),0 0 30px rgba(33,144,255,.38);
  z-index:6;pointer-events:none;transition:transform .18s ease, box-shadow .18s ease;
}
.compare-slider.gk-v112-dragging .gk-v112-compare-energy{transform:scale(1.22);box-shadow:0 0 0 6px rgba(96,222,255,.15),0 0 16px rgba(96,222,255,1),0 0 34px rgba(33,144,255,.44)}

/* 8) Neden Göktuğ ikon pulse */
.why-grid article{position:relative}
.why-grid article > svg,
.why-grid article .gk-v112-why-icon-wrap{
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.why-grid article:hover > svg,
.why-grid article:focus-within > svg,
.why-grid article:hover .gk-v112-why-icon-wrap,
.why-grid article:focus-within .gk-v112-why-icon-wrap{
  transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(91,208,255,.36));
}
.why-grid article:hover > svg,
.why-grid article:focus-within > svg{animation:gkV112WhyPulse 1.6s ease-in-out infinite}

/* 9) CCTV hissi */
.monitor-grid article{position:relative;overflow:hidden;isolation:isolate}
.monitor-grid article::before{
  content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.045) 0 1px,rgba(0,0,0,0) 1px 4px);opacity:.14;pointer-events:none;z-index:2;
}
.monitor-grid article::after{
  content:"";position:absolute;left:-14%;right:-14%;top:-24%;height:22%;background:linear-gradient(180deg,rgba(116,230,255,0),rgba(116,230,255,.11),rgba(116,230,255,0));
  opacity:.32;pointer-events:none;z-index:2;animation:gkV112MonitorScan 7.6s linear infinite;
}
.monitor-grid article.gk-v112-glitch img{transform:translateX(1px) scale(1.01);filter:saturate(1.06) contrast(1.02) brightness(1.02)}
.monitor-grid article.gk-v112-glitch::before{opacity:.26}
.monitor-grid article.gk-v112-glitch::after{opacity:.55}

/* 10) İstatistik kartlarında kapanış halo */
.stats article,
.regions-stats article,
.camera-meter .meter-ring{position:relative;overflow:visible}
.stats article.gk-v112-stat-finish::after,
.regions-stats article.gk-v112-stat-finish::after{
  content:"";position:absolute;inset:10px;border-radius:18px;border:1px solid rgba(108,219,255,.32);box-shadow:0 0 0 0 rgba(108,219,255,.35);animation:gkV112StatHalo .72s ease-out forwards;pointer-events:none;
}
.camera-meter .meter-ring.gk-v112-stat-finish::after{
  content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(108,219,255,.3);animation:gkV112StatHalo .72s ease-out forwards;pointer-events:none;
}

/* 11) Türkiye haritası seçili rota */
.regions-map-card{position:relative;overflow:hidden}
.region-route-layer .route-base path,
.region-route-layer .route-flow path{transition:opacity .24s ease, stroke .24s ease, stroke-width .24s ease, filter .24s ease}
.region-map-live[data-active-route] .route-base path,
.region-map-live[data-active-route] .route-flow path{opacity:.18}
.region-map-live[data-active-route="all"] .route-base path,
.region-map-live[data-active-route="all"] .route-flow path{opacity:1}
.region-map-live[data-active-route="istanbul"] #route-ist,
.region-map-live[data-active-route="bursa"] #route-bur,
.region-map-live[data-active-route="izmir"] #route-izm,
.region-map-live[data-active-route="konya"] #route-kon,
.region-map-live[data-active-route="kayseri"] #route-kay{opacity:1!important;stroke:#7fe3ff!important;stroke-width:4.2!important;filter:drop-shadow(0 0 8px rgba(100,219,255,.78))}
.region-map-live[data-active-route="ankara"] .route-origin circle,
.region-map-live[data-active-route="all"] .route-origin circle{filter:drop-shadow(0 0 8px rgba(113,226,255,.95))}
.region-map-live[data-active-route]:not([data-active-route="none"]) .route-origin circle:first-child{fill:#8fe8ff!important}
.region-city-card.gk-v112-route-focus,
.region-map-spot.gk-v112-route-focus{box-shadow:0 0 0 1px rgba(111,225,255,.28) inset,0 0 24px rgba(40,145,255,.18)!important}

/* 12) Footer enerji kapanışı */
.premium-footer{position:relative;overflow:hidden}
.gk-footer-circuit{position:relative;overflow:hidden}
.gk-footer-circuit i{display:block;position:relative;height:2px;background:linear-gradient(90deg,rgba(88,213,255,.12),rgba(88,213,255,.38),rgba(88,213,255,.12))}
.gk-v112-footer-dot{
  position:absolute;top:50%;left:0;width:10px;height:10px;margin:-5px 0 0 0;border-radius:50%;background:#d5f8ff;box-shadow:0 0 12px rgba(104,220,255,.95),0 0 24px rgba(31,118,255,.42);opacity:0;pointer-events:none;
}
.premium-footer.gk-v112-footer-on .gk-v112-footer-dot{opacity:1;animation:gkV112FooterRun 1.85s ease-out forwards}

/* 13) Başlıklarda mikro teknik etiket */
.gk-v112-tech-tag{
  display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;border-radius:999px;border:1px solid rgba(77,179,255,.18);
  background:rgba(7,21,35,.55);color:#7fcfff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.gk-v112-tech-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#7fe3ff;box-shadow:0 0 10px rgba(127,227,255,.9)}
.why > h2 + .gk-v112-tech-tag{margin-bottom:18px}

/* 14) Mobil kart giriş animasyonu */
@media (max-width: 860px){
  body.reveal-ready .reveal-item,
  body.reveal-ready .reveal-block{transform:translateY(10px)!important;opacity:0!important}
  body.reveal-ready .reveal-item.is-visible,
  body.reveal-ready .reveal-block.is-visible{transform:none!important;opacity:1!important;transition:transform .34s ease, opacity .34s ease!important}
}

/* 15) Header aktif bölüm çizgisi */
#nav a{position:relative}
#nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,rgba(62,201,255,0),rgba(80,209,255,1),rgba(62,201,255,0));
  transform:scaleX(.18);opacity:0;transition:transform .26s ease, opacity .26s ease;
}
#nav a:hover::after,
#nav a:focus-visible::after,
#nav a.active::after{transform:scaleX(1);opacity:1}
#nav a.active{color:#7bd8ff!important}

/* yardımcı düzeltmeler */
.section-head > div,
.regions-heading,
.why{position:relative}
.why > h2{margin-bottom:0}

/* keyframes */
@keyframes gkV112AiRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes gkV112AiRotateRev{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes gkV112AiOrbit{0%{transform:rotate(0deg) translateX(66px) rotate(0deg)}100%{transform:rotate(360deg) translateX(66px) rotate(-360deg)}}
@keyframes gkV112AiPulse{0%{transform:scale(.75);opacity:.65}70%{transform:scale(1.08);opacity:0}100%{transform:scale(1.08);opacity:0}}
@keyframes gkV112Scan{0%{transform:translateY(-180%)}100%{transform:translateY(360%)}}
@keyframes gkV112Blink{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes gkV112WhyPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 7px rgba(92,205,255,.08)}}
@keyframes gkV112MonitorScan{0%{transform:translateY(-180%)}100%{transform:translateY(620%)}}
@keyframes gkV112StatHalo{0%{opacity:.65;transform:scale(.92)}100%{opacity:0;transform:scale(1.08)}}
@keyframes gkV112FooterRun{0%{left:0%;transform:scale(.9)}68%{left:98%;transform:scale(1)}84%{left:98%;transform:scale(1.55)}100%{left:98%;transform:scale(0);opacity:0}}

/* site-hotfix-v113.css */
/* V18.6.9 – monitor duvarı canlı his paketi */
:root{
  --gk-v113-live:#8fe9ff;
  --gk-v113-live-2:#40bfff;
  --gk-v113-red:#ff6262;
  --gk-v113-green:#5dffb7;
}
@media (prefers-reduced-motion: reduce){
  .monitor-wall-v56.gk-v113-live *,
  .monitor-wall-v56.gk-v113-live *::before,
  .monitor-wall-v56.gk-v113-live *::after{animation:none!important;transition:none!important}
}
.monitor-wall-v56.gk-v113-live .monitor-grid article{
  position:relative!important;overflow:hidden!important;isolation:isolate;
  border-color:rgba(98,194,255,.24)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18),0 0 0 1px rgba(69,155,255,.08) inset;
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease, filter .26s ease;
  background:rgba(4,18,31,.76);
}
.monitor-wall-v56.gk-v113-live .monitor-grid article:hover,
.monitor-wall-v56.gk-v113-live .monitor-grid article:focus-within{transform:translateY(-2px)}
.monitor-wall-v56.gk-v113-live .monitor-grid article.gk-v113-active{
  border-color:rgba(116,226,255,.54)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 0 1px rgba(112,225,255,.18) inset,0 0 28px rgba(41,152,255,.16);
}
.monitor-wall-v56.gk-v113-live .monitor-grid article::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);
  opacity:.18;
}
.monitor-wall-v56.gk-v113-live .monitor-grid article::after{
  content:"";position:absolute;left:-10%;right:-10%;top:-26%;height:22%;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,rgba(130,230,255,0),rgba(130,230,255,.12),rgba(130,230,255,0));
  animation:gkV113WallScan 8s linear infinite;
  opacity:.35;
}
.monitor-wall-v56.gk-v113-live .monitor-grid article.gk-v113-active::after{opacity:.56}
.monitor-wall-v56.gk-v113-live .monitor-grid article img,
.monitor-wall-v56.gk-v113-live .monitor-grid article video{
  display:block;width:100%!important;aspect-ratio:16/9;object-fit:cover;position:relative;z-index:1;
  filter:saturate(1.02) contrast(1.03) brightness(1.01);
  transform-origin:center center;
}
.monitor-wall-v56.gk-v113-live .monitor-grid article.gk-v113-still img{animation:gkV113KenBurns 14s ease-in-out infinite alternate}
.monitor-wall-v56.gk-v113-live .monitor-grid article.gk-v113-still.gk-v113-active img{animation-duration:10s}
.monitor-wall-v56.gk-v113-live .monitor-grid article video{background:#08131e}
.monitor-wall-v56.gk-v113-live .monitor-grid article > span{
  position:absolute!important;left:12px;top:10px;z-index:5;margin:0!important;padding:5px 9px!important;
  border-radius:999px;background:rgba(4,16,29,.6);backdrop-filter:blur(4px);
  border:1px solid rgba(115,223,255,.16);font-size:12px!important;font-weight:800!important;letter-spacing:.04em;
  color:#eff9ff!important;text-shadow:0 0 10px rgba(0,0,0,.42)
}
.monitor-wall-v56.gk-v113-live .monitor-grid article > i{
  position:absolute!important;right:12px;top:10px;z-index:5;font-style:normal!important;margin:0!important;
  padding:5px 9px;border-radius:999px;border:1px solid rgba(255,124,124,.35);background:rgba(47,6,10,.74);
  color:#ffb0b0!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em;
  box-shadow:0 0 0 1px rgba(255,98,98,.06) inset,0 0 16px rgba(255,80,80,.12);
  animation:gkV113RecBlink 1.1s steps(2,end) infinite;
}
.monitor-wall-v56.gk-v113-live .monitor-grid article .gk-v113-live-meta{
  position:absolute;left:12px;right:12px;bottom:10px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;
}
.monitor-wall-v56.gk-v113-live .monitor-grid article .gk-v113-live-time,
.monitor-wall-v56.gk-v113-live .monitor-grid article .gk-v113-live-state{
  display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;
  background:rgba(4,16,29,.64);backdrop-filter:blur(4px);border:1px solid rgba(115,223,255,.14);
  color:#deefff;font-size:11px;font-weight:800;letter-spacing:.04em;text-shadow:0 0 10px rgba(0,0,0,.44)
}
.monitor-wall-v56.gk-v113-live .monitor-grid article .gk-v113-live-state::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--gk-v113-green);box-shadow:0 0 10px rgba(93,255,183,.9);
}
.monitor-wall-v56.gk-v113-live .monitor-grid article .gk-v113-live-state.gk-v113-state-record::before{background:#ff7575;box-shadow:0 0 10px rgba(255,117,117,.9)}
.monitor-wall-v56.gk-v113-live .monitor-grid article .gk-v113-focus-bar{
  position:absolute;left:0;top:50%;width:3px;height:36%;transform:translateY(-50%);z-index:4;border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,rgba(80,208,255,0),rgba(94,219,255,.95),rgba(80,208,255,0));
  box-shadow:0 0 12px rgba(94,219,255,.4);opacity:.46;transition:opacity .24s ease,height .24s ease;
}
.monitor-wall-v56.gk-v113-live .monitor-grid article.gk-v113-active .gk-v113-focus-bar{opacity:1;height:54%}
.monitor-wall-v56.gk-v113-live .monitor-shell aside{position:relative;overflow:hidden;isolation:isolate}
.monitor-wall-v56.gk-v113-live .monitor-shell aside::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 18% 12%,rgba(78,190,255,.13),transparent 38%), linear-gradient(180deg,rgba(255,255,255,.02),transparent 55%);
}
.monitor-wall-v56.gk-v113-live .monitor-shell aside > *{position:relative;z-index:1}
.monitor-wall-v56.gk-v113-live .monitor-shell aside h3,
.monitor-wall-v56.gk-v113-live .monitor-shell aside p{transition:opacity .18s ease, transform .18s ease}
.monitor-wall-v56.gk-v113-live .monitor-shell aside.gk-v113-updating h3,
.monitor-wall-v56.gk-v113-live .monitor-shell aside.gk-v113-updating p{opacity:.55;transform:translateY(2px)}
.monitor-wall-v56.gk-v113-live .monitor-shell aside .gk-v113-aside-live{
  display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 11px;border-radius:999px;
  border:1px solid rgba(109,221,255,.18);background:rgba(5,21,34,.74);color:#d9f4ff;font-size:11px;font-weight:800;letter-spacing:.08em;
}
.monitor-wall-v56.gk-v113-live .monitor-shell aside .gk-v113-aside-live::before{
  content:"";width:8px;height:8px;border-radius:50%;background:#89ebff;box-shadow:0 0 14px rgba(137,235,255,.95);animation:gkV113PulseDot 1.35s ease-in-out infinite;
}
.monitor-wall-v56.gk-v113-live .monitor-shell aside > div{transition:transform .22s ease, box-shadow .22s ease}
.monitor-wall-v56.gk-v113-live .monitor-shell aside > div.gk-v113-metric-pulse{
  transform:translateY(-1px);box-shadow:0 0 0 1px rgba(112,225,255,.16) inset,0 0 24px rgba(41,152,255,.14);
}
@keyframes gkV113WallScan{0%{transform:translateY(-190%)}100%{transform:translateY(700%)}}
@keyframes gkV113RecBlink{0%,45%{opacity:.52}46%,100%{opacity:1}}
@keyframes gkV113PulseDot{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}
@keyframes gkV113KenBurns{0%{transform:scale(1.03) translate3d(0,0,0)}50%{transform:scale(1.075) translate3d(-1.6%,.8%,0)}100%{transform:scale(1.09) translate3d(1.3%,-.8%,0)}}

/* site-hotfix-v115.css */
/* V18.6.13 — Göktuğ AI responsive premium fix + project filter alignment */

/* Proje filtreleri: başlığın altı, sol hizalı */
.project-section .section-head{
  display:block !important;
}
.project-section .section-head > div:first-child{
  display:block !important;
  width:100% !important;
}
.project-section .project-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  margin:16px 0 0 !important;
  padding:0 !important;
  transform:none !important;
}
.project-section .project-tabs button{
  flex:0 0 auto !important;
}
.project-section .a11y-status{
  display:block;
  width:100%;
}

/* AI panel top row: large intro + questions, chat full width */
.ai-panel.ai-panel-v115{
  display:grid !important;
  grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.ai-panel.ai-panel-v115 > *{
  min-width:0 !important;
}
.ai-panel.ai-panel-v115 .ai-chat{
  grid-column:1 / -1 !important;
}

/* Disable/remove any old injected core visual from v112 */
.ai-intro-v115 > .gk-v112-ai-core{display:none !important;}

.ai-intro-v115{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:minmax(280px,.88fr) minmax(300px,1fr) !important;
  align-items:center !important;
  gap:28px !important;
  min-height:300px !important;
  padding:28px 30px !important;
  border:1px solid rgba(91,194,255,.30) !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 17% 40%,rgba(31,126,255,.22),transparent 34%),
    radial-gradient(circle at 78% 18%,rgba(79,215,255,.10),transparent 28%),
    linear-gradient(135deg,rgba(4,17,31,.98),rgba(6,25,45,.98) 52%,rgba(5,19,35,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.24),0 0 32px rgba(36,141,255,.10) !important;
  isolation:isolate;
}
.ai-intro-v115::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(97,219,255,.24),rgba(97,219,255,0) 16%) left 18px top 0/1px 100% no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0) 45%);
}

/* Visual core is confined to its own column */
.ai-v115-visual{
  position:relative;
  z-index:1;
  width:100%;
  min-height:244px;
  display:grid;
  place-items:center;
}
.ai-v115-core{
  position:relative;
  width:204px;
  height:204px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle,rgba(68,183,255,.22) 0%,rgba(35,111,224,.10) 48%,rgba(35,111,224,0) 72%);
}
.ai-v115-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(106,220,255,.24);
  box-shadow:0 0 24px rgba(43,159,255,.14),inset 0 0 28px rgba(48,164,255,.08);
}
.ai-v115-ring.r1{animation:v115Spin 18s linear infinite}
.ai-v115-ring.r2{inset:18px;border-style:dashed;animation:v115SpinBack 12s linear infinite}
.ai-v115-ring.r3{inset:42px;border-color:rgba(126,229,255,.18)}
.ai-v115-core b{
  position:relative;
  z-index:3;
  width:88px;
  height:88px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:34px;
  line-height:1;
  letter-spacing:.04em;
  color:#e5faff;
  background:radial-gradient(circle at 50% 45%,rgba(99,222,255,.25),rgba(37,121,255,.13) 58%,rgba(16,43,84,.18));
  border:1px solid rgba(125,227,255,.34);
  text-shadow:0 0 18px rgba(125,227,255,.30);
  box-shadow:0 0 26px rgba(70,196,255,.20),inset 0 0 18px rgba(77,193,255,.16);
}
.ai-v115-orbit{
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  margin:-4px 0 0 -4px;
  border-radius:50%;
  background:#c6f6ff;
  box-shadow:0 0 12px rgba(108,229,255,.9),0 0 22px rgba(34,142,255,.45);
}
.ai-v115-orbit.o1{animation:v115Orbit 5.2s linear infinite}
.ai-v115-orbit.o2{animation:v115OrbitSmall 7.2s linear infinite reverse}

/* Small labels stay inside visual column and never reach the copy */
.ai-v115-node{
  position:absolute;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:126px;
  padding:8px 10px;
  border-radius:13px;
  border:1px solid rgba(92,201,255,.20);
  background:rgba(4,18,33,.80);
  backdrop-filter:blur(7px);
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 0 0 1px rgba(143,226,255,.03);
}
.ai-v115-node svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
  color:#79ddff;
}
.ai-v115-node em{
  font-style:normal;
  font-size:10px;
  line-height:1.15;
  letter-spacing:.08em;
  font-weight:800;
  color:#dff7ff;
  white-space:nowrap;
}
.ai-v115-node.n1{left:6px;top:14px}
.ai-v115-node.n2{right:4px;top:20px}
.ai-v115-node.n3{left:12px;bottom:18px}
.ai-v115-node.n4{right:10px;bottom:20px}

.ai-v115-copy{
  position:relative;
  z-index:3;
  min-width:0;
  padding-left:8px;
}
.ai-v115-kicker{
  display:block;
  margin:0 0 8px;
  color:#59ddff !important;
  font-size:15px;
  font-weight:800;
  letter-spacing:.11em;
}
.ai-v115-copy h2{
  margin:0 0 14px !important;
  max-width:12ch;
  font-size:clamp(30px,2.2vw,48px) !important;
  line-height:1.06 !important;
}
.ai-v115-copy p{
  margin:0 !important;
  max-width:40ch !important;
  color:rgba(235,246,255,.88) !important;
  font-size:15px !important;
  line-height:1.62 !important;
}
.ai-v115-status{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.ai-v115-status small{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  margin:0 !important;
  padding:8px 11px;
  border-radius:12px;
  border:1px solid rgba(91,196,255,.20);
  background:rgba(5,22,40,.72);
  color:#dff7ff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:700;
  white-space:nowrap;
}
.ai-v115-status small svg{
  width:14px;
  height:14px;
  color:#78ddff;
}
.ai-v115-status .online{
  color:#8dffc8 !important;
  border-color:rgba(73,246,160,.22);
}
.ai-v115-status .online i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#36ff7d;
  box-shadow:0 0 10px rgba(54,255,125,.7);
}

/* Tablet: intro keeps 2 columns until there isn't enough room */
@media (max-width:1180px){
  .ai-panel.ai-panel-v115{
    grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr) !important;
  }
  .ai-intro-v115{
    grid-template-columns:minmax(250px,.8fr) minmax(280px,1fr) !important;
    gap:20px !important;
    padding:24px !important;
  }
  .ai-v115-core{width:184px;height:184px}
  .ai-v115-node{max-width:116px;padding:7px 8px}
  .ai-v115-node em{font-size:9px}
}
@media (max-width:980px){
  .ai-panel.ai-panel-v115{
    grid-template-columns:1fr !important;
  }
  .ai-panel.ai-panel-v115 .ai-chat{grid-column:auto !important;}
  .ai-intro-v115{
    grid-template-columns:minmax(240px,.8fr) minmax(0,1.1fr) !important;
  }
}
@media (max-width:700px){
  .ai-intro-v115{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:20px 16px !important;
  }
  .ai-v115-visual{min-height:224px}
  .ai-v115-core{width:176px;height:176px}
  .ai-v115-node{max-width:108px;padding:7px 8px}
  .ai-v115-node.n1{left:0;top:6px}
  .ai-v115-node.n2{right:0;top:8px}
  .ai-v115-node.n3{left:0;bottom:10px}
  .ai-v115-node.n4{right:0;bottom:12px}
  .ai-v115-copy{padding-left:0}
  .ai-v115-copy h2{max-width:none !important;font-size:30px !important}
  .project-section .project-tabs{
    flex-wrap:nowrap !important;
    overflow-x:auto;
    scrollbar-width:none;
    padding-bottom:4px !important;
  }
  .project-section .project-tabs::-webkit-scrollbar{display:none}
}

@media (prefers-reduced-motion:reduce){
  .ai-v115-ring,.ai-v115-orbit{animation:none !important}
}

@keyframes v115Spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes v115SpinBack{from{transform:rotate(360deg)}to{transform:rotate(0)}}
@keyframes v115Orbit{from{transform:rotate(0deg) translateX(78px) rotate(0deg)}to{transform:rotate(360deg) translateX(78px) rotate(-360deg)}}
@keyframes v115OrbitSmall{from{transform:rotate(0deg) translateX(56px) rotate(0deg)}to{transform:rotate(360deg) translateX(56px) rotate(-360deg)}}

/* site-hotfix-v116.css */
/* V18.6.14 — premium interaction pack, built on V18.6.13 */
@property --gk-v116-meter-angle{syntax:'<angle>';inherits:false;initial-value:0deg}

/* Thin system status rail */
.gk-v116-system-strip{max-width:var(--max,1480px);height:32px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid rgba(61,142,201,.18);background:linear-gradient(180deg,rgba(4,17,31,.82),rgba(3,13,24,.58));color:#91b6cf;font-size:9px;font-weight:800;letter-spacing:.13em;white-space:nowrap;overflow:hidden;position:relative;z-index:8}.gk-v116-system-strip strong{color:#a9eaff;font-size:9px}.gk-v116-system-strip i{width:3px;height:3px;border-radius:50%;background:rgba(100,210,255,.48)}.gk-v116-live-dot{width:7px;height:7px;border-radius:50%;background:#46ff9a;box-shadow:0 0 11px rgba(70,255,154,.78);animation:gkV116Live 1.8s ease-in-out infinite}.gk-v116-system-strip b{position:absolute;left:-10%;bottom:0;width:12%;height:1px;background:linear-gradient(90deg,transparent,#68dfff,transparent);animation:gkV116Strip 7s linear infinite}

/* AI core reacts to questions and answers */
.ai-intro-v115{--gk-ai-react:rgba(94,214,255,.22)}
.ai-v115-core,.ai-v115-ring,.ai-v115-node{transition:filter .25s ease,box-shadow .25s ease,border-color .25s ease,opacity .25s ease,transform .25s ease}
.ai-intro-v115.gk-v116-ai-react .ai-v115-core{filter:drop-shadow(0 0 18px rgba(71,195,255,.36))}
.ai-intro-v115.gk-v116-ai-processing .ai-v115-ring.r1{animation-duration:3.2s!important}.ai-intro-v115.gk-v116-ai-processing .ai-v115-ring.r2{animation-duration:2.2s!important}.ai-intro-v115.gk-v116-ai-processing .ai-v115-core b{box-shadow:0 0 34px rgba(88,214,255,.34),inset 0 0 24px rgba(77,193,255,.24);animation:gkV116CorePulse .85s ease-in-out infinite}.ai-intro-v115.gk-v116-ai-ready .ai-v115-core b{animation:gkV116CoreReady .65s ease-out 1}.ai-v115-node.gk-v116-node-active{border-color:rgba(105,221,255,.62)!important;box-shadow:0 0 20px rgba(61,185,255,.20),inset 0 0 0 1px rgba(150,231,255,.08);transform:translateY(-2px)}.ai-v115-node.gk-v116-node-active svg{filter:drop-shadow(0 0 7px rgba(105,221,255,.7))}

/* AI -> projects data bridge */
.gk-v116-data-bridge{height:38px;margin:0 24px;position:relative;overflow:hidden;pointer-events:none}.gk-v116-data-bridge::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(83,207,255,.08),rgba(83,207,255,.55),rgba(83,207,255,.08));box-shadow:0 0 9px rgba(65,179,255,.16)}.gk-v116-data-bridge i{position:absolute;left:50%;top:-8px;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:#bdf2ff;box-shadow:0 0 10px rgba(105,221,255,.95),0 0 20px rgba(49,153,255,.45);animation:gkV116Bridge 2.8s ease-in-out infinite}.gk-v116-data-bridge span{position:absolute;left:calc(50% + 12px);top:50%;transform:translateY(-50%);color:rgba(117,204,238,.55);font-size:8px;font-weight:800;letter-spacing:.16em}

/* Project filter premium transition and count */
.project-section .section-head{position:relative}.project-section .project-tabs{position:relative;padding-bottom:7px!important}.project-section .project-tabs button{position:relative;z-index:2;border-bottom:0!important;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.project-section .project-tabs button.active{color:#dff8ff!important;background:rgba(20,143,239,.16)!important;border:1px solid rgba(69,187,255,.32)!important;transform:translateY(-1px)}.gk-v116-filter-indicator{position:absolute;left:0;bottom:0;height:2px;width:var(--gk-filter-w,36px);transform:translateX(var(--gk-filter-x,0px));border-radius:999px;background:linear-gradient(90deg,rgba(59,204,255,0),#58d8ff 30%,#149cff 70%,rgba(59,204,255,0));box-shadow:0 0 10px rgba(71,200,255,.48);transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1)}.gk-v116-project-count{display:inline-flex;align-items:center;gap:7px;margin-top:7px;color:#7fa8c3;font-size:9px;font-weight:800;letter-spacing:.1em}.gk-v116-project-count::before{content:"";width:6px;height:6px;border-radius:50%;background:#5edcff;box-shadow:0 0 8px rgba(94,220,255,.6)}.project-card.gk-v116-filter-exit{opacity:.08!important;filter:blur(2px) saturate(.8)!important}.project-card.gk-v116-filter-enter{opacity:0!important;filter:blur(3px)!important}.project-card.gk-v116-filter-enter.gk-v116-filter-enter-on{opacity:1!important;filter:none!important}.project-card{transition:opacity .2s ease,filter .22s ease,transform .28s ease,border-color .28s ease,box-shadow .28s ease!important}

/* Camera meter: animated fill + milestones */
.camera-meter .meter-ring.gk-v116-meter{--gk-v116-meter-angle:0deg;background:conic-gradient(#28c9ff 0 var(--gk-v116-meter-angle),#117de9 var(--gk-v116-meter-angle) calc(var(--gk-v116-meter-angle) + 2deg),#14304b calc(var(--gk-v116-meter-angle) + 2deg) 360deg)!important;animation:gkV116MeterFill 1.7s cubic-bezier(.2,.75,.15,1) forwards}.camera-meter .meter-ring.gk-v116-meter.gk-v116-meter-done{box-shadow:0 0 24px rgba(22,139,255,.32),0 0 0 1px rgba(80,202,255,.08);animation:gkV116MeterFinish .68s ease-out}.gk-v116-meter-milestone{position:absolute;z-index:4;color:rgba(190,229,249,.72);font-size:7px;font-weight:800;letter-spacing:.04em;pointer-events:none}.gk-v116-meter-milestone::before{content:"";display:block;width:5px;height:5px;margin:0 auto 2px;border-radius:50%;background:#65d8ff;box-shadow:0 0 6px rgba(101,216,255,.55)}.gk-v116-meter-milestone.m5{right:8px;top:50%;transform:translateY(-50%)}.gk-v116-meter-milestone.m10{left:50%;bottom:7px;transform:translateX(-50%)}.gk-v116-meter-milestone.m15{left:8px;top:50%;transform:translateY(-50%)}

/* Enhanced lightbox technical metadata */
.project-lightbox .gk-v116-lightbox-meta{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;margin-top:12px}.gk-v116-lightbox-meta article{min-width:0;padding:10px 12px;border:1px solid rgba(80,172,231,.20);border-radius:12px;background:rgba(5,19,33,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.gk-v116-lightbox-meta span{display:block;color:#62d8ff;font-size:8px;font-weight:900;letter-spacing:.11em;margin-bottom:4px}.gk-v116-lightbox-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f2f9ff;font-size:11px}.gk-v116-lightbox-category{display:inline-flex;margin-left:8px;padding:4px 8px;border-radius:999px;border:1px solid rgba(79,191,255,.24);background:rgba(11,55,91,.45);color:#8ee2ff;font-size:8px;font-weight:900;letter-spacing:.09em;vertical-align:middle}

/* CCTV HUD only: images/videos stay untouched */
.monitor-wall-v56 .monitor-grid article .gk-v116-cctv-hud{position:absolute;inset:0;z-index:4;pointer-events:none}.gk-v116-cctv-hud .hud-tech{position:absolute;top:42px;right:12px;padding:4px 7px;border-radius:6px;background:rgba(2,12,22,.46);border:1px solid rgba(126,221,255,.10);color:rgba(213,243,255,.72);font-size:8px;font-weight:800;letter-spacing:.07em}.gk-v116-cctv-hud .hud-signal{position:absolute;top:44px;left:12px;display:flex;align-items:flex-end;gap:2px;height:9px}.gk-v116-cctv-hud .hud-signal i{display:block!important;position:static!important;width:2px!important;padding:0!important;border:0!important;border-radius:1px!important;background:#7ee6ff!important;box-shadow:0 0 4px rgba(126,230,255,.45)!important;animation:none!important}.gk-v116-cctv-hud .hud-signal i:nth-child(1){height:3px}.gk-v116-cctv-hud .hud-signal i:nth-child(2){height:5px}.gk-v116-cctv-hud .hud-signal i:nth-child(3){height:7px}.gk-v116-cctv-hud .hud-signal i:nth-child(4){height:9px}.gk-v116-cctv-hud .corner{position:absolute;width:13px;height:13px;border-color:rgba(122,226,255,.32);border-style:solid}.gk-v116-cctv-hud .tl{left:7px;top:7px;border-width:1px 0 0 1px}.gk-v116-cctv-hud .tr{right:7px;top:7px;border-width:1px 1px 0 0}.gk-v116-cctv-hud .bl{left:7px;bottom:7px;border-width:0 0 1px 1px}.gk-v116-cctv-hud .br{right:7px;bottom:7px;border-width:0 1px 1px 0}

/* Service technical labels */
.gk-v116-service-tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 10px;opacity:.28;transform:translateY(2px);transition:opacity .22s ease,transform .22s ease}.service-card:hover .gk-v116-service-tags,.service-card:focus-visible .gk-v116-service-tags{opacity:1;transform:none}.gk-v116-service-tags i{font-style:normal;padding:4px 7px;border-radius:999px;border:1px solid rgba(89,185,245,.18);background:rgba(8,34,55,.58);color:#86d7ff;font-size:8px;font-weight:850;letter-spacing:.08em}

/* Why Göktuğ technical process codes */
.why-grid article{position:relative}.gk-v116-why-code{position:absolute;right:12px;top:10px;display:flex;align-items:center;gap:6px;color:rgba(121,181,215,.55);font-size:7px;font-weight:900;letter-spacing:.1em;pointer-events:none}.gk-v116-why-code b{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;border:1px solid rgba(90,194,255,.16);background:rgba(8,29,47,.48);color:#65d8ff;font-size:8px}.why-grid article:hover .gk-v116-why-code{color:#9bdfff}.why-grid article:hover .gk-v116-why-code b{border-color:rgba(90,208,255,.34);box-shadow:0 0 12px rgba(73,187,255,.12)}

/* Desktop pointer spotlight */
[data-gk-v116-spotlight]{position:relative;isolation:isolate;--gk-spot-x:50%;--gk-spot-y:50%}[data-gk-v116-spotlight]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(260px circle at var(--gk-spot-x) var(--gk-spot-y),rgba(66,180,255,.075),transparent 58%);opacity:0;transition:opacity .22s ease}[data-gk-v116-spotlight].gk-v116-spot-on::before{opacity:1}[data-gk-v116-spotlight]>*{position:relative;z-index:1}

/* Premium CTA */
.gk-v116-cta{max-width:calc(var(--max,1480px) - 48px);margin:38px auto 0;padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(72,173,238,.28);border-radius:22px;background:radial-gradient(circle at 12% 20%,rgba(40,151,255,.15),transparent 36%),linear-gradient(135deg,rgba(7,24,41,.96),rgba(4,15,27,.98));box-shadow:0 20px 48px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.03)}.gk-v116-cta-copy>span{color:#57d7ff;font-size:9px;font-weight:900;letter-spacing:.13em}.gk-v116-cta h2{margin:7px 0 6px;font-size:clamp(25px,2.5vw,38px);line-height:1.06}.gk-v116-cta p{margin:0;color:#a9bfd0;font-size:12px}.gk-v116-cta-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.gk-v116-cta-actions a{min-height:43px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(75,168,231,.22);border-radius:12px;background:rgba(7,25,42,.72);color:#dff5ff;font-size:10px;font-weight:850}.gk-v116-cta-actions a svg{width:15px;height:15px}.gk-v116-cta-actions .gk-v116-cta-primary{background:linear-gradient(135deg,#087ff0,#12a1f8);border-color:#27b0ff;color:#fff;box-shadow:0 0 22px rgba(10,145,255,.18)}.gk-v116-cta-scan{position:absolute;left:-20%;bottom:0;width:18%;height:1px;background:linear-gradient(90deg,transparent,#6ae2ff,transparent);animation:gkV116CtaScan 6.5s linear infinite}

/* Mobile and tablet premium spacing */
@media(max-width:980px){.gk-v116-system-strip{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.gk-v116-system-strip::-webkit-scrollbar{display:none}.gk-v116-data-bridge{height:28px}.gk-v116-cta{grid-template-columns:1fr;margin-left:18px;margin-right:18px}.gk-v116-cta-actions{justify-content:flex-start}.project-lightbox .gk-v116-lightbox-meta{grid-template-columns:repeat(2,minmax(110px,1fr))}.project-section .project-tabs{scroll-snap-type:x proximity}.project-section .project-tabs button{scroll-snap-align:start}.ai-panel.ai-panel-v115{gap:14px!important}.ai-intro-v115{padding:22px!important}.project-section .project-grid{gap:10px!important}}
@media(max-width:700px){.gk-v116-system-strip{height:29px;padding:0 15px;gap:8px}.gk-v116-system-strip strong,.gk-v116-system-strip span{font-size:8px}.gk-v116-data-bridge span{display:none}.project-section .project-tabs{margin-top:12px!important;padding-bottom:8px!important}.gk-v116-filter-indicator{bottom:1px}.gk-v116-project-count{margin-top:4px}.ai-v115-status{gap:7px}.ai-v115-status small{padding:7px 9px!important}.project-lightbox .gk-v116-lightbox-meta{grid-template-columns:1fr 1fr;gap:6px}.gk-v116-lightbox-meta article{padding:8px 9px}.gk-v116-cctv-hud .hud-tech{top:38px;font-size:7px}.gk-v116-cctv-hud .hud-signal{top:40px}.gk-v116-cta{margin-top:28px;padding:22px 18px;border-radius:18px}.gk-v116-cta-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.gk-v116-cta-actions a{justify-content:center}.gk-v116-cta-actions .gk-v116-cta-primary{grid-column:1/-1}.gk-v116-service-tags{opacity:.55}.gk-v116-why-code{right:8px;top:7px}}
@media(pointer:coarse),(hover:none){[data-gk-v116-spotlight]::before{display:none}.gk-v116-service-tags{opacity:.55;transform:none}}
@media(prefers-reduced-motion:reduce){.gk-v116-live-dot,.gk-v116-system-strip b,.gk-v116-data-bridge i,.gk-v116-cta-scan,.ai-intro-v115.gk-v116-ai-processing .ai-v115-core b{animation:none!important}.project-card{transition:none!important}.camera-meter .meter-ring.gk-v116-meter{animation:none!important;--gk-v116-meter-angle:223.2deg}}

@keyframes gkV116Live{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}
@keyframes gkV116Strip{from{left:-14%}to{left:108%}}
@keyframes gkV116CorePulse{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}
@keyframes gkV116CoreReady{0%{transform:scale(.94);box-shadow:0 0 0 0 rgba(97,219,255,.35)}55%{transform:scale(1.06);box-shadow:0 0 0 15px rgba(97,219,255,0)}100%{transform:scale(1)}}
@keyframes gkV116Bridge{0%{top:-8px;opacity:0}18%{opacity:1}82%{opacity:1}100%{top:38px;opacity:0}}
@keyframes gkV116MeterFill{from{--gk-v116-meter-angle:0deg}to{--gk-v116-meter-angle:223.2deg}}
@keyframes gkV116MeterFinish{0%{transform:scale(.98)}55%{transform:scale(1.025)}100%{transform:scale(1)}}
@keyframes gkV116CtaScan{from{left:-20%}to{left:110%}}

/* company-location-v122.css */
/* Göktuğ V122 — Company location section. Visual-only, isolated styles. */
.company-location-v122{
  position:relative;
  width:min(1520px,calc(100% - 44px));
  margin:56px auto 54px;
  isolation:isolate;
}
.company-location-v122::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:30px;
  padding:1px;
  background:linear-gradient(125deg,rgba(44,220,255,.58),rgba(43,137,255,.13) 36%,rgba(255,255,255,.05) 70%,rgba(44,220,255,.3));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:3;
}
.location-shell-v122{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);
  gap:28px;
  min-height:430px;
  padding:30px;
  overflow:hidden;
  border-radius:30px;
  background:
    radial-gradient(circle at 3% 5%,rgba(12,190,255,.17),transparent 32%),
    radial-gradient(circle at 88% 84%,rgba(14,111,255,.12),transparent 30%),
    linear-gradient(145deg,rgba(6,25,47,.98),rgba(4,16,31,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035);
}
.location-shell-v122::after{
  content:"";
  position:absolute;
  left:0;top:34px;bottom:34px;width:3px;
  background:linear-gradient(180deg,transparent,#2de0ff 15%,#1da9ff 78%,transparent);
  box-shadow:0 0 22px rgba(45,224,255,.82);
}
.location-copy-v122{position:relative;z-index:2;padding:20px 10px 12px 18px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.location-kicker-v122{display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;color:#71eaff;font-size:12px;font-weight:800;letter-spacing:.18em}
.location-live-v122{width:8px;height:8px;border-radius:50%;background:#5dffcf;box-shadow:0 0 0 5px rgba(93,255,207,.08),0 0 15px rgba(93,255,207,.72)}
.location-copy-v122 h2{margin:0;max-width:690px;color:#f7fbff;font-size:clamp(34px,3vw,56px);line-height:1.02;letter-spacing:-.038em}
.location-copy-v122 h2 em{font-style:normal;color:#4edcff;text-shadow:0 0 28px rgba(78,220,255,.2)}
.location-copy-v122>p{max-width:660px;margin:18px 0 22px;color:rgba(228,240,252,.76);font-size:16px;line-height:1.7}
.location-card-v122{display:flex;align-items:center;gap:15px;width:min(100%,640px);padding:15px 17px;border:1px solid rgba(88,211,255,.2);border-radius:18px;background:linear-gradient(135deg,rgba(21,82,121,.18),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.location-pin-v122{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid rgba(65,214,255,.34);border-radius:14px;color:#5ae6ff;background:rgba(18,170,230,.09);box-shadow:0 0 24px rgba(24,178,234,.1)}
.location-pin-v122 svg{width:21px;height:21px}
.location-card-v122 div{display:grid;gap:2px}
.location-card-v122 small{color:#63def5;font-size:10px;font-weight:800;letter-spacing:.13em}
.location-card-v122 strong{color:#f5fbff;font-size:16px;line-height:1.35}
.location-card-v122 div>span{color:rgba(223,235,248,.58);font-size:12px}
.location-actions-v122{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.location-actions-v122 a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:800;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.location-actions-v122 svg{width:17px;height:17px}
.location-primary-v122{color:#021522!important;background:linear-gradient(135deg,#55e5ff,#20b8f0);box-shadow:0 12px 32px rgba(31,187,240,.18)}
.location-primary-v122:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(31,187,240,.28)}
.location-secondary-v122{color:#e8f8ff!important;border:1px solid rgba(83,215,255,.26);background:rgba(255,255,255,.025)}
.location-secondary-v122:hover{transform:translateY(-2px);border-color:rgba(83,215,255,.48);background:rgba(38,180,230,.065)}
.location-meta-v122{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;color:rgba(223,238,249,.57);font-size:11px;font-weight:700}
.location-meta-v122 span{display:inline-flex;align-items:center;gap:6px}.location-meta-v122 svg{width:14px;height:14px;color:#4fdcff}
.location-map-v122{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:370px;border:1px solid rgba(71,207,255,.17);border-radius:24px;background:#061322;box-shadow:0 18px 45px rgba(0,0,0,.3)}
.location-map-top-v122{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:0 17px;border-bottom:1px solid rgba(82,207,255,.12);background:linear-gradient(90deg,rgba(10,67,103,.43),rgba(5,22,39,.8));color:#cfeeff;font-size:11px;font-weight:800;letter-spacing:.12em}
.location-map-top-v122 span{display:flex;align-items:center;gap:8px}.location-map-top-v122 i{width:7px;height:7px;border-radius:50%;background:#43e0ff;box-shadow:0 0 11px #43e0ff}.location-map-top-v122 small{color:rgba(205,232,246,.48);font-size:10px;letter-spacing:.08em}
.location-map-frame-v122{position:relative;flex:1;min-height:330px;overflow:hidden;background:#081a2c}
.location-map-frame-v122 iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.82) contrast(1.06) brightness(.88)}
.location-map-frame-v122::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px rgba(2,15,28,.42)}
.location-map-badge-v122{position:absolute;left:15px;bottom:15px;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(118,225,255,.25);border-radius:15px;background:rgba(4,22,38,.87);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.location-map-badge-v122>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#42dcff;background:rgba(38,185,236,.12)}
.location-map-badge-v122 svg{width:17px;height:17px}.location-map-badge-v122 div{display:grid;gap:1px}.location-map-badge-v122 small{color:#51dfff;font-size:8px;font-weight:900;letter-spacing:.16em}.location-map-badge-v122 strong{color:#f3f9ff;font-size:12px}
@media (max-width:980px){
  .company-location-v122{width:min(100% - 26px,920px);margin:40px auto}
  .location-shell-v122{grid-template-columns:1fr;padding:22px;gap:20px}
  .location-copy-v122{padding:10px 5px 2px}.location-map-v122{min-height:360px}.location-copy-v122 h2{font-size:clamp(32px,7vw,48px)}
}
@media (max-width:600px){
  .company-location-v122{width:calc(100% - 20px);margin:32px auto}
  .location-shell-v122{padding:15px;border-radius:24px}.company-location-v122::before{border-radius:24px}
  .location-copy-v122{padding:12px 5px 3px}.location-copy-v122 h2{font-size:31px;max-width:330px}.location-copy-v122>p{font-size:14px;line-height:1.62;margin:14px 0 18px}
  .location-kicker-v122{font-size:9px;letter-spacing:.13em}.location-card-v122{padding:12px}.location-pin-v122{flex-basis:41px;width:41px;height:41px}.location-card-v122 strong{font-size:14px}
  .location-actions-v122{width:100%}.location-actions-v122 a{flex:1 1 100%;min-height:48px}.location-meta-v122{gap:8px 11px;font-size:10px}
  .location-map-v122{min-height:330px;border-radius:19px}.location-map-frame-v122{min-height:285px}.location-map-top-v122{padding:0 13px}.location-map-badge-v122{left:10px;bottom:10px}
}
@media (prefers-reduced-motion:reduce){.location-actions-v122 a{transition:none}}

/* company-location-neon-v123.css */
/* Göktuğ V123 — Neon map enhancement only. V122 layout/content remains untouched. */
.company-location-v122 .location-map-v122{
  overflow:visible;
  border-color:rgba(41,216,255,.46);
  background:linear-gradient(145deg,#031423,#061c31);
  box-shadow:
    0 20px 50px rgba(0,0,0,.34),
    0 0 0 1px rgba(32,201,255,.12),
    0 0 28px rgba(20,188,255,.17),
    inset 0 0 30px rgba(27,176,255,.055);
}
.company-location-v122 .location-map-v122::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:4;
  pointer-events:none;
  border-radius:26px;
  background:
    linear-gradient(90deg,#35e6ff 0 44px,transparent 44px calc(100% - 44px),#35e6ff calc(100% - 44px)) top/100% 2px no-repeat,
    linear-gradient(90deg,#35e6ff 0 44px,transparent 44px calc(100% - 44px),#35e6ff calc(100% - 44px)) bottom/100% 2px no-repeat,
    linear-gradient(#35e6ff 0 44px,transparent 44px calc(100% - 44px),#35e6ff calc(100% - 44px)) left/2px 100% no-repeat,
    linear-gradient(#35e6ff 0 44px,transparent 44px calc(100% - 44px),#35e6ff calc(100% - 44px)) right/2px 100% no-repeat;
  filter:drop-shadow(0 0 7px rgba(41,221,255,.82));
  opacity:.92;
}
.company-location-v122 .location-map-top-v122{
  position:relative;
  z-index:5;
  border-bottom-color:rgba(75,221,255,.26);
  background:
    linear-gradient(90deg,rgba(7,91,137,.58),rgba(3,25,44,.94) 58%,rgba(7,71,109,.48));
  box-shadow:inset 0 -1px 0 rgba(84,223,255,.08),0 8px 24px rgba(0,0,0,.12);
  color:#dff8ff;
  text-shadow:0 0 12px rgba(67,224,255,.16);
}
.company-location-v122 .location-map-top-v122 i{
  background:#44eeff;
  box-shadow:0 0 7px #44eeff,0 0 18px rgba(68,238,255,.8),0 0 0 5px rgba(68,238,255,.08);
  animation:gkMapDotPulse123 2.5s ease-in-out infinite;
}
.company-location-v122 .location-map-frame-v122{
  isolation:isolate;
  background:#03111f;
  border-radius:0 0 22px 22px;
}
.company-location-v122 .location-map-frame-v122 iframe{
  z-index:0;
  filter:
    invert(.91)
    hue-rotate(178deg)
    saturate(1.45)
    brightness(.72)
    contrast(1.18);
  transform:scale(1.012);
  transform-origin:center;
}
/* Cyan atmosphere over the iframe; controls remain clickable. */
.company-location-v122 .location-map-frame-v122::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 57% 52%,rgba(19,192,255,.18),transparent 19%),
    linear-gradient(180deg,rgba(0,179,255,.045),rgba(0,53,103,.075));
  box-shadow:
    inset 0 0 0 1px rgba(80,220,255,.12),
    inset 0 0 65px rgba(0,35,67,.42);
  mix-blend-mode:screen;
}
.company-location-v122 .location-map-frame-v122::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    repeating-linear-gradient(180deg,rgba(62,220,255,.025) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,transparent 0 46%,rgba(58,224,255,.12) 49%,rgba(58,224,255,.24) 50%,rgba(58,224,255,.08) 52%,transparent 55%);
  background-size:100% 100%,100% 210%;
  box-shadow:inset 0 0 78px rgba(1,12,25,.48);
  animation:gkMapScan123 8s linear infinite;
  opacity:.65;
}
.company-location-v122 .location-map-badge-v122{
  z-index:6;
  border-color:rgba(77,226,255,.48);
  background:linear-gradient(135deg,rgba(3,25,45,.94),rgba(5,46,71,.9));
  box-shadow:
    0 12px 30px rgba(0,0,0,.32),
    0 0 0 1px rgba(54,210,255,.08),
    0 0 24px rgba(29,196,255,.18),
    inset 0 1px 0 rgba(255,255,255,.055);
}
.company-location-v122 .location-map-badge-v122>span{
  color:#66efff;
  border:1px solid rgba(75,227,255,.22);
  background:rgba(24,185,242,.13);
  box-shadow:0 0 20px rgba(39,205,255,.14);
}
.company-location-v122 .location-map-badge-v122 small{
  color:#65edff;
  text-shadow:0 0 10px rgba(83,230,255,.28);
}
@keyframes gkMapScan123{
  0%{background-position:0 0,0 -105%}
  100%{background-position:0 0,0 105%}
}
@keyframes gkMapDotPulse123{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.23);opacity:.82}
}
@media (max-width:600px){
  .company-location-v122 .location-map-v122{
    box-shadow:0 16px 38px rgba(0,0,0,.3),0 0 18px rgba(20,188,255,.12),inset 0 0 22px rgba(27,176,255,.04);
  }
  .company-location-v122 .location-map-v122::before{opacity:.7;filter:drop-shadow(0 0 4px rgba(41,221,255,.56))}
  .company-location-v122 .location-map-frame-v122 iframe{filter:invert(.91) hue-rotate(178deg) saturate(1.25) brightness(.74) contrast(1.12)}
  .company-location-v122 .location-map-frame-v122::after{opacity:.38}
}
@media (prefers-reduced-motion:reduce){
  .company-location-v122 .location-map-top-v122 i,
  .company-location-v122 .location-map-frame-v122::after{animation:none}
}

/* company-location-popupfix-v126.css */
/* Göktuğ V126 — Google Maps business popup visual crop fix.
   The Google iframe is cross-origin, so its internal popup cannot be styled directly.
   We move only the map viewport upward while keeping the existing neon shell untouched. */
.company-location-v122 .location-map-frame-v122{
  overflow:hidden;
}
.company-location-v122 .location-map-frame-v122 iframe{
  top:-148px !important;
  bottom:auto !important;
  height:calc(100% + 148px) !important;
  transform:scale(1.012) !important;
  transform-origin:center center !important;
}

/* On narrower screens Google draws a slightly taller business card. */
@media (max-width:980px){
  .company-location-v122 .location-map-frame-v122 iframe{
    top:-162px !important;
    height:calc(100% + 162px) !important;
  }
}

@media (max-width:600px){
  .company-location-v122 .location-map-frame-v122 iframe{
    top:-142px !important;
    height:calc(100% + 142px) !important;
  }
}

/* company-location-clean-v129.css */
/* Göktuğ V129 — temiz ve kontrollü neon. Google haritasının kendi pin/yazısına dokunmaz. */
.company-location-v122 .location-map-v122{
  position:relative;
  overflow:hidden;
  border-color:rgba(34,219,255,.72);
  box-shadow:
    0 0 0 1px rgba(24,205,255,.16) inset,
    0 0 22px rgba(0,209,255,.12),
    0 18px 42px rgba(0,0,0,.28);
}

/* Çerçevede sakin bir neon nefes efekti */
.company-location-v122 .location-map-v122::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:
    inset 0 0 24px rgba(0,216,255,.08),
    inset 0 0 2px rgba(255,255,255,.12);
  animation:goktugMapBreath129 4.8s ease-in-out infinite;
}

.company-location-v122 .location-map-top-v122{
  text-shadow:0 0 10px rgba(38,226,255,.22);
}
.company-location-v122 .location-map-top-v122 span i{
  box-shadow:
    0 0 8px rgba(69,238,255,.8),
    0 0 18px rgba(0,208,255,.38);
  animation:goktugDotPulse129 2.2s ease-in-out infinite;
}

/* Alttaki şirket konumu kartını vurgula; yazının üstüne binmez */
.company-location-v122 .location-map-badge-v122{
  border:1px solid rgba(65,231,255,.76);
  background:linear-gradient(135deg,rgba(5,42,70,.94),rgba(4,26,48,.90));
  box-shadow:
    0 0 0 1px rgba(0,213,255,.08) inset,
    0 0 14px rgba(0,218,255,.24),
    0 0 28px rgba(0,177,255,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.company-location-v122 .location-map-badge-v122 > span{
  box-shadow:0 0 14px rgba(0,221,255,.28);
}
.company-location-v122 .location-map-badge-v122 strong{
  text-shadow:0 0 10px rgba(49,225,255,.18);
}

/* Köşelerde ince ışık vurgusu */
.company-location-v122 .location-map-frame-v122::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg,rgba(40,229,255,.95),transparent 15%) top left/34% 2px no-repeat,
    linear-gradient(180deg,rgba(40,229,255,.90),transparent 18%) top left/2px 34% no-repeat,
    linear-gradient(270deg,rgba(40,229,255,.78),transparent 15%) bottom right/30% 2px no-repeat,
    linear-gradient(0deg,rgba(40,229,255,.72),transparent 18%) bottom right/2px 30% no-repeat;
  opacity:.56;
}

@keyframes goktugMapBreath129{
  0%,100%{opacity:.55}
  50%{opacity:.9}
}
@keyframes goktugDotPulse129{
  0%,100%{transform:scale(1);opacity:.8}
  50%{transform:scale(1.18);opacity:1}
}

@media(max-width:700px){
  .company-location-v122 .location-map-v122::after{animation:none;opacity:.65}
  .company-location-v122 .location-map-badge-v122{box-shadow:0 0 12px rgba(0,218,255,.18)}
}
@media(prefers-reduced-motion:reduce){
  .company-location-v122 .location-map-v122::after,
  .company-location-v122 .location-map-top-v122 span i{animation:none}
}

/* company-location-spotlight-v130.css */
/* Göktuğ V130 — haritadaki şirket pin bölgesine temiz neon spotlight.
   Google iframe içeriğine dokunmaz; ikinci yazı/pin üretmez. */
.company-location-v122 .location-map-frame-v122{
  isolation:isolate;
}

/* Google haritası altta */
.company-location-v122 .location-map-frame-v122 iframe{
  z-index:0;
}

/* Şirket konumunun bulunduğu bölgeye yumuşak neon aura */
.company-location-v122 .location-map-frame-v122::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 49% 31%, rgba(255,58,151,.34) 0 2.5%, rgba(255,58,151,.17) 5%, transparent 12%),
    radial-gradient(circle at 49% 31%, rgba(31,224,255,.27) 0 7%, rgba(0,170,255,.13) 14%, transparent 25%),
    radial-gradient(ellipse at 49% 31%, rgba(71,226,255,.11) 0 18%, transparent 38%);
  mix-blend-mode:screen;
  filter:saturate(1.15);
  animation:goktugLocationAura130 2.8s ease-in-out infinite;
}

/* İnce ışık huzmesi: labelın üstüne sert çizgi bindirmez */
.company-location-v122 .location-map-frame-v122{
  background:#061422;
}
.company-location-v122 .location-map-frame-v122 .location-map-badge-v122{
  z-index:3;
}

/* Harita çerçevesini bir kademe daha görünür yap */
.company-location-v122 .location-map-v122{
  box-shadow:
    0 0 0 1px rgba(67,229,255,.20) inset,
    0 0 22px rgba(0,211,255,.22),
    0 0 52px rgba(0,145,255,.10),
    0 18px 42px rgba(0,0,0,.30);
}

/* Sol alttaki şirket konumu kartı da aynı vurgu dilini taşır */
.company-location-v122 .location-map-badge-v122{
  box-shadow:
    0 0 0 1px rgba(66,229,255,.18) inset,
    0 0 16px rgba(0,224,255,.30),
    0 0 34px rgba(0,154,255,.14),
    0 10px 28px rgba(0,0,0,.30);
}

@keyframes goktugLocationAura130{
  0%,100%{opacity:.68;transform:scale(1)}
  50%{opacity:1;transform:scale(1.018)}
}

@media(max-width:900px){
  .company-location-v122 .location-map-frame-v122::after{
    background:
      radial-gradient(circle at 49% 31%, rgba(255,58,151,.30) 0 2.5%, rgba(255,58,151,.14) 5%, transparent 11%),
      radial-gradient(circle at 49% 31%, rgba(31,224,255,.22) 0 7%, rgba(0,170,255,.10) 14%, transparent 24%);
  }
}

@media(prefers-reduced-motion:reduce){
  .company-location-v122 .location-map-frame-v122::after{animation:none;opacity:.86}
}

/* region-labels-v131.css */
/* V131 — yalnız Türkiye haritasındaki şehir etiketlerinin rengi/görünümü.
   Rotalar, hareketli noktalar, konumlar ve harita animasyonları değiştirilmez. */

.region-map-spot span{
  color:#f7fbff !important;
  background:
    linear-gradient(180deg,rgba(10,39,70,.96),rgba(4,23,45,.97)) !important;
  border:1px solid rgba(58,204,255,.72) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 7px 18px rgba(0,0,0,.22),
    0 0 12px rgba(20,174,255,.15) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.45) !important;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}

.region-map-spot:hover span,
.region-map-spot.gk-map-active span,
.region-map-spot.gk-v103-region-active span,
.region-map-spot.gk-v112-route-focus span{
  color:#fff !important;
  background:linear-gradient(180deg,rgba(10,58,96,.98),rgba(5,31,59,.98)) !important;
  border-color:rgba(102,225,255,.96) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 8px 22px rgba(0,0,0,.24),
    0 0 18px rgba(56,194,255,.30) !important;
}

/* Ankara merkez: aynı tasarım dili, sadece biraz daha güçlü cyan vurgu. */
.region-map-spot.spot-ankara span{
  background:linear-gradient(180deg,rgba(6,82,122,.98),rgba(4,42,76,.98)) !important;
  border-color:rgba(105,236,255,.98) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 8px 22px rgba(0,0,0,.24),
    0 0 16px rgba(37,208,255,.32) !important;
}

.region-map-spot.spot-ankara:hover span,
.region-map-spot.spot-ankara.gk-map-active span,
.region-map-spot.spot-ankara.gk-v103-region-active span,
.region-map-spot.spot-ankara.gk-v112-route-focus span{
  background:linear-gradient(180deg,rgba(8,103,146,.99),rgba(4,52,88,.99)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    0 9px 24px rgba(0,0,0,.24),
    0 0 22px rgba(52,216,255,.42) !important;
}

@media (prefers-reduced-motion: reduce){
  .region-map-spot span{transition:none !important}
}

/* region-globe-v132.css */
/* V132 — YALNIZCA Türkiye hizmet haritasının arka plan görsel katmanı.
   Şehir noktaları, etiketler, rotalar, hareketli ışıklar ve mevcut SVG harita değiştirilmez. */

.regions-map-card.region-map-live{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

/* Dijital küre / dünya ağı: mevcut haritanın ÜZERİNE çok düşük yoğunlukta,
   fakat rota ve etiketlerin ALTINDA çalışır. */
.regions-map-card.region-map-live::before{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  left:-8%;
  right:-8%;
  top:-20%;
  height:78%;
  opacity:.62;
  background:
    radial-gradient(ellipse at 50% 100%, transparent 0 46%, rgba(53,209,255,.34) 46.35% 46.8%, transparent 47.1% 100%),
    radial-gradient(ellipse at 50% 100%, transparent 0 55%, rgba(18,138,255,.22) 55.25% 55.65%, transparent 56% 100%),
    radial-gradient(ellipse at 50% 100%, transparent 0 65%, rgba(44,218,255,.14) 65.25% 65.55%, transparent 65.9% 100%),
    repeating-radial-gradient(ellipse at 50% 100%, transparent 0 16px, rgba(43,185,255,.075) 17px 18px, transparent 19px 36px);
  filter:drop-shadow(0 0 18px rgba(0,164,255,.18));
  mix-blend-mode:screen;
}

/* Kürenin yatay/dikey veri çizgileri ve yıldız noktaları. */
.regions-map-card.region-map-live::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  inset:0;
  opacity:.52;
  background:
    radial-gradient(circle at 11% 23%,rgba(105,232,255,.95) 0 1px,transparent 2px),
    radial-gradient(circle at 28% 16%,rgba(45,172,255,.8) 0 1px,transparent 2px),
    radial-gradient(circle at 47% 12%,rgba(121,236,255,.9) 0 1.2px,transparent 2.2px),
    radial-gradient(circle at 67% 19%,rgba(42,159,255,.75) 0 1px,transparent 2px),
    radial-gradient(circle at 84% 28%,rgba(104,231,255,.85) 0 1px,transparent 2px),
    linear-gradient(90deg,transparent 0 8%,rgba(30,153,255,.045) 8.2% 8.35%,transparent 8.55% 18%,rgba(44,205,255,.04) 18.2% 18.35%,transparent 18.55% 100%),
    linear-gradient(0deg,transparent 0 16%,rgba(31,184,255,.045) 16.2% 16.35%,transparent 16.55% 31%,rgba(42,198,255,.04) 31.2% 31.35%,transparent 31.55% 100%),
    radial-gradient(ellipse at 50% 30%,rgba(0,126,255,.16),transparent 54%);
  mix-blend-mode:screen;
}

/* Mevcut harita resmi arka planın üzerinde, fakat rota ve etiketlerin altında. */
.regions-map-card.region-map-live > img{
  position:relative;
  z-index:2;
  filter:drop-shadow(0 0 14px rgba(23,177,255,.16));
}

/* Mevcut katmanların sırası korunur; yalnız küre bunların altına yerleşir. */
.regions-map-card.region-map-live .region-route-layer{
  position:absolute;
  z-index:3;
}
.regions-map-card.region-map-live .regions-map-overlay{
  position:absolute;
  z-index:4;
}
.regions-map-card.region-map-live .regions-map-legend{
  position:absolute;
  z-index:5;
}

/* Üst tarafta hafif atmosferik parıltı. */
.regions-map-card.region-map-live{
  background:
    radial-gradient(ellipse at 50% 5%,rgba(0,155,255,.13),transparent 48%),
    linear-gradient(180deg,rgba(3,24,49,.98),rgba(2,18,38,.98));
  box-shadow:
    inset 0 0 42px rgba(0,104,210,.08),
    0 0 0 1px rgba(43,194,255,.08);
}

@media (max-width:760px){
  .regions-map-card.region-map-live::before{opacity:.42;top:-15%;height:70%}
  .regions-map-card.region-map-live::after{opacity:.36}
}

@media (prefers-reduced-motion:reduce){
  .regions-map-card.region-map-live::before,
  .regions-map-card.region-map-live::after{animation:none!important}
}


/* Lens Simulator v58 */
.lens-panel .deep-copy>p b{color:#dff8ff}.lens-quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.lens-quick button{border:1px solid rgba(78,210,255,.34);background:linear-gradient(180deg,rgba(8,42,67,.88),rgba(4,22,39,.92));color:#aeeaff;border-radius:10px;padding:9px 11px;font:inherit;font-size:10px;font-weight:900;cursor:pointer;box-shadow:inset 0 0 14px rgba(0,179,255,.05)}.lens-quick button:hover,.lens-quick button.is-active{color:#fff;border-color:#64e7ff;box-shadow:0 0 16px rgba(33,201,255,.22),inset 0 0 18px rgba(39,201,255,.12)}.lens-customer-note{display:flex;gap:9px;align-items:center;margin-top:15px;padding:11px 12px;border:1px solid rgba(89,213,255,.22);border-radius:12px;background:rgba(14,72,103,.18);color:#9fc5d8;font-size:10px;line-height:1.5}.lens-customer-note i{width:8px;height:8px;border-radius:50%;background:#54e8ff;box-shadow:0 0 12px #54e8ff;flex:0 0 auto}.lens-customer-note b{color:#fff}.lens-simulator{border:1px solid rgba(78,205,255,.35);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(13,92,136,.2),transparent 44%),rgba(3,15,27,.92);padding:13px;box-shadow:0 0 30px rgba(0,156,255,.08),inset 0 0 30px rgba(0,132,255,.04)}.lens-screen{height:285px;position:relative;overflow:hidden;border-radius:15px;border:1px solid rgba(78,217,255,.42);background:#06131e;box-shadow:inset 0 0 45px rgba(0,0,0,.45),0 0 18px rgba(0,192,255,.12)}.lens-screen img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .12s linear;filter:saturate(.92) contrast(1.06) brightness(.78)}.lens-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 48%,rgba(1,9,16,.18) 72%,rgba(1,8,15,.68) 100%);box-shadow:inset 0 0 0 1px rgba(107,229,255,.1)}.lens-hud{position:absolute;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;color:#b9f3ff;font:800 9px/1 system-ui;letter-spacing:.1em;text-shadow:0 0 8px #00b9ff}.lens-hud b{color:#63ffc0}.lens-reticle{position:absolute;left:50%;top:50%;width:84px;height:58px;transform:translate(-50%,-50%);border:1px solid rgba(100,235,255,.72);border-radius:8px;box-shadow:0 0 14px rgba(39,211,255,.18)}.lens-reticle:before,.lens-reticle:after{content:"";position:absolute;background:#68eaff;box-shadow:0 0 8px #36dfff}.lens-reticle:before{width:18px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}.lens-reticle:after{width:1px;height:18px;left:50%;top:50%;transform:translate(-50%,-50%)}.lens-fov{position:absolute;left:12px;bottom:10px}.lens-fov span{display:inline-block;padding:6px 8px;border:1px solid rgba(81,226,255,.45);border-radius:7px;background:rgba(1,21,35,.72);color:#d4f9ff;font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 12px rgba(0,190,255,.12)}.lens-control{margin-top:12px;padding:12px 13px;border:1px solid rgba(71,181,231,.22);border-radius:13px;background:linear-gradient(180deg,rgba(7,32,51,.9),rgba(4,20,34,.92))}.lens-control-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:9px;color:#5e8ca7;font-size:8px;font-weight:900;letter-spacing:.08em}.lens-control-top span:last-child{text-align:right}.lens-control-top strong{color:#e6fbff;font-size:11px;letter-spacing:.04em;text-shadow:0 0 10px rgba(65,221,255,.35)}.lens-control-top strong b{color:#66eaff;font-size:16px}.lens-control input{width:100%;accent-color:#53dfff;cursor:ew-resize}.lens-scale{display:flex;justify-content:space-between;color:#577d93;font-size:8px;margin-top:3px}.lens-readout{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;margin-top:10px}.lens-readout>div{min-width:0;padding:10px;border:1px solid rgba(67,164,211,.18);border-radius:10px;background:rgba(5,25,40,.72)}.lens-readout small,.lens-readout b{display:block}.lens-readout small{color:#658da4;font-size:8px;margin-bottom:4px}.lens-readout b{color:#d8f7ff;font-size:9px;line-height:1.35}.lens-explain{margin:10px 2px 0;color:#86afc4;font-size:9px;line-height:1.55}.lens-simulator:after{content:"";display:block;height:1px;margin-top:10px;background:linear-gradient(90deg,transparent,#35d9ff,rgba(161,72,255,.8),transparent);opacity:.5;box-shadow:0 0 10px #35d9ff}
@media(max-width:760px){.lens-screen{height:220px}.lens-readout{grid-template-columns:1fr 1fr}.lens-readout>div:last-child{grid-column:1/-1}.lens-control-top{font-size:7px}.lens-quick button{flex:1 1 calc(50% - 7px)}}