:root{--bg:#13071f;--bg2:#1c0a33;--text:#fff7fb;--soft:rgba(255,240,250,.74);--line:rgba(255,255,255,.1);--pink:#ff5fa2;--gold:#ffd166;--mint:#5ee6c8;--violet:#8b5cf6;
--display:"Fredoka",system-ui,sans-serif;--body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{overflow-x:hidden}
body{margin:0;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 55%,var(--bg) 100%);color:var(--text);font-family:var(--body);font-weight:600;overflow-x:hidden}
[data-lang="tr"] [lang="en"],[data-lang="en"] [lang="tr"]{display:none!important}
.wrap{width:min(1120px,100% - 32px);margin:0 auto;position:relative}
.glows{position:absolute;top:0;left:0;right:0;height:1100px;overflow:hidden;pointer-events:none;z-index:0}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;z-index:0}
.g1{width:560px;height:560px;left:-180px;top:-160px;background:#7b2cbf}
.g2{width:520px;height:520px;right:-160px;top:180px;background:#ff3d8b;opacity:.32}
header.top{display:flex;align-items:center;justify-content:space-between;padding:22px 0;z-index:2}
.chip{display:inline-flex;align-items:center;background:#FA5657;border-radius:12px;padding:8px 12px;box-shadow:0 8px 22px rgba(250,86,87,.3)}
.chip img{height:20px;width:auto;display:block}
.lang{font:700 14px var(--body);color:var(--text);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:8px 15px;cursor:pointer}
main,footer{position:relative;z-index:1}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:18px 0 40px}
.logo{width:min(470px,100%);height:auto;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));margin:0 0 10px -10px}
h1{font-family:var(--display);font-weight:700;font-size:clamp(38px,5vw,64px);line-height:1.04;margin:0 0 14px;letter-spacing:-.01em}
h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,var(--pink),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-size:clamp(17px,1.6vw,20px);color:var(--soft);margin:0 0 26px;max-width:520px}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.store{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#1b0b2a;text-decoration:none;font:700 17px var(--display);padding:14px 22px;border-radius:16px;box-shadow:0 14px 34px rgba(255,95,162,.25)}
.note{color:var(--soft);font-size:15px}
.stage{display:flex;justify-content:center}
.cine{position:relative;width:min(360px,100%);aspect-ratio:9/16;border-radius:34px;overflow:hidden;background:#2a1146;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08),0 0 90px rgba(255,95,162,.25)}
.cine video,.phone video{width:100%;height:100%;object-fit:cover;display:block}
.phone{position:relative;width:min(300px,100%);aspect-ratio:9/19.5;border-radius:46px;padding:11px;background:linear-gradient(160deg,#3a2550,#0e0717);box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 0 0 2px rgba(255,255,255,.08)}
.phone video{border-radius:36px;background:#2a1146}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px auto 70px;padding:26px 0}
.stats div{text-align:center;display:flex;flex-direction:column;gap:4px}
.stats b{font:700 clamp(36px,4.4vw,54px)/1 var(--display);background:linear-gradient(180deg,#fff,#ffc9e3);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{color:var(--soft);font-size:15px}
.feature{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center;margin:0 auto 90px}
.feature.flip{grid-template-columns:1fr auto}
.feature.flip .media{order:2}
.feature .media{display:flex;justify-content:center}
.kicker{display:inline-block;font:700 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.08;margin:0 0 14px}
.feature p{color:var(--soft);font-size:clamp(17px,1.5vw,19px);margin:0;max-width:440px;line-height:1.55}
.gallery{margin:0 0 90px}
.gallery h2{margin-bottom:22px}
.strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(16px,calc((100% - 1120px)/2)) 24px;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.strip img{flex:0 0 auto;width:250px;height:auto;border-radius:24px;scroll-snap-align:center;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.final{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;margin:0 auto 70px}
.final .cine{width:min(300px,80%)}
.foot{border-top:1px solid var(--line);padding:26px 0 40px;display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;color:var(--soft);font-size:14px}
.foot nav{display:flex;flex-wrap:wrap;gap:18px}
.foot a{color:var(--soft);text-decoration:none}.foot a:hover{color:#fff}
@media (max-width:860px){
.hero{grid-template-columns:1fr;text-align:center;gap:30px;padding-top:6px}
.logo{margin:0 auto 8px}.sub{margin-left:auto;margin-right:auto}.cta{justify-content:center}
.cine{width:min(320px,86%)}
.stats{margin-bottom:56px}.stats span{font-size:13px}
.feature,.feature.flip{grid-template-columns:1fr;gap:26px;text-align:center;margin-bottom:64px}
.feature.flip .media{order:0}.feature p{margin:0 auto}
.phone{width:min(270px,72%)}
.strip img{width:200px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}