: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}}