/* Paysion v3 — krem · lila · mürdüm · mor · neon. Hareket dili: arka plan yavaş (20s+), bölüm geçişleri
   yumuşak (.6s), etkileşimler hızlı (.18s). Sahne başına tek baskın hareket. */
:root{
  --krem:#FFF8E9; --lila:#DFD0F5; --murdum:#382047; --mor:#713CDB; --neon:#DFFF00;
  --murekkep:#2A1836; --gri:#6E6478; --gri-2:#CFC3E0;
  --cizgi:rgba(56,32,71,.14); --cizgi-k:rgba(255,248,233,.18);
  /* Yüzeyler tek yerden: koyu temada hepsi birden döner. --krem/--murdum gibi marka renkleri
     sabit kalır; değişen "zemin", "yüzey", "çizgi" gibi rollerdir. */
  --zemin:#FFF8E9; --kart:#FFFFFF;
  --yuzey:rgba(255,255,255,.55); --yuzey-2:rgba(255,255,255,.75); --yuzey-3:rgba(255,255,255,.9);
  --yuzey-lila:rgba(223,208,245,.55);
  --hafif:rgba(56,32,71,.06); --hafif-2:rgba(56,32,71,.07); --hafif-3:rgba(56,32,71,.12);
  --nav-cam:rgba(255,248,233,.72); --nav-cam-lila:rgba(223,208,245,.7);
  --r:28px; --hap:999px; --en:1220px; --bos:clamp(20px,4.5vw,60px);
  --sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  --serif:"Fraunces","Playfair Display",Georgia,serif;
  --hizli:.18s; --orta:.6s; --yumus:cubic-bezier(.16,.84,.44,1);
  color-scheme:light;
}
/* ---------- koyu tema ---------- */
:root[data-tema="koyu"]{
  --zemin:#1B0F26; --kart:#2A1739;
  --murekkep:#FFF8E9; --gri:#B6A7C8; --gri-2:#D8CCE6;
  --lila:#33204A; --mor:#B79CF0; --murdum:#2E1B3E;
  --cizgi:rgba(255,248,233,.14); --cizgi-k:rgba(255,248,233,.16);
  --yuzey:rgba(255,248,233,.055); --yuzey-2:rgba(255,248,233,.09); --yuzey-3:rgba(255,248,233,.14);
  --yuzey-lila:rgba(113,60,219,.14);
  --hafif:rgba(255,248,233,.07); --hafif-2:rgba(255,248,233,.08); --hafif-3:rgba(255,248,233,.14);
  --nav-cam:rgba(27,15,38,.72); --nav-cam-lila:rgba(40,24,58,.75);
  color-scheme:dark;
}
/* Koyu temada dolu düğme mürdüm değil krem olur: sayfa zaten mürdüm, çağrı kaybolmasın. */
:root[data-tema="koyu"] .btn--dolu{background:var(--krem);color:#2A1836}
:root[data-tema="koyu"] .btn--dolu:hover{background:#FFFFFF}
:root[data-tema="koyu"] .btn--cizgi{border-color:rgba(255,248,233,.45)}
:root[data-tema="koyu"] .btn--cizgi:hover{background:var(--hafif)}
:root[data-tema="koyu"] .rozet{background:rgba(183,156,240,.16)}
:root[data-tema="koyu"] .tel__btn,:root[data-tema="koyu"] .demo__ode{background:var(--krem);color:#2A1836}
:root[data-tema="koyu"] .demo__ode::after{background:var(--krem);color:#2A1836}
:root[data-tema="koyu"] .demo__mod button[aria-pressed="true"],
:root[data-tema="koyu"] .bahsis__sec button[aria-pressed="true"],
:root[data-tema="koyu"] .ikiyon__sec button[aria-selected="true"],
:root[data-tema="koyu"] .segment__sec button[aria-selected="true"]{background:var(--krem);color:#2A1836;border-color:var(--krem)}
:root[data-tema="koyu"] .bahsis__sec button[aria-pressed="true"] small{color:#6E6478}
:root[data-tema="koyu"] .izgara .odendi{background:#4A2C5E}
:root[data-tema="koyu"] .adim-liste .no{background:var(--krem);color:#2A1836}
:root[data-tema="koyu"] .msg--ok{background:#22331A;border-color:#6E8F2E;color:#E7F5C8}
:root[data-tema="koyu"] .msg--err{background:#3A1E1C;border-color:#8F4A46;color:#F7D9D6}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--murekkep);font:500 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;min-height:100vh}
img,svg,canvas{max-width:100%}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:650;letter-spacing:-.025em;line-height:1.02;font-variation-settings:"SOFT" 60,"WONK" 1}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem)} h3{font-size:1.1rem}
p{margin:0 0 1em} a{color:inherit}
.wrap{width:100%;max-width:var(--en);margin:0 auto;padding-inline:var(--bos)}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--murdum);color:var(--krem);padding:12px 18px}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--mor);outline-offset:3px;border-radius:8px}

/* ---------- canlı zemin ---------- */
.akis{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--zemin)}
.akis canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.akis i{position:absolute;display:block;border-radius:50%;filter:blur(70px);opacity:.75;mix-blend-mode:multiply;animation:yuz 26s ease-in-out infinite alternate}
.akis .a1{left:-10%;top:-15%;width:55vw;height:55vw;background:#EBDFFB;animation-duration:24s}
.akis .a2{right:-12%;top:5%;width:50vw;height:50vw;background:#D9C6F6;animation-duration:31s;animation-delay:-9s}
.akis .a3{left:20%;bottom:-25%;width:60vw;height:60vw;background:#F6D9EC;animation-duration:28s;animation-delay:-16s}
.akis .a4{right:15%;bottom:-10%;width:34vw;height:34vw;background:#EEF7C8;animation-duration:22s;animation-delay:-5s;opacity:.55}
.akis.webgl i{display:none}

:root[data-tema="koyu"] .akis .a1{background:#3A2352}
:root[data-tema="koyu"] .akis .a2{background:#4A2A6B}
:root[data-tema="koyu"] .akis .a3{background:#40204A}
:root[data-tema="koyu"] .akis .a4{background:#2B2E1A;opacity:.4}
:root[data-tema="koyu"] .akis i{mix-blend-mode:screen;opacity:.5}
@keyframes yuz{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6%,-5%,0) scale(1.15)}100%{transform:translate3d(-5%,7%,0) scale(.9)}}
.nav,.mobil,main,.foot{position:relative;z-index:1}

/* ---------- üst menü ---------- */
.nav{position:sticky;top:0;display:flex;align-items:center;gap:28px;padding:16px var(--bos);transition:padding var(--orta) var(--yumus),background var(--orta)}
.nav.kucuk{padding-block:9px;background:var(--nav-cam);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}
.lila .nav.kucuk{background:var(--nav-cam-lila)}
.marka{display:flex;align-items:center;flex:none}
.wm{display:block;width:96px;height:26px;background:var(--murekkep);-webkit-mask:url(/logo.svg) no-repeat center/contain;mask:url(/logo.svg) no-repeat center/contain;transition:width var(--orta) var(--yumus),height var(--orta) var(--yumus)}
.nav.kucuk .wm{width:82px;height:22px}
.nav__links{display:flex;gap:6px;margin-inline:auto}
.nav__links a{position:relative;text-decoration:none;color:var(--gri);font-weight:600;font-size:.86rem;padding:8px 12px;transition:color var(--hizli)}
.nav__links a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--mor);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--yumus)}
.nav__links a:hover::after,.nav__links a[aria-current]::after{transform:scaleX(1)}
.nav__links a[aria-current]{color:var(--murekkep)}
.nav__sag{display:flex;align-items:center;gap:14px;flex:none}
.nav__menu{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;align-items:center;border-radius:50%}
.nav__menu i{display:block;width:22px;height:2px;background:var(--murekkep);transition:transform .3s var(--yumus)}
.nav__menu[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}
.nav__menu[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobil{position:fixed;inset:0;z-index:60;background:var(--murdum);color:var(--krem);display:flex;flex-direction:column;justify-content:center;padding:var(--bos)}
.mobil[hidden]{display:none}
.mobil nav{display:grid;gap:6px}
.mobil nav a{font-family:var(--serif);font-size:clamp(2rem,9vw,3rem);font-weight:650;text-decoration:none;padding:6px 0;letter-spacing:-.02em;transition:color var(--hizli)}
.mobil nav a:hover{color:var(--neon)}
.mobil__kapat{position:absolute;top:14px;right:14px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,248,233,.12);color:var(--krem);font-size:28px;cursor:pointer}
.mobil__alt{margin-top:30px;color:var(--gri-2)}
body.menu-acik{overflow:hidden}

/* ---------- düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:var(--hap);border:1.5px solid transparent;font:700 .9rem var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--hizli),background var(--hizli),color var(--hizli),border-color var(--hizli)}
.btn:hover{transform:translateY(-1px)} .btn:active{transform:translateY(0) scale(.99)}
.btn--dolu{background:var(--murdum);color:var(--krem)} .btn--dolu:hover{background:#4A2C5E}
.btn--cizgi{border-color:var(--murdum);color:var(--murekkep)} .btn--cizgi:hover{background:var(--hafif)}
.btn--neon{background:var(--neon);color:var(--murdum)} .btn--neon:hover{background:#ECFF4D}
.btn--sm{padding:9px 16px;font-size:.82rem} .btn--lg{padding:16px 28px;font-size:.96rem} .btn--block{width:100%}
.btn .ok{transition:transform var(--hizli)} .btn:hover .ok{transform:translate(2px,-2px)}
.btn[disabled]{opacity:.55;cursor:progress}
.link{font-weight:700;text-decoration:none;color:var(--mor);border-bottom:2px solid transparent;transition:border-color var(--hizli)} .link:hover{border-color:var(--mor)}
.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mor);margin:0 0 14px}
.koyu .eyebrow{color:var(--neon)}
.lede{font-size:clamp(1rem,1.6vw,1.2rem);color:var(--gri);max-width:52ch;font-weight:500}
.koyu .lede{color:var(--gri-2)}
.not{font-size:.82rem;color:var(--gri);max-width:60ch}
.rozet{display:inline-block;padding:7px 14px;border-radius:var(--hap);background:rgba(113,60,219,.1);color:var(--mor);font-weight:700;font-size:.78rem;margin:0 0 20px}

/* ---------- açılış sahnesi ---------- */
.hero{padding-block:clamp(40px,6vw,88px) clamp(60px,8vw,110px)}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,80px);align-items:center}
h1.dev{font-size:clamp(2.6rem,6.2vw,5.2rem);font-weight:700;letter-spacing:-.035em;line-height:.98}
.dev .satir{display:block;overflow:hidden;padding-bottom:.06em}
.dev .satir>span{display:block;transform:translateY(110%);transition:transform .9s var(--yumus)}
.js .acildi .dev .satir>span,.js .dev.acildi .satir>span{transform:none}
.dev .satir:nth-child(2)>span{transition-delay:.12s}
.hero .lede{margin-top:26px}
.eylemler{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.yuzey{position:relative;border-radius:36px;padding:clamp(18px,2.4vw,30px);background:linear-gradient(160deg,var(--yuzey-2),var(--yuzey-lila));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(56,32,71,.14),inset 0 1px 0 rgba(255,255,255,.7)}
.yuzey::before{content:"";position:absolute;inset:-14%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(113,60,219,.22),transparent 70%);animation:nefes 9s ease-in-out infinite}
@keyframes nefes{0%,100%{transform:scale(.92)}50%{transform:scale(1.06)}}
.yuzey--genis{max-width:720px;margin:26px auto 0}
.yuzey--lila{background:linear-gradient(160deg,var(--yuzey-lila),var(--yuzey-2))}

/* ---------- demo: hesap ---------- */
.demo{font-family:var(--sans)}
.demo__bas{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.78rem;color:var(--gri);font-weight:700}
.demo__bas b{color:var(--murekkep)} .demo__etiket{background:var(--murdum);color:var(--krem);padding:3px 9px;border-radius:var(--hap);font-size:.68rem;letter-spacing:.04em}
.demo__mod{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}
.demo__mod button{border:1.5px solid var(--cizgi);background:var(--yuzey-2);border-radius:14px;padding:9px 6px;font:700 .74rem var(--sans);color:var(--gri);cursor:pointer;transition:all var(--hizli)}
.demo__mod button[aria-pressed="true"]{background:var(--murdum);color:var(--krem);border-color:var(--murdum)}
.demo__liste{display:grid;gap:5px}
.demo__kalem{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--yuzey);font-size:.86rem;transition:transform .35s var(--yumus),background var(--hizli),opacity .35s}
.demo__kalem i{font-style:normal;color:var(--gri);margin-right:6px}
.demo__kalem b{font-variant-numeric:tabular-nums}
.demo__kalem.sec{cursor:pointer} .demo__kalem.sec:hover{background:var(--yuzey-3)}
.demo__kalem.secildi{background:var(--lila);transform:translateX(6px)}
.demo__kalem.baskasinin{opacity:.42;transform:translateX(-6px)} .demo__kalem.baskasinin::after{content:"başkası ödüyor";font-size:.68rem;color:var(--gri)}
.demo__kisi{display:flex;align-items:center;gap:10px;margin:8px 0 4px;font-size:.82rem;font-weight:700}
.demo__kisi button{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--cizgi);background:var(--kart);cursor:pointer;font-size:1rem}
.demo__kisi output{min-width:5.5ch;text-align:center}
.demo__tutar{display:flex;align-items:center;gap:8px;margin:8px 0 4px}
.demo__tutar input{width:110px;padding:8px 10px;border:1.5px solid var(--cizgi);border-radius:12px;background:var(--kart);color:var(--murekkep);font:700 .9rem var(--sans)}
.demo__toplam{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:12px;border-top:1.5px solid var(--cizgi)}
.demo__toplam span{font-size:.78rem;font-weight:700;color:var(--gri);letter-spacing:.06em;text-transform:uppercase}
.demo__toplam b{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color .3s}
.demo__toplam b.degisti{color:var(--mor)}
.demo__ode{margin-top:12px;background:var(--murdum);color:var(--krem);border-radius:var(--hap);text-align:center;padding:12px;font-weight:700;font-size:.9rem;position:relative;overflow:hidden}
.demo__ode::after{content:"Demo · gerçek tahsilat yok";position:absolute;inset:0;display:grid;place-items:center;background:var(--murdum);opacity:0;transition:opacity var(--hizli);font-size:.78rem}
.demo__ode:hover::after{opacity:1}

/* ---------- demo: bahşiş ---------- */
.bahsis__sec{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0}
.bahsis__sec button{position:relative;border:1.5px solid var(--cizgi);background:var(--yuzey-2);border-radius:14px;padding:12px 4px;font:700 .82rem var(--sans);color:var(--murekkep);cursor:pointer;transition:all var(--hizli)}
.bahsis__sec button small{display:block;font-size:.62rem;color:var(--gri);font-weight:600;margin-top:2px}
.bahsis__sec button[aria-pressed="true"]{background:var(--murdum);color:var(--krem);border-color:var(--murdum)} .bahsis__sec button[aria-pressed="true"] small{color:var(--gri-2)}
.bahsis__farkli{display:flex;gap:8px;align-items:center;margin-bottom:8px} .bahsis__farkli input{width:120px;padding:8px 10px;border:1.5px solid var(--cizgi);border-radius:12px;background:var(--kart);color:var(--murekkep);font:700 .9rem var(--sans)}
.bahsis__satir{display:flex;justify-content:space-between;font-size:.86rem;padding:6px 0;color:var(--gri)} .bahsis__satir b{color:var(--murekkep);font-variant-numeric:tabular-nums}
.bahsis__tesekkur{height:22px;font-size:.82rem;color:var(--mor);font-weight:700;opacity:0;transform:translateY(4px);transition:all .4s var(--yumus)} .bahsis__tesekkur.goster{opacity:1;transform:none}
.demo.parla{animation:parla .9s var(--yumus)} @keyframes parla{0%{box-shadow:0 0 0 0 rgba(113,60,219,.35)}100%{box-shadow:0 0 0 26px rgba(113,60,219,0)}}
.demo--mini .demo__bas{margin-bottom:6px}

/* ---------- bölümler ---------- */
section{position:relative}
.surtunme{padding-block:clamp(70px,9vw,130px)}
.buyuk{font-size:clamp(1.9rem,4.2vw,3.4rem);max-width:22ch;font-weight:700}
.surtunme__ikili{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.surtunme__ikili>div{border-radius:var(--r);padding:26px;font-size:1rem;line-height:1.5}
.surtunme__ikili span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.once{background:var(--hafif);color:var(--gri)} .once span{color:var(--gri)}
.sonra{background:var(--murdum);color:var(--krem)} .sonra span{color:var(--neon)} .sonra p{margin:0;font-weight:600}
.once p{margin:0}

.ikiyon{padding-block:clamp(60px,8vw,110px)}
.ikiyon__sec,.segment__sec{display:inline-flex;gap:4px;padding:5px;border-radius:var(--hap);background:var(--hafif-2);margin-bottom:34px;flex-wrap:wrap}
.ikiyon__sec button,.segment__sec button{border:0;background:transparent;border-radius:var(--hap);padding:10px 18px;font:700 .86rem var(--sans);color:var(--gri);cursor:pointer;transition:all .25s var(--yumus)}
.ikiyon__sec button[aria-selected="true"],.segment__sec button[aria-selected="true"]{background:var(--murdum);color:var(--krem)}
.ikiyon__sahne{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.ikiyon__metin h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:700} .ikiyon__metin h2 em{font-style:normal;color:var(--mor)}
.ikiyon__metin p{margin:18px 0 22px;color:var(--gri);font-size:1.05rem}
.ikiyon__sahne .yon-misafir,.ikiyon__sahne .yon-ekip{transition:opacity .5s var(--yumus),transform .5s var(--yumus)}
.ikiyon__sahne[data-yon-aktif="misafir"] .yon-ekip,.ikiyon__sahne[data-yon-aktif="ekip"] .yon-misafir{display:none}
.ikiyon__gorsel{position:relative;min-height:340px;display:grid;place-items:center}
.tel{width:min(300px,100%);background:var(--kart);border-radius:30px;padding:16px;box-shadow:0 30px 70px rgba(56,32,71,.18);font-size:.86rem;transform:rotate(-3deg);animation:suzul 7s ease-in-out infinite}
@keyframes suzul{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-10px)}}
.tel__bar{font-weight:800;font-size:.78rem;color:var(--gri);margin-bottom:10px}
.tel__satir{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--cizgi)} .tel__toplam{border:0;font-weight:800;margin-top:6px} .tel__toplam b{color:var(--mor);font-size:1.1rem}
.tel__btn{margin-top:12px;background:var(--murdum);color:var(--krem);text-align:center;padding:12px;border-radius:var(--hap);font-weight:700}
.izgara{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(360px,100%)}
.izgara i{aspect-ratio:1;border-radius:18px;display:grid;place-items:center;font:800 1.1rem var(--sans);font-style:normal;color:var(--krem);background:var(--gri-2)}
.izgara .bos{background:var(--hafif-3);color:var(--gri)} .izgara .acik{background:var(--mor)} .izgara .odeme{background:#B79CF0;animation:nabiz 1.6s ease-in-out infinite} .izgara .odendi{background:var(--murdum)}
@keyframes nabiz{0%,100%{transform:scale(1)}50%{transform:scale(.93)}}
.izgara .bildirim{position:absolute;right:-12px;bottom:-20px;background:var(--neon);color:var(--murdum);padding:10px 14px;border-radius:var(--hap);font-weight:800;font-size:.82rem;box-shadow:0 12px 30px rgba(56,32,71,.2);animation:gel .8s var(--yumus) both}
@keyframes gel{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.ozet{padding-block:clamp(60px,8vw,110px)}
.ozet__liste{list-style:none;margin:34px 0 30px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px}
.ozet__liste li{padding:18px 0;border-top:1.5px solid var(--cizgi);font-size:1rem;color:var(--gri)} .ozet__liste b{display:block;color:var(--murekkep);font-family:var(--serif);font-size:1.3rem;font-weight:650;margin-bottom:4px}
.bahsis-kisa{padding-block:clamp(60px,8vw,110px)}
.bahsis-kisa__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;background:var(--lila);border-radius:40px;padding:clamp(28px,4vw,56px)}
.bahsis-kisa h2{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:700;margin-bottom:14px}

.kapanis{padding-block:clamp(80px,11vw,150px);text-align:center}
.dev-2{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:700;letter-spacing:-.03em;max-width:18ch;margin:0 auto 30px}

/* iç sayfalar */
.sayfa-bas{padding-block:clamp(40px,6vw,80px) clamp(30px,4vw,50px)} .sayfa-bas .lede{margin-top:22px}
.adimlar{padding-block:20px 60px}
.adim-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:a}
.adim-liste li{background:var(--yuzey);border-radius:var(--r);padding:28px;transition:transform .4s var(--yumus)} .adim-liste li:hover{transform:translateY(-6px)}
.adim-liste .no{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--murdum);color:var(--neon);font:800 1rem var(--sans);margin-bottom:18px}
.adim-liste h2{font-size:1.5rem;margin-bottom:10px} .adim-liste p{margin:0;color:var(--gri)}
.demo-sahne{padding-block:clamp(50px,7vw,100px);text-align:center} .demo-sahne .not{margin:16px auto 0}
.guven{padding-block:clamp(50px,7vw,100px)} .guven__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,80px);align-items:start} .guven p{color:var(--gri);margin-top:14px}
.madde{list-style:none;margin:0;padding:0;display:grid;gap:10px} .madde li{padding:14px 18px;border-radius:16px;background:var(--yuzey);font-weight:600} .madde--genis li{font-weight:500;color:var(--gri)} .madde--genis b{color:var(--murekkep);display:block;margin-bottom:2px}

