﻿
html,body{max-width:100%;overflow-x:hidden}body *{overflow-wrap:anywhere;word-break:normal}
.hero{min-height:auto;padding:3.25rem 0 2.75rem}
.hero h1{font-size:clamp(2.5rem,13vw,4.5rem);line-height:.95}
.hero .text-3xl{font-size:clamp(1.3rem,5.6vw,1.85rem);line-height:1.2}
.btn-download{display:flex;width:fit-content;max-width:100%;margin-inline:auto;box-sizing:border-box;padding:.9rem 1.2rem;font-size:clamp(1rem,4vw,1.25rem);line-height:1.2;text-align:center;white-space:normal}
.thumb{aspect-ratio:auto;overflow:visible}
.thumb img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:1rem}
#appPopup button{padding-left:1rem!important;padding-right:1rem!important;white-space:normal}
@media (max-width:767px){
  body{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}
  .text-4xl{font-size:1.7rem;line-height:1.15}
  .text-5xl{font-size:clamp(1.8rem,8vw,2.4rem);line-height:1.1}
  .text-2xl{font-size:1.15rem;line-height:1.35}
  .btn-download{font-size:1.2rem}
  .video-player{border-radius:12px}
  .px-12{padding-left:1.2rem;padding-right:1.2rem}
  .px-16{padding-left:1.2rem;padding-right:1.2rem}
}
@media (min-width:768px){
  .hero{min-height:100vh;padding:2rem 0 4rem}
  .hero h1{font-size:clamp(3.4rem,6vw,4.5rem)}
  .hero .text-3xl{font-size:clamp(1.7rem,3vw,3rem)}
  .btn-download{padding:1.15rem 2.6rem;font-size:1.6rem}
  .space-y-12{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1.25rem;align-items:start}
  .space-y-12>:not([hidden])~:not([hidden]){margin-top:0;margin-bottom:0}
  .space-y-12 .thumb{max-width:none}
}
.dj-locale-control{position:fixed;z-index:2147483000;top:max(8px,env(safe-area-inset-top));right:8px;width:auto;height:auto;overflow:visible;font:13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif}
.dj-locale-control select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.dj-locale-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:32px;padding:0 12px;border:0;border-radius:16px;background:rgba(18,18,24,.9);color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.28);font:700 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.04em;cursor:pointer}
.dj-locale-trigger:focus-visible,.dj-locale-menu button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dj-locale-menu{position:absolute;top:calc(100% + 6px);right:0;width:min(220px,calc(100vw - 16px));max-height:min(52vh,320px);margin:0;padding:6px;overflow:auto;background:#141418;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.dj-locale-menu[hidden]{display:none}
.dj-locale-menu button{display:block;width:100%;margin:0;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#fff;font:14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:start;cursor:pointer}
.dj-locale-menu button:hover{background:rgba(255,255,255,.08)}
.dj-locale-menu button[aria-selected="true"]{background:#c00;color:#fff}
[dir="rtl"] .dj-locale-menu{right:auto;left:0}
.dj-runtime-toast{position:fixed;z-index:2147483001;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(88vw,520px);padding:10px 14px;border-radius:8px;background:rgba(16,16,20,.92);color:#fff;font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.3)}
a.dj-image-cta{display:contents;text-decoration:none}a.dj-image-cta>img{cursor:pointer}
.download-box>a.dj-image-cta>img{width:40%;margin-bottom:15px}.download-box>a.dj-image-cta:nth-of-type(2n)>img{margin-left:15px}
[data-dj-image-empty="true"]{visibility:hidden!important}
[dir="rtl"] .dj-locale-control{right:auto;left:8px}

