:root {
  --bg: #05060a;
  --bg-2: #0b0c12;
  --text: #f5f5f7;
  --muted: #a1a1a6;
  --ink: #161617;
  --paper: #f5f5f7;
  --soft: #ebedf2;
  --cyan: #12d9c4;
  --blue: #1d9bf0;
  --violet: #8d3bff;
  --purple: #6200ee;
  --max: 1240px;
  --radius: 30px;
  --shadow: 0 30px 90px rgba(0,0,0,.18);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.narrow { max-width: 920px; }
.section-dark, .section-black { color: var(--text); background: var(--bg); }
.section-black { background: #000; }
.section-light { background: var(--paper); }
.section-soft { background: var(--soft); }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 1000; padding: 10px 14px; background: white; color: black; border-radius: 99px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: fixed; inset: 0 0 auto; z-index: 100;
  background: rgba(5,6,10,.78); backdrop-filter: saturate(180%) blur(22px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  transition: background .25s ease, box-shadow .25s ease;
}
.site-header.scrolled { background: rgba(5,6,10,.82); box-shadow: 0 8px 30px rgba(0,0,0,.18); }
.nav-shell { height: 66px; width: min(calc(100% - 40px), var(--max)); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.brand img { width: 218px; height: auto; }
.nav-links { display: flex; align-items: center; gap: 24px; color: rgba(255,255,255,.92); font-size: 12px; font-weight: 600; letter-spacing: .01em; }
.nav-links a { transition: color .2s ease, opacity .2s ease; }
.nav-links a:hover { color: white; }
.nav-cta { padding: 8px 14px; border-radius: 99px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.16); font-size: 11px; line-height: 1.1; white-space: nowrap; }
.menu-toggle { display: none; width: 38px; height: 38px; border: 0; background: transparent; position: relative; }
.menu-toggle span { position: absolute; left: 9px; right: 9px; height: 1.5px; background: white; transition: transform .25s ease, top .25s ease; }
.menu-toggle span:first-child { top: 14px; }
.menu-toggle span:last-child { top: 22px; }

.hero { min-height: 980px; position: relative; overflow: hidden; padding: 150px 0 80px; background:
  radial-gradient(circle at 68% 35%, rgba(109,39,255,.24), transparent 34%),
  radial-gradient(circle at 28% 20%, rgba(0,214,202,.13), transparent 30%),
  linear-gradient(155deg, #06070b 0%, #06070b 40%, #10111a 100%); }
.hero::before { content:""; position:absolute; inset:0; opacity:.18; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:64px 64px; mask-image: linear-gradient(to bottom,rgba(0,0,0,.65),transparent 82%); }
.orb { position:absolute; border-radius:50%; filter: blur(2px); pointer-events:none; }
.orb-one { width: 480px; height:480px; top:-160px; right:-90px; background:radial-gradient(circle at 35% 35%,rgba(80,255,238,.4),rgba(134,45,255,.2) 45%,transparent 71%); }
.orb-two { width: 380px; height:380px; left:-180px; bottom:100px; background:radial-gradient(circle,rgba(17,216,197,.22),transparent 68%); }
.hero-grid { position:relative; display:grid; grid-template-columns: .93fr 1.07fr; align-items:center; gap:38px; min-height:660px; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { margin:0 0 20px; font-size:12px; font-weight:750; letter-spacing:.18em; color:#7ff5e8; }
.eyebrow.dark { color:#4c4c52; }
.hero h1 { margin:0; font-size:clamp(72px,8.2vw,132px); line-height:.88; letter-spacing:-.065em; font-weight:750; }
.hero h1 span { background:linear-gradient(90deg,#fff 8%,#b0fff5 48%,#a67cff 90%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-lead { max-width:650px; margin:34px 0 0; color:#c6c6ca; font-size:clamp(20px,2vw,28px); line-height:1.35; letter-spacing:-.025em; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:36px; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:99px; font-size:16px; font-weight:650; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#00110f; background:linear-gradient(135deg,#9affef,#18d7c5); box-shadow:0 14px 42px rgba(21,216,197,.24); }
.button-ghost { color:white; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.07); }
.hero-note { margin-top:20px; color:#7f8087; font-size:13px; }

.device-stage { position:relative; height:620px; min-width:0; }
.device-glow { position:absolute; width:520px; height:360px; top:125px; left:50%; transform:translateX(-48%); border-radius:50%; background:radial-gradient(ellipse,rgba(112,48,255,.44),rgba(28,195,255,.11) 50%,transparent 72%); filter:blur(30px); }
.tv-device { position:absolute; width:min(92%,650px); top:80px; left:50%; transform:translateX(-47%); z-index:2; perspective:1200px; }
.tv-screen { aspect-ratio:16/9; position:relative; overflow:hidden; border:8px solid #23242b; border-radius:22px; background:
  radial-gradient(circle at 75% 25%,rgba(139,57,255,.48),transparent 26%),
  linear-gradient(135deg,#0b121b,#171429 46%,#08090e); box-shadow:0 45px 100px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.06) inset; transform:rotateY(-5deg) rotateX(1deg); }
.tv-screen::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.09) 44%,transparent 59%); transform:translateX(-80%); animation:screenSheen 7s infinite 1.5s; }
.screen-noise { position:absolute; inset:0; opacity:.1; background-image:radial-gradient(circle,white .8px,transparent .9px); background-size:18px 18px; mask-image:linear-gradient(to right,transparent,black 30%,black 70%,transparent); }
.tv-screen img { position:absolute; width:52%; left:50%; top:43%; transform:translate(-50%,-50%); }
.tv-screen p { position:absolute; left:0; right:0; top:58%; margin:0; text-align:center; color:rgba(255,255,255,.66); font-size:14px; }
.progress { position:absolute; left:14%; right:14%; bottom:13%; height:3px; background:rgba(255,255,255,.18); border-radius:99px; overflow:hidden; }
.progress span { display:block; width:44%; height:100%; background:linear-gradient(90deg,var(--cyan),var(--violet)); }
.tv-neck { width:34px; height:60px; margin:-2px auto 0; background:linear-gradient(90deg,#5d606b,#d4d5dc 50%,#5d606b); clip-path:polygon(30% 0,70% 0,100% 100%,0 100%); }
.tv-foot { width:220px; height:12px; margin:-2px auto 0; border-radius:50%; background:linear-gradient(90deg,#363842,#d7d8dd 50%,#363842); box-shadow:0 15px 25px rgba(0,0,0,.5); }
.phone-device { position:absolute; width:154px; height:315px; right:3%; bottom:20px; z-index:4; border:6px solid #25262d; border-radius:34px; background:#0c0d12; box-shadow:0 34px 70px rgba(0,0,0,.5); transform:rotate(7deg); overflow:hidden; }
.phone-device::before { content:""; position:absolute; inset:6px; border-radius:25px; background:linear-gradient(155deg,#1b2540,#0a0b10 55%,#4f218c); }
.phone-island { position:absolute; z-index:2; top:12px; left:50%; transform:translateX(-50%); width:54px; height:15px; border-radius:20px; background:#020205; }
.phone-content { position:absolute; inset:42px 18px 18px; z-index:2; color:white; }
.phone-content strong,.phone-content small { display:block; }
.phone-content strong { margin-top:14px; font-size:19px; letter-spacing:-.03em; }
.phone-content small { margin-top:4px; color:#aaaab2; }
.mini-live { display:inline-flex; padding:4px 7px; border-radius:6px; background:#ff3b30; font-size:9px; font-weight:800; }
.mini-card { height:102px; border-radius:14px; margin-top:19px; background:radial-gradient(circle at 70% 30%,#9d5dff,transparent 32%),linear-gradient(145deg,#0dcdbd,#18203b 60%); }
.mini-row { display:flex; gap:6px; margin-top:12px; }
.mini-row i { flex:1; height:40px; background:rgba(255,255,255,.1); border-radius:8px; }
.tablet-device { position:absolute; width:330px; height:215px; left:2%; bottom:12px; z-index:3; border:6px solid #272830; border-radius:25px; background:linear-gradient(145deg,#101219,#1d1534); box-shadow:0 30px 70px rgba(0,0,0,.48); transform:rotate(-9deg); overflow:hidden; }
.tablet-content { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; background:radial-gradient(circle at 70% 20%,rgba(21,221,201,.4),transparent 34%),linear-gradient(130deg,transparent,#4a2581); }
.tablet-content span { width:max-content; padding:5px 9px; border-radius:99px; background:rgba(255,255,255,.12); font-size:11px; }
.tablet-content strong { margin-top:12px; color:white; font-size:25px; letter-spacing:-.04em; }
.tablet-content small { margin-top:6px; color:#c4c2cc; }
@keyframes screenSheen { 0%,55%{transform:translateX(-80%)} 75%,100%{transform:translateX(100%)} }
.stat-strip { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.1); padding-top:34px; }
.stat-strip div { padding:0 28px; border-left:1px solid rgba(255,255,255,.1); }
.stat-strip div:first-child { border-left:0; padding-left:0; }
.stat-strip strong { display:block; font-size:38px; letter-spacing:-.04em; }
.stat-strip span { display:block; margin-top:5px; color:#8f9098; font-size:14px; }

.intro { padding:140px 0 120px; }
.intro h2,.feature h2,.screens h2,.services h2,.players h2,.vision h2,.contact h2 { margin:0; font-size:clamp(48px,6vw,88px); line-height:.98; letter-spacing:-.06em; }
.display-copy { margin:32px 0 0; font-size:clamp(24px,3vw,43px); line-height:1.24; letter-spacing:-.04em; color:#3b3b40; }
.about-grid { margin-top:78px; display:grid; grid-template-columns:1.15fr .85fr; gap:22px; }
.about-card { min-height:430px; position:relative; overflow:hidden; padding:42px; border-radius:var(--radius); box-shadow:var(--shadow); }
.about-card h3 { margin:95px 0 15px; max-width:500px; font-size:clamp(34px,4vw,56px); line-height:1; letter-spacing:-.055em; }
.about-card p { max-width:520px; font-size:18px; line-height:1.55; }
.card-index { font-size:13px; letter-spacing:.12em; opacity:.58; }
.about-card-dark { color:white; background:#101116; }
.about-card-dark p { color:#b9bac0; }
.about-card-gradient { color:white; background:linear-gradient(145deg,#0bbfae,#365edc 52%,#7b2af6); }
.about-card-gradient p { color:rgba(255,255,255,.82); }
.about-card-white { grid-column:1 / -1; min-height:390px; background:white; }
.about-card-white h3 { margin-top:72px; }
.line-art { position:absolute; right:-20px; top:35px; width:50%; height:240px; opacity:.6; }
.line-art i { position:absolute; left:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); transform-origin:right; }
.line-art i:nth-child(1){top:30%;transform:rotate(12deg)} .line-art i:nth-child(2){top:44%;transform:rotate(-8deg)} .line-art i:nth-child(3){top:58%;transform:rotate(16deg)} .line-art i:nth-child(4){top:72%;transform:rotate(-16deg)}
.pulse-rings { position:absolute; right:-100px; top:-100px; width:400px; height:400px; }
.pulse-rings i { position:absolute; inset:0; margin:auto; border:1px solid rgba(255,255,255,.34); border-radius:50%; }
.pulse-rings i:nth-child(2){inset:60px}.pulse-rings i:nth-child(3){inset:120px}
.market-grid { position:absolute; right:55px; top:55px; width:360px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.market-grid i { aspect-ratio:1.5; border-radius:14px; background:linear-gradient(135deg,#e5e7ee,#fafafa); box-shadow:inset 0 0 0 1px rgba(0,0,0,.05); }
.market-grid i:nth-child(2),.market-grid i:nth-child(5){background:linear-gradient(135deg,#b7fff7,#a9c7ff)}
.market-grid i:nth-child(3),.market-grid i:nth-child(6){background:linear-gradient(135deg,#d7c4ff,#f4eaff)}

.feature { padding:140px 0; position:relative; overflow:hidden; }
.feature::before { content:""; position:absolute; width:700px; height:700px; border-radius:50%; right:-300px; top:-220px; background:radial-gradient(circle,rgba(110,38,255,.32),transparent 68%); }
.feature-heading { position:relative; z-index:2; text-align:center; max-width:1000px; }
.feature-heading p:last-child { max-width:760px; margin:32px auto 0; color:#a5a5ac; font-size:20px; line-height:1.55; }
.codec-visual { height:620px; position:relative; margin-top:70px; }
.codec-core { position:absolute; z-index:4; left:50%; top:50%; width:190px; height:190px; transform:translate(-50%,-50%); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; background:radial-gradient(circle at 35% 25%,#31333d,#0a0b10 62%); border:1px solid rgba(255,255,255,.16); box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 90px rgba(24,213,195,.25); }
.core-logo { width:70px; height:70px; display:grid; place-items:center; border-radius:22px; background:rgba(255,255,255,.06); }
.core-logo img { width:48px; }
.codec-core span { font-size:12px; font-weight:700; letter-spacing:.14em; color:#bfc0c5; }
.codec { position:absolute; z-index:3; width:220px; height:136px; border:1px solid rgba(255,255,255,.11); border-radius:25px; padding:32px; background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); backdrop-filter:blur(10px); box-shadow:0 25px 60px rgba(0,0,0,.35); }
.codec strong { display:block; font-size:31px; letter-spacing:-.04em; }
.codec span { display:block; margin-top:7px; color:#909198; }
.codec-a{left:7%;top:6%}.codec-b{right:7%;top:6%}.codec-c{left:50%;bottom:0;transform:translateX(-50%)}
.codec-lines { position:absolute; inset:0; width:100%; height:100%; z-index:1; }
.codec-lines path { fill:none; stroke:url(#none); stroke:rgba(45,225,210,.48); stroke-width:1.3; stroke-dasharray:5 8; animation:dash 14s linear infinite; }
@keyframes dash { to { stroke-dashoffset:-160; } }

.screens { padding:140px 0; }
.split-heading { display:grid; grid-template-columns:1fr .72fr; align-items:end; gap:70px; }
.split-heading > p { margin:0 0 5px; color:#5d5d63; font-size:21px; line-height:1.55; }
.screen-gallery { display:grid; grid-template-columns:1.08fr .92fr; gap:22px; margin-top:72px; }
.screen-card { position:relative; overflow:hidden; min-height:530px; padding:40px; border-radius:var(--radius); color:white; box-shadow:var(--shadow); }
.screen-card > span { font-size:13px; font-weight:700; letter-spacing:.08em; opacity:.66; }
.screen-card > strong { display:block; margin-top:18px; font-size:38px; line-height:1.05; letter-spacing:-.045em; }
.screen-card-tv { background:linear-gradient(145deg,#101115,#1a1728); }
.screen-card-mobile { background:linear-gradient(145deg,#1548b4,#822bd9); }
.screen-card-web { grid-column:1/-1; min-height:430px; color:#151517; background:white; }
.screen-frame { position:absolute; width:74%; aspect-ratio:16/9; left:50%; bottom:-10%; transform:translateX(-50%); border:8px solid #33343b; border-radius:20px; background:#08090c; box-shadow:0 30px 60px rgba(0,0,0,.48); }
.screen-frame div { position:absolute; inset:8px; border-radius:10px; background:radial-gradient(circle at 70% 25%,#8041f2,transparent 25%),linear-gradient(135deg,#07131a,#15182b); }
.screen-frame div::after { content:"Adria Telekom"; position:absolute; inset:0; display:grid; place-items:center; font-size:26px; font-weight:700; color:white; }
.mobile-frame { position:absolute; width:210px; height:430px; bottom:-55px; left:50%; transform:translateX(-50%) rotate(-5deg); border:8px solid #25262c; border-radius:42px; background:#0b0c10; box-shadow:0 30px 70px rgba(0,0,0,.5); }
.mobile-frame div { position:absolute; inset:8px; border-radius:31px; background:radial-gradient(circle at 65% 20%,#2affeb,transparent 25%),linear-gradient(155deg,#1c2960,#5a1d90); }
.browser-frame { position:absolute; left:43%; right:6%; top:72px; bottom:50px; border:1px solid #d8dae1; border-radius:22px; background:#f2f3f7; box-shadow:0 25px 70px rgba(20,25,35,.16); overflow:hidden; }
.browser-frame > i { position:absolute; top:18px; width:9px; height:9px; border-radius:50%; background:#c3c5cb; }
.browser-frame > i:nth-child(1){left:20px}.browser-frame > i:nth-child(2){left:35px}.browser-frame > i:nth-child(3){left:50px}
.browser-frame div { position:absolute; inset:48px 12px 12px; border-radius:14px; background:radial-gradient(circle at 75% 25%,rgba(129,56,255,.7),transparent 28%),linear-gradient(145deg,#060d17,#0a1925 50%,#0f0d1c); }
.browser-frame div::after { content:"Gledajte odmah"; position:absolute; left:42px; bottom:42px; font-size:30px; font-weight:700; color:white; }

.services { padding:140px 0; }
.service-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:70px; }
.service-card { min-height:330px; padding:38px; border-radius:26px; background:white; box-shadow:0 18px 55px rgba(35,40,55,.08); transition:transform .25s ease,box-shadow .25s ease; }
.service-card:hover { transform:translateY(-6px); box-shadow:0 26px 65px rgba(35,40,55,.13); }
.service-icon { width:58px; height:58px; display:grid; place-items:center; border-radius:18px; color:white; font-size:29px; background:linear-gradient(145deg,#12d7c2,#6438ee); }
.service-card h3 { margin:70px 0 12px; font-size:31px; letter-spacing:-.04em; }
.service-card p { margin:0; color:#66666d; font-size:17px; line-height:1.55; }

.players { padding:140px 0; position:relative; overflow:hidden; }
.players::before { content:""; position:absolute; width:700px; height:700px; left:-330px; bottom:-330px; border-radius:50%; background:radial-gradient(circle,rgba(20,217,197,.22),transparent 68%); }
.player-intro { text-align:center; position:relative; z-index:2; }
.player-intro > p:last-child { color:#9b9ca3; font-size:20px; }
.download-grid { position:relative; z-index:2; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:66px; }
.download-card { min-height:255px; position:relative; display:grid; grid-template-columns:74px 1fr; align-items:start; gap:24px; padding:34px; border-radius:26px; background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.11); transition:transform .22s ease,background .22s ease,border-color .22s ease; }
.download-card:hover { transform:translateY(-5px); background:rgba(255,255,255,.095); border-color:rgba(255,255,255,.2); }
.download-symbol { width:66px; height:66px; display:grid; place-items:center; border-radius:19px; background:linear-gradient(145deg,#1d202a,#0b0c10); border:1px solid rgba(255,255,255,.1); font-size:31px; }
.download-card small { color:#7c7d85; font-size:10px; font-weight:750; letter-spacing:.14em; }
.download-card h3 { margin:6px 0 9px; font-size:31px; letter-spacing:-.04em; }
.download-card p { margin:0; color:#a5a6ad; line-height:1.5; }
.download-arrow { position:absolute; right:28px; bottom:25px; font-size:25px; color:#7ff5e8; }
.web-symbol span { width:31px; height:22px; border:2px solid #dce0e8; border-radius:4px; position:relative; }
.web-symbol span::after { content:""; position:absolute; width:16px; height:2px; left:50%; bottom:-8px; transform:translateX(-50%); background:#dce0e8; box-shadow:0 4px 0 -0.2px #dce0e8; }
.play-symbol span { width:0; height:0; border-top:17px solid transparent; border-bottom:17px solid transparent; border-left:27px solid #5eeedb; filter:drop-shadow(7px 0 0 #7f3fff); }
.apple-symbol { font-size:0; }
.apple-symbol::before { content:""; width:28px; height:31px; border-radius:45% 45% 48% 48%/48% 48% 55% 55%; background:white; transform:rotate(-6deg); }
.apple-symbol::after { content:""; position:absolute; width:10px; height:15px; border-radius:80% 0 80% 0; background:white; transform:translate(8px,-21px) rotate(24deg); }
.tv-symbol span { width:33px; height:23px; border:2px solid #dce0e8; border-radius:4px; position:relative; }
.tv-symbol span::before,.tv-symbol span::after { content:""; position:absolute; bottom:-8px; width:9px; height:2px; background:#dce0e8; }
.tv-symbol span::before{left:4px;transform:rotate(-20deg)}.tv-symbol span::after{right:4px;transform:rotate(20deg)}
.player-features { position:relative; z-index:2; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }
.player-features span { padding:9px 14px; border-radius:99px; border:1px solid rgba(255,255,255,.1); color:#9d9ea5; font-size:13px; }

.vision { padding:120px 0; }
.vision-panel { min-height:600px; position:relative; overflow:hidden; display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:40px; padding:76px; border-radius:38px; color:white; background:linear-gradient(140deg,#05121d,#092e48 48%,#5e28b3); box-shadow:var(--shadow); }
.vision-panel p:last-child { max-width:620px; color:#c5ccd5; font-size:19px; line-height:1.55; }
.globe { width:400px; height:400px; position:relative; margin:auto; border:1px solid rgba(122,244,231,.45); border-radius:50%; box-shadow:0 0 70px rgba(17,217,196,.2),inset 0 0 70px rgba(94,42,207,.22); }
.globe::before,.globe::after { content:""; position:absolute; inset:12%; border:1px solid rgba(255,255,255,.22); border-radius:50%; }
.globe::before { transform:scaleX(.44); }
.globe::after { transform:scaleY(.44); }
.globe i { position:absolute; left:4%; right:4%; height:1px; top:50%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent); }
.globe i:nth-child(1){transform:rotate(25deg)}.globe i:nth-child(2){transform:rotate(-35deg)}.globe i:nth-child(3){transform:rotate(67deg)}.globe i:nth-child(4){transform:rotate(-72deg)}
.globe span { position:absolute; width:11px; height:11px; top:33%; left:61%; border-radius:50%; background:#69ffed; box-shadow:0 0 0 9px rgba(105,255,237,.12),0 0 32px #69ffed; }

.contact { padding:150px 0; }
.contact-wrap { text-align:center; max-width:940px; }
.contact-wrap > p:nth-of-type(2) { color:#9e9fa6; font-size:20px; line-height:1.55; margin:28px auto 36px; max-width:680px; }
.site-footer { color:#98999f; background:#000; border-top:1px solid rgba(255,255,255,.08); padding:34px 0 46px; font-size:13px; }
.footer-grid { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:35px; }
.footer-brand img { width:190px; opacity:.8; }
.footer-links { display:flex; justify-content:center; gap:28px; }
.footer-links a:hover { color:white; }
.footer-grid p { margin:0; }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 980px) {
  .nav-links { position:fixed; inset:66px 0 auto; display:none; flex-direction:column; align-items:stretch; gap:0; padding:18px 20px 26px; background:rgba(5,6,10,.96); border-bottom:1px solid rgba(255,255,255,.08); }
  .nav-links.open { display:flex; }
  .nav-links a { padding:14px 10px; font-size:17px; }
  .nav-cta { text-align:center; margin-top:8px; }
  .menu-toggle { display:block; }
  .menu-toggle[aria-expanded="true"] span:first-child { top:18px; transform:rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { top:18px; transform:rotate(-45deg); }
  .hero { min-height:auto; padding-top:125px; }
  .hero-grid { grid-template-columns:1fr; min-height:0; }
  .hero-copy { text-align:center; }
  .hero-lead { margin-inline:auto; }
  .hero-actions { justify-content:center; }
  .device-stage { height:590px; }
  .stat-strip { grid-template-columns:repeat(2,1fr); row-gap:30px; }
  .stat-strip div:nth-child(3) { border-left:0; padding-left:0; }
  .about-grid,.split-heading,.vision-panel { grid-template-columns:1fr; }
  .about-card-white { grid-column:auto; }
  .market-grid { opacity:.45; right:-20px; }
  .screen-gallery { grid-template-columns:1fr; }
  .screen-card-web { grid-column:auto; }
  .browser-frame { left:32%; }
  .vision-panel { padding:56px; }
  .globe { width:min(400px,80vw); height:min(400px,80vw); }
  .footer-grid { grid-template-columns:1fr; text-align:center; justify-items:center; }
}
@media (max-width: 700px) {
  .container { width:min(calc(100% - 24px),var(--max)); }
  .nav-shell { width:calc(100% - 24px); }
  .brand img { width:185px; }
  .hero { padding-bottom:60px; }
  .hero h1 { font-size:clamp(63px,19vw,92px); }
  .hero-lead { font-size:20px; }
  .device-stage { height:430px; margin-top:10px; }
  .tv-device { width:94%; top:45px; }
  .phone-device { width:108px; height:225px; right:0; border-radius:25px; }
  .phone-content { inset:32px 11px 11px; }
  .phone-content strong { font-size:13px; }
  .phone-content small { font-size:8px; }
  .mini-card { height:70px; margin-top:12px; }
  .mini-row i { height:24px; }
  .tablet-device { width:210px; height:140px; left:0; }
  .tablet-content { padding:16px; }
  .tablet-content strong { font-size:17px; }
  .tablet-content small { font-size:9px; }
  .stat-strip { grid-template-columns:1fr 1fr; }
  .stat-strip div { padding:0 12px; }
  .stat-strip strong { font-size:31px; }
  .intro,.feature,.screens,.services,.players,.contact { padding:95px 0; }
  .intro h2,.feature h2,.screens h2,.services h2,.players h2,.vision h2,.contact h2 { font-size:clamp(45px,13vw,67px); }
  .display-copy { font-size:26px; }
  .about-grid { margin-top:45px; }
  .about-card { min-height:400px; padding:28px; }
  .about-card h3 { margin-top:110px; font-size:39px; }
  .market-grid { width:260px; right:-30px; }
  .codec-visual { height:670px; }
  .codec { width:155px; height:115px; padding:24px 18px; }
  .codec strong { font-size:24px; }
  .codec-a{left:0}.codec-b{right:0}
  .codec-core { width:155px; height:155px; }
  .split-heading { gap:24px; }
  .screen-card { min-height:470px; padding:28px; }
  .screen-card > strong { font-size:32px; }
  .screen-card-web { min-height:560px; }
  .browser-frame { left:24px; right:24px; top:205px; bottom:28px; }
  .service-grid,.download-grid { grid-template-columns:1fr; }
  .service-card { min-height:300px; padding:28px; }
  .download-card { grid-template-columns:58px 1fr; padding:25px; }
  .download-symbol { width:54px; height:54px; }
  .download-card h3 { font-size:27px; }
  .vision { padding:70px 0; }
  .vision-panel { padding:38px 24px; border-radius:26px; }
  .footer-links { flex-wrap:wrap; gap:15px 22px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  .reveal { opacity:1; transform:none; }
}


/* v4 exact stores + direct APK packages */
.apk-downloads{margin:34px 0 28px;padding:46px;border:1px solid rgba(14,18,30,.08);border-radius:34px;background:linear-gradient(145deg,#fff 0%,#f8f8fb 55%,#f2edff 100%);box-shadow:0 22px 70px rgba(20,22,38,.09)}
.apk-download-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.8fr);align-items:end;gap:40px;margin-bottom:26px}.apk-download-head h2{margin:4px 0 0;font-size:clamp(34px,5vw,64px);letter-spacing:-.055em;line-height:.98}.apk-download-head>p{margin:0;color:#73757e;font-size:17px;line-height:1.6}
.apk-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.apk-card{position:relative;min-height:290px;padding:29px;border:1px solid rgba(17,21,33,.08);border-radius:25px;background:rgba(255,255,255,.9);box-shadow:0 13px 35px rgba(17,20,36,.07);overflow:hidden}.apk-card::after{content:"";position:absolute;right:-58px;bottom:-72px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#7437ff 0%,rgba(116,55,255,.05) 62%,transparent 70%);opacity:.35}.apk-card:nth-child(2)::after{background:radial-gradient(circle,#00c9bf 0%,rgba(0,201,191,.05) 62%,transparent 70%)}.apk-card:nth-child(3),.apk-card:nth-child(4){background:linear-gradient(145deg,#0c1020,#17122e);color:#fff}.apk-card:nth-child(3)::after,.apk-card:nth-child(4)::after{opacity:.8}.apk-card-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.apk-card-label span{font-size:11px;font-weight:850;letter-spacing:.18em;color:#6a32ee}.apk-card:nth-child(n+3) .apk-card-label span{color:#9d79ff}.apk-card-label b{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#f0ecff;color:#6a32ee;font-size:12px}.apk-card:nth-child(n+3) .apk-card-label b{background:rgba(255,255,255,.1);color:#fff}.apk-card h3{position:relative;z-index:1;margin:32px 0 10px;font-size:clamp(24px,3vw,36px);letter-spacing:-.045em}.apk-card p{position:relative;z-index:1;max-width:440px;margin:0;color:#73757d;line-height:1.55}.apk-card:nth-child(n+3) p{color:rgba(255,255,255,.67)}.apk-card-actions{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-top:30px}.apk-download-link.is-pending{pointer-events:none;opacity:.42;filter:grayscale(.4)}.apk-status{max-width:170px;color:#858791;font-size:11px;line-height:1.35}.apk-card:nth-child(n+3) .apk-status{color:rgba(255,255,255,.52)}.apk-safety-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;margin-top:18px;padding:19px 22px;border-radius:20px;background:rgba(255,255,255,.76);border:1px solid rgba(15,18,31,.07)}.apk-safety-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e9fff5;color:#00a962;font-size:20px;font-weight:900}.apk-safety-note strong{display:block;margin-bottom:3px}.apk-safety-note p{margin:0;color:#74767e;font-size:13px;line-height:1.45}.apk-safety-note a{white-space:nowrap;color:#6130e4;font-weight:800;font-size:13px}
@media(max-width:900px){.apk-downloads{padding:32px}.apk-download-head{grid-template-columns:1fr;gap:14px}.apk-download-grid{grid-template-columns:1fr}.apk-safety-note{grid-template-columns:auto 1fr}.apk-safety-note a{grid-column:2;white-space:normal}}
@media(max-width:560px){.apk-downloads{padding:23px;border-radius:26px}.apk-card{min-height:265px;padding:23px}.apk-card-actions{align-items:flex-start;flex-direction:column}.apk-safety-note{grid-template-columns:1fr}.apk-safety-note a{grid-column:1}.apk-safety-icon{width:38px;height:38px}}

/* v7 German, Arabic and Chinese language support */
html[lang="de"] body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html[lang="zh-Hans"] body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}
html[lang="ar"] body{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;direction:rtl}
html[dir="rtl"] .site-header,html[dir="rtl"] main,html[dir="rtl"] .site-footer,html[dir="rtl"] .support-panel{text-align:right}
html[dir="rtl"] .nav-shell,html[dir="rtl"] .nav-links,html[dir="rtl"] .hero-actions,html[dir="rtl"] .section-actions,html[dir="rtl"] .apk-card-actions,html[dir="rtl"] .support-secondary{direction:rtl}
html[dir="rtl"] .brand,html[dir="rtl"] .device-stage,html[dir="rtl"] .codec-visual,html[dir="rtl"] .live-stage,html[dir="rtl"] .player-art{direction:ltr}
html[dir="rtl"] .direct-dock{right:auto;left:24px}
html[dir="rtl"] .support-widget{right:auto;left:24px}
html[dir="rtl"] .support-panel{right:auto;left:0}
html[dir="rtl"] .footer-column,html[dir="rtl"] .footer-company{text-align:right}
html[dir="rtl"] .quick-contact strong,html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"],html[dir="rtl"] .dns-value,html[dir="rtl"] .price-value{direction:ltr;unicode-bidi:embed;text-align:right}
html[dir="rtl"] .service-step-number,html[dir="rtl"] .card-index,html[dir="rtl"] .apk-card-label b{direction:ltr}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{letter-spacing:-.035em}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0;line-height:1.15}
html[lang="ar"] .eyebrow{letter-spacing:.08em}
@media(max-width:980px){html[dir="rtl"] .support-widget{left:12px}html[dir="rtl"] .direct-dock{left:12px}}