:root{color-scheme:dark;--stage:#16191D;--deck:#1E2227;--rule:#2C3138;--steel:#8A9099;--ink:#F2F2EE;--soft:#B9BEC6;--amber:#F29A1F;--amber-2:#FFC266;--pink:#FF5D8F;--blue:#5B9BFF;
  --cond:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;--wrap:1160px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--stage);color:var(--ink);font:400 17px/1.6 var(--body)}
a{color:var(--amber-2)}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--amber);color:#16191D;padding:8px 12px;z-index:10}
/* header */
.top{position:sticky;top:0;z-index:5;background:rgba(22,25,29,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;gap:22px;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 24px/1 var(--cond);letter-spacing:.01em}.brand img{width:34px;height:34px;border-radius:9px}
.top nav{display:flex;gap:20px;margin-left:auto}.top nav a{color:var(--soft);text-decoration:none;font-weight:500;font-size:15px}.top nav a:hover{color:var(--ink)}
.lang{color:var(--soft);text-decoration:none;font-weight:600;font-size:14px;border:1px solid var(--rule);border-radius:999px;padding:5px 11px}.lang:hover{border-color:var(--steel);color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:12px;font:600 16px/1 var(--body);text-decoration:none;border:1.5px solid var(--rule);color:var(--ink);background:var(--deck);cursor:pointer}
.btn:hover{border-color:var(--steel)}.btn svg{width:20px;height:20px;flex:none}
.btn.go{background:var(--amber);border-color:var(--amber);color:#16191D}.btn.go:hover{background:var(--amber-2);border-color:var(--amber-2)}
.btn.soon{opacity:.62;cursor:default}.btn small{font-weight:500;font-size:12px;opacity:.85}
.top .btn{padding:9px 14px;font-size:14px}
@media (max-width:860px){ .top nav{display:none} .top .wrap{gap:12px} .top .btn{margin-left:auto} }
/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--rule)}
.hero .art{max-width:1320px;margin:0 auto;padding:18px 12px 0}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;padding-top:10px;padding-bottom:72px}
.hero h1{font:700 clamp(46px,6.6vw,88px)/.95 var(--cond);margin:0;letter-spacing:-.005em;max-width:11ch}
.hero p.lead{font-size:clamp(17px,1.5vw,19px);color:var(--soft);margin:0 0 24px;max-width:34em}
.ctas{display:flex;flex-wrap:wrap;gap:10px}
.facts{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--soft);font-size:15px}
.facts li{display:flex;align-items:center;gap:7px}.facts li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber)}
.plot{display:block;width:100%;height:auto;max-height:min(50vh,560px);margin:0 auto;overflow:visible}
.plot .lbl{font:600 15px var(--cond);fill:var(--soft)}.plot .ch{font:700 13px var(--cond);fill:var(--steel)}
.plot .beam,.plot .pool{opacity:0;animation:up 1.1s ease-out forwards}
.plot .lens{animation:lens 1.1s ease-out forwards;fill:#2a2f36}
@keyframes up{to{opacity:1}}@keyframes lens{to{fill:var(--c)}}
@media (prefers-reduced-motion:reduce){ .plot .beam,.plot .pool{animation:none;opacity:1} .plot .lens{animation:none;fill:var(--c)} }
@media (max-width:900px){ .hero .wrap{grid-template-columns:1fr;gap:20px;padding-bottom:56px} .hero .art{padding:8px 0 0} .hero h1{max-width:none} }
/* sections */
section.band{padding:88px 0;border-bottom:1px solid var(--rule)}
.band h2{font:700 clamp(32px,4vw,48px)/1.05 var(--cond);margin:0 0 12px}
.band .intro{color:var(--soft);max-width:38em;margin:0 0 40px;font-size:18px}
/* legend */
.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule)}
.legend div{display:grid;grid-template-columns:64px 1fr;gap:4px 18px;padding:24px 8px 24px 0;border-bottom:1px solid var(--rule)}
.legend div:nth-child(odd){padding-right:32px;border-right:1px solid var(--rule)}.legend div:nth-child(even){padding-left:32px}
.legend svg{grid-row:1/3;width:56px;height:56px}
.legend h3{font:700 22px/1.15 var(--cond);margin:2px 0 0}.legend p{margin:0;color:var(--soft);font-size:16px}
@media (max-width:760px){ .legend{grid-template-columns:1fr} .legend div:nth-child(odd){border-right:0;padding-right:0} .legend div:nth-child(even){padding-left:0} }
/* cue list */
.cues{list-style:none;margin:0;padding:0;border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:var(--deck)}
.cues li{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:20px;padding:22px 24px;border-bottom:1px solid var(--rule)}.cues li:last-child{border-bottom:0}
.cues .q{font:700 26px/1 var(--cond);color:var(--amber)}.cues h3{font:700 22px/1.2 var(--cond);margin:0 0 4px}.cues p{margin:0;color:var(--soft);font-size:16px}
.cues .t{font:600 14px var(--cond);color:var(--steel);white-space:nowrap}
.cues .go{display:flex;justify-content:flex-end;padding:16px 24px;background:#22272d}
.cues .go span{font:700 18px/1 var(--cond);letter-spacing:.06em;background:#2E9E5B;color:#fff;border-radius:8px;padding:10px 22px}
@media (max-width:640px){ .cues li{grid-template-columns:1fr;gap:6px} .cues .t{display:none} }
/* screens */
.shots{display:flex;gap:22px;overflow-x:auto;padding:6px 2px 24px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.shots figure{margin:0;flex:0 0 236px;scroll-snap-align:start}
.shots img{width:236px;aspect-ratio:480/1002;object-fit:cover;object-position:top;border-radius:26px;border:6px solid #2a2f36;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.shots figcaption{margin-top:12px;color:var(--soft);font-size:15px;line-height:1.4}
.shots figcaption b{display:block;color:var(--ink);font:700 18px var(--cond)}
/* platforms */
.plats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--rule);border-radius:14px;overflow:hidden}
.plats>div{padding:28px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:12px}.plats>div:last-child{border-right:0}
.plats h3{font:700 24px/1.1 var(--cond);margin:0}.plats p{margin:0;color:var(--soft);font-size:16px;flex:1}.plats .btn{align-self:flex-start}
@media (max-width:860px){ .plats{grid-template-columns:1fr} .plats>div{border-right:0;border-bottom:1px solid var(--rule)} .plats>div:last-child{border-bottom:0} }
/* faq */
.faq details,.faq h2{max-width:780px}.faq details{border-bottom:1px solid var(--rule);padding:18px 0}.faq summary{cursor:pointer;font:700 21px/1.3 var(--cond);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--amber);font-size:26px;line-height:1}.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--soft);margin:10px 0 0}
/* footer */
footer{padding:44px 0 56px;color:var(--soft);font-size:15px}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-left:auto}footer a{color:var(--soft)}footer a:hover{color:var(--ink)}
/* doc pages (guide, privacy) */
.doc{max-width:780px;margin:0 auto;padding:48px 24px 80px}
.doc h1{font:700 clamp(36px,5vw,54px)/1.02 var(--cond);margin:0 0 10px}.doc .meta{color:var(--soft);margin:0 0 30px}
.doc h2{font:700 28px/1.15 var(--cond);margin:54px 0 12px;padding-top:12px;border-top:1px solid var(--rule)}
.doc li{margin:6px 0}.doc .toc{border:1px solid var(--rule);border-radius:14px;padding:18px 22px;background:var(--deck);columns:2;column-gap:28px}
.doc .toc a{display:block;color:var(--ink);text-decoration:none;padding:4px 0;break-inside:avoid;font-size:15.5px}.doc .toc a:hover{color:var(--amber-2)}
@media (max-width:640px){ .doc .toc{columns:1} }
.doc .hfig{float:right;width:230px;margin:6px 0 16px 24px}.doc .hfig img{border-radius:18px;border:5px solid #2a2f36}.doc .hfig figcaption{font-size:13.5px;color:var(--soft);margin-top:8px;line-height:1.35}
@media (max-width:640px){ .doc .hfig{float:none;margin:16px auto;width:min(280px,100%)} }
.doc .hex,.doc .htip{clear:both;margin:18px 0;padding:14px 16px;border-radius:12px;background:var(--deck);border-left:3px solid var(--amber)}.doc .htip{border-left-color:#2E9E5B}
.doc .hex b,.doc .htip b{display:block;font:700 15px var(--cond);color:var(--amber-2);margin-bottom:2px}.doc .htip b{color:#57C98A}
.doc .hdl{display:grid;grid-template-columns:minmax(140px,32%) 1fr;gap:8px 18px}.doc .hdl dt{font-weight:700}.doc .hdl dd{margin:0;color:var(--soft)}
@media (max-width:560px){ .doc .hdl{grid-template-columns:1fr} .doc .hdl dd{margin-bottom:10px} }
.doc section::after{content:"";display:block;clear:both}.doc .actions{display:none}
.dl{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
/* ---- v2: ürün sayfası ---- */
.hero2{position:relative;overflow:hidden;border-bottom:1px solid var(--rule);background:radial-gradient(60% 70% at 78% 0%,rgba(242,154,31,.16),transparent 62%),var(--stage)}
.hero2 .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding-top:72px;padding-bottom:0}
.hero2 .copy{padding-bottom:80px}
.hero2 .kicker{color:var(--soft);font-size:16px;margin:0 0 18px}
.hero2 h1{font:700 clamp(42px,5.4vw,72px)/1.0 var(--cond);margin:0 0 22px;text-wrap:balance;max-width:14ch}
.hero2 .lead{font-size:clamp(17px,1.5vw,19.5px);color:var(--soft);margin:0 0 30px;max-width:33em}
.hero2 .note{margin:22px 0 0;color:var(--steel);font-size:14.5px}
.phones{position:relative;height:560px;align-self:end}
.phones img{position:absolute;bottom:-40px;width:250px;border-radius:30px;border:7px solid #2a2f36;box-shadow:0 30px 60px rgba(0,0,0,.55)}
.phones .p1{right:150px;z-index:2}.phones .p2{right:-10px;bottom:-90px;transform:scale(.92);transform-origin:bottom right;opacity:.92}
@media (max-width:900px){ .hero2 .wrap{grid-template-columns:1fr;padding-top:36px} .hero2 .copy{padding-bottom:8px} .phones{height:420px;margin:0 auto;width:min(100%,400px)} .phones img{width:200px} .phones .p1{right:auto;left:0} .phones .p2{right:0} }
.featrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:72px 0;border-top:1px solid var(--rule)}
.featrow:first-of-type{border-top:0;padding-top:24px}
.featrow.flip .shot{order:2}
.featrow .shot{display:flex;justify-content:center;gap:18px}
.featrow .shot img{width:min(240px,46%);border-radius:26px;border:6px solid #2a2f36;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.featrow h3{font:700 clamp(28px,3vw,38px)/1.08 var(--cond);margin:0 0 14px;text-wrap:balance}
.featrow p{color:var(--soft);margin:0 0 14px;max-width:34em}
.featrow ul{margin:6px 0 0;padding-left:18px;color:var(--soft)}.featrow li{margin:6px 0}
@media (max-width:860px){ .featrow{grid-template-columns:1fr;gap:28px;padding:48px 0} .featrow.flip .shot{order:0} }
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule)}
.specs dl{margin:0;display:contents}
.specs .row{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:18px 24px 18px 0;border-bottom:1px solid var(--rule)}
.specs .row:nth-child(even){padding-left:24px;border-left:1px solid var(--rule)}
.specs dt{font:700 18px/1.3 var(--cond);color:var(--ink)}.specs dd{margin:0;color:var(--soft);font-size:16px}
@media (max-width:860px){ .specs{grid-template-columns:1fr} .specs .row{grid-template-columns:1fr;gap:4px;padding:16px 0} .specs .row:nth-child(even){padding-left:0;border-left:0} }
.band.tight{padding:72px 0}
@media (max-width:520px){ .top .btn.go{display:none} .top .brand{margin-right:auto} .top .lang{white-space:nowrap} }
/* ---- v3: sahne ışığı ---- */
.sh{position:relative;overflow:hidden;min-height:min(92vh,860px);display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--rule);background:#050608;isolation:isolate}
.sh-bg{position:absolute;inset:0;z-index:-1}
.sh-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%;max-width:none}
.sh-bg .dim{filter:brightness(.42) saturate(.85);opacity:0;transition:opacity 2.2s ease .2s}
.sh-bg .lit{opacity:0;transition:opacity 2.6s ease 1s;-webkit-mask-image:radial-gradient(circle var(--r,300px) at var(--mx,62%) var(--my,46%),#000 0 35%,rgba(0,0,0,.55) 55%,transparent 75%);mask-image:radial-gradient(circle var(--r,300px) at var(--mx,62%) var(--my,46%),#000 0 35%,rgba(0,0,0,.55) 55%,transparent 75%)}
.sh.up .sh-bg .dim,.sh.up .sh-bg .lit{opacity:1}
.sh-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.92) 0%,rgba(5,6,8,.7) 32%,rgba(5,6,8,0) 62%),linear-gradient(0deg,rgba(5,6,8,.95) 0%,rgba(5,6,8,0) 38%)}
.haze{position:absolute;inset:-20%;pointer-events:none;mix-blend-mode:screen;opacity:.0;transition:opacity 3s ease 1.4s;background:radial-gradient(40% 30% at 30% 60%,rgba(120,150,220,.10),transparent 70%),radial-gradient(35% 25% at 70% 40%,rgba(242,154,31,.07),transparent 70%);animation:drift 26s ease-in-out infinite alternate}
.sh.up .haze{opacity:1}
@keyframes drift{from{transform:translate3d(-3%,0,0) scale(1)}to{transform:translate3d(4%,-2%,0) scale(1.08)}}
.shafts{position:absolute;left:0;right:0;top:-6%;height:120%;pointer-events:none;mix-blend-mode:screen}
.shafts i{position:absolute;top:0;width:220px;height:100%;transform-origin:50% 0;background:linear-gradient(180deg,var(--c) 0%,transparent 78%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);filter:blur(10px);opacity:0;transition:opacity 2s ease;animation:swing var(--d,14s) ease-in-out infinite alternate;animation-delay:var(--dl,0s)}
.sh.up .shafts i{opacity:var(--o,.14)}
@keyframes swing{from{transform:rotate(var(--a1,-14deg))}to{transform:rotate(var(--a2,14deg))}}
.sh-copy{position:relative;padding-top:120px;padding-bottom:40px}
.sh .kicker{color:var(--amber-2);font:600 14px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}
.sh h1{font:700 clamp(44px,6.2vw,86px)/.96 var(--cond);margin:0 0 22px;max-width:12ch;text-wrap:balance}
.sh .lead{font-size:clamp(17px,1.5vw,19.5px);color:var(--soft);margin:0 0 30px;max-width:31em}
.sh .note{margin:20px 0 0;color:var(--steel);font-size:14.5px}
.sh-copy>*{opacity:0;transform:translateY(14px);transition:opacity 1.1s ease,transform 1.1s ease}
.sh.up .sh-copy>*{opacity:1;transform:none}
.sh.up .sh-copy>*:nth-child(2){transition-delay:.15s}.sh.up .sh-copy>*:nth-child(3){transition-delay:.3s}.sh.up .sh-copy>*:nth-child(4){transition-delay:.45s}.sh.up .sh-copy>*:nth-child(5){transition-delay:.6s}
.status{position:relative;border-top:1px solid rgba(255,255,255,.08);background:rgba(5,6,8,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.status .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding-block:14px;font:500 14px/1.3 var(--body);color:var(--steel)}
.status b{color:var(--ink);font-weight:600}.status .lbl{color:var(--amber-2);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.status .live{display:inline-flex;align-items:center;gap:8px}.status .live::before{content:"";width:8px;height:8px;border-radius:50%;background:#57C98A;box-shadow:0 0 0 0 rgba(87,201,138,.6);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(87,201,138,.55)}70%{box-shadow:0 0 0 9px rgba(87,201,138,0)}100%{box-shadow:0 0 0 0 rgba(87,201,138,0)}}
@media (max-width:820px){ .sh{min-height:0} .sh-bg{position:relative;height:62vw;min-height:260px} .sh-bg img{object-position:50% 40%} .sh-bg::after{background:linear-gradient(0deg,#050608 0%,rgba(5,6,8,0) 45%)} .sh-copy{padding-top:8px} .shafts i{width:120px} }
/* özellik blokları */
.feat{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:center;padding:96px 0;border-top:1px solid var(--rule)}
.feat:first-child{border-top:0}
.feat.flip{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.feat.flip .txt{order:2}
.feat .tag{font:600 12.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-2);margin:0 0 14px}
.feat h3{font:700 clamp(30px,3.2vw,42px)/1.04 var(--cond);margin:0 0 16px;text-wrap:balance}
.feat p{color:var(--soft);margin:0 0 16px}
.feat ul{margin:0;padding:0;list-style:none;color:var(--soft);font-size:15.5px;border-top:1px solid var(--rule)}
.feat li{padding:9px 0;border-bottom:1px solid var(--rule)}
.shot{position:relative;margin:0;border-radius:14px;overflow:hidden;border:1px solid #2a2f36;background:#0b0d10;box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}
.shot img{display:block;width:100%;height:auto}
.shot .ov{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease}
.shot .ov.on{opacity:1}
.shot figcaption,.chip{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;background:rgba(10,12,15,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);color:var(--ink);font:600 13px/1 var(--body);padding:8px 12px;border-radius:999px}
button.chip{cursor:pointer}
.chip .k{width:28px;height:16px;border-radius:999px;background:#3a3f47;position:relative;transition:background .3s}.chip .k::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .3s}
.chip[aria-pressed=true] .k{background:var(--amber)}.chip[aria-pressed=true] .k::after{transform:translateX(12px)}
.looks{position:relative}.looks .shot{aspect-ratio:16/10}.looks .shot img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease}.looks .shot img.on{opacity:1}
.cuebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.cuebar button{position:relative;overflow:hidden;text-align:left;border:1px solid var(--rule);background:var(--deck);color:var(--soft);border-radius:10px;padding:10px 12px;font:500 13.5px/1.25 var(--body);cursor:pointer}
.cuebar button b{display:block;color:var(--steel);font:700 12px/1 var(--cond);letter-spacing:.06em;margin-bottom:4px}
.cuebar button[aria-current=true]{color:var(--ink);border-color:#4a505a}
.cuebar button[aria-current=true] b{color:var(--amber-2)}
.cuebar button i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--amber)}
.cuebar button[aria-current=true] i{animation:fill var(--t,5s) linear forwards}
@keyframes fill{to{width:100%}}
.pair{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:end}
.stack{position:relative;aspect-ratio:1400/1180}
.stack .shot{position:absolute;width:78%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1);background:#fff;border-color:#d9dde2}
.stack .s1{left:0;top:0;transform:rotate(0) translate(8%,8%);z-index:1}.stack .s2{left:11%;top:8%;transform:translate(0,0);z-index:2}.stack .s3{right:0;bottom:0;transform:translate(-8%,-8%);z-index:3}
.stack.in .s1{transform:rotate(-4deg)}.stack.in .s2{transform:rotate(1.5deg)}.stack.in .s3{transform:rotate(5deg)}
@media (max-width:900px){ .feat,.feat.flip{grid-template-columns:1fr;gap:28px;padding:60px 0} .feat.flip .txt{order:0} .cuebar{grid-template-columns:repeat(2,minmax(0,1fr))} .pair{grid-template-columns:1fr} }
/* ışık yanar gibi beliren öğeler */
.rv{opacity:0;filter:brightness(.15);transform:translateY(18px);transition:opacity 1.2s ease,filter 1.6s ease,transform 1.2s ease}
.rv.in{opacity:1;filter:none;transform:none}
.sample{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;padding:28px 0 0;color:var(--steel);font-size:14.5px}
@media (prefers-reduced-motion:reduce){ .shafts,.haze{display:none} .rv,.sh-copy>*{opacity:1!important;filter:none!important;transform:none!important;transition:none!important} .sh-bg .dim,.sh-bg .lit{opacity:1;transition:none} .cuebar button i{animation:none} }
.sh>.wrap,.sh>.status{width:100%;box-sizing:border-box}.sh>.status .wrap{box-sizing:border-box}
.sh .kicker{line-height:1.45}
/* tıklama: spot, gobo ve jel */
.fxl{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden;mix-blend-mode:screen}
.fxl .bm{position:absolute;top:0;transform-origin:50% 0;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);background:linear-gradient(180deg,transparent 0%,var(--c) 100%);filter:blur(6px);opacity:0;animation:bmIn 1.1s ease-out forwards}
@keyframes bmIn{0%{opacity:0}18%{opacity:.42}100%{opacity:0}}
.fxl .pl{position:absolute;width:var(--s);height:calc(var(--s)*.62);margin:calc(var(--s)*-.31) 0 0 calc(var(--s)*-.5);border-radius:50%;background:radial-gradient(closest-side,var(--c) 0%,color-mix(in srgb,var(--c) 55%,transparent) 55%,transparent 100%);opacity:0;animation:iris 1.3s cubic-bezier(.2,.8,.3,1) forwards}
.fxl .pl::after{content:"";position:absolute;inset:8%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(0,0,0,.55) 0 14deg,transparent 14deg 30deg);-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 85%);mask-image:radial-gradient(closest-side,#000 30%,transparent 85%);animation:gobo 1.3s linear forwards}
@keyframes iris{0%{opacity:0;transform:scale(.15)}15%{opacity:.9}45%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1.05)}}
@keyframes gobo{to{transform:rotate(70deg)}}
.fxl .gl{position:absolute;font:700 11px/1 var(--body);letter-spacing:.08em;color:var(--c);opacity:0;animation:glIn 1.4s ease forwards;mix-blend-mode:normal;text-shadow:0 0 8px rgba(0,0,0,.8)}
@keyframes glIn{0%{opacity:0;transform:translateY(4px)}20%{opacity:.95;transform:none}75%{opacity:.9}100%{opacity:0}}
.btn.flash,.chip.flash,.cuebar button.flash,.lang.flash{animation:bump .5s ease-out}
@keyframes bump{0%{box-shadow:0 0 0 0 rgba(255,214,140,.0);filter:brightness(1)}12%{box-shadow:0 0 26px 4px rgba(255,214,140,.55);filter:brightness(1.45)}100%{box-shadow:0 0 0 0 rgba(255,214,140,0);filter:brightness(1)}}
@media (prefers-reduced-motion:reduce){ .fxl{display:none} .flash{animation:none!important} }
/* ---- v4: menüler, indirme, sürümler ---- */
.top .wrap{gap:18px}
.mn{display:flex;align-items:center;gap:4px;margin-left:24px;margin-right:auto}
.mn .ddb,.mn .nl{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--soft);font:500 15px/1 var(--body);padding:10px 12px;border-radius:8px;cursor:pointer;text-decoration:none}
.mn .ddb:hover,.mn .nl:hover,.dd.open .ddb{color:var(--ink);background:rgba(255,255,255,.05)}
.mn .cv{width:12px;height:12px;transition:transform .2s}.dd.open .cv{transform:rotate(180deg)}
.dd{position:relative}
.ddp{position:absolute;top:calc(100% + 10px);left:-8px;display:none;background:#1b1f24;border:1px solid var(--rule);border-radius:16px;padding:12px;box-shadow:0 24px 60px rgba(0,0,0,.55);min-width:300px;z-index:20}
.dd.open .ddp{display:flex;gap:12px;animation:ddIn .18s ease-out}
@keyframes ddIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dd.wide .ddp{width:640px}.dd.mid .ddp{width:560px}
.pgrid,.sgrid{display:flex;flex-direction:column;gap:2px;flex:1}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px;flex:1}
.mi{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none}
.mi:hover{background:rgba(255,255,255,.05)}
.mi b{display:block;font:600 15px/1.25 var(--body)}.mi small{display:block;color:var(--steel);font-size:13px;line-height:1.35;margin-top:2px}
.mi .ico{flex:none;width:34px;height:34px;border-radius:9px;background:var(--deck);border:1px solid var(--rule);display:grid;place-items:center;color:var(--amber-2)}
.mi .ico svg{width:20px;height:20px}
.pcard{flex:none;width:220px;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--deck);border:1px solid var(--rule);color:var(--ink);text-decoration:none}
.pcard img{width:100%;height:120px;object-fit:cover;border-radius:8px}.pcard b{font:600 14.5px/1.2 var(--body)}.pcard small{color:var(--steel);font-size:12.5px;line-height:1.35}
.hcta{padding:10px 16px}.hcta svg{width:18px;height:18px}
.burger{display:none;width:42px;height:42px;border:1px solid var(--rule);border-radius:10px;background:var(--deck);flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1000px){
  .top .wrap{gap:10px}.mn{display:none}.burger{display:flex}.hcta{display:none}.top .lang{margin-left:auto}
  .mn.open{display:flex;flex-direction:column;align-items:stretch;gap:0;position:fixed;left:0;right:0;top:64px;bottom:0;margin:0;background:var(--stage);overflow:auto;padding:8px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px));border-top:1px solid var(--rule);z-index:30}
  .mn.open .ddb,.mn.open .nl{width:100%;justify-content:space-between;font:600 18px/1 var(--body);color:var(--ink);padding:18px 4px;border-bottom:1px solid var(--rule);border-radius:0}
  .mn.open .ddp{position:static;display:none;width:auto!important;min-width:0;box-shadow:none;border:0;background:none;padding:6px 0 10px}
  .mn.open .dd.open .ddp{display:block;animation:none}
  .mn.open .fgrid{grid-template-columns:1fr}.mn.open .pcard{display:none}
}
body.navopen{overflow:hidden}
/* ince alt bilgi */
footer.ft{border-top:1px solid var(--rule);padding:56px 0 0;background:#121519}
footer.ft .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
footer.ft h4{margin:0 0 12px;font:600 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
footer.ft a{display:block;color:var(--soft);text-decoration:none;font-size:15px;padding:5px 0}footer.ft a:hover{color:var(--ink)}
footer.ft .fbrand p{color:var(--steel);font-size:14.5px;margin:12px 0 0;max-width:22em}footer.ft .fbrand .brand{display:flex;padding:0}
footer.ft .fcopy{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-block:20px;border-top:1px solid var(--rule);color:var(--steel);font-size:13.5px}
footer.ft .fcopy a{display:inline;padding:0}
@media (max-width:860px){ footer.ft .wrap{grid-template-columns:1fr 1fr} footer.ft .fbrand{grid-column:1/-1} }
/* indirme sayfası */
.dlhero{padding:72px 0 36px;border-bottom:1px solid var(--rule);background:radial-gradient(60% 120% at 80% 0%,rgba(242,154,31,.12),transparent 60%)}
.dlhero .kicker{color:var(--amber-2);font:600 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
.dlhero h1{font:700 clamp(38px,5vw,64px)/1 var(--cond);margin:0 0 14px}.dlhero .lead{color:var(--soft);max-width:36em;margin:0;font-size:18px}
.dlw{padding-top:36px;padding-bottom:80px}
.tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--rule);scrollbar-width:none;margin-bottom:36px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--steel);font:600 15.5px/1 var(--body);padding:14px 16px;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.tabs button svg{width:18px;height:18px}
.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--amber)}
.tp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.tp h2{font:700 clamp(30px,3.2vw,42px)/1.05 var(--cond);margin:0 0 12px}.tp .lead{color:var(--soft);margin:0 0 24px}
.req{margin:28px 0 0;border-top:1px solid var(--rule)}.req .row{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule)}
.req dt{font-weight:600;color:var(--ink)}.req dd{margin:0;color:var(--soft)}
.tnote{color:var(--steel);font-size:14.5px;margin:16px 0 0}
.tp .shot img{aspect-ratio:16/11;object-fit:cover}
.allv{margin:40px 0 0}.allv a{color:var(--amber-2);text-decoration:none;font-weight:600}
@media (max-width:860px){ .tp{grid-template-columns:1fr;gap:28px} .req .row{grid-template-columns:1fr;gap:2px} }
.dlband .plats{margin-top:8px}
/* sürüm notları */
.relw{padding-top:24px;padding-bottom:80px;max-width:860px}
.rel{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:32px 0;border-bottom:1px solid var(--rule)}
.rel .rv0 b{display:block;font:700 30px/1 var(--cond);color:var(--ink)}.rel .rv0 small{color:var(--steel);font-size:13.5px}
.rel ul{margin:0;padding-left:18px;color:var(--soft)}.rel li{margin:6px 0}
@media (max-width:640px){ .rel{grid-template-columns:1fr;gap:10px} }
.pg{min-height:60vh}
.tp[hidden]{display:none!important}
footer.ft .wrap{align-items:start}
body.navopen .top{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--stage)}
.relw{max-width:var(--wrap)}.rel{max-width:860px}
/* ===== vitrin bölümleri ===== */
.marq{position:relative;overflow:hidden;border-block:1px solid var(--rule);background:linear-gradient(90deg,#121418,#181b20,#121418);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq .mq{display:flex;width:max-content;animation:mq 80s linear infinite}
.mqsec{padding:34px 0 0;background:linear-gradient(180deg,transparent,rgba(242,154,31,.04))}
.mqh{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:16px}.mqh .tag{font:700 13px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin:0}.mqh p:last-child{margin:0;color:var(--soft);max-width:70ch;font-size:15.5px}
.marq span{display:flex;align-items:center;gap:12px;padding:16px 0 16px 30px;white-space:nowrap}
.marq span b{font:700 18px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.marq span small{font:500 13.5px/1 var(--body);color:var(--steel)}
.marq:hover .mq{animation-play-state:paused}
.marq span::after{content:"";width:6px;height:6px;margin-left:18px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}
.marq span:hover b{color:var(--amber-2)}
@keyframes mq{to{transform:translateX(-50%)}}
.fx .tag{font:700 13px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin:0 0 10px}
.fx h2{font:700 clamp(30px,4vw,46px)/1.05 var(--cond);margin:0 0 14px;text-wrap:balance}
.fxgrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}
.fxgrid.flip .txt{order:2}
.fxgrid .txt p{color:var(--soft);max-width:60ch}
.fxgrid ul{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px}
.fxgrid li{position:relative;padding-left:22px;color:var(--soft);font-size:15.5px}
.fxgrid li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(242,154,31,.18)}
@media (max-width:900px){.fxgrid{grid-template-columns:1fr;gap:28px}.fxgrid.flip .txt{order:0}}
/* cue sahnesi */
.cuebox{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:stretch;background:#0b0c0f;border:1px solid var(--rule);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.cuestage{position:relative;min-height:340px;background:#07080a}.cuesvg{position:absolute;inset:0;display:block;width:100%;height:100%}
@media (max-width:760px){.cuestage{min-height:0;aspect-ratio:900/470}}
.cq{opacity:0;transition:opacity var(--ft,2s) ease}
.cq.on{opacity:1}
.cuelist{display:flex;flex-direction:column;border-left:1px solid var(--rule);background:#101216;font:600 13px/1.2 var(--body)}
.cuelist .ch{display:grid;grid-template-columns:30px 1fr 40px;gap:6px;padding:10px 12px;color:var(--steel);font:700 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--rule)}
.cuelist .cr{position:relative;display:grid;grid-template-columns:30px 1fr 40px;gap:6px;align-items:center;text-align:left;padding:11px 12px;border:0;border-bottom:1px solid #1a1d22;background:none;color:var(--soft);font:inherit;cursor:pointer;overflow:hidden}
.cuelist .cr b{color:var(--steel);font-family:var(--cond);font-size:16px}
.cuelist .cr em{font-style:normal;color:var(--steel);text-align:right}
.cuelist .cr i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--amber)}
.cuelist .cr.on{background:rgba(242,154,31,.1);color:var(--ink)}
.cuelist .cr.on b{color:var(--amber)}
.cuelist .cr.on i{animation:cuefill var(--ft,2s) linear forwards}
@keyframes cuefill{to{width:100%}}
.cuelist .cgo{margin-top:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:8px;padding:12px}
.cuelist .cgo button{border-radius:12px;border:1px solid var(--rule);background:#181b20;color:var(--soft);font:700 15px/1 var(--cond);letter-spacing:.08em;padding:14px 6px;cursor:pointer}
.cuelist .cgo .go{background:#1f8b4c;border-color:#29a35c;color:#fff;box-shadow:0 0 0 0 rgba(41,163,92,.6);animation:gop 2.4s ease-out infinite}
@keyframes gop{0%{box-shadow:0 0 0 0 rgba(41,163,92,.55)}70%{box-shadow:0 0 0 12px rgba(41,163,92,0)}100%{box-shadow:0 0 0 0 rgba(41,163,92,0)}}
@media (max-width:760px){.cuebox{grid-template-columns:1fr}.cuelist{border-left:0;border-top:1px solid var(--rule)}.cuelist .cr:nth-child(n+6){display:none}}
/* joystick */
.joybox{position:relative;background:#0b0c0f;border:1px solid var(--rule);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.joysvg{display:block;width:100%;height:auto}
.joyctl{display:flex;align-items:center;gap:18px;padding:14px 18px;border-top:1px solid var(--rule);background:#101216}
.joypad{position:relative;flex:none;width:118px;height:118px;border-radius:50%;border:1px solid #2c3138;background:radial-gradient(circle,#1a1d22 0 38%,#121418 39% 100%);touch-action:none;cursor:grab}
.joypad::before,.joypad::after{content:"";position:absolute;background:#252a31}
.joypad::before{left:50%;top:10px;bottom:10px;width:1px}.joypad::after{top:50%;left:10px;right:10px;height:1px}
.joypad i{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3d44,#16181c);border:2px solid var(--amber);box-shadow:0 6px 16px rgba(0,0,0,.6),0 0 18px rgba(242,154,31,.25);z-index:1}
.joypad small{position:absolute;font:700 9px/1 var(--cond);letter-spacing:.12em;color:#646b74;right:6px;top:50%;transform:translateY(-130%)}
.joypad small.t{right:auto;left:50%;top:6px;transform:translateX(8px)}
.joyro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;flex:1}
.joyro div{display:flex;flex-direction:column;gap:4px}
.joyro span{font:700 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.joyro b{white-space:nowrap;font:700 20px/1 var(--cond);color:var(--ink);font-variant-numeric:tabular-nums}
.joyh{position:absolute;left:16px;top:12px;margin:0;font:600 12px/1 var(--body);color:var(--steel);background:rgba(16,18,22,.7);padding:6px 10px;border-radius:999px}
@media (max-width:560px){.joyro{grid-template-columns:repeat(3,minmax(0,1fr))}.joyctl{gap:12px;padding:12px}.joypad{width:100px;height:100px}}
/* görüş hatları */
.slbox{background:#0b0c0f;border:1px solid var(--rule);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.slsvg{display:block;width:100%;height:auto}
.slr{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--rule);background:#101216;font:600 14px/1 var(--body);color:var(--soft)}
.slr input{flex:1;accent-color:var(--amber)}
.slr b{font:700 20px/1 var(--cond);color:var(--ink);min-width:58px;text-align:right}
.slst{margin:0;padding:0 18px 14px;background:#101216;font:700 14px/1.3 var(--body);color:#5fd38d}
.slst.bad{color:#ff6b5c}
/* sayaçlar */
.stband{background:radial-gradient(ellipse at 50% 0,rgba(242,154,31,.12),transparent 60%)}
.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:8px}
.stats div{border-top:2px solid var(--rule);padding-top:14px}
.stats b{display:block;font:700 clamp(34px,4.4vw,56px)/1 var(--cond);color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(242,154,31,.25)}
.stats span{color:var(--steel);font-size:14px}
@media (max-width:860px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* evrak duvarı */
.pph{max-width:720px}
.ppwall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px;perspective:1400px}
.ppwall .ppg{position:relative;padding:0;border:0;background:#fff;border-radius:6px;overflow:hidden;cursor:zoom-in;box-shadow:0 14px 36px rgba(0,0,0,.45);transform:rotateX(8deg) translateY(24px);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.3,1),box-shadow .4s,opacity .8s}
.ppwall.in .ppg{opacity:1;transform:rotateX(0) translateY(0);transition-delay:calc(var(--i)*80ms)}
.ppwall .ppg:hover{transform:translateY(-8px) scale(1.03)!important;box-shadow:0 26px 60px rgba(0,0,0,.6),0 0 0 2px var(--amber);transition-delay:0s!important}
.ppwall img{width:100%;height:auto;aspect-ratio:1489/1053;object-fit:cover}
.ppwall span{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(transparent,rgba(10,11,13,.92));color:#fff;font:700 14px/1.1 var(--cond);letter-spacing:.04em;text-align:left}
.ppl{margin:26px 0 0}
.ppd{max-width:min(1200px,94vw);padding:0;border:0;border-radius:10px;background:#fff;box-shadow:0 40px 120px rgba(0,0,0,.7)}
.ppd::backdrop{background:rgba(5,6,8,.82);backdrop-filter:blur(4px)}
.ppd img{display:block;width:100%;height:auto}
.ppd .x{position:absolute;right:10px;top:10px;border:0;border-radius:999px;background:#16191D;color:#fff;padding:8px 14px;font:600 13px/1 var(--body);cursor:pointer}
@media (max-width:760px){.ppwall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* kartlar */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.card{position:relative;padding:22px;border:1px solid var(--rule);border-radius:16px;background:linear-gradient(160deg,#1b1f24,#14171b);overflow:hidden}
.card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a,0deg),transparent 0 70%,var(--amber) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.card:hover::before{opacity:1;animation:spin 3s linear infinite}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spin{to{--a:360deg}}
.card svg{width:30px;height:30px;color:var(--amber);margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(242,154,31,.35))}
.card h3{margin:0 0 8px;font:700 21px/1.1 var(--cond)}
.card p{margin:0;color:var(--soft);font-size:15px}
@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.marq .mq,.cuelist .cgo .go,.card:hover::before{animation:none}.ppwall .ppg{opacity:1;transform:none}}

.plats.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.plats.two{grid-template-columns:1fr}}

.sthero{padding:72px 0 24px;background:radial-gradient(60% 120% at 80% 0%,rgba(242,154,31,.12),transparent 60%)}.sthero .kicker{color:var(--amber-2);font:600 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}.sthero h1{font:700 clamp(40px,5.4vw,72px)/1 var(--cond);margin:0 0 16px;max-width:14em;text-wrap:balance}.sthero .lead{color:var(--soft);max-width:40em;margin:0 0 22px;font-size:18px}.sthero .note{color:var(--steel);font-size:14.5px;margin:14px 0 0}.sthimg{margin:40px 0 0}.sthimg img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--rule)}.sgal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.sgal img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--rule);transition:transform .25s}.sgal a:hover img{transform:scale(1.015)}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:860px){.sgal,.cards.three{grid-template-columns:1fr}}
/* Android beta odağı (6 Kas 2026) */
.betapill{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:7px 14px 7px 11px;border:1px solid rgba(87,201,138,.45);border-radius:999px;background:rgba(87,201,138,.1);color:#9BE3B9;font:600 13.5px/1 var(--body);letter-spacing:.04em;text-decoration:none}
.betapill:hover{border-color:#57C98A;color:#C6F1D7}
.betapill i{width:8px;height:8px;border-radius:50%;background:#57C98A;box-shadow:0 0 0 0 rgba(87,201,138,.6);animation:bp 2.4s ease-out infinite}
@keyframes bp{70%{box-shadow:0 0 0 8px rgba(87,201,138,0)}100%{box-shadow:0 0 0 0 rgba(87,201,138,0)}}
@media (prefers-reduced-motion:reduce){.betapill i{animation:none}}
.ptag{display:inline-block;vertical-align:middle;margin-left:6px;padding:3px 8px;border-radius:999px;background:rgba(87,201,138,.14);color:#9BE3B9;font:600 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase}
.beta{margin:24px 0 0;padding:22px 22px 20px;border:1px solid rgba(87,201,138,.35);border-radius:14px;background:linear-gradient(180deg,rgba(87,201,138,.07),transparent 70%);scroll-margin-top:90px}
.beta .btag{margin:0 0 8px;color:#9BE3B9;font:600 12.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.beta h3{font:700 26px/1.1 var(--cond);margin:0 0 12px}
.beta ol{margin:0 0 18px;padding:0;list-style:none;counter-reset:b}
.beta li{counter-increment:b;position:relative;padding:10px 0 10px 40px;border-top:1px solid var(--rule);color:var(--soft);font-size:15.5px}
.beta li::before{content:counter(b);position:absolute;left:0;top:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--deck);border:1px solid var(--rule);color:var(--ink);font:700 14px/1 var(--cond)}
.beta li b{color:var(--ink);font-weight:600;display:block}
.beta .ctas{display:flex;flex-wrap:wrap;gap:10px}
.beta .tnote{margin-top:12px}
.soonpg .dlhero{padding-bottom:48px}
.soonpg .soonbody{padding:40px 24px 96px}
.soonpg .soonbody .req{max-width:640px}
/* videolar */
.vids .vgrid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,72px);align-items:center}
.vids .vtxt .tag{color:var(--amber-2);font:600 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
.vids h2{text-wrap:balance}
.vids .vtxt p{color:var(--soft);max-width:34em}
.vlist{list-style:none;padding:0;margin:22px 0 0;max-width:30em}
.vlist li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--rule)}
.vlist li:last-child{border-bottom:1px solid var(--rule)}
.vlist span{color:var(--steel);font-size:14.5px;text-align:right}
.vrow{display:flex;gap:22px;align-items:flex-start}
.phone{margin:0;width:clamp(200px,19vw,250px);flex:none}
.phone video{display:block;width:100%;height:auto;aspect-ratio:720/1558;object-fit:cover;background:#000;border-radius:26px;border:6px solid #23272D;box-shadow:0 0 0 1px #3A4048,0 30px 70px -30px rgba(242,154,31,.35)}
.phone figcaption{margin-top:10px;text-align:center;color:var(--steel);font-size:13.5px}
.vrow .phone:nth-child(2){margin-top:48px}
@media (max-width:900px){.vids .vgrid{grid-template-columns:1fr}.vrow{justify-content:center}}
@media (max-width:520px){.vrow{gap:12px}.phone{width:calc(50% - 6px)}.vrow.one .phone{width:min(260px,80%)}.phone video{border-radius:18px;border-width:4px}.vrow .phone:nth-child(2){margin-top:28px}}
.fcopy .fr{display:inline-flex;gap:18px;align-items:center;flex-wrap:wrap}
.fcopy .ig{display:inline-flex;align-items:center;gap:7px;color:var(--soft);text-decoration:none}
.fcopy .ig:hover{color:var(--ink)}
.fcopy .ig svg{width:17px;height:17px}
.shot.tall{max-width:300px;margin-inline:auto;border-radius:22px;overflow:hidden;border:5px solid #23272D;box-shadow:0 0 0 1px #3A4048}
.shot.tall img{width:100%;height:auto}
/* 2D ↔ 3D kaydırıcı */
.cmp2{position:relative;aspect-ratio:16/10;max-width:100%;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;background:#000}
.cmp2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.cmp2 .a{clip-path:inset(0 calc(100% - var(--p,50%)) 0 0)}
.cmp2 .bar{position:absolute;top:0;bottom:0;left:var(--p,50%);width:2px;margin-left:-1px;background:var(--ink);box-shadow:0 0 16px rgba(255,255,255,.55);pointer-events:none}
.cmp2 .knob{position:absolute;top:50%;left:var(--p,50%);width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:var(--ink);color:#16191D;display:grid;place-items:center;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.cmp2 .knob svg{width:20px;height:20px}
.cmp2 input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.cmp2 input:focus-visible~.knob{outline:3px solid var(--amber);outline-offset:3px}
.cmp2 .lb{position:absolute;bottom:12px;font:600 11.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;border-radius:999px;background:rgba(22,25,29,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}
.cmp2 .lb.l{left:12px}.cmp2 .lb.r{right:12px;color:var(--amber-2)}
.vrow.one .phone{width:clamp(230px,22vw,290px)}
.cmp2.sq{aspect-ratio:850/820}
.cmpw{display:flex;flex-direction:column;gap:12px}
.cmpsw{display:flex;gap:8px;flex-wrap:wrap}
.cmpsw button{font:600 14px/1 var(--body);padding:10px 14px;border-radius:999px;border:1px solid var(--rule);background:var(--deck);color:var(--soft);cursor:pointer}
.cmpsw button[aria-pressed="true"]{border-color:var(--amber);color:var(--ink);background:rgba(242,154,31,.12)}
.setupfig{margin:0 0 36px;max-width:900px}
.setupfig svg{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--rule)}
.setupfig figcaption{margin-top:10px;color:var(--steel);font-size:14px}

.tp.one{grid-template-columns:minmax(0,760px)}