/* ================================================================
   DoWaba v2 — "Canlı Kanallar" tasarım sistemi
   Kağıt zemin + aurora ışıklar + gerçek marka renkleri
   yeşil=mesaj · mor=AI · kehribar=çağrı
   ================================================================ */
:root{
  --paper:#FBFAF7; --paper-2:#F5F1E8; --card:#FFFFFF;
  --ink:#0B120E; --ink-2:#2A322D; --muted:#6E6A5F;
  --line:#E9E3D6; --line-2:#F1ECE1;

  --green:#0E9A57; --green-b:#17C46E; --green-d:#076B3C; --green-s:#E5F6EC;
  --violet:#7C5CFF; --violet-b:#9B82FF; --violet-d:#4A2FD6; --violet-s:#EFEAFF;
  --amber:#F59E0B; --amber-b:#FFB93D; --amber-d:#B06E04; --amber-s:#FDF1DA;

  --wa:#25D366; --wa-d:#128C4B;
  --tg:#26A5E4; --ms1:#0695FF; --ms2:#A334FA; --ms3:#FF6968;
  --ig1:#FEDA75; --ig2:#FA7E1E; --ig3:#D62976; --ig4:#962FBF; --ig5:#4F5BD5;
  --tk:#FE2C55; --tkc:#25F4EE; --xx:#0F1419; --gm:#EA4335; --li:#0A66C2;
  --meta:#0081FB; --tp:#00B67A; --ty:#F27A1A;

  --r-s:12px; --r-m:18px; --r-l:26px; --r-xl:34px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(11,18,14,.05),0 3px 12px rgba(11,18,14,.05);
  --sh-2:0 4px 10px rgba(11,18,14,.05),0 18px 44px rgba(11,18,14,.09);
  --sh-3:0 12px 28px rgba(11,18,14,.09),0 42px 90px rgba(11,18,14,.14);
  --glow-g:0 14px 40px rgba(23,196,110,.35);
  --glow-v:0 14px 40px rgba(124,92,255,.32);
  --glow-a:0 14px 40px rgba(245,158,11,.30);

  --f-dsp:"Schibsted Grotesk",system-ui,sans-serif;
  --f-body:"Instrument Sans",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;
  --maxw:1220px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);
  font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:#17C46E33}
:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:8px}

h1,h2,h3,h4{font-family:var(--f-dsp);margin:0;line-height:1.04;font-weight:800;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,5.9vw,4.9rem);font-weight:900;letter-spacing:-.05em;line-height:.98}
h2{font-size:clamp(2.1rem,4.1vw,3.45rem);letter-spacing:-.045em}
h3{font-size:clamp(1.25rem,2vw,1.7rem);letter-spacing:-.03em;line-height:1.15}
h4{font-size:1.05rem;letter-spacing:-.022em;line-height:1.3;font-weight:700}
p{margin:0}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
.sec{padding:clamp(70px,8vw,124px) 0;position:relative}

/* doku: premium grain */
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

/* aurora bantlar */
.sec--tint{background:
  radial-gradient(1000px 480px at 8% -6%, rgba(23,196,110,.14), transparent 62%),
  radial-gradient(880px 460px at 96% 8%, rgba(124,92,255,.14), transparent 60%),
  radial-gradient(760px 420px at 55% 110%, rgba(245,158,11,.11), transparent 62%),
  var(--paper-2);
  border-block:1px solid var(--line-2)}