.segment{padding-block:10px 70px}
.segment__sahne{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;min-height:380px}
.segment__sahne article{display:none;animation:gel .5s var(--yumus)} .segment__sahne article h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;margin-bottom:16px} .segment__sahne article p{color:var(--gri);font-size:1.05rem;margin-bottom:22px}
.segment__sahne[data-seg-aktif="kafe"] .seg-kafe,.segment__sahne[data-seg-aktif="restoran"] .seg-restoran,.segment__sahne[data-seg-aktif="bar"] .seg-bar,.segment__sahne[data-seg-aktif="zincir"] .seg-zincir{display:block}
.segment__gorsel{display:grid;place-items:center;min-height:320px}
.blob{width:min(360px,80%);aspect-ratio:1;background:linear-gradient(150deg,var(--b1,#DFD0F5),var(--b2,#713CDB));transition:background 1s,border-radius 1s var(--yumus);animation:morf 14s ease-in-out infinite alternate;box-shadow:0 40px 90px rgba(56,32,71,.2)}
@keyframes morf{0%{border-radius:58% 42% 38% 62%/54% 38% 62% 46%}50%{border-radius:42% 58% 62% 38%/40% 60% 40% 60%}100%{border-radius:50% 50% 45% 55%/60% 45% 55% 40%}}
.segment__sahne[data-seg-aktif="kafe"] .blob{--b1:#FFE7B0;--b2:#DFD0F5} .segment__sahne[data-seg-aktif="restoran"] .blob{--b1:#DFD0F5;--b2:#713CDB} .segment__sahne[data-seg-aktif="bar"] .blob{--b1:#713CDB;--b2:#382047} .segment__sahne[data-seg-aktif="zincir"] .blob{--b1:#DFFF00;--b2:#713CDB}
.segment .not{margin-top:30px}

.ozellik-akis{padding-block:20px 80px}
.ozellik-akis .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.oz{position:relative;border-radius:var(--r);padding:28px;background:var(--yuzey);opacity:0;transform:translateY(24px);transition:opacity .7s var(--yumus),transform .7s var(--yumus),background var(--hizli)}
.oz.gorundu{opacity:1;transform:none} .oz:hover{background:var(--yuzey-3)}
.oz--buyuk{grid-column:span 2;background:var(--murdum);color:var(--krem)} .oz--buyuk:hover{background:var(--murdum)} .oz--buyuk p{color:var(--gri-2)} .oz--buyuk .oz__no{color:var(--neon)}
.oz__no{font-family:var(--serif);font-size:.9rem;font-weight:700;color:var(--mor);display:block;margin-bottom:14px}
.oz h2{font-size:1.45rem;margin-bottom:10px} .oz p{margin:0;color:var(--gri);font-size:.95rem}

.lila body,body.lila{background:var(--lila)} body.lila .akis{background:var(--lila)}
.bahsis-sahne{padding-block:20px 80px} .bahsis-sahne__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:start}
.bahsis-sahne__metin h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:22px} .bahsis-sahne .not{margin-top:22px}

.iletisim{padding-block:20px 90px} .iletisim__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,80px);align-items:start} .iletisim .not{margin-top:22px}
.form{background:var(--yuzey-2);border-radius:var(--r);padding:clamp(22px,3vw,34px);backdrop-filter:blur(8px)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px} .f3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.field{display:block;margin-bottom:12px} .field>span{display:block;font-size:.76rem;font-weight:700;color:var(--gri);margin-bottom:6px}
.field input,.field textarea{width:100%;font:600 .92rem var(--sans);padding:12px 14px;border:1.5px solid var(--cizgi);border-radius:14px;background:var(--kart);color:var(--murekkep);transition:border-color var(--hizli)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--mor)} .field textarea{resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{border-radius:14px;padding:12px 16px;margin:4px 0 12px;font-size:.88rem;font-weight:600} .msg--ok{background:#EEF8D2;border:1px solid #A9C93B} .msg--err{background:#FDECEC;border:1px solid #E3B4B4}
.form .not{margin:12px 0 0}

/* ---------- alt bilgi ---------- */
.foot{background:var(--murdum);color:var(--krem);padding-block:50px 0;overflow:hidden;margin-top:20px}
.foot__ust{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid var(--cizgi-k)}
.foot__links{display:flex;gap:22px;flex-wrap:wrap} .foot__links a{color:var(--gri-2);text-decoration:none;font-weight:600;font-size:.9rem;transition:color var(--hizli)} .foot__links a:hover{color:var(--neon)}
.foot__ileti{display:flex;gap:18px;flex-wrap:wrap;color:var(--gri-2);font-size:.9rem} .foot__ileti a{color:var(--krem);text-decoration:none;font-weight:700}
.foot__dev{padding-top:34px;line-height:0}
.wm--dev{width:100%;height:auto;aspect-ratio:1294/356;background:var(--krem);opacity:.96;transform:translateY(12%);transition:transform 1.2s var(--yumus),background .5s}
.foot__dev:hover .wm--dev{background:var(--neon)}
.js .foot__dev .wm--dev{transform:translateY(12%)} .js .foot__dev.gorundu .wm--dev{transform:translateY(6%)}

/* ---------- görünürlük hareketleri ---------- */
.js .gir{opacity:0;transform:translateY(18px);transition:opacity .7s var(--yumus),transform .7s var(--yumus);transition-delay:calc(var(--s,0)*110ms)}
.js .gir.acik{opacity:1;transform:none}

/* ---------- sayfa geçişi (View Transitions) ---------- */
@view-transition{navigation:auto}
.nav{view-transition-name:nav}
::view-transition-old(root){animation:cik .32s var(--yumus) both} ::view-transition-new(root){animation:gir-vt .42s var(--yumus) both}
@keyframes cik{to{opacity:0;transform:translateY(-14px)}} @keyframes gir-vt{from{opacity:0;transform:translateY(18px)}}
::view-transition-group(nav){animation-duration:.3s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.001ms!important}
  .js .gir,.oz,.dev .satir>span{opacity:1!important;transform:none!important}
  html{scroll-behavior:auto}
}

/* ---------- duyarlı ---------- */
@media (max-width:1000px){
  .hero__grid,.ikiyon__sahne,.segment__sahne,.guven__grid,.bahsis-sahne__grid,.iletisim__grid,.bahsis-kisa__grid{grid-template-columns:1fr}
  .nav__links{display:none} .nav__menu{display:flex}
  .adim-liste{grid-template-columns:1fr} .ozellik-akis .wrap{grid-template-columns:1fr 1fr} .oz--buyuk{grid-column:span 2}
  .ozet__liste{grid-template-columns:1fr} .surtunme__ikili{grid-template-columns:1fr}
  .segment__gorsel{order:-1;min-height:220px} .blob{width:min(240px,60%)}
}
@media (max-width:620px){
  .f2,.f3,.ozellik-akis .wrap{grid-template-columns:1fr} .oz--buyuk{grid-column:span 1}
  .eylemler .btn{width:100%} .demo__mod,.bahsis__sec{grid-template-columns:repeat(2,1fr)} .bahsis__sec button:last-child{grid-column:span 2}
  h1.dev{font-size:clamp(2.2rem,11vw,3rem)} .yuzey{padding:16px;border-radius:26px}
  .nav__sag .btn{display:none} .wm--dev{transform:translateY(8%)}
}


/* ---------- açık / koyu mod düğmesi ---------- */
.tema-dugme{width:40px;height:40px;flex:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  border:1.5px solid var(--cizgi);border-radius:var(--hap);background:var(--zemin);color:var(--murekkep);
  transition:transform var(--hizli),border-color var(--hizli),background var(--hizli)}
.tema-dugme:hover{transform:translateY(-1px);border-color:var(--mor)}
.tema-dugme i{display:block;width:15px;height:15px;border-radius:50%;background:currentColor;position:relative;transition:transform .35s var(--yumus)}
.tema-dugme i::before{content:"";position:absolute;inset:-5.5px;border-radius:50%;transition:opacity .3s;
  box-shadow:0 -8.5px 0 -5.2px currentColor,0 8.5px 0 -5.2px currentColor,-8.5px 0 0 -5.2px currentColor,8.5px 0 0 -5.2px currentColor,
             6px -6px 0 -5.6px currentColor,-6px 6px 0 -5.6px currentColor,6px 6px 0 -5.6px currentColor,-6px -6px 0 -5.6px currentColor}
.tema-dugme i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--zemin);
  transform:translate(42%,-42%) scale(0);transition:transform .35s var(--yumus)}
[data-tema="koyu"] .tema-dugme i{transform:scale(1.2) rotate(-18deg)}
[data-tema="koyu"] .tema-dugme i::before{opacity:0}
[data-tema="koyu"] .tema-dugme i::after{transform:translate(38%,-38%) scale(1)}
.mobil .tema-dugme{width:auto;height:auto;gap:12px;padding:12px 20px;border-color:var(--cizgi-k);background:transparent;color:var(--krem);
  font:700 1rem var(--sans);margin-top:26px;align-self:flex-start;border-radius:var(--hap)}
.mobil .tema-dugme i::after{background:var(--murdum)}
@media (max-width:1000px){ .nav .tema-dugme{display:none} }