/*
Theme Name: IMMOTEK Child LAYOUT (Brief + Apple TV) v1.2
Template: hello-elementor
Version: 1.2.0
Description: Single-line header + geo company + geo language + flags + cookie proof. Data from /bo/*.json
Author: IMMOTEK
*/
:root{--bg:#04060a;--panel:rgba(255,255,255,.05);--stroke:rgba(255,255,255,.10);--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.66);--muted2:rgba(255,255,255,.46);--accent:#58A6FF;--accentGlow:rgba(88,166,255,.18);--radius:22px;--max:1160px;}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 18px}
.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(4,6,10,.55);border-bottom:1px solid rgba(255,255,255,.06)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;min-height:64px;white-space:nowrap}
.brand{display:flex;gap:10px;align-items:center;min-width:240px}
.brandLogo{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);display:grid;place-items:center;box-shadow:0 18px 50px rgba(0,0,0,.35);overflow:hidden}
.brandLogo img{width:28px;height:28px;object-fit:contain}
.brand__txt .bname{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;letter-spacing:.02em;line-height:1}
.brand__txt .bsub{font-size:11px;color:rgba(255,255,255,.55);margin-top:3px;line-height:1.2}
.centerTitle{flex:1;text-align:center;min-width:240px}
.centerTitle .t1{font-family:"Space Grotesk",Inter,sans-serif;font-weight:600;letter-spacing:.10em;text-transform:uppercase;font-size:11px;color:rgba(255,255,255,.78)}
.centerTitle .t2{font-size:10px;color:rgba(255,255,255,.52);margin-top:3px}
.navWrap{display:flex;align-items:center;gap:10px;min-width:360px;justify-content:flex-end}
.nav{display:flex;gap:10px;align-items:center}
.nav a{font-size:12px;color:rgba(255,255,255,.78);padding:8px 6px;border-radius:10px}
.nav a:hover{background:rgba(255,255,255,.04);color:var(--text)}
.lang{position:relative}
.langBtn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:rgba(255,255,255,.86);font-size:12px;cursor:pointer}
.langMenu{position:absolute;right:0;top:44px;min-width:160px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(10,12,18,.92);box-shadow:0 26px 70px rgba(0,0,0,.55);padding:6px;display:none}
.langMenu.show{display:block}
.langItem{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:12px;color:rgba(255,255,255,.82);cursor:pointer}
.langItem:hover{background:rgba(255,255,255,.06)}
.flag{font-size:16px}
.burger{display:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);cursor:pointer}
.burger span{display:block;height:2px;width:18px;background:rgba(255,255,255,.72);margin:4px auto;border-radius:4px}
.mobileNav{display:none;padding:10px 16px 16px;border-top:1px solid rgba(255,255,255,.06);background:rgba(4,6,10,.55);backdrop-filter:blur(14px)}
.mobileNav a{display:block;padding:12px 10px;border-radius:14px;color:rgba(255,255,255,.78)}
.mobileNav a:hover{background:rgba(255,255,255,.04);color:var(--text)}
.mobileNav.show{display:block}
@media (max-width:1120px){.centerTitle{display:none}}
@media (max-width:980px){.nav{display:none}.burger{display:block}.brand{min-width:auto}.navWrap{min-width:auto}}
.hero{position:relative;min-height:100vh;overflow:hidden}
.slideBg{position:absolute;inset:-6vh -6vw;background-size:cover;background-position:center;will-change:transform;filter:saturate(1.04) contrast(1.03)}
.slideBg.ken{animation:kenBurns 20s ease-in-out infinite alternate}
@keyframes kenBurns{0%{transform:scale(1.14) translate3d(0,0,0)}100%{transform:scale(1.02) translate3d(-22px,12px,0)}}
@media (prefers-reduced-motion: reduce){.slideBg.ken{animation:none !important;transform:none !important}}
.heroOverlay{position:absolute;inset:0;background:radial-gradient(900px 520px at 20% 20%, rgba(88,166,255,.18), transparent 60%),linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.78))}
.heroContent{position:relative;z-index:2;min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:flex-end;padding:0 18px 34px}
.heroTitle{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-0.02em;text-align:center;margin:0}
.heroPlace{margin-top:10px;text-align:center;color:rgba(255,255,255,.75);font-size:14px}
.kpis{margin-top:18px;display:flex;justify-content:center;gap:26px;flex-wrap:wrap;color:rgba(255,255,255,.82)}
.kpi{display:flex;gap:10px;align-items:baseline}
.kpi .k{font-size:12px;color:rgba(255,255,255,.58)}
.kpi .v{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:18px}
.sliderUI{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 18px}
.arrow{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer}
.arrow:hover{background:rgba(255,255,255,.06)}
.dots{display:flex;gap:10px;align-items:center}
.dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10);opacity:.75;cursor:pointer}
.dot.active{width:22px;background:rgba(88,166,255,.70);border-color:rgba(88,166,255,.85);opacity:1}
.section{padding:70px 0}.section h2{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:28px}.section .lead{margin-top:10px;color:rgba(255,255,255,.66);max-width:78ch;line-height:1.7}
.card{border-radius:22px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);padding:14px}
.counters{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}
@media (max-width:980px){.counters{grid-template-columns:1fr}}
.counter{border-radius:22px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);padding:14px}
.counter .k{color:rgba(255,255,255,.46);font-size:12px}
.counter .v{margin-top:10px;font-family:"Space Grotesk",Inter,sans-serif;font-weight:800;font-size:22px}
.logoRow{display:flex;gap:12px;overflow:auto;padding:12px 0;scroll-snap-type:x mandatory}
.logoCard{flex:0 0 170px;scroll-snap-align:start;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}
.logoCard img{max-width:130px;max-height:60px;object-fit:contain;filter:grayscale(1);opacity:.95}
.logoCard .lname{font-size:12px;color:rgba(255,255,255,.78);text-align:center}
.subhead{margin-top:16px;color:rgba(255,255,255,.78);font-weight:600;font-family:"Space Grotesk",Inter,sans-serif}
.footer{padding:34px 0;border-top:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.52);font-size:12px}
.cookieBar{position:fixed;left:18px;right:18px;bottom:18px;z-index:9999;display:none}
.cookieBar.show{display:block}
.cookieCard{max-width:680px;margin:0 auto;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(10,12,18,.92);backdrop-filter:blur(14px);box-shadow:0 26px 70px rgba(0,0,0,.55);padding:12px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookieMsg{color:rgba(255,255,255,.80);font-size:13px;line-height:1.4}
.cookieBtn{padding:10px 12px;border-radius:14px;border:1px solid rgba(88,166,255,.45);background:linear-gradient(135deg, rgba(88,166,255,.95), rgba(88,166,255,.55));color:#06101f;font-weight:700;cursor:pointer}