.sec--ink{background:
  radial-gradient(900px 480px at 84% -4%, rgba(23,196,110,.20), transparent 60%),
  radial-gradient(760px 440px at 4% 100%, rgba(124,92,255,.22), transparent 58%),
  radial-gradient(600px 360px at 50% 50%, rgba(245,158,11,.07), transparent 62%),
  #07130D;color:#F2F1EA}
.sec--ink h2,.sec--ink h3{color:#fff}
.sec--ink .lede{color:#B9C1BA}

.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:.7rem;font-weight:800;
  letter-spacing:.2em;text-transform:uppercase;color:var(--green-d);
  background:linear-gradient(180deg,#fff,var(--green-s));border:1px solid #C9E9D8;
  padding:8px 15px;border-radius:var(--r-pill);margin-bottom:22px;box-shadow:var(--sh-1)}
.eyebrow--v{color:var(--violet-d);background:linear-gradient(180deg,#fff,var(--violet-s));border-color:#D9D0FF}
.eyebrow--a{color:var(--amber-d);background:linear-gradient(180deg,#fff,var(--amber-s));border-color:#F4DFB4}
.eyebrow--n{color:#8FF0BE;background:#0D2418;border-color:#1F4630}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.9;animation:pulse 2.2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}

.lede{color:var(--muted);font-size:clamp(1.02rem,1.2vw,1.15rem);line-height:1.66;max-width:62ch}
.head{max-width:840px;margin-bottom:clamp(38px,4.4vw,64px)}
.head h2{margin-bottom:18px}
.head--c{margin-inline:auto;text-align:center}
.head--c .lede{margin-inline:auto}
.mark{position:relative;white-space:nowrap}
.mark i{position:absolute;left:-2%;right:-2%;bottom:.06em;height:.34em;z-index:-1;border-radius:6px;font-style:normal;
  background:linear-gradient(92deg,rgba(23,196,110,.4),rgba(124,92,255,.34) 55%,rgba(245,158,11,.4));transform:skewX(-8deg)}
.gradtxt{background:linear-gradient(96deg,#0B7F47,#17C46E 30%,#7C5CFF 62%,#F59E0B 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- butonlar ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;border-radius:var(--r-pill);font-family:var(--f-dsp);font-weight:800;font-size:1rem;
  letter-spacing:-.015em;border:1.5px solid transparent;white-space:nowrap;overflow:hidden;
  transition:transform .24s cubic-bezier(.2,.8,.3,1),box-shadow .24s,border-color .24s,background .24s}
.btn--pri{background:linear-gradient(168deg,#1EC475,#0B8A4C 58%,#076B3C);color:#fff;box-shadow:var(--glow-g),inset 0 1px 0 rgba(255,255,255,.35)}
.btn--pri::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:34%;transform:skewX(-22deg) translateX(-160%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:sheen 3.6s cubic-bezier(.6,.1,.3,1) infinite}
@keyframes sheen{0%,55%{transform:skewX(-22deg) translateX(-160%)}85%,100%{transform:skewX(-22deg) translateX(560%)}}
.btn--pri:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 22px 54px rgba(23,196,110,.45),inset 0 1px 0 rgba(255,255,255,.35)}
.btn--gho{background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-color:var(--line);color:var(--ink);box-shadow:var(--sh-1)}
.btn--gho:hover{transform:translateY(-3px);border-color:#CFC8B8;box-shadow:var(--sh-2)}
.btn--ink{background:var(--ink);color:#fff;box-shadow:0 14px 34px rgba(11,18,14,.28)}
.btn--ink:hover{transform:translateY(-3px);background:#000}
.btn--lt{background:#fff;color:var(--ink)}
.btn--lt:hover{transform:translateY(-3px)}
.btn--out{border-color:#2E4A3A;color:#EAF3EC;background:rgba(255,255,255,.04)}
.btn--out:hover{border-color:#4E7A61;transform:translateY(-3px)}
.btn--sm{padding:10px 19px;font-size:.9rem}
.btn--full{width:100%}
.btn--wa{background:linear-gradient(160deg,#3BE07E,#1FA855 62%);color:#fff;box-shadow:0 12px 30px rgba(37,211,102,.4)}
.btn--wa:hover{transform:translateY(-3px)}

.link{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-dsp);font-weight:800;font-size:.945rem;
  color:var(--green-d);letter-spacing:-.015em}
.link svg{transition:transform .22s}
.link:hover svg{transform:translateX(5px)}
.link--v{color:var(--violet-d)} .link--a{color:var(--amber-d)}

/* ---------- resmi uygulama ikonları ---------- */
.app{position:relative;display:grid;place-items:center;flex:none;color:#fff;
  width:52px;height:52px;border-radius:15px;box-shadow:0 10px 24px rgba(11,18,14,.16),inset 0 1px 0 rgba(255,255,255,.35)}
.app svg{width:55%;height:55%;fill:currentColor}
.app--sm{width:38px;height:38px;border-radius:11px}
.app--lg{width:62px;height:62px;border-radius:18px}
.app--xl{width:76px;height:76px;border-radius:22px}
.app--wa{background:linear-gradient(150deg,#42E886,#25D366 42%,#128C4B)}
.app--ig{background:radial-gradient(120% 120% at 12% 108%,var(--ig1) 0%,var(--ig2) 26%,var(--ig3) 52%,var(--ig4) 76%,var(--ig5) 100%)}
.app--tg{background:linear-gradient(150deg,#54C7F5,#26A5E4 55%,#1B8AC4)}
.app--ms{background:radial-gradient(130% 130% at 18% 112%,var(--ms1) 0%,var(--ms2) 58%,var(--ms3) 100%)}
.app--tk{background:linear-gradient(160deg,#20262B,#0F1419)}
.app--tk svg{filter:drop-shadow(1.6px 0 0 var(--tk)) drop-shadow(-1.6px -1px 0 var(--tkc))}
.app--x{background:linear-gradient(160deg,#2A3138,#0F1419)}
.app--gm{background:#fff;color:var(--gm);border:1px solid var(--line)}
.app--li{background:linear-gradient(150deg,#2E86E0,#0A66C2)}
.app--yt{background:linear-gradient(150deg,#FF5B57,#FF0000)}
.app--meta{background:linear-gradient(150deg,#37A5FF,#0064E0)}
.app--tp{background:linear-gradient(150deg,#12D391,#00B67A)}
.app--ph{background:linear-gradient(150deg,var(--amber-b),#E08A05 62%,#B06E04)}
.app--web{background:linear-gradient(150deg,#1EC475,#0B8A4C)}
.app--ai{background:linear-gradient(150deg,#9B82FF,#5A3BF0)}
.app--mail{background:linear-gradient(150deg,#8B9096,#4C5157)}
.app--ty{background:linear-gradient(150deg,#FF9A3D,#F27A1A)}
.app--ph svg,.app--web svg,.app--ai svg,.app--mail svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.app .ring{position:absolute;inset:-5px;border-radius:inherit;border:2px solid transparent;opacity:0;transition:opacity .25s}

/* ---------- ilerleme + duyuru + header ---------- */
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:80;
  background:linear-gradient(90deg,#17C46E,#7C5CFF,#F59E0B);box-shadow:0 0 12px rgba(23,196,110,.6)}
.ann{position:relative;z-index:60;color:#fff;font-size:.87rem;font-weight:700;overflow:hidden;
  background:linear-gradient(100deg,#065C33,#0B8A4C 34%,#0E9A57 52%,#7C5CFF 82%,#F59E0B 108%);background-size:220% 100%;animation:annmove 9s ease-in-out infinite alternate}
@keyframes annmove{to{background-position:100% 0}}
.ann a{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;text-align:center;flex-wrap:wrap}
.ann strong{font-weight:900}
.ann .pulse{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 2s infinite;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.ann .app--sm{width:26px;height:26px;border-radius:8px;box-shadow:none}

.hdr{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.78);backdrop-filter:blur(18px) saturate(170%);
  border-bottom:1px solid transparent;transition:.3s}
.hdr.is-stuck{border-bottom-color:var(--line);box-shadow:0 10px 34px rgba(11,18,14,.07);background:rgba(251,250,247,.92)}
.nav{display:flex;align-items:center;gap:14px;height:70px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--f-dsp);font-weight:900;font-size:1.32rem;letter-spacing:-.05em}
.brand-mark{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none;position:relative;
  background:conic-gradient(from 210deg,#17C46E,#0B8A4C 40%,#7C5CFF 75%,#17C46E);box-shadow:0 8px 20px rgba(14,154,87,.4),inset 0 1px 0 rgba(255,255,255,.4)}
.brand-mark svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:8px}
.nav-links a,.nav-links .more-btn{padding:9px 12px;border-radius:11px;font-size:.92rem;font-weight:700;color:var(--ink-2);
  transition:.18s;display:inline-flex;align-items:center;gap:6px}
.nav-links a:hover,.nav-links .more-btn:hover{background:#EFEADF;color:var(--ink)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.more{position:relative}
.more-btn svg{width:13px;height:13px;transition:transform .22s}
.more[open] .more-btn svg{transform:rotate(180deg)}
.more-panel{position:absolute;top:calc(100% + 14px);right:0;width:min(580px,90vw);background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-3);
  padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:2px;z-index:70}
.more-panel a{display:block;padding:11px 13px;border-radius:12px;font-size:.91rem;font-weight:700;color:var(--ink-2)}
.more-panel a:hover{background:var(--green-s);color:var(--green-d)}
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid var(--line);border-radius:var(--r-pill);
  background:#fff;font-size:.84rem;font-weight:800;font-family:var(--f-mono)}
.lang-btn svg{width:12px;height:12px}
.lang-panel{position:absolute;top:calc(100% + 10px);right:0;width:196px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-m);box-shadow:var(--sh-3);padding:8px;z-index:70}
.lang-panel span{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;font-size:.89rem;font-weight:700;color:var(--ink-2)}
.lang-panel span:hover{background:var(--paper-2)}
.lang-panel .on{color:var(--green-d);background:var(--green-s)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:#fff;place-items:center}
.burger svg{width:20px;height:20px}
.m-panel{display:none;border-top:1px solid var(--line);background:#fff;max-height:calc(100vh - 130px);overflow:auto}
.m-panel.on{display:block}
.m-panel .wrap{padding-block:18px}
.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:16px}
.m-grid a{padding:12px 13px;border-radius:12px;font-weight:700;font-size:.93rem;color:var(--ink-2)}
.m-grid a:hover{background:var(--green-s)}
.m-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* ---------- HERO ---------- */
.hero{position:relative;padding:clamp(50px,6vw,86px) 0 clamp(30px,3.4vw,50px);overflow:hidden}
.hero .bg{position:absolute;inset:-200px -140px auto;height:960px;z-index:0;pointer-events:none;filter:saturate(1.15)}
.hero .bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:blob 16s ease-in-out infinite alternate}
.hero .bg i:nth-child(1){width:560px;height:560px;left:2%;top:16%;background:radial-gradient(circle,#3BE08E,transparent 68%)}
.hero .bg i:nth-child(2){width:620px;height:620px;right:0%;top:4%;background:radial-gradient(circle,#9B82FF,transparent 66%);animation-delay:-5s}
.hero .bg i:nth-child(3){width:480px;height:480px;left:44%;top:52%;background:radial-gradient(circle,#FFC24D,transparent 66%);animation-delay:-9s;opacity:.4}
@keyframes blob{from{transform:translate(0,0) scale(1)}to{transform:translate(50px,-36px) scale(1.12)}}
.hero .grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);
  background-size:70px 70px;
  -webkit-mask-image:radial-gradient(820px 480px at 50% 24%,#000,transparent 76%);
          mask-image:radial-gradient(820px 480px at 50% 24%,#000,transparent 76%)}
.hero .wrap{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(34px,4.4vw,66px);align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--sh-1);
  font-size:.88rem;font-weight:700;color:var(--ink-2);margin-bottom:24px}
.hero-badge b{background:linear-gradient(150deg,#1EC475,#0B8A4C);color:#fff;font-family:var(--f-mono);font-size:.68rem;
  font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:5px 11px;border-radius:var(--r-pill);box-shadow:0 4px 12px rgba(23,196,110,.4)}
.hero-badge svg{width:15px;height:15px;color:var(--muted);flex:none;margin-right:8px}
.hero-lede{margin:24px 0 32px;font-size:clamp(1.06rem,1.3vw,1.24rem);color:var(--ink-2);max-width:56ch;line-height:1.6}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:28px}
.hero-cta .btn{padding:17px 32px;font-size:1.06rem}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:24px;border-top:1px solid var(--line);margin:0 0 22px;list-style:none;padding-left:0}
.hero-trust li{display:flex;align-items:center;gap:9px;font-size:.9rem;color:var(--muted);font-weight:700}
.hero-trust svg{width:17px;height:17px;color:var(--green);flex:none}
.hero-pills{display:flex;flex-wrap:wrap;gap:9px}
.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.9);border:1px solid var(--line);font-size:.8rem;font-weight:700;color:var(--ink-2);
  font-family:var(--f-mono);letter-spacing:.01em;box-shadow:var(--sh-1)}
.tag i{width:7px;height:7px;border-radius:50%;background:var(--green-b);box-shadow:0 0 8px var(--green-b);flex:none}
.tag .v{background:var(--violet-b);box-shadow:0 0 8px var(--violet-b)}
.tag .a{background:var(--amber-b);box-shadow:0 0 8px var(--amber-b)}

/* sahne: mock + gerçek logolu çipler */
.stage{position:relative;padding:40px 18px;perspective:1200px}
.halo{position:absolute;inset:6% 2%;z-index:0;border-radius:40px;filter:blur(46px);opacity:.5;
  background:conic-gradient(from 140deg,#3BE08E,#9B82FF 32%,#FFC24D 58%,#3BE08E 100%);animation:halospin 14s linear infinite}
@keyframes halospin{to{filter:blur(46px) hue-rotate(20deg)}}
.orb{position:absolute;inset:-2% 0;pointer-events:none;z-index:1}
.orb span{position:absolute;border-radius:50%;border:1.5px dashed rgba(11,18,14,.14);animation:spin 70s linear infinite}
.orb span:nth-child(1){inset:1% 4%}
.orb span:nth-child(2){inset:13% 16%;animation-duration:95s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:9px 15px 9px 9px;
  background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r-pill);
  box-shadow:var(--sh-2);font-size:.84rem;font-weight:800;color:var(--ink);white-space:nowrap;
  animation:float 7s ease-in-out infinite;font-family:var(--f-dsp);letter-spacing:-.02em}
.chip time{font-family:var(--f-mono);font-size:.7rem;color:var(--muted);font-weight:600}
.chip .app{box-shadow:0 6px 16px rgba(11,18,14,.2)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-11px) rotate(.4deg)}}
.chip--1{top:-6px;left:-16px}
.chip--2{top:104px;left:-52px;animation-delay:1.1s}
.chip--3{bottom:116px;left:-38px;animation-delay:2.2s}
.chip--4{top:20px;right:-34px;animation-delay:.6s}
.chip--5{top:186px;right:-58px;animation-delay:1.7s}
.chip--6{bottom:26px;right:-18px;animation-delay:2.8s}
.mock{position:relative;z-index:3;background:#fff;border:1px solid var(--line);border-radius:30px;
  box-shadow:var(--sh-3),0 0 0 8px rgba(255,255,255,.5);overflow:hidden;transform-style:preserve-3d;
  transition:transform .25s cubic-bezier(.2,.8,.3,1);will-change:transform}
.mock-top{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-2);
  background:linear-gradient(180deg,#FDFCF9,#fff)}
.mock-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--f-dsp);
  font-weight:800;font-size:.86rem;flex:none;background:linear-gradient(145deg,#9B82FF,#5A3BF0);box-shadow:0 6px 14px rgba(124,92,255,.4)}
.mock-top b{display:block;font-family:var(--f-dsp);font-size:1rem;letter-spacing:-.025em}
.mock-top small{font-size:.76rem;color:var(--muted);font-family:var(--f-mono)}
.live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:.73rem;font-weight:800;color:var(--green-d);
  background:var(--green-s);border:1px solid #C6E9D6;padding:6px 12px;border-radius:var(--r-pill);font-family:var(--f-mono)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--green-b);animation:pulse 2s infinite;box-shadow:0 0 8px var(--green-b)}
.mock-body{padding:22px 20px;display:grid;gap:14px;background:
  radial-gradient(560px 300px at 92% 0%, rgba(155,130,255,.14), transparent 58%),
  radial-gradient(460px 280px at 0% 100%, rgba(59,224,142,.13), transparent 60%), #fff}
.msg{display:flex;gap:11px;max-width:88%}
.msg .av{width:31px;height:31px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-family:var(--f-dsp);font-size:.68rem;font-weight:800}
.msg .bub{padding:12px 15px;border-radius:17px;font-size:.91rem;line-height:1.48}
.msg--in .av{background:linear-gradient(145deg,#9A9284,#635C52)}
.msg--in .bub{background:var(--paper-2);border:1px solid var(--line);border-top-left-radius:6px}
.msg--out{margin-left:auto;flex-direction:row-reverse}
.msg--out .av{background:linear-gradient(145deg,#2BD97E,#0B8A4C)}
.msg--out .bub{background:linear-gradient(160deg,#14B267,#0A8046);color:#fff;border-top-right-radius:6px;box-shadow:0 10px 26px rgba(14,154,87,.3)}
.msg-fn{margin-left:42px;display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:.72rem;
  font-weight:700;color:var(--violet-d);background:linear-gradient(180deg,#fff,var(--violet-s));border:1px solid #DCD3FF;
  padding:7px 12px;border-radius:var(--r-pill);width:max-content;box-shadow:var(--sh-1)}
.msg-fn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.typing{display:flex;align-items:center;gap:10px;margin-left:42px;font-size:.8rem;color:var(--muted)}
.typing i{width:7px;height:7px;border-radius:50%;background:#BCB4A4;animation:blink 1.2s infinite}
.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}
@keyframes blink{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.mock-input{display:flex;align-items:center;gap:11px;padding:14px 20px;border-top:1px solid var(--line-2);background:#FDFCF9}
.mock-input span{flex:1;font-size:.88rem;color:#A39C8C}
.mock-input b{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#1EC475,#0B8A4C);
  color:#fff;box-shadow:var(--glow-g)}
.mock-input b svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* dev kanal şeridi — iyzads tarzı */
.ticker{position:relative;z-index:1;overflow:hidden;padding:18px 0 6px;user-select:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker-row{display:flex;gap:44px;width:max-content;align-items:center;animation:slide 34s linear infinite}
.ticker:hover .ticker-row{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.ticker b{font-family:var(--f-dsp);font-weight:900;font-size:clamp(2.6rem,6vw,4.6rem);letter-spacing:-.045em;line-height:1;
  color:transparent;-webkit-text-stroke:1.6px rgba(11,18,14,.22);white-space:nowrap;display:flex;align-items:center;gap:20px;transition:.3s}
.ticker b .app{width:.82em;height:.82em;border-radius:.24em}
.ticker b:hover{color:var(--ink);-webkit-text-stroke:0}

/* ---------- istatistik şeridi ---------- */
.statbar{margin-top:clamp(34px,4vw,52px);position:relative;z-index:2;border-radius:var(--r-xl);overflow:hidden;
  background:linear-gradient(160deg,#0C1A12,#07130D 70%);box-shadow:var(--sh-3);border:1px solid #16301F}
.statbar::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(620px 260px at 12% 0%,rgba(23,196,110,.25),transparent 60%),
             radial-gradient(560px 260px at 88% 100%,rgba(124,92,255,.25),transparent 60%)}
.statbar-in{position:relative;display:grid;grid-template-columns:repeat(8,1fr)}
.statbar-in > div{padding:24px 14px;text-align:center;border-right:1px solid rgba(255,255,255,.07);
  display:flex;flex-direction:column;justify-content:flex-start;gap:4px}
.statbar-in > div:last-child{border-right:0}
.statbar b{font-family:var(--f-dsp);font-size:clamp(1.4rem,2.1vw,1.9rem);font-weight:900;letter-spacing:-.045em;color:#fff}
.statbar-in > div:nth-child(1) b{color:#5CE9A2}.statbar-in > div:nth-child(2) b{color:#B9A6FF}
.statbar-in > div:nth-child(6) b{color:#FFC96B}.statbar-in > div:nth-child(7) b{color:#5CE9A2}
.statbar span{font-size:.78rem;color:#9DA89F;font-weight:700}
.statbar .note{font-size:.68rem;color:#6E7A71;line-height:1.45;margin-top:4px}

/* ---------- sekmeler ---------- */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.tab{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--r-pill);
  border:1.5px solid var(--line);background:rgba(255,255,255,.9);font-family:var(--f-dsp);font-weight:800;font-size:.95rem;
  color:var(--ink-2);transition:.24s;box-shadow:var(--sh-1)}
.tab svg{width:18px;height:18px;color:var(--muted);transition:.24s;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tab:hover{border-color:#CCC5B4;transform:translateY(-2px)}
.tab.on{background:linear-gradient(160deg,#131C16,#07130D);border-color:#131C16;color:#fff;box-shadow:0 14px 32px rgba(11,18,14,.3)}
.tab.on svg{color:#5CE9A2}
.pane{display:none;animation:fadein .4s ease both;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
  gap:clamp(28px,3.2vw,50px);align-items:center;background:rgba(255,255,255,.92);border:1px solid var(--line);
  border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:clamp(26px,3.2vw,46px);position:relative;overflow:hidden}
.pane::before{content:"";position:absolute;inset:auto -80px -120px auto;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(23,196,110,.16),transparent 68%)}
.pane.on{display:grid}
@keyframes fadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pane h3{font-size:clamp(1.5rem,2.5vw,2.15rem);margin-bottom:16px}
.pane .lede{margin-bottom:24px;font-size:1.04rem}
.pane-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}
.pane-visual{border-radius:var(--r-l);border:1px solid var(--line);background:linear-gradient(180deg,#FDFCF9,var(--paper-2));padding:18px;box-shadow:var(--sh-1)}

/* ---------- demo kartları ---------- */
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dcard{--c:var(--green-b);position:relative;display:flex;flex-direction:column;gap:13px;padding:24px;border-radius:var(--r-l);
  background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:.28s;overflow:hidden}
.dcard::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c);opacity:.9}
.dcard::after{content:"";position:absolute;right:-60px;top:-60px;width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,var(--c),transparent 68%);opacity:0;transition:.3s}
.dcard:hover{transform:translateY(-8px);box-shadow:0 24px 54px rgba(11,18,14,.13);border-color:transparent;outline:1.5px solid var(--c)}
.dcard:hover::after{opacity:.22}
.dcard > *{position:relative;z-index:1}
.dcard h4{font-size:1.08rem}
.dcard .val{font-family:var(--f-mono);font-size:1.06rem;font-weight:800;letter-spacing:-.02em}
.dcard p{font-size:.87rem;color:var(--muted);line-height:1.5;flex:1}
.dcard .go{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-dsp);font-weight:800;font-size:.9rem;
  padding:11px 18px;border-radius:var(--r-pill);background:var(--paper-2);border:1px solid var(--line);width:max-content;transition:.24s}
.dcard:hover .go{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 10px 24px rgba(11,18,14,.2)}
.dcard .go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dnote{margin-top:22px;display:flex;gap:11px;align-items:flex-start;font-size:.86rem;color:var(--muted);
  background:rgba(255,255,255,.85);border:1px dashed #D8D1C0;border-radius:var(--r-m);padding:15px 19px}
.dnote i{width:8px;height:8px;border-radius:50%;background:var(--amber-b);flex:none;margin-top:7px;box-shadow:0 0 8px var(--amber-b)}

/* ---------- kanal ızgarası + marquee ---------- */
.chgrid{display:grid;grid-template-columns:repeat(9,1fr);gap:13px;margin-bottom:34px}
.ch{--c:var(--green-b);display:flex;flex-direction:column;align-items:center;gap:11px;padding:20px 8px 16px;border-radius:var(--r-l);
  background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:.28s;text-align:center}
.ch b{font-family:var(--f-dsp);font-weight:800;font-size:.86rem;letter-spacing:-.02em}
.ch:hover{transform:translateY(-7px) scale(1.03);box-shadow:0 20px 44px rgba(11,18,14,.14);outline:1.5px solid var(--c);border-color:transparent}
.mq{overflow:hidden;position:relative;padding:8px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-row{display:flex;gap:13px;width:max-content;animation:slide 40s linear infinite;padding:6px 0}
.mq-row--r{animation-direction:reverse;animation-duration:52s}
.mq:hover .mq-row{animation-play-state:paused}
.mq-item{display:flex;align-items:center;gap:12px;padding:12px 22px;border-radius:var(--r-pill);background:#fff;
  border:1px solid var(--line);box-shadow:var(--sh-1);font-family:var(--f-dsp);font-weight:800;font-size:.98rem;white-space:nowrap}
.mq-cap{text-align:center;font-family:var(--f-dsp);font-weight:800;font-size:clamp(1.1rem,1.8vw,1.45rem);letter-spacing:-.03em;margin-bottom:26px}

/* ---------- yolculuk ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:30px}
.step{--c:var(--green-b);padding:28px 26px;border-radius:var(--r-l);background:#fff;border:1px solid var(--line);
  box-shadow:var(--sh-1);position:relative;overflow:hidden;transition:.28s}
.step:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(11,18,14,.12)}
.step::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--c)}
.step::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,var(--c),transparent 66%);opacity:.14}
.step-n{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.step-n b{font-family:var(--f-mono);font-size:1.5rem;font-weight:800;letter-spacing:-.05em;color:var(--c)}
.step-n span{font-family:var(--f-mono);font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.step h3{font-size:1.24rem;margin-bottom:13px}
.step p{font-size:.94rem;color:var(--muted);line-height:1.56;margin-bottom:19px}
.tick{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tick li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem;color:var(--ink-2);line-height:1.5;font-weight:500}
.tick li::before{content:"";width:20px;height:20px;border-radius:50%;flex:none;margin-top:2px;
  background:linear-gradient(160deg,#2BD97E,#0B8A4C) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;
  box-shadow:0 4px 10px rgba(14,154,87,.3)}
.tick--v li::before{background:linear-gradient(160deg,#9B82FF,#5A3BF0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 4px 10px rgba(124,92,255,.32)}
.tick--a li::before{background:linear-gradient(160deg,#FFB93D,#DD8A04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 4px 10px rgba(245,158,11,.3)}
.tick--n li{color:#C9D1CA}

/* panel mock */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-3);overflow:hidden}
.panel-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line-2);
  background:linear-gradient(180deg,#FDFCF9,#fff);flex-wrap:wrap}
.panel-bar .brand-mark{width:31px;height:31px;border-radius:10px}
.panel-bar .brand-mark svg{width:16px;height:16px}
.panel-bar b{font-family:var(--f-dsp);font-size:.97rem;letter-spacing:-.03em}
.panel-bar small{font-size:.76rem;color:var(--muted)}
.panel-chn{display:flex;gap:7px}
.panel-grid{display:grid;grid-template-columns:236px minmax(0,1fr) 218px}
.panel-col{padding:16px;border-right:1px solid var(--line-2);min-width:0}
.panel-col:last-child{border-right:0;background:#FCFBF7}
.panel-lbl{font-family:var(--f-mono);font-size:.67rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}
.panel-lbl b{font-family:var(--f-dsp);font-size:.87rem;letter-spacing:-.02em;text-transform:none;color:var(--ink)}
.pill-n{background:linear-gradient(160deg,#2BD97E,#0B8A4C);color:#fff;font-family:var(--f-mono);font-size:.67rem;
  font-weight:800;padding:3px 9px;border-radius:var(--r-pill);box-shadow:0 4px 10px rgba(14,154,87,.35)}
.panel-filter{display:flex;gap:7px;margin-bottom:12px}
.panel-filter span{font-size:.76rem;font-weight:800;padding:5px 11px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--muted)}
.panel-filter span.on{background:var(--ink);color:#fff}
.conv{display:flex;gap:10px;padding:10px;border-radius:13px;margin-bottom:6px;transition:.2s}
.conv.on{background:var(--green-s);box-shadow:inset 0 0 0 1.5px #BEE6D0}
.conv:hover{background:var(--paper-2)}
.conv .av{width:31px;height:31px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-family:var(--f-dsp);font-size:.66rem;font-weight:800;position:relative}
.conv .av .app--sm{position:absolute;right:-5px;bottom:-5px;width:16px;height:16px;border-radius:5px;border:2px solid #fff;box-shadow:none}
.conv b{display:block;font-size:.85rem;font-family:var(--f-dsp);letter-spacing:-.02em}
.conv p{font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv .meta{margin-left:auto;text-align:right;flex:none}
.conv .meta time{display:block;font-family:var(--f-mono);font-size:.65rem;color:#A49D8E}
.thread-hd{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid var(--line-2);margin-bottom:15px}
.thread-hd .av{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--f-dsp);font-size:.72rem;font-weight:800;background:linear-gradient(145deg,#9A9284,#635C52)}
.thread-hd b{display:block;font-family:var(--f-dsp);font-size:.92rem;letter-spacing:-.02em}
.thread-hd small{font-size:.73rem;color:var(--muted);font-family:var(--f-mono)}
.badge-op{margin-left:auto;font-size:.71rem;font-weight:800;color:var(--violet-d);background:linear-gradient(180deg,#fff,var(--violet-s));
  border:1px solid #DCD3FF;padding:5px 11px;border-radius:var(--r-pill);font-family:var(--f-mono)}
.ai-run{display:flex;align-items:center;gap:10px;font-size:.79rem;color:var(--violet-d);font-weight:700;margin:5px 0}
.ai-run .dot{width:22px;height:22px;border-radius:7px;background:linear-gradient(160deg,#9B82FF,#5A3BF0);display:grid;place-items:center;
  font-family:var(--f-dsp);font-size:.56rem;font-weight:800;color:#fff;box-shadow:0 4px 10px rgba(124,92,255,.4)}
.fnbox{border:1px solid #DCD3FF;background:linear-gradient(180deg,#F8F6FF,#fff);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;margin:5px 0}
.fnbox .app--sm{box-shadow:0 6px 14px rgba(124,92,255,.35)}
.fnbox b{display:block;font-size:.84rem;font-family:var(--f-dsp);letter-spacing:-.02em}
.fnbox small{font-size:.72rem;color:var(--muted);font-family:var(--f-mono)}
.fnbox .ms{margin-left:auto;font-family:var(--f-mono);font-size:.71rem;font-weight:800;color:var(--violet-d);background:var(--violet-s);padding:4px 10px;border-radius:var(--r-pill);flex:none}
.thread-in{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:#FDFCF9}
.thread-in span{flex:1;font-size:.8rem;color:#A39C8C}
.thread-in b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:.82rem}
.side-box{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;margin-bottom:12px}
.side-box .hd{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.side-box .hd b{font-family:var(--f-dsp);font-size:.84rem;letter-spacing:-.02em}
.side-box ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.side-box li{font-size:.76rem;color:var(--muted);display:flex;gap:8px;align-items:flex-start;line-height:1.4}
.side-box li::before{content:"";width:15px;height:15px;flex:none;margin-top:1px;border-radius:50%;
  background:linear-gradient(160deg,#2BD97E,#0B8A4C) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/9px no-repeat}
.stage-pills{display:flex;gap:5px;margin-top:9px}
.stage-pills span{flex:1;text-align:center;font-size:.64rem;font-weight:800;font-family:var(--f-mono);padding:6px 3px;border-radius:8px;background:var(--paper-2);color:var(--muted)}
.stage-pills span.on{background:linear-gradient(160deg,#9B82FF,#5A3BF0);color:#fff;box-shadow:0 4px 10px rgba(124,92,255,.4)}
.handoff{border:1px solid #BEE6D0;background:linear-gradient(180deg,#F0FAF4,#E5F6EC);border-radius:14px;padding:13px}
.handoff b{display:flex;align-items:center;gap:9px;font-family:var(--f-dsp);font-size:.84rem;color:var(--green-d);letter-spacing:-.02em}
.handoff b svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.handoff p{font-size:.74rem;color:#4C7C63;margin-top:6px;line-height:1.4}
.panel-foot{display:flex;flex-wrap:wrap;gap:9px;padding:15px 20px;border-top:1px solid var(--line-2);background:#FCFBF7}

/* ---------- entegrasyon kartları ---------- */
.igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.icard{--c:var(--green-b);padding:24px;border-radius:var(--r-l);background:#fff;border:1px solid var(--line);
  box-shadow:var(--sh-1);transition:.28s;position:relative;overflow:hidden}
.icard::after{content:"";position:absolute;right:-55px;top:-55px;width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,var(--c),transparent 66%);opacity:.1;transition:.3s}
.icard:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(11,18,14,.13);outline:1.5px solid var(--c);border-color:transparent}
.icard:hover::after{opacity:.24}
.icard > *{position:relative;z-index:1}
.icard h4{margin:15px 0 8px;font-size:1.1rem}
.icard p{font-size:.88rem;color:var(--muted);line-height:1.52;margin-bottom:15px}
.stamp{font-family:var(--f-mono);font-size:.71rem;font-weight:800;letter-spacing:.04em;color:var(--ink-2);
  background:var(--paper-2);border:1px solid var(--line);padding:5px 12px;border-radius:var(--r-pill);display:inline-block}

/* ---------- özellik satırları ---------- */
.frow{--c:var(--green-b);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,3.6vw,62px);
  align-items:center;padding:clamp(30px,3.4vw,48px);background:#fff;border:1px solid var(--line);
  border-radius:var(--r-xl);box-shadow:var(--sh-1);margin-bottom:20px;position:relative;overflow:hidden;transition:.3s}
.frow:hover{box-shadow:var(--sh-2)}
.frow::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--c)}
.frow::after{content:"";position:absolute;right:-120px;bottom:-140px;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,var(--c),transparent 66%);opacity:.1;pointer-events:none}
.frow--flip .frow-txt{order:2}
.frow-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.frow-head .kicker{font-family:var(--f-mono);font-size:.71rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--muted)}
.frow-head .link{margin-left:auto}
.frow h3{margin-bottom:15px;font-size:clamp(1.4rem,2.2vw,1.95rem)}
.frow .frow-txt > p{color:var(--muted);margin-bottom:22px;line-height:1.64;font-size:1.02rem}
.frow-vis{position:relative;z-index:1;border-radius:var(--r-l);border:1px solid var(--line);
  background:linear-gradient(180deg,#FDFCF9,var(--paper-2));padding:19px;box-shadow:inset 0 1px 0 #fff}
.vis-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:16px;box-shadow:var(--sh-1)}
.vis-hd{display:flex;align-items:center;justify-content:space-between;gap:11px;margin-bottom:14px;flex-wrap:wrap}
.vis-hd b{font-family:var(--f-dsp);font-size:.9rem;letter-spacing:-.02em}
.vis-hd .stamp{color:var(--green-d);background:var(--green-s);border-color:#C6E9D6}
.bar{height:10px;border-radius:var(--r-pill);background:var(--paper-2);overflow:hidden;margin:3px 0 13px;box-shadow:inset 0 1px 3px rgba(11,18,14,.08)}
.bar i{display:block;height:100%;border-radius:var(--r-pill);width:0;position:relative;overflow:hidden;
  background:linear-gradient(90deg,#2BD97E,#0B8A4C);transition:width 1.5s cubic-bezier(.2,.8,.3,1)}
.bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transform:translateX(-100%);animation:barsheen 2.4s ease-in-out infinite}
@keyframes barsheen{60%,100%{transform:translateX(100%)}}
.bar--v i{background:linear-gradient(90deg,#9B82FF,#5A3BF0)}
.kv{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);padding:4px 0}
.kv b{font-family:var(--f-mono);color:var(--ink);font-weight:800}
.callbox{position:relative;background:linear-gradient(165deg,#12291C,#07130D 74%);border-radius:var(--r-m);padding:18px;color:#E9EEEA;overflow:hidden;border:1px solid #1C3A28}
.callbox::before{content:"";position:absolute;inset:0;background:radial-gradient(360px 200px at 88% 0%,rgba(124,92,255,.28),transparent 62%)}
.callbox > *{position:relative}
.callbox .no{font-family:var(--f-mono);font-size:1.08rem;font-weight:800;letter-spacing:-.02em;color:#fff}
.callbox .st{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;color:#93A29A;font-family:var(--f-mono);margin:7px 0 15px}
.callbox .st i{display:inline-flex;align-items:center;gap:7px;color:#5CE9A2;font-style:normal}
.callbox .st i::before{content:"";width:7px;height:7px;border-radius:50%;background:#5CE9A2;animation:pulse 2s infinite;box-shadow:0 0 10px #5CE9A2}
.callbox .said{background:rgba(255,255,255,.05);border:1px solid #22452F;border-radius:13px;padding:12px 14px;margin-bottom:10px}
.callbox .said span{display:block;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#7E8F85;margin-bottom:6px}
.callbox .said p{font-size:.87rem;line-height:1.46}
.callbox .said--ai{background:rgba(124,92,255,.12);border-color:#3A2F73}
.callbox .said--ai span{color:#B4A4FF}
.wave{display:flex;align-items:flex-end;gap:3px;height:24px;margin-top:13px}
.wave i{flex:1;background:linear-gradient(180deg,#5CE9A2,#0E9A57);border-radius:3px;animation:wv 1.1s ease-in-out infinite;box-shadow:0 0 8px rgba(92,233,162,.4)}
@keyframes wv{0%,100%{height:20%}50%{height:100%}}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}
.trio div{text-align:center;padding:14px 8px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.trio b{display:block;font-family:var(--f-dsp);font-size:1.24rem;font-weight:900;letter-spacing:-.04em;
  background:linear-gradient(150deg,#DD8A04,#FFB93D);-webkit-background-clip:text;background-clip:text;color:transparent}
.trio span{font-size:.72rem;color:var(--muted);line-height:1.3;display:block;margin-top:3px;font-weight:600}
.slots{display:grid;gap:9px}
.slot{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:.2s}
.slot:hover{transform:translateX(4px)}
.slot time{font-family:var(--f-mono);font-size:.85rem;font-weight:800;flex:none;width:48px}
.slot b{display:block;font-size:.86rem;font-family:var(--f-dsp);letter-spacing:-.02em}
.slot small{font-size:.73rem;color:var(--muted)}
.slot .st{margin-left:auto;font-size:.69rem;font-weight:800;font-family:var(--f-mono);padding:4px 10px;border-radius:var(--r-pill);flex:none}
.st--ok{background:var(--green-s);color:var(--green-d)} .st--ai{background:var(--violet-s);color:var(--violet-d)}
.st--wt{background:var(--amber-s);color:var(--amber-d)} .st--fr{background:var(--paper-2);color:var(--muted)}
.slot--free{border-style:dashed;background:transparent;box-shadow:none}
.orders{display:grid;gap:9px}
.order{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:.86rem;box-shadow:var(--sh-1);transition:.2s}
.order:hover{transform:translateX(4px)}
.order b{font-family:var(--f-mono);font-weight:800}
.order .st{margin-left:auto;font-family:var(--f-mono);font-size:.69rem;font-weight:800;padding:4px 10px;border-radius:var(--r-pill)}
.order .amt{font-family:var(--f-mono);font-weight:800;flex:none}

/* ---------- AI analiz ---------- */
.agrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.acard{padding:24px 21px;border-radius:var(--r-l);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);
  display:flex;flex-direction:column;gap:12px;transition:.28s;position:relative;overflow:hidden}
.acard::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#9B82FF,#5A3BF0)}
.acard:hover{transform:translateY(-7px);box-shadow:var(--glow-v);outline:1.5px solid var(--violet-b);border-color:transparent}
.acard h4{font-size:1.04rem}
.acard p{font-size:.85rem;color:var(--muted);line-height:1.5;flex:1}

/* ---------- güvenlik ---------- */
.sec-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(30px,3.6vw,60px);align-items:center}
.kvkk{position:relative;background:linear-gradient(165deg,#0F2418,#0A1810);border:1px solid #204531;border-radius:var(--r-xl);
  padding:28px;box-shadow:0 40px 100px rgba(0,0,0,.5);overflow:hidden}
.kvkk::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 180px at 90% 0%,rgba(92,233,162,.2),transparent 62%)}
.kvkk > *{position:relative}
.kvkk .hd{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.kvkk .hd b{font-family:var(--f-dsp);font-size:1.02rem;letter-spacing:-.02em;color:#fff}
.kvkk .sub{font-family:var(--f-dsp);font-size:1.7rem;font-weight:900;letter-spacing:-.045em;margin-bottom:18px;
  background:linear-gradient(96deg,#5CE9A2,#B4A4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.kvkk .row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #1D3B29;font-size:.89rem;color:#A9B6AE}
.kvkk .row b{font-family:var(--f-mono);color:#fff;font-weight:800;font-size:.86rem}
.kvkk .app--sm{box-shadow:0 6px 16px rgba(92,233,162,.3)}

/* ---------- hakkımızda ---------- */
.about-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,3.6vw,58px)}
.about-grid .lede + .lede{margin-top:16px}
.about-meta{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.about-meta b{display:block;font-family:var(--f-dsp);font-size:1.04rem;letter-spacing:-.025em}
.about-meta span{font-size:.9rem;color:var(--muted)}
.quad{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.qcard{padding:26px 23px;border-radius:var(--r-l);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:.28s;position:relative;overflow:hidden}
.qcard::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2BD97E,#0B8A4C)}
.qcard:nth-child(2)::before{background:linear-gradient(90deg,#9B82FF,#5A3BF0)}
.qcard:nth-child(3)::before{background:linear-gradient(90deg,#FFB93D,#DD8A04)}
.qcard:nth-child(4)::before{background:linear-gradient(90deg,#2BD97E,#7C5CFF)}
.qcard:hover{transform:translateY(-6px);box-shadow:var(--sh-2)}
.qcard b{display:block;font-family:var(--f-dsp);font-size:clamp(1.9rem,3.3vw,2.7rem);font-weight:900;letter-spacing:-.055em;line-height:1;
  background:linear-gradient(150deg,#0B7F47,#2BD97E);-webkit-background-clip:text;background-clip:text;color:transparent}
.qcard:nth-child(2) b{background:linear-gradient(150deg,#4A2FD6,#9B82FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.qcard:nth-child(3) b{background:linear-gradient(150deg,#B06E04,#FFB93D);-webkit-background-clip:text;background-clip:text;color:transparent}
.qcard span{display:block;font-size:.87rem;color:var(--muted);margin-top:10px;line-height:1.4;font-weight:600}

/* ---------- canlı rakamlar / odometre ---------- */
.ngrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.ncard{padding:26px 23px;border-radius:var(--r-l);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:.28s}
.ncard::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2BD97E,#9B82FF,#FFB93D)}
.ncard:hover{transform:translateY(-6px);background:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.ncard .ttl{display:block;font-weight:800;font-size:.98rem;margin-top:12px;font-family:var(--f-dsp);letter-spacing:-.02em;color:#fff}
.ncard .sub{display:block;font-size:.8rem;color:#96A29A;margin-top:4px;line-height:1.42}
.ncard .note{display:block;font-size:.71rem;color:#6E7C73;margin-top:10px;line-height:1.5;border-top:1px dashed #24402F;padding-top:9px}
.odo{display:inline-flex;align-items:baseline;font-family:var(--f-dsp);font-weight:900;letter-spacing:-.05em;
  font-size:clamp(2.2rem,3.8vw,3.1rem);line-height:1;color:#fff}
.odo .d{display:inline-block;height:1em;overflow:hidden}
.odo .d span{display:block;transition:transform 1.6s cubic-bezier(.2,.85,.25,1)}
.odo .d b{display:block;height:1em;line-height:1;font-weight:900}
.odo .s{display:inline-block}
.ncard:nth-child(1) .odo{color:#5CE9A2}.ncard:nth-child(2) .odo{color:#B4A4FF}
.ncard:nth-child(6) .odo{color:#FFC96B}.ncard:nth-child(7) .odo{color:#5CE9A2}.ncard:nth-child(8) .odo{color:#FF9ECB}
.upd{display:inline-flex;align-items:center;gap:9px;margin-top:24px;font-family:var(--f-mono);font-size:.78rem;font-weight:700;
  color:#A9B6AE;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:9px 16px;border-radius:var(--r-pill)}
.upd i{width:7px;height:7px;border-radius:50%;background:#5CE9A2;animation:pulse 2s infinite;box-shadow:0 0 10px #5CE9A2}

/* ---------- meta partner ---------- */
.meta-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,3.2vw,48px);align-items:center;
  padding:clamp(28px,3.2vw,48px);background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);
  box-shadow:var(--sh-2);position:relative;overflow:hidden}
.meta-card::after{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,129,251,.14),transparent 66%)}
.meta-card > *{position:relative;z-index:1}
.meta-logo{width:116px;height:116px;border-radius:30px;display:grid;place-items:center;flex:none;color:#fff;
  background:linear-gradient(150deg,#37A5FF,#0064E0);box-shadow:0 22px 50px rgba(0,129,251,.35),inset 0 1px 0 rgba(255,255,255,.4)}
.meta-logo svg{width:58px;height:58px;fill:#fff}
.meta-card .kicker{font-family:var(--f-mono);font-size:.71rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);margin-bottom:9px;display:block}
.meta-card h3{font-size:1.85rem;margin-bottom:13px}
.meta-card p{color:var(--muted);margin-bottom:17px;line-height:1.62}
.meta-tags{display:flex;gap:9px;flex-wrap:wrap}

/* ---------- fiyatlandırma ---------- */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.plan{display:flex;flex-direction:column;padding:28px 24px;border-radius:var(--r-l);background:#fff;border:1px solid var(--line);
  box-shadow:var(--sh-1);position:relative;transition:.3s}
.plan:hover{transform:translateY(-8px);box-shadow:var(--sh-2)}
.plan--hot{border:none;background:
  linear-gradient(#F6FCF8,#fff 40%) padding-box,
  conic-gradient(from 180deg,#2BD97E,#7C5CFF 40%,#FFB93D 68%,#2BD97E) border-box;
  border:2px solid transparent;transform:scale(1.035);box-shadow:0 24px 64px rgba(23,196,110,.22);z-index:2}
.plan--hot:hover{transform:scale(1.035) translateY(-8px);box-shadow:0 32px 80px rgba(23,196,110,.3)}
.plan h3{font-size:1.32rem;margin-bottom:7px}
.plan .desc{font-size:.86rem;color:var(--muted);line-height:1.46;min-height:44px;margin-bottom:18px}
.plan .price{font-family:var(--f-dsp);font-size:clamp(2rem,2.8vw,2.55rem);font-weight:900;letter-spacing:-.055em;line-height:1}
.plan--hot .price{background:linear-gradient(150deg,#076B3C,#17C46E);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan .price small{font-family:var(--f-body);font-size:.92rem;font-weight:700;color:var(--muted);letter-spacing:0}
.plan .quota{font-family:var(--f-mono);font-size:.78rem;font-weight:700;color:var(--green-d);
  background:linear-gradient(180deg,#fff,var(--green-s));border:1px solid #C6E9D6;padding:7px 13px;border-radius:var(--r-pill);
  display:inline-block;margin:15px 0 21px}
.plan .tick{margin-bottom:24px}
.plan .tick li{font-size:.9rem}
.plan .btn{margin-top:auto}
.pnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}
.pnote{padding:24px;border-radius:var(--r-l);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:.26s}
.pnote:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.pnote h3{font-size:1.06rem;margin-bottom:11px}
.pnote p{font-size:.88rem;color:var(--muted);line-height:1.6}
.pnote .link{margin-top:13px}
.ent{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(26px,3.2vw,52px);
  align-items:center;margin-top:20px;padding:clamp(28px,3.2vw,46px);border-radius:var(--r-xl);overflow:hidden;
  background:linear-gradient(155deg,#0F2418,#07130D 58%,#170F33);color:#EEF1ED;box-shadow:var(--sh-3);border:1px solid #1C3A28}
.ent::before{content:"";position:absolute;inset:0;background:
  radial-gradient(460px 260px at 88% 8%,rgba(124,92,255,.3),transparent 60%),
  radial-gradient(420px 240px at 8% 100%,rgba(23,196,110,.24),transparent 60%)}
.ent > *{position:relative}
.ent h3{font-size:clamp(1.5rem,2.3vw,2rem);margin-bottom:14px;color:#fff}
.ent p{color:#A9B6AE;margin-bottom:22px;line-height:1.62}
.ent .price{font-family:var(--f-dsp);font-size:1.7rem;font-weight:900;letter-spacing:-.045em;
  background:linear-gradient(96deg,#5CE9A2,#B4A4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.ent .price small{display:block;font-family:var(--f-body);font-size:.84rem;font-weight:600;color:#8B978F;letter-spacing:0;margin-top:6px;-webkit-text-fill-color:#8B978F}
.pfoot{text-align:center;margin-top:26px;font-size:.9rem;color:var(--muted);font-family:var(--f-mono);font-weight:600}

/* ---------- SSS ---------- */
.faq{display:grid;gap:10px;max-width:960px;margin-inline:auto}
.qa{border:1px solid var(--line);border-radius:var(--r-m);background:#fff;overflow:hidden;transition:.26s}
.qa[open]{border-color:#BEE6D0;box-shadow:var(--sh-2)}
.qa summary{display:flex;align-items:center;gap:17px;padding:18px 22px;cursor:pointer;list-style:none;
  font-family:var(--f-dsp);font-weight:800;font-size:1.03rem;letter-spacing:-.024em;line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{background:#FDFCF8}
.qa .plus{margin-left:auto;width:29px;height:29px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line);
  display:grid;place-items:center;flex:none;transition:.3s}
.qa .plus svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.qa[open] .plus{transform:rotate(45deg);background:linear-gradient(160deg,#2BD97E,#0B8A4C);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(14,154,87,.35)}
.qa .ans{padding:0 22px 22px;color:var(--muted);font-size:.96rem;line-height:1.68}
.qa .ans strong{color:var(--ink);font-weight:800}
.qa .ans a{color:var(--green-d);font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* ---------- çözüm ortağı programı ---------- */
.pp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(30px,3.6vw,60px);align-items:center}
.pp-list{list-style:none;margin:26px 0 28px;padding:0;display:grid;gap:16px}
.pp-list li{display:flex;gap:15px;align-items:flex-start}
.pp-list b{display:block;font-family:var(--f-dsp);font-size:1.04rem;letter-spacing:-.025em;margin-bottom:3px}
.pp-list span{font-size:.9rem;color:var(--muted);line-height:1.52}
.wl{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-3);overflow:hidden;transition:.3s;transform:rotate(1.2deg)}
.wl:hover{transform:rotate(0)}
.wl-bar{display:flex;align-items:center;gap:9px;padding:12px 16px;background:var(--paper-2);border-bottom:1px solid var(--line)}
.wl-bar i{width:10px;height:10px;border-radius:50%}
.wl-bar i:nth-child(1){background:#FF6B62}.wl-bar i:nth-child(2){background:#FFC24D}.wl-bar i:nth-child(3){background:#2BD97E}
.wl-url{margin-left:8px;flex:1;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 14px;font-family:var(--f-mono);font-size:.75rem;color:var(--muted)}
.wl-body{padding:34px 28px;text-align:center;background:
  radial-gradient(300px 180px at 82% 0%,rgba(155,130,255,.12),transparent 60%),
  linear-gradient(180deg,#fff,#FDFCF8)}
.wl-logo{width:66px;height:66px;border-radius:20px;margin:0 auto 15px;display:grid;place-items:center;color:#fff;
  font-family:var(--f-dsp);font-size:1.65rem;font-weight:900;background:linear-gradient(150deg,#9B82FF,#5A3BF0);box-shadow:0 16px 36px rgba(124,92,255,.4)}
.wl-body b{display:block;font-family:var(--f-dsp);font-size:1.22rem;letter-spacing:-.03em}
.wl-body .sw{display:flex;gap:8px;justify-content:center;margin:15px 0}
.wl-body .sw i{width:28px;height:28px;border-radius:10px;box-shadow:var(--sh-1)}
.wl-body p{font-size:.85rem;color:var(--muted);line-height:1.5}
.wl-foot{padding:14px 20px;border-top:1px solid var(--line-2);font-size:.76rem;color:var(--muted);text-align:center;font-family:var(--f-mono);background:#fff}
.wl-note{margin-top:16px;font-size:.87rem;color:var(--muted);line-height:1.56}

/* ---------- bayiler ---------- */
.rgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.rcard{--c:var(--green-b);display:flex;flex-direction:column;gap:11px;padding:24px 21px;border-radius:var(--r-l);background:#fff;
  border:1px solid var(--line);box-shadow:var(--sh-1);transition:.28s;position:relative;overflow:hidden}
.rcard::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}
.rcard:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(11,18,14,.13);outline:1.5px solid var(--c);border-color:transparent}
.rcard .lg{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;font-family:var(--f-dsp);font-weight:900;font-size:1.14rem;flex:none;box-shadow:0 10px 24px rgba(11,18,14,.18)}
.rcard b{font-family:var(--f-dsp);font-size:1.03rem;letter-spacing:-.028em;line-height:1.25}
.rcard p{font-size:.84rem;color:var(--muted);line-height:1.48;flex:1}
.rcard .cx{font-family:var(--f-mono);font-size:.72rem;color:var(--muted);display:grid;gap:3px;word-break:break-word}
.rcard .go{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-dsp);font-weight:800;font-size:.85rem;color:var(--green-d)}
.rcard .go svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ---------- iletişim ---------- */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.ccard{--c:var(--green-b);display:flex;gap:15px;align-items:flex-start;padding:24px;border-radius:var(--r-l);background:#fff;
  border:1px solid var(--line);box-shadow:var(--sh-1);transition:.28s}
.ccard:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(11,18,14,.12);outline:1.5px solid var(--c);border-color:transparent}
.ccard b{display:block;font-family:var(--f-dsp);font-size:1.03rem;letter-spacing:-.026em}
.ccard .v{display:block;font-family:var(--f-mono);font-size:.9rem;font-weight:700;margin:5px 0;color:var(--ink)}
.ccard span{font-size:.82rem;color:var(--muted);line-height:1.45;display:block}

/* ---------- final CTA ---------- */
.cta{position:relative;overflow:hidden;text-align:center;padding:clamp(64px,8vw,120px) 0}
.cta .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.4;pointer-events:none}
.cta .blob:nth-child(1){width:520px;height:520px;left:6%;top:-20%;background:radial-gradient(circle,#3BE08E,transparent 66%)}
.cta .blob:nth-child(2){width:560px;height:560px;right:2%;bottom:-30%;background:radial-gradient(circle,#9B82FF,transparent 66%)}
.cta .wrap{position:relative;z-index:1}
.cta h2{font-size:clamp(2.3rem,5vw,4rem);margin-bottom:18px;letter-spacing:-.05em}
.cta p{color:#B9C1BA;font-size:1.14rem;margin-bottom:34px}
.cta .row{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
.cta .btn{padding:18px 36px;font-size:1.08rem}

/* ---------- footer ---------- */
.ft{background:#060D09;color:#98A39B;padding:clamp(56px,6vw,86px) 0 0;font-size:.9rem;position:relative;overflow:hidden}
.ft::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(700px 340px at 8% 0%,rgba(23,196,110,.1),transparent 60%),
             radial-gradient(600px 320px at 96% 30%,rgba(124,92,255,.1),transparent 60%)}
.ft .wrap{position:relative}
.ft-top{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr));gap:36px 24px;padding-bottom:46px;border-bottom:1px solid #17251D}
.ft .brand{color:#fff;margin-bottom:15px}
.ft-about{line-height:1.62;max-width:38ch;margin-bottom:22px}
.ft-soc{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.ft-soc a{transition:.24s}
.ft-soc a:hover{transform:translateY(-4px) scale(1.06)}
.ft-tp{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:var(--r-pill);
  background:#0E1B14;border:1px solid #1D3226;color:#E4EAE5;font-weight:800;font-size:.85rem;font-family:var(--f-dsp)}
.ft-tp svg{width:16px;height:16px;fill:#00B67A}
.ft h4{color:#fff;font-size:.92rem;letter-spacing:.02em;margin-bottom:16px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ft ul a{font-size:.87rem;transition:.2s}
.ft ul a:hover{color:#5CE9A2;padding-left:3px}
.ft-legal{padding:26px 0;border-bottom:1px solid #17251D;font-size:.8rem;line-height:1.75;color:#77837A}
.ft-legal a{color:#98A39B;text-decoration:underline;text-underline-offset:3px}
.ft-legal b{color:#C4CCC6}
.ft-badges{display:flex;flex-wrap:wrap;gap:9px;padding:24px 0}
.ft-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:var(--r-pill);
  background:#0E1B14;border:1px solid #1D3226;font-size:.78rem;font-weight:700;color:#B5BFB7;font-family:var(--f-mono)}
.ft-badge svg{width:14px;height:14px;color:#5CE9A2;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ft-btm{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 0 32px;border-top:1px solid #17251D;font-size:.8rem}
.ft-btm .langs{display:flex;gap:8px}
.ft-btm .langs a{padding:6px 13px;border-radius:var(--r-pill);background:#0E1B14;border:1px solid #1D3226;font-family:var(--f-mono);font-weight:800;font-size:.73rem}
.ft-btm .langs a:hover{color:#5CE9A2}

/* ---------- çerez + yüzen WA ---------- */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:540px;background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-3);padding:22px 24px;
  transform:translateY(150%);transition:transform .55s cubic-bezier(.2,.8,.3,1)}
.cookie.on{transform:none}
.cookie b{display:block;font-family:var(--f-dsp);font-size:1.06rem;letter-spacing:-.026em;margin-bottom:7px}
.cookie p{font-size:.88rem;color:var(--muted);line-height:1.55;margin-bottom:17px}
.cookie p a{color:var(--green-d);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.cookie .row{display:flex;gap:10px;flex-wrap:wrap}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:85;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:linear-gradient(150deg,#42E886,#25D366 44%,#128C4B);box-shadow:0 16px 40px rgba(37,211,102,.5),inset 0 1px 0 rgba(255,255,255,.4);
  transition:.25s;animation:wafloat 3.4s ease-in-out infinite}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-float::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:waping 2.2s ease-out infinite}
@keyframes waping{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.35);opacity:0}}
@keyframes wafloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.wa-float:hover{transform:scale(1.1)}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(26px) scale(.985);filter:blur(3px);
  transition:opacity .8s cubic-bezier(.2,.8,.3,1),transform .8s cubic-bezier(.2,.8,.3,1),filter .8s}
.rv.in{opacity:1;transform:none;filter:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .statbar-in{grid-template-columns:repeat(4,1fr)}
  .statbar-in > div:nth-child(4n){border-right:0}
  .statbar-in > div:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.07)}
  .agrid{grid-template-columns:repeat(3,1fr)}
  .rgrid,.chgrid{grid-template-columns:repeat(3,1fr)}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .plan--hot{transform:none}.plan--hot:hover{transform:translateY(-8px)}
  .panel-grid{grid-template-columns:210px minmax(0,1fr)}
  .panel-col:nth-child(3){display:none}
}
@media (max-width:960px){
  .nav-links{display:none}.burger{display:grid}.lang{display:none}.nav-right .btn--gho{display:none}
  .hero-grid,.pane,.sec-grid,.about-grid,.frow,.pp,.ent,.meta-card{grid-template-columns:minmax(0,1fr)}
  .frow--flip .frow-txt{order:0}
  .stage{padding:16px 28px 34px}
  .chip--2,.chip--3,.chip--5{display:none}
  .chip--1{left:-4px}.chip--4{right:-6px}.chip--6{right:-4px}
  .steps{grid-template-columns:1fr}
  .igrid,.dgrid,.cgrid{grid-template-columns:repeat(2,1fr)}
  .ngrid{grid-template-columns:repeat(2,1fr)}
  .pnotes{grid-template-columns:1fr}
  .chgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:680px){
  body{font-size:16px}
  .wrap{padding-inline:18px}
  .statbar-in{grid-template-columns:repeat(2,1fr)}
  .statbar-in > div:nth-child(2n){border-right:0}
  .statbar-in > div:nth-child(-n+6){border-bottom:1px solid rgba(255,255,255,.07)}
  .agrid,.igrid,.dgrid,.cgrid,.rgrid,.pgrid,.quad,.ngrid{grid-template-columns:1fr}
  .trio{grid-template-columns:repeat(3,1fr)}
  .chgrid{grid-template-columns:repeat(3,1fr);gap:9px}
  .ch{padding:14px 6px 12px}.ch b{font-size:.74rem}.ch .app--lg{width:46px;height:46px;border-radius:14px}
  .panel-grid{grid-template-columns:1fr}.panel-col:nth-child(1){display:none}
  .m-grid,.m-cta{grid-template-columns:1fr}.more-panel{grid-template-columns:1fr}
  .chip{display:none}
  .cta .row .btn,.hero-cta .btn{width:100%}
  .qa summary{font-size:.96rem;padding:16px 17px}
  .ft-top{grid-template-columns:1fr 1fr}
  .wa-float{right:14px;bottom:14px;width:54px;height:54px}
  .cookie{left:12px;right:12px;bottom:80px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;filter:none}
  .odo .d span{transition:none !important}
}

/* ================================================================
   DoWaba entegrasyon katmanı (v2 tasarımına ek) — dinamik parçalar:
   sektör videoları + lightbox, AI analiz modalları (aim-*),
   bayi referans logoları, yıllık kampanya rozeti, çerez banner'ı.
   ================================================================ */

/* eski bileşenlerin kullandığı legacy değişkenler (aim modalları + cta) */
:root{--brand:#7C5CFF;--brand-2:#5A3BF0;--surface:#fff;--surface-sunken:#F5F1E8;
  --border:#E9E3D6;--text-2:#6E6A5F;--text-3:#8A857A;--sh-md:0 12px 28px rgba(11,18,14,.14)}

/* ticker & kanal adları — i18n metinleri CSS ile büyütülür (TR ı/İ dahil browser locale'e göre) */
.ticker b{text-transform:uppercase}

/* --- sektör videoları: pane içine gömülü vitrin --- */
.pane.sv-card{align-items:start}
.pane .sv-media{position:relative;overflow:hidden;cursor:zoom-in;border-radius:var(--r-l);
  border:1px solid var(--line);background:var(--paper-2);box-shadow:var(--sh-1);
  aspect-ratio:4/5;max-width:430px;margin-left:auto;padding:0}
.pane .sv-media .sv-video{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:960px){.pane .sv-media{margin-inline:auto}}
.sv-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;z-index:2;border:0;border-radius:50%;
  background:rgba(11,18,14,.62);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sv-play[hidden]{display:none}
.sv-play:hover{background:rgba(11,18,14,.85)}
.sv-play svg{margin-inline-start:3px}
.sv-zoom{position:absolute;top:10px;inset-inline-end:10px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;
  background:rgba(11,18,14,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:zoom-in;
  opacity:.85;transition:.2s}
.sv-zoom:hover,.sv-zoom:focus-visible{opacity:1;background:rgba(11,18,14,.85)}
.sv-note{margin-top:18px;text-align:center;font-size:.8rem;color:var(--muted)}
.sv-lightbox{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(11,18,14,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sv-lightbox[hidden]{display:none}
.sv-lightbox__inner{position:relative;width:min(560px,100%,calc(84vh * .8))}
.sv-lightbox__video{display:block;width:100%;height:auto;max-height:84vh;border-radius:16px;
  background:var(--ink);box-shadow:0 24px 64px rgba(0,0,0,.4)}
.sv-lightbox__close{position:absolute;top:-14px;inset-inline-end:-14px;z-index:2;width:36px;height:36px;border:0;
  border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;
  cursor:pointer;box-shadow:var(--sh-md)}

/* --- AI Analiz örnek modalları (aim-*) — site.css'ten taşındı, v2 paletine bağlandı --- */
.aim-card-trigger{cursor:pointer}
.aim-see.link{background:transparent;border:0;padding:0;cursor:pointer;font-family:var(--f-dsp)}
.aim-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;
  background:rgba(11,18,14,.55);backdrop-filter:blur(3px);padding:18px}
.aim-overlay[hidden]{display:none}
.aim-panel{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:84vh;display:flex;
  flex-direction:column;box-shadow:0 24px 64px rgba(11,18,14,.35);animation:aimIn .18s ease-out}
@keyframes aimIn{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.aim-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}
.aim-head-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.aim-head strong{font-size:16px;font-family:var(--f-dsp);letter-spacing:-.02em}
.aim-demo{font-size:11px;font-weight:700;color:var(--text-2);background:var(--surface-sunken);
  border-radius:999px;padding:3px 10px;flex-shrink:0}
.aim-close{margin-inline-start:auto;width:30px;height:30px;border:0;border-radius:8px;background:var(--surface-sunken);
  color:inherit;cursor:pointer;flex-shrink:0}
.aim-close:hover{background:var(--border)}
.aim-body{padding:16px 18px;overflow-y:auto}
.aim-sum{font-size:13.5px;color:var(--text-2);margin:0 0 12px;line-height:1.55}
.aim-sec{font-size:13px;font-weight:800;margin:16px 0 8px;display:flex;align-items:center;gap:7px}
.aim-sec--ok{color:#047857}
.aim-sec--warn{color:#b45309}
.aim-count{background:var(--surface-sunken);border-radius:999px;padding:1px 8px;font-size:11.5px;color:var(--text-2)}
.aim-card{border:1px solid var(--border);border-radius:11px;padding:12px 14px;margin-bottom:9px}
.aim-card--warn{border-color:#fcd34d;background:#fffbeb}
.aim-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.aim-b{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px}
.aim-b--high{background:#fee2e2;color:#b91c1c}
.aim-b--mid{background:#fef3c7;color:#b45309}
.aim-b--freq{background:#e0e7ff;color:#4338ca}
.aim-b--pos{background:#d1fae5;color:#047857}
.aim-fld{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--text-2);margin:8px 0 2px}
.aim-qa{font-size:13.5px;margin:0;line-height:1.5}
.aim-muted{font-size:12.5px;color:var(--text-2);margin:4px 0 0;line-height:1.5}
.aim-quote{font-size:12.5px;color:var(--text-2);font-style:italic;margin:4px 0 0}
.aim-sug{font-size:12.5px;color:#047857;margin:6px 0 0}
.aim-btn{display:inline-block;margin-top:9px;font-size:12px;font-weight:700;background:var(--brand);color:#fff;
  padding:5px 13px;border-radius:8px}
.aim-btn--done{background:#d1fae5;color:#047857}
.aim-hero{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.aim-ring{--p:80;--ring:#10b981;width:74px;height:74px;border-radius:50%;flex-shrink:0;
  background:conic-gradient(var(--ring) calc(var(--p) * 1%),#e5e7eb 0);display:flex;align-items:center;justify-content:center}
.aim-ring > span{width:58px;height:58px;border-radius:50%;background:#fff;display:flex;align-items:center;
  justify-content:center;font-size:17px;font-weight:800}
.aim-ring > span small{font-size:10px;font-weight:600;color:var(--text-2)}
.aim-ring--pink{--ring:#ec4899}
.aim-ring--rose{--ring:#f43f5e}
.aim-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.aim-metrics > div{background:var(--surface-sunken);border-radius:10px;padding:10px;text-align:center}
.aim-metrics b{display:block;font-size:17px}
.aim-metrics span{font-size:11px;color:var(--text-2)}
.aim-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.aim-cols{grid-template-columns:1fr}.aim-metrics{grid-template-columns:1fr 1fr}}
.aim-ul{margin:0;padding-inline-start:18px;font-size:13px;line-height:1.7}
.aim-dist{display:flex;height:14px;border-radius:999px;overflow:hidden;margin-bottom:8px}
.aim-dist i.pos{background:#10b981}.aim-dist i.neu{background:#cbd5e1}.aim-dist i.neg{background:#ef4444}
.aim-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-2)}
.aim-legend .dot,.aim-theme .dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-inline-end:4px}
.dot.pos{background:#10b981}.dot.neu{background:#cbd5e1}.dot.neg{background:#ef4444}
.aim-theme{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--border);border-radius:11px;padding:11px 13px}
.aim-theme .dot{margin-top:5px;flex-shrink:0}
.aim-theme strong{font-size:13.5px}
.aim-freq{margin-inline-start:auto;font-size:12px;font-weight:700;color:var(--text-2);flex-shrink:0}
.aim-topic{margin-bottom:11px}
.aim-topic-head{display:flex;align-items:center;gap:9px;font-size:13.5px;margin-bottom:5px;flex-wrap:wrap}
.aim-topic-head .aim-muted{margin:0 0 0 auto}
.aim-trend{font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px}
.aim-trend--up{background:#d1fae5;color:#047857}
.aim-trend--stable{background:var(--surface-sunken);color:var(--text-2)}
.aim-bar{height:8px;background:var(--surface-sunken);border-radius:999px;overflow:hidden}
.aim-bar i{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:999px}
.aim-chan{border:1px solid var(--border);border-radius:11px;padding:12px 14px;margin-bottom:9px}
.aim-chan-head{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700}
.aim-chan .aim-card{margin:10px 0 0}
.aim-ok-tag{margin-inline-start:auto;font-size:12px;font-weight:700;color:#047857}
.aim-note{font-size:12px;color:var(--text-2);margin:12px 0 0}
.aim-foot{padding:13px 18px;border-top:1px solid var(--border);text-align:center}
.aim-cta{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-size:13.5px;
  font-weight:700;padding:10px 22px;border-radius:10px}
.aim-cta:hover{filter:brightness(1.1)}

/* --- bayi referans kartı: logo görseli desteği --- */
.rcard .lg img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#fff;padding:5px;display:block}

/* --- yıllık kampanya (annual-only) rozet + not --- */
.plan .annual-badge{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#B06E04;
  background:var(--amber-s);border:1px solid #F4DFB4;padding:5px 11px;border-radius:var(--r-pill);margin:2px 0 10px;
  font-family:var(--f-mono)}
.plan .annual-after{font-size:.78rem;color:var(--muted);margin-top:6px;font-weight:600}
.pricing-annual-note{margin-top:18px;text-align:center;font-size:.88rem;line-height:1.6;color:var(--ink-2);
  background:var(--amber-s);border:1px solid #F4DFB4;border-radius:var(--r-m);padding:14px 20px}

/* --- ₺ glif düzeltmesi: Schibsted Grotesk U+20BA'yı eski liret (£) şeklinde çiziyor →
   sadece ₺ karakteri yerel sistem fontundan gelsin (diğer tüm harfler tasarım fontunda kalır) --- */
@font-face{font-family:'LiraFix';src:local('Helvetica Neue'),local('Arial'),local('Roboto');unicode-range:U+20BA}
:root{
  --f-dsp:'LiraFix',"Schibsted Grotesk",system-ui,sans-serif;
  --f-body:'LiraFix',"Instrument Sans",system-ui,sans-serif;
  --f-mono:'LiraFix',"JetBrains Mono",ui-monospace,monospace;
}

/* --- bayi kartı sektör rozeti + öne çıkan plan "Önerilen" şeridi (denetim bulguları) --- */
.rcard .sect{align-self:flex-start;font-family:var(--f-mono);font-size:.68rem;font-weight:700;color:var(--muted);
  background:var(--paper-2);border:1px solid var(--line);padding:3px 10px;border-radius:var(--r-pill)}
.plan--hot[data-badge]{position:relative}
.plan--hot[data-badge]::after{content:attr(data-badge);position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:linear-gradient(160deg,#2BD97E,#0B8A4C);color:#fff;font-family:var(--f-mono);font-size:.66rem;
  font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:var(--r-pill);
  box-shadow:0 8px 20px rgba(14,154,87,.35);white-space:nowrap}

/* --- FIX: kapsayıcı span kuralları .app ikon kutusunu ezmesin (tasarımın kendi bug'ı) ---
   .ccard span{display:block;color:var(--muted)} ve .pp-list span{color:var(--muted)} kuralları
   <span class="app"> kutucuğuna da uygulanıyordu → ikonlar koyu + ortalaması bozuk görünüyordu. */
.ccard .app,.pp-list .app{display:grid;place-items:center;color:#fff;font-size:0;line-height:0}

/* --- şıklık: iletişim kartı ikon/değer mikro-etkileşimleri --- */
.ccard .app{transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s}
.ccard:hover .app{transform:translateY(-3px) scale(1.06) rotate(-3deg);box-shadow:0 14px 30px rgba(11,18,14,.22),inset 0 1px 0 rgba(255,255,255,.35)}
.ccard .v{transition:color .2s}
.ccard:hover .v{color:var(--c)}
.ccard b{letter-spacing:-.026em}

/* --- şıklık: çözüm ortağı listesi ikonlarına mor parıltı + yumuşak vurgu --- */
.pp-list .app{box-shadow:0 10px 26px rgba(124,92,255,.35),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .28s cubic-bezier(.2,.8,.3,1)}
.pp-list li:hover .app{transform:translateY(-3px) scale(1.06) rotate(3deg)}