/* ═══════════════════════════════════════════════════════════
   LOKL — tek sayfa tanıtım sitesi
   Yön: "Gece Şehri" — sinematik, sıcak kızıl, editoryal
   ═══════════════════════════════════════════════════════════ */

:root{
  --ink:      #0A0D12;
  --ink-2:    #10141B;
  --ink-3:    #171D27;
  --line:     rgba(255,255,255,.09);
  --line-2:   rgba(255,255,255,.16);

  --cream:    #F6F2ED;
  --muted:    #8E96A6;
  --muted-2:  #6B7382;

  --crimson:  #E83535;
  --deep:     #8B1A1A;
  --ember:    #FF7A6B;

  /* Commissioner: kiril + yunanca karakterler için yedek (RU/EL dilleri) */
  --font-d: 'Bricolage Grotesque', 'Commissioner', ui-sans-serif, system-ui, sans-serif;
  --font-b: 'Plus Jakarta Sans', 'Commissioner', ui-sans-serif, system-ui, sans-serif;

  --wrap: 1200px;
  --r:    22px;
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }

body{
  margin:0;
  background:var(--ink);
  color:var(--cream);
  font-family:var(--font-b);
  font-size:17px;
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul,ol{ margin:0; padding:0; list-style:none; }
svg{ width:100%; height:100%; }

.wrap{ width:min(100% - 2.5rem, var(--wrap)); margin-inline:auto; }

/* ── atmosphere ─────────────────────────────────────────── */
.grain{
  position:fixed; inset:0; z-index:60; pointer-events:none; opacity:.32;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
.spotlight{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(520px circle at var(--mx,50%) var(--my,18%),
             rgba(232,53,53,.13), transparent 62%);
  transition:background .28s ease-out;
}

/* ── typography ─────────────────────────────────────────── */
.h2{
  font-family:var(--font-d);
  font-weight:800;
  font-size:clamp(2.05rem, 4.6vw, 3.55rem);
  line-height:1.03;
  letter-spacing:-.03em;
  margin:.15em 0 .45em;
  text-wrap:balance;
}
.h3{
  font-family:var(--font-d);
  font-weight:700;
  font-size:clamp(1.5rem, 2.7vw, 2.15rem);
  line-height:1.12;
  letter-spacing:-.025em;
  margin:0 0 .5rem;
}
.h3--tight{ margin-bottom:.35rem; }

.kicker{
  font-family:var(--font-b);
  font-size:.75rem; font-weight:700;
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--crimson);
  margin:0;
}
.lede{
  font-size:clamp(1.02rem, 1.35vw, 1.18rem);
  color:var(--muted);
  max-width:56ch; margin:0;
}
.lede strong{ color:var(--cream); font-weight:600; }
.lede--center{ margin-inline:auto; text-align:center; }

.sechead{ margin-bottom:clamp(2.6rem,6vw,4.5rem); }
.sechead--center{ text-align:center; }
.sechead--center .h2{ margin-inline:auto; max-width:16ch; }

/* ── buttons ────────────────────────────────────────────── */
.btn{
  --bg:transparent; --fg:var(--cream); --bd:var(--line-2);
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.92rem 1.5rem; border-radius:100px;
  background:var(--bg); color:var(--fg);
  border:1px solid var(--bd);
  font-family:var(--font-b); font-weight:700; font-size:.97rem;
  letter-spacing:-.01em; cursor:pointer;
  transition:transform .22s cubic-bezier(.2,.8,.3,1), box-shadow .25s, background .25s, border-color .25s;
  will-change:transform;
}
.btn svg{ width:1.05em; height:1.05em; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.btn:hover{ transform:translateY(-2px); }
.btn--primary{
  --bg:linear-gradient(135deg,var(--crimson),var(--deep));
  --bd:transparent;
  box-shadow:0 12px 34px -10px rgba(232,53,53,.62);
}
.btn--primary:hover{ box-shadow:0 18px 44px -10px rgba(232,53,53,.78); }
.btn--ghost:hover{ background:rgba(255,255,255,.06); border-color:var(--line-2); }
.btn--sm{ padding:.6rem 1.1rem; font-size:.88rem; }

/* ── nav ────────────────────────────────────────────────── */
.nav{
  position:fixed; inset:0 0 auto 0; z-index:50;
  display:flex; align-items:center; gap:2rem;
  padding:1.1rem clamp(1.25rem,4vw,2.6rem);
  transition:background .3s, backdrop-filter .3s, border-color .3s, padding .3s;
  border-bottom:1px solid transparent;
}
.nav.is-stuck{
  background:rgba(10,13,18,.82);
  backdrop-filter:blur(16px) saturate(140%);
  border-bottom-color:var(--line);
  padding-block:.72rem;
}
.nav__brand img{ height:26px; width:auto; }
.nav__links{ display:flex; gap:1.9rem; margin-left:auto; }
.nav__links a{
  font-size:.93rem; font-weight:600; color:var(--muted);
  transition:color .2s; position:relative;
}
.nav__links a::after{
  content:''; position:absolute; left:0; bottom:-5px; height:1.5px; width:0;
  background:var(--crimson); transition:width .28s cubic-bezier(.2,.8,.3,1);
}
.nav__links a:hover{ color:var(--cream); }
.nav__links a:hover::after{ width:100%; }

/* ── dil değiştirici ────────────────────────────────────── */
.langsw{ position:relative; }
.langsw__btn{
  display:inline-flex; align-items:center; gap:.42rem;
  padding:.5rem .7rem; border-radius:100px;
  background:transparent; border:1px solid var(--line);
  color:var(--muted); font-family:var(--font-b); font-weight:700; font-size:.82rem;
  letter-spacing:.04em; cursor:pointer;
  transition:color .2s, border-color .2s, background .2s;
}
.langsw__btn:hover{ color:var(--cream); border-color:var(--line-2); background:rgba(255,255,255,.05); }
.langsw__btn > svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.7; }
.langsw__chev{ width:13px !important; height:13px !important; transition:transform .25s; }
.langsw.is-open .langsw__chev{ transform:rotate(180deg); }

.langsw__menu{
  position:absolute; top:calc(100% + .5rem); right:0; z-index:60;
  min-width:150px; padding:.35rem; border-radius:14px;
  background:rgba(16,20,27,.97); backdrop-filter:blur(14px);
  border:1px solid var(--line-2);
  box-shadow:0 22px 44px -16px rgba(0,0,0,.9);
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .2s, transform .2s, visibility .2s;
}
.langsw.is-open .langsw__menu{ opacity:1; visibility:visible; transform:none; }
.langsw__menu button{
  display:block; width:100%; text-align:left;
  padding:.55rem .75rem; border-radius:9px;
  background:transparent; border:0; cursor:pointer;
  color:var(--muted); font-family:var(--font-b); font-size:.9rem; font-weight:600;
  transition:background .18s, color .18s;
}
.langsw__menu button:hover{ background:rgba(255,255,255,.07); color:var(--cream); }
.langsw__menu button.is-on{ color:var(--crimson); background:rgba(232,53,53,.1); }

/* ── hero ───────────────────────────────────────────────── */
.hero{
  position:relative; z-index:1;
  padding:clamp(7rem,14vw,10.5rem) 0 clamp(3.5rem,7vw,6rem);
  overflow:hidden;
}
.hero__glow{
  position:absolute; z-index:-1; pointer-events:none;
  width:min(1100px,120vw); aspect-ratio:1;
  right:-14%; top:-30%;
  background:radial-gradient(circle, rgba(232,53,53,.20), rgba(139,26,26,.09) 42%, transparent 66%);
  filter:blur(10px);
}
.hero__contours{
  position:absolute; inset:auto 0 -6% 0; height:78%; z-index:-1;
  color:rgba(232,53,53,.16); pointer-events:none;
  mask-image:linear-gradient(to top, #000 8%, transparent 92%);
}
.hero__inner{
  width:min(100% - 2.5rem, var(--wrap)); margin-inline:auto;
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4rem);
  align-items:center;
}

.badge{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.42rem .95rem .42rem .7rem; border-radius:100px;
  background:rgba(232,53,53,.10); border:1px solid rgba(232,53,53,.28);
  font-size:.82rem; font-weight:600; color:#FFB3A8; letter-spacing:.01em;
}
.badge__dot{
  width:7px; height:7px; border-radius:50%; background:var(--crimson);
  box-shadow:0 0 0 0 rgba(232,53,53,.6); animation:pulse 2.4s infinite;
}
@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(232,53,53,.55); }
  70%{ box-shadow:0 0 0 9px rgba(232,53,53,0); }
  100%{ box-shadow:0 0 0 0 rgba(232,53,53,0); }
}

.hero__title{
  font-family:var(--font-d); font-weight:800;
  font-size:clamp(2.9rem, 7.4vw, 6.1rem);
  line-height:.95; letter-spacing:-.045em;
  margin:1.15rem 0 1.3rem;
}
.hero__title span{ display:block; }
.hero__title--accent{
  background:linear-gradient(105deg,var(--ember) 4%, var(--crimson) 42%, var(--deep) 92%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero__lede{
  font-size:clamp(1.06rem,1.5vw,1.28rem);
  color:var(--muted); max-width:44ch; margin:0 0 2.1rem;
}
.hero__lede strong{ color:var(--cream); font-weight:600; }
.hero__cta{ display:flex; flex-wrap:wrap; gap:.85rem; }

.hero__proof{
  display:flex; gap:clamp(1.2rem,3vw,2.6rem);
  margin-top:2.9rem; padding-top:1.7rem;
  border-top:1px solid var(--line);
}
.hero__proof li{ display:flex; flex-direction:column; }
.hero__proof b{
  font-family:var(--font-d); font-size:1.02rem; font-weight:700; letter-spacing:-.015em;
}
.hero__proof span{ font-size:.85rem; color:var(--muted-2); }

/* phone + orbiting chips */
.hero__stage{ position:relative; display:flex; justify-content:center; }

.phone{ position:relative; width:min(300px,72vw); }
.phone--hero{ animation:float 7s ease-in-out infinite; }
@keyframes float{
  0%,100%{ transform:translateY(0) rotate(-1.2deg); }
  50%{ transform:translateY(-16px) rotate(-.4deg); }
}
.phone__frame{
  border-radius:42px; padding:7px;
  background:linear-gradient(155deg,#333B49,#0C1016 62%);
  box-shadow:0 50px 90px -28px rgba(0,0,0,.9),
             0 0 0 1px rgba(255,255,255,.07),
             inset 0 1px 0 rgba(255,255,255,.14);
}
.phone__frame img{ border-radius:35px; }
.phone--tall{ width:min(268px,66vw); }

.orbit{ position:absolute; inset:0; pointer-events:none; z-index:3; }
.chip{
  position:absolute; white-space:nowrap;
  padding:.55rem .95rem; border-radius:100px;
  background:rgba(20,25,34,.9); backdrop-filter:blur(10px);
  border:1px solid var(--line-2);
  font-size:.82rem; font-weight:600;
  box-shadow:0 14px 30px -12px rgba(0,0,0,.9);
  animation:bob 5.5s ease-in-out infinite;
}
.chip--1{ top:9%;  left:-16%; animation-delay:0s; }
.chip--2{ top:47%; right:-18%; animation-delay:.9s; }
.chip--3{ bottom:11%; left:-11%; animation-delay:1.8s; }
@keyframes bob{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-11px); }
}

.scrollcue{
  position:absolute; bottom:1.6rem; left:50%; translate:-50% 0;
  width:22px; height:36px; border:1.5px solid var(--line-2); border-radius:12px;
}
.scrollcue span{
  position:absolute; top:7px; left:50%; translate:-50% 0;
  width:3px; height:7px; border-radius:2px; background:var(--crimson);
  animation:cue 1.9s ease-in-out infinite;
}
@keyframes cue{
  0%{ opacity:0; transform:translate(-50%,0); }
  35%{ opacity:1; }
  100%{ opacity:0; transform:translate(-50%,13px); }
}

/* ── marquee ────────────────────────────────────────────── */
.marquee{
  position:relative; z-index:1;
  border-block:1px solid var(--line);
  background:linear-gradient(180deg,rgba(232,53,53,.05),transparent);
  padding:1.15rem 0; overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.marquee__track{
  display:flex; align-items:center; gap:2.2rem; width:max-content;
  animation:slide 34s linear infinite;
}
.marquee__track span{
  font-family:var(--font-d); font-weight:700; font-size:1.05rem;
  letter-spacing:.16em; color:rgba(246,242,237,.62);
}
.marquee__track i{ color:var(--crimson); font-style:normal; font-size:.8rem; }
@keyframes slide{ to{ transform:translateX(-50%); } }

/* ── merge (5 → 1) ──────────────────────────────────────── */
.merge{ position:relative; z-index:1; padding:clamp(5rem,11vw,8.5rem) 0; }
.merge__grid{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.4rem,6vw,5rem);
  align-items:center;
}
.merge__viz{
  display:flex; align-items:center; justify-content:center; gap:clamp(1rem,2.4vw,2rem);
  padding:clamp(1.6rem,3.5vw,2.8rem);
  border:1px solid var(--line); border-radius:var(--r);
  background:linear-gradient(150deg,var(--ink-2),rgba(16,20,27,.35));
}
.oldapps{ display:grid; grid-template-columns:repeat(2,1fr); gap:.7rem; }
.oldapp{
  width:clamp(44px,6.4vw,58px); aspect-ratio:1; border-radius:15px;
  display:grid; place-items:center; padding:11px;
  background:var(--ink-3); border:1px solid var(--line);
  color:var(--muted-2); opacity:.62;
  animation:sink 5s ease-in-out infinite;
  animation-delay:calc(var(--i) * .28s);
}
.oldapp:nth-child(5){ grid-column:1 / -1; justify-self:center; }
.oldapp svg{ fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
@keyframes sink{
  0%,100%{ transform:scale(1); opacity:.62; }
  50%{ transform:scale(.9); opacity:.3; }
}
.mergearrow{ width:clamp(34px,5vw,46px); color:var(--crimson); flex:none; }
.mergearrow svg{ fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.newapp{ text-align:center; }
.newapp img{
  width:clamp(88px,12vw,116px); border-radius:26px;
  box-shadow:0 26px 52px -16px rgba(232,53,53,.5), 0 0 0 1px rgba(255,255,255,.08);
  animation:rise 5s ease-in-out infinite;
}
@keyframes rise{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-9px) scale(1.045); }
}
.newapp span{
  display:block; margin-top:.8rem;
  font-family:var(--font-d); font-weight:800; letter-spacing:.06em; font-size:.95rem;
}

/* ── services ───────────────────────────────────────────── */
.services{ position:relative; z-index:1; padding:clamp(3rem,7vw,5rem) 0 clamp(5rem,11vw,8rem); }
.svc{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5.5vw,5rem);
  align-items:center;
  padding:clamp(2.4rem,5vw,4.2rem) 0;
  border-top:1px solid var(--line);
}
.svc--flip .svc__text{ order:2; }
.svc__num{
  font-family:var(--font-d); font-weight:800; font-size:.9rem;
  letter-spacing:.2em; color:var(--accent);
  display:block; margin-bottom:.75rem;
}
.svc__text p{ color:var(--muted); margin:0 0 1.5rem; max-width:46ch; }
.ticks li{
  position:relative; padding-left:1.85rem; margin-bottom:.62rem;
  font-size:.96rem; color:var(--cream);
}
.ticks li::before{
  content:''; position:absolute; left:0; top:.42em;
  width:15px; height:15px; border-radius:50%;
  background:var(--soft); border:1px solid var(--accent);
}
.ticks li::after{
  content:''; position:absolute; left:4.5px; top:.72em;
  width:5px; height:2.5px; border-left:2px solid var(--accent); border-bottom:2px solid var(--accent);
  transform:rotate(-45deg);
}
.svc__shot{ display:flex; justify-content:center; }

.svc__shot--tiles{ flex-direction:column; gap:1.1rem; align-items:stretch; }
.tile{
  display:grid; grid-template-columns:auto 1fr; align-items:center;
  column-gap:1.05rem; row-gap:.15rem;
  padding:1.35rem 1.5rem; border-radius:var(--r);
  background:linear-gradient(150deg,var(--ink-2),rgba(16,20,27,.4));
  border:1px solid var(--line);
  transition:transform .3s cubic-bezier(.2,.8,.3,1), border-color .3s;
}
.tile:hover{ transform:translateY(-4px); border-color:color-mix(in srgb, var(--c) 45%, transparent); }
.tile--offset{ margin-left:clamp(0px,4vw,3rem); }
.tile svg{
  grid-row:1 / span 2; width:34px; height:34px; padding:7px;
  border-radius:11px; background:color-mix(in srgb, var(--c) 16%, transparent);
  color:var(--c); fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}
.tile b{ font-family:var(--font-d); font-size:1.06rem; letter-spacing:-.015em; }
.tile span{ font-size:.87rem; color:var(--muted-2); }

/* ── assistant ──────────────────────────────────────────── */
.assistant{ position:relative; z-index:1; padding:clamp(5rem,11vw,8.5rem) 0; overflow:hidden; }
.assistant__glow{
  position:absolute; z-index:-1; pointer-events:none;
  left:50%; top:12%; translate:-50% 0;
  width:min(900px,110vw); aspect-ratio:1;
  background:radial-gradient(circle, rgba(232,53,53,.14), transparent 62%);
}
.assistant__grid{
  display:grid; grid-template-columns:1.08fr .92fr;
  gap:clamp(2rem,5vw,4rem); align-items:center;
}

.chatdemo{
  border-radius:26px; overflow:hidden;
  background:linear-gradient(170deg,var(--ink-2),rgba(12,16,22,.85));
  border:1px solid var(--line);
  box-shadow:0 44px 88px -34px rgba(0,0,0,.95);
}
.chatdemo__bar{
  display:flex; align-items:center; gap:.8rem;
  padding:1rem 1.2rem; border-bottom:1px solid var(--line);
  background:rgba(232,53,53,.05);
}
.chatdemo__orb{
  width:34px; height:34px; border-radius:50%; flex:none;
  background:linear-gradient(135deg,var(--crimson),#D97706);
  box-shadow:0 6px 18px -6px rgba(232,53,53,.8);
  position:relative;
}
.chatdemo__orb::after{
  content:'✦'; position:absolute; inset:0; display:grid; place-items:center;
  color:#fff; font-size:15px;
}
.chatdemo__bar b{ font-family:var(--font-d); font-size:.98rem; display:block; letter-spacing:-.01em; }
.chatdemo__bar i{ font-style:normal; font-size:.78rem; color:var(--muted-2); display:flex; align-items:center; gap:.4rem; }
.onlinedot{ width:6px; height:6px; border-radius:50%; background:#22C55E; }

.chatdemo__body{
  padding:1.4rem 1.2rem; display:flex; flex-direction:column; gap:.75rem;
  min-height:412px;
}
.bub{
  max-width:82%; padding:.8rem 1.05rem; border-radius:17px;
  font-size:.94rem; line-height:1.5;
  opacity:0; transform:translateY(10px) scale(.97);
  transition:opacity .45s ease, transform .45s cubic-bezier(.2,.8,.3,1);
}
.bub--me{
  align-self:flex-end; border-bottom-right-radius:5px;
  background:linear-gradient(135deg,var(--crimson),var(--deep));
  color:#fff; font-weight:500;
}
.bub--ai{
  align-self:flex-start; border-bottom-left-radius:5px;
  background:var(--ink-3); border:1px solid var(--line); color:var(--cream);
}
.bub.is-on{ opacity:1; transform:none; }

.typing{
  align-self:flex-start; display:none; gap:4px;
  padding:.85rem 1.05rem; border-radius:17px; border-bottom-left-radius:5px;
  background:var(--ink-3); border:1px solid var(--line);
}
.typing.is-on{ display:flex; }
.typing i{ width:6px; height:6px; border-radius:50%; background:var(--crimson); animation:dot 1.3s infinite; }
.typing i:nth-child(2){ animation-delay:.18s; }
.typing i:nth-child(3){ animation-delay:.36s; }
@keyframes dot{ 0%,60%,100%{ opacity:.3; } 30%{ opacity:1; } }

.ordercard{
  align-self:stretch; border-radius:18px; padding:1.15rem 1.25rem;
  background:#fff; color:#141922;
  border-left:4px solid var(--crimson);
  box-shadow:0 22px 44px -18px rgba(0,0,0,.85);
  opacity:0; transform:translateY(14px) scale(.97);
  transition:opacity .5s ease, transform .5s cubic-bezier(.2,.8,.3,1);
}
.ordercard.is-on{ opacity:1; transform:none; }
.ordercard__head{ display:flex; align-items:center; gap:.65rem; margin-bottom:.9rem; }
.ordercard__ic{
  width:30px; height:30px; border-radius:9px; padding:6px; flex:none;
  background:rgba(232,53,53,.13); color:var(--crimson);
}
.ordercard__ic svg{ fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.ordercard__head b{ font-family:var(--font-d); font-size:1rem; letter-spacing:-.015em; }
.ordercard__row{
  display:flex; justify-content:space-between; gap:1rem;
  padding:.24rem 0; font-size:.87rem; color:#5B6472;
}
.ordercard__row b{ color:#141922; font-weight:600; }
.ordercard__total{
  display:flex; justify-content:space-between; align-items:center;
  margin-top:.7rem; padding-top:.7rem; border-top:1px solid #E7E9ED;
}
.ordercard__total span{ font-size:.72rem; letter-spacing:.14em; color:#8A93A2; font-weight:600; }
.ordercard__total b{ font-family:var(--font-d); font-size:1.32rem; color:var(--crimson); }
.ordercard__btns{ display:flex; gap:.6rem; margin-top:1rem; }
.obtn{
  flex:1; text-align:center; padding:.62rem; border-radius:11px;
  font-size:.87rem; font-weight:700;
}
.obtn--ghost{ border:1.5px solid #D9DDE3; color:#5B6472; }
.obtn--go{ background:linear-gradient(135deg,var(--crimson),var(--deep)); color:#fff; }

.chatdemo__foot{
  display:flex; align-items:center; justify-content:space-between;
  padding:.95rem 1.2rem; border-top:1px solid var(--line);
  color:var(--muted-2); font-size:.9rem;
}
.chatdemo__foot b{ color:var(--crimson); }

.assistant__real{ text-align:center; }
.assistant__real .phone{ margin-inline:auto; }
.caption{ margin:1.3rem 0 0; font-size:.85rem; color:var(--muted-2); }

.asklist{
  display:flex; flex-wrap:wrap; justify-content:center; gap:.7rem;
  margin-top:clamp(2.6rem,5vw,4rem);
}
.asklist li{
  padding:.62rem 1.15rem; border-radius:100px;
  background:rgba(255,255,255,.045); border:1px solid var(--line);
  font-size:.93rem; color:var(--muted);
  transition:color .25s, border-color .25s, background .25s;
}
.asklist li:hover{ color:var(--cream); border-color:rgba(232,53,53,.5); background:rgba(232,53,53,.09); }

/* ── qr ─────────────────────────────────────────────────── */
.qr{ position:relative; z-index:1; padding:clamp(4rem,9vw,7rem) 0; }
.qr__inner{
  display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(2rem,5vw,4rem);
  align-items:center;
  padding:clamp(2.2rem,5vw,3.6rem);
  border:1px solid var(--line); border-radius:calc(var(--r) + 8px);
  background:linear-gradient(140deg,rgba(139,26,26,.14),var(--ink-2) 55%);
}
.qrbox{
  position:relative; width:min(210px,60vw); margin-inline:auto;
  padding:1.5rem; border-radius:24px;
  background:var(--ink); border:1px solid var(--line-2);
  overflow:hidden;
}
.qrbox svg{ fill:rgba(246,242,237,.9); }
.qrbox svg rect:not(.f){ fill:none; stroke:rgba(246,242,237,.9); stroke-width:5; }
.qrbox__scan{
  position:absolute; left:0; right:0; height:36%;
  background:linear-gradient(180deg,transparent,rgba(232,53,53,.28),transparent);
  animation:scan 2.6s ease-in-out infinite;
}
@keyframes scan{
  0%,100%{ top:-36%; }
  50%{ top:100%; }
}

/* ── steps ──────────────────────────────────────────────── */
.steps{ position:relative; z-index:1; padding:clamp(4rem,9vw,7rem) 0; }
.steps__list{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.2rem,3vw,2rem); }
.steps__list li{
  padding:clamp(1.8rem,3.4vw,2.4rem);
  border:1px solid var(--line); border-radius:var(--r);
  background:linear-gradient(160deg,var(--ink-2),transparent);
  transition:transform .3s cubic-bezier(.2,.8,.3,1), border-color .3s;
}
.steps__list li:hover{ transform:translateY(-5px); border-color:rgba(232,53,53,.42); }
.steps__n{
  display:grid; place-items:center; width:42px; height:42px; border-radius:13px;
  background:rgba(232,53,53,.12); border:1px solid rgba(232,53,53,.3);
  color:var(--crimson); font-family:var(--font-d); font-weight:800; font-size:1.1rem;
  margin-bottom:1.15rem;
}
.steps__list h3{ font-family:var(--font-d); font-size:1.22rem; margin:0 0 .4rem; letter-spacing:-.02em; }
.steps__list p{ margin:0; color:var(--muted); font-size:.95rem; }

/* ── cta ────────────────────────────────────────────────── */
.cta{ position:relative; z-index:1; padding:clamp(5rem,11vw,8rem) 0; overflow:hidden; text-align:center; }
.cta__glow{
  position:absolute; z-index:-1; left:50%; top:20%; translate:-50% 0;
  width:min(820px,110vw); aspect-ratio:1; pointer-events:none;
  background:radial-gradient(circle, rgba(232,53,53,.19), transparent 62%);
}
.cta__icon{
  width:96px; border-radius:24px; margin:0 auto 1.8rem;
  box-shadow:0 28px 56px -18px rgba(232,53,53,.55), 0 0 0 1px rgba(255,255,255,.08);
}
.cta__btns{ display:flex; flex-wrap:wrap; justify-content:center; gap:.9rem; margin-top:2.2rem; }
.store{
  display:inline-flex; align-items:center; gap:.75rem;
  padding:.8rem 1.5rem .8rem 1.25rem; border-radius:15px;
  background:rgba(255,255,255,.055); border:1px solid var(--line-2);
  transition:transform .22s cubic-bezier(.2,.8,.3,1), background .25s, border-color .25s;
}
.store:hover{ transform:translateY(-3px); background:rgba(255,255,255,.1); border-color:rgba(232,53,53,.5); }
.store svg{ width:24px; height:24px; fill:var(--cream); }
.store span{ display:flex; flex-direction:column; line-height:1.15; text-align:left; }
.store i{ font-style:normal; font-size:.72rem; color:var(--muted-2); }
.store b{ font-family:var(--font-d); font-size:1rem; letter-spacing:-.015em; }
.cta__note{ margin:1.6rem 0 0; font-size:.86rem; color:var(--muted-2); }

/* ── business ───────────────────────────────────────────── */
.biz{ position:relative; z-index:1; padding:0 0 clamp(4rem,9vw,7rem); }
.biz__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:clamp(1.6rem,4vw,3rem); flex-wrap:wrap;
  padding:clamp(2rem,4.5vw,3.2rem);
  border:1px solid var(--line); border-radius:calc(var(--r) + 8px);
  background:linear-gradient(120deg,var(--ink-2),rgba(139,26,26,.12));
}
.biz__inner .lede{ margin-top:.5rem; font-size:1rem; }

/* ── footer ─────────────────────────────────────────────── */
.foot{
  position:relative; z-index:1;
  border-top:1px solid var(--line); padding:clamp(2.6rem,6vw,4rem) 0;
  text-align:center;
}
.foot__logo{ height:30px; width:auto; margin:0 auto 1.1rem; opacity:.95; }
.foot__tag{ margin:0 0 1.6rem; color:var(--muted-2); font-size:.9rem; }
.foot__links{ display:flex; flex-wrap:wrap; justify-content:center; gap:1.6rem; margin-bottom:1.6rem; }
.foot__links a{ font-size:.92rem; color:var(--muted); transition:color .2s; }
.foot__links a:hover{ color:var(--crimson); }
.foot__copy{ margin:0; font-size:.82rem; color:#4E5665; }

/* ── reveal ─────────────────────────────────────────────── */
.reveal{
  opacity:0; transform:translateY(26px);
  transition:opacity .8s cubic-bezier(.2,.8,.3,1), transform .8s cubic-bezier(.2,.8,.3,1);
  transition-delay:calc(var(--d,0) * 100ms);
}
.reveal.is-in{ opacity:1; transform:none; }

/* ── responsive ─────────────────────────────────────────── */
@media (max-width:980px){
  .hero__inner,
  .merge__grid,
  .svc,
  .assistant__grid,
  .qr__inner{ grid-template-columns:1fr; }

  .hero{ padding-top:6.5rem; text-align:center; }
  .hero__lede{ margin-inline:auto; }
  .hero__cta{ justify-content:center; }
  .hero__proof{ justify-content:center; }
  .hero__stage{ margin-top:3rem; }
  .svc--flip .svc__text{ order:0; }
  .svc__text p{ margin-inline:auto; }
  .steps__list{ grid-template-columns:1fr; }
  .nav__links{ display:none; }
  .langsw{ margin-left:auto; }   /* mobilde dil seçici görünür kalsın */
  .scrollcue{ display:none; }
  .assistant__real{ order:-1; }
  .chip--1{ left:-4%; }
  .chip--2{ right:-6%; }
  .chip--3{ left:-2%; }
}

@media (max-width:560px){
  body{ font-size:16px; }
  .ticks li{ text-align:left; }
  .hero__proof{ gap:1.2rem; }
  .biz__inner{ flex-direction:column; align-items:flex-start; text-align:left; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .reveal{ opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}