/* Asenaa — landing tasarim sistemi. Bu dosyayi duzenleyin; tema guncellemesi silmez. */
/* ============================================================
   ASENAA PLATFORM — TASARIM SİSTEMİ
   Yön: editoryal + ürün. Sıcak kemik zemin, mürekkep siyahı,
   TEK vurgu rengi (vermilyon). Mor/neon gradyan, parlayan küre,
   koyu-cam klişesi bilerek kullanılmadı.
   ============================================================ */
:root{
  /* yüzey */
  --paper:#F7F5F1; --paper-2:#EFEAE2; --card:#FFFFFF;
  --ink:#12100E; --ink-2:#4C463D; --ink-3:#6E675D;
  --line:#E4DED4; --line-2:#D2CABD;
  /* vurgu — tek renk */
  --accent:#FF4A1C; --accent-deep:#D63305; --accent-text:#C42D02; --accent-soft:#FFE9E1;
  /* destek (sadece veri görselleştirme) */
  --pine:#12564A; --pine-soft:#DFECE7; --clay:#C8B9A6; --sand:#F0E7DA;
  /* koyu yüzey (ürün ekranları) */
  --slate:#17150F; --slate-2:#221F17; --slate-line:#332F24;
  /* tipografi */
  --display:'Archivo','Archivo Fallback',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --sans:'Instrument Sans','Instrument Fallback',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  /* ölçü */
  --nav:68px; --kap:1240px;
  --r-btn:12px; --r-card:20px; --r-panel:28px; --r-chip:9px;
  /* gölge — yumuşak, alçak, parıltısız */
  --sh-1:0 1px 2px rgba(18,16,14,.04), 0 2px 8px rgba(18,16,14,.04);
  --sh-2:0 2px 4px rgba(18,16,14,.04), 0 10px 28px rgba(18,16,14,.07);
  --sh-3:0 8px 18px rgba(18,16,14,.06), 0 30px 70px rgba(18,16,14,.12);
  /* hareket */
  --t-fast:150ms cubic-bezier(.4,0,.2,1);
  --t-med:260ms cubic-bezier(.22,1,.36,1);
  --t-slow:560ms cubic-bezier(.16,1,.3,1);
}
@media (min-width:1024px){ :root{ --nav:76px; } }

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:17px; line-height:1.62;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
@media (min-width:1024px){ body{ font-size:17px; } }
img,svg{ display:block; max-width:100%; height:auto; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; }
p{ margin:0; text-wrap:pretty; overflow-wrap:break-word; }
h1,h2,h3,h4{ margin:0; font-family:var(--display); font-weight:700; text-wrap:balance; }

/* editoryal tip ölçeği — büyük, sıkı, güvenli */
.d1{ font-size:clamp(2.85rem,1.4rem + 7.4vw,6.4rem); line-height:.96; letter-spacing:-.045em; overflow-wrap:break-word; }
.d2{ font-size:clamp(2.05rem,1.2rem + 3.9vw,4rem); line-height:1.04; letter-spacing:-.04em; overflow-wrap:break-word; }
.d3{ font-size:clamp(1.42rem,1rem + 1.7vw,2.4rem); line-height:1.14; letter-spacing:-.03em; overflow-wrap:break-word; }
.h4{ font-size:clamp(1.08rem,1rem + .4vw,1.32rem); line-height:1.28; letter-spacing:-.02em; font-weight:600; }
.lead{ font-size:clamp(1.09rem,1.02rem + .45vw,1.32rem); line-height:1.55; color:var(--ink-2); }
.mono{ font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace; font-variant-numeric:tabular-nums; }
.num{ font-family:var(--display); font-variant-numeric:tabular-nums; letter-spacing:-.04em; font-weight:700; }

:where(section)[id]{ scroll-margin-top:calc(var(--nav) + 20px); }
*:focus-visible{ outline:2.5px solid var(--ink); outline-offset:3px; border-radius:4px; }

.wrap{ width:100%; max-width:var(--kap); margin-inline:auto; padding-inline:20px; }
.wrap > *{ min-width:0; }
@media (min-width:768px){ .wrap{ padding-inline:36px; } }
@media (min-width:1280px){ .wrap{ padding-inline:48px; } }
.sec{ padding-block:clamp(76px,9.5vw,150px); position:relative; }
.sec--tight{ padding-block:clamp(56px,6.5vw,96px); }

/* bölüm etiketi — küçük, mürekkep, editoryal */
.eyebrow{
  display:flex; align-items:center; gap:10px; font-size:12px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--accent-text); margin-bottom:18px;
}
.eyebrow[data-no]::before{ content:attr(data-no); font-variant-numeric:tabular-nums; }
.eyebrow[data-no]::after{ content:"—"; opacity:.5; order:-1; }
.eyebrow[data-no]::before{ order:-2; }
.eyebrow:not([data-no])::before{ content:""; width:20px; height:1.5px; background:var(--accent); }
@media (min-width:768px){ .eyebrow{ font-size:12.5px; margin-bottom:22px; } }

.skip{ position:absolute; left:-9999px; top:0; background:var(--ink); color:#fff; padding:12px 20px; z-index:200; font-weight:600; }
.skip:focus{ left:0; }

/* ============================ BUTON ============================ */
.btn{
  --bg:var(--ink); --fg:#fff; --bd:transparent;
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:50px; padding:13px 24px; border-radius:var(--r-btn);
  background:var(--bg); color:var(--fg); border:1.5px solid var(--bd);
  font-weight:600; font-size:15.5px; letter-spacing:-.01em; cursor:pointer; line-height:1.2;
  transition:transform var(--t-med), background-color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-med);
  max-width:100%; text-wrap:balance;
}
.btn:hover{ transform:translateY(-2px); }
.btn:active{ transform:translateY(0) scale(.985); }
.btn--accent{ --bg:var(--accent-deep); --fg:#fff; box-shadow:0 6px 18px rgba(214,51,5,.24); }
.btn--accent:hover{ --bg:#B82900; box-shadow:0 10px 26px rgba(214,51,5,.3); }
.btn--ghost{ --bg:transparent; --fg:var(--ink); --bd:var(--line-2); }
.btn--ghost:hover{ --bd:var(--ink); }
.btn--paper{ --bg:#fff; --fg:var(--ink); --bd:var(--line); box-shadow:var(--sh-1); }
.btn--onDark{ --bg:#fff; --fg:var(--ink); }
.btn--onDarkGhost{ --bg:transparent; --fg:#fff; --bd:rgba(255,255,255,.28); }
.btn--onDarkGhost:hover{ --bd:rgba(255,255,255,.7); }
.btn--sm{ min-height:42px; padding:9px 18px; font-size:14.5px; border-radius:10px; }
.btn--lg{ min-height:56px; padding:16px 30px; font-size:16.5px; }
.btn--block{ width:100%; }
.arw{ transition:transform var(--t-med); }
.btn:hover .arw{ transform:translateX(3px); }

/* ============================ NAV ============================ */
.nav{
  position:sticky; top:0; z-index:100;
  background:color-mix(in srgb, var(--paper) 82%, transparent);
  -webkit-backdrop-filter:saturate(180%) blur(16px); backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid transparent; transition:border-color var(--t-fast), background-color var(--t-fast);
}
.nav.stuck{ border-bottom-color:var(--line); }
.nav__in{ height:var(--nav); display:flex; align-items:center; gap:14px; }
.brand{ display:inline-flex; align-items:center; gap:10px; min-height:44px; flex:0 0 auto; }
.brand__logo{ height:26px; width:auto; display:block; }
@media (min-width:1024px){ .brand__logo{ height:32px; } }
@media (max-width:369px){
  .brand__logo{ height:21px; }
  .nav__cta .btn--sm{ padding:9px 12px; font-size:13.5px; }
  .wrap{ padding-inline:16px; }
}
/* koyu zeminde logo — dosya tam şeffaf (alfa 0 doğrulandı), kutu gerekmiyor */
.foot .brand__logo{ height:32px; }
.brand--cip{ background:none; padding:0; border-radius:0; }
.navlinks{ display:none; margin-inline:auto; gap:2px; }
@media (min-width:1000px){ .navlinks{ display:flex; } }
.navlinks a{
  padding:9px 14px; border-radius:9px; font-size:15px; font-weight:500; color:var(--ink-2);
  transition:color var(--t-fast), background-color var(--t-fast);
}
.navlinks a:hover{ color:var(--ink); background:var(--paper-2); }
.nav__cta{ margin-inline-start:auto; display:flex; align-items:center; gap:8px; }
@media (min-width:1000px){ .nav__cta{ margin-inline-start:0; } }
.nav__login{ display:none; }
@media (min-width:640px){ .nav__login{ display:inline-flex; } }
.burger{
  display:inline-grid; place-items:center; width:44px; height:44px; border-radius:11px;
  border:1.5px solid var(--line-2); background:transparent; cursor:pointer; padding:0;
}
@media (min-width:1000px){ .burger{ display:none; } }
.burger i{ display:block; width:17px; height:1.8px; background:var(--ink); border-radius:2px; position:relative; }
.burger i::before,.burger i::after{ content:""; position:absolute; left:0; width:17px; height:1.8px; background:var(--ink); border-radius:2px; transition:transform var(--t-med), top var(--t-med); }
.burger i::before{ top:-5.5px; } .burger i::after{ top:5.5px; }
.burger[aria-expanded="true"] i{ background:transparent; }
.burger[aria-expanded="true"] i::before{ top:0; transform:rotate(45deg); }
.burger[aria-expanded="true"] i::after{ top:0; transform:rotate(-45deg); }
.mnav{ display:none; border-top:1px solid var(--line); background:var(--paper); padding-block:8px 20px; }
.mnav.open{ display:block; }
@media (min-width:1000px){ .mnav{ display:none !important; } }
.mnav a{ display:block; padding:14px 2px; font-size:17px; font-weight:600; border-bottom:1px solid var(--line); }
.mnav .btn{ margin-top:16px; }

/* ============================ HERO ============================ */
.hero{ position:relative; overflow:hidden; padding-block:clamp(52px,7vw,104px) clamp(56px,7vw,96px); }
/* zemin: gradyan değil — ince ızgara + kağıt dokusu. "AI sitesi" parıltısı yok. */
.hero::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(110% 78% at 50% 0%,#000 0%,transparent 72%);
          mask-image:radial-gradient(110% 78% at 50% 0%,#000 0%,transparent 72%);
  opacity:.5;
}
.hero__in{ position:relative; z-index:1; }
.hero__grid{ display:grid; gap:clamp(44px,5vw,64px); grid-template-columns:minmax(0,1fr); }
.hero__grid > *{ min-width:0; }
@media (min-width:1100px){ .hero__grid{ grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); align-items:center; } }

.pill{
  display:inline-flex; align-items:center; flex-wrap:wrap; max-width:100%; gap:8px; padding:7px 14px 7px 8px; border-radius:999px;
  background:var(--card); border:1px solid var(--line); box-shadow:var(--sh-1);
  font-size:13.5px; font-weight:500; color:var(--ink-2); margin-bottom:24px;
}
.pill b{ background:var(--accent-soft); color:var(--accent-deep); font-weight:600; padding:3px 9px; border-radius:999px; font-size:12.5px; }
.hero h1 .ln{ display:block; }
.hero h1 .alt{ color:var(--accent); }
.hero__lead{ margin-top:26px; max-width:46ch; }
.hero__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.hero__cta .btn{ flex:1 1 210px; }
@media (min-width:560px){ .hero__cta .btn{ flex:0 0 auto; } }
.hero__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 26px; margin-top:34px; }
.faces{ display:flex; }
.faces span{
  width:36px; height:36px; border-radius:50%; border:2.5px solid var(--paper); margin-inline-start:-11px;
  display:grid; place-items:center; font-size:12.5px; font-weight:700; color:#fff; font-family:var(--display);
}
.faces span:first-child{ margin-inline-start:0; }
.hero__meta small{ font-size:14px; color:var(--ink-2); line-height:1.4; display:block; }

/* ürün önizleme paneli (hero sağ) */
.shot{
  position:relative; border-radius:var(--r-panel); background:var(--card);
  border:1px solid var(--line); box-shadow:var(--sh-3); overflow:hidden;
}
.shot__bar{ display:flex; align-items:center; gap:7px; padding:13px 16px; border-bottom:1px solid var(--line); background:var(--paper); }
.shot__bar i{ width:9px; height:9px; border-radius:50%; background:var(--line-2); }
.shot__bar span{ margin-inline-start:8px; font-size:12.5px; color:var(--ink-3); font-weight:500; }
.shot__body{ padding:18px; }
@media (min-width:520px){ .shot__body{ padding:22px; } }

.kpi{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.kpi__c{ border:1px solid var(--line); border-radius:14px; padding:13px 14px; background:var(--paper); }
.kpi__c b{ display:block; font-family:var(--display); font-size:clamp(1.15rem,1rem + .7vw,1.5rem); letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.kpi__c small{ display:block; font-size:11.5px; color:var(--ink-3); margin-top:2px; letter-spacing:.01em; }
.kpi__c em{ font-style:normal; font-size:11.5px; font-weight:600; color:var(--pine); }

/* mini çubuk grafik */
.bars{ display:flex; align-items:flex-end; gap:7px; height:96px; margin-top:16px; }
.bars i{ flex:1; border-radius:5px 5px 3px 3px; background:var(--sand); position:relative; }
.bars i.on{ background:var(--ink); }
.bars i.hi{ background:var(--accent); }

/* satır listesi (üretici satırı) */
.rows{ margin-top:16px; display:grid; gap:8px; }
.row{
  display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:13px;
  border:1px solid var(--line); background:var(--card); transition:border-color var(--t-fast), transform var(--t-med);
}
.row:hover{ border-color:var(--line-2); transform:translateX(2px); }
.av{ width:34px; height:34px; border-radius:50%; flex:0 0 auto; display:grid; place-items:center; color:#fff; font-weight:700; font-size:13px; font-family:var(--display); }
.row__t{ min-width:0; flex:1; }
.row__t b{ display:block; font-size:14px; font-weight:600; letter-spacing:-.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.row__t small{ display:block; font-size:12.5px; color:var(--ink-3); }
.tag{ font-size:11.5px; font-weight:600; padding:4px 9px; border-radius:7px; background:var(--paper-2); color:var(--ink-2); white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.tag--ok{ background:var(--pine-soft); color:var(--pine); }
.tag--hot{ background:var(--accent-soft); color:var(--accent-text); }

/* yüzen kart (hero) */
.float{
  position:absolute; z-index:2; background:var(--card); border:1px solid var(--line);
  border-radius:16px; box-shadow:var(--sh-2); padding:11px 14px; display:flex; align-items:center; gap:10px;
}
.float b{ font-size:13.5px; font-weight:600; display:block; letter-spacing:-.01em; }
.float small{ font-size:12px; color:var(--ink-3); display:block; }
.float--a{ left:-40px; top:-26px; max-width:270px; }
.float--b{ right:-34px; bottom:-24px; max-width:250px; }
@media (max-width:1099px){ .float{ display:none; } }
@media (prefers-reduced-motion:no-preference){
  .float--a{ animation:bob 7s ease-in-out infinite; }
  .float--b{ animation:bob 8.5s ease-in-out infinite reverse; }
}
@keyframes bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-11px); } }

/* ============================ LOGO ŞERİDİ ============================ */
.marq{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); }
.marq__t{ display:flex; width:max-content; gap:60px; padding-block:6px; }
@media (prefers-reduced-motion:no-preference){ .marq__t{ animation:slide 34s linear infinite; } }
@keyframes slide{ to{ transform:translateX(-50%); } }
.wordmark{
  font-family:var(--display); font-weight:700; font-size:clamp(1.05rem,.9rem + .5vw,1.4rem);
  letter-spacing:-.035em; color:var(--ink-3); white-space:nowrap; display:flex; align-items:center; gap:8px;
  transition:color var(--t-fast);
}
.marq:hover .wordmark{ color:var(--ink-2); }
.wordmark i{ width:9px; height:9px; border-radius:2.5px; background:currentColor; opacity:.5; }

/* ============================ İSTATİSTİK ============================ */
.stats{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); }
@media (min-width:900px){ .stats{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.stat{ padding:26px 4px 26px 0; border-bottom:1px solid var(--line); }
@media (min-width:900px){ .stat{ border-bottom:0; padding-block:34px; } }
.stat b{ display:block; font-family:var(--display); font-weight:700; letter-spacing:-.05em; font-size:clamp(2.1rem,1.3rem + 2.6vw,3.4rem); line-height:1; font-variant-numeric:tabular-nums; }
.stat small{ display:block; margin-top:8px; font-size:14px; color:var(--ink-3); }

/* ============================ KART / IZGARA ============================ */
.card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-card); padding:clamp(22px,2.4vw,30px);
  transition:transform var(--t-med), box-shadow var(--t-med), border-color var(--t-fast); min-width:0;
}
.card--hov:hover{ transform:translateY(-4px); box-shadow:var(--sh-2); border-color:var(--line-2); }
.g2{ display:grid; gap:18px; grid-template-columns:minmax(0,1fr); }
.g2 > *,.g3 > *,.g4 > *{ min-width:0; }
@media (min-width:820px){ .g2{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; } }
.g3{ display:grid; gap:18px; grid-template-columns:minmax(0,1fr); }
@media (min-width:760px){ .g3{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1060px){ .g3{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } }
.g4{ display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width:1060px){ .g4{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; } }

.ico{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:var(--paper-2); color:var(--ink); margin-bottom:20px; }
.ico svg{ width:21px; height:21px; }
.ico--accent{ background:var(--accent-soft); color:var(--accent-text); }

/* sade blok — kart çerçevesi yerine üst çizgi (unite.ad tarzı) */
.blok{ padding-top:20px; border-top:2px solid var(--ink); min-width:0; }
.blok h3{ margin-bottom:10px; }
.blok p{ color:var(--ink-2); font-size:16px; }
@media (min-width:768px){ .blok{ padding-top:24px; } }

/* adım numarası — editoryal */
.stepno{ font-family:var(--display); font-weight:700; font-size:13px; letter-spacing:.04em; color:var(--accent-text); margin-bottom:16px; display:block; }

/* onay listesi */
.checks{ list-style:none; margin:22px 0 0; padding:0; display:grid; gap:13px; }
.checks li{ display:flex; gap:11px; align-items:flex-start; font-size:15.5px; line-height:1.5; }
.checks svg{ flex:0 0 auto; width:19px; height:19px; margin-top:2px; color:var(--accent-text); }

/* ============================ KEŞİF (marketplace) ============================ */
.finder{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-panel); box-shadow:var(--sh-2); overflow:hidden; }
.finder__top{ padding:18px; border-bottom:1px solid var(--line); background:var(--paper); }
@media (min-width:768px){ .finder__top{ padding:22px 24px; } }
.search{ display:flex; align-items:center; gap:11px; background:var(--card); border:1.5px solid var(--line-2); border-radius:14px; padding:0 14px; min-height:52px; }
.search:focus-within{ border-color:var(--ink); }
.search svg{ width:19px; height:19px; color:var(--ink-3); flex:0 0 auto; }
.search input{ border:0; background:transparent; outline:none; font:inherit; font-size:16px; width:100%; min-width:0; color:var(--ink); padding:0; }
.search input::placeholder{ color:var(--ink-3); }
.chips{ display:flex; gap:8px; margin-top:14px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; }
.chips::-webkit-scrollbar{ display:none; }
.chip{
  flex:0 0 auto; min-height:38px; display:inline-flex; align-items:center; gap:7px; padding:8px 14px;
  border-radius:var(--r-chip); border:1.5px solid var(--line-2); background:var(--card);
  font-size:14px; font-weight:500; color:var(--ink-2); cursor:pointer; white-space:nowrap;
  transition:border-color var(--t-fast), background-color var(--t-fast), color var(--t-fast);
}
.chip:hover{ border-color:var(--ink-3); color:var(--ink); }
.chip[aria-pressed="true"]{ background:var(--ink); border-color:var(--ink); color:#fff; }
.chip svg{ width:14px; height:14px; }
.finder__body{ padding:18px; }
@media (min-width:768px){ .finder__body{ padding:24px; } }
.finder__count{ font-size:14px; color:var(--ink-3); margin-bottom:16px; }
.finder__count b{ color:var(--ink); font-weight:600; }

/* üretici kartı */
.creator{ border:1px solid var(--line); border-radius:18px; padding:18px; background:var(--card); transition:transform var(--t-med), box-shadow var(--t-med), border-color var(--t-fast); min-width:0; }
.creator:hover{ transform:translateY(-3px); box-shadow:var(--sh-2); border-color:var(--line-2); }
.creator__top{ display:flex; gap:13px; align-items:center; }
.creator__av{ width:52px; height:52px; border-radius:15px; flex:0 0 auto; display:grid; place-items:center; color:#fff; font-family:var(--display); font-weight:700; font-size:18px; letter-spacing:-.03em; }
.creator__id{ min-width:0; flex:1; }
.creator__id b{ display:block; font-size:14.5px; font-weight:600; letter-spacing:-.02em; overflow-wrap:anywhere; hyphens:none; }
@media (min-width:620px){ .creator__id b{ font-size:15.5px; } }
.creator__id small{ display:block; font-size:13.5px; color:var(--ink-3); overflow-wrap:anywhere; }
.verif{ width:15px; height:15px; color:var(--accent-text); display:inline-block; vertical-align:-2px; margin-inline-start:3px; }
.creator__tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.creator__nums{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
.creator__nums div{ min-width:0; }
.creator__nums b{ display:block; font-family:var(--display); font-weight:700; font-size:15px; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.creator__nums small{ display:block; font-size:11.5px; color:var(--ink-3); margin-top:1px; }
.creator__foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; }
.price small{ display:block; font-size:11.5px; color:var(--ink-3); }
.price b{ font-family:var(--display); font-weight:700; font-size:16px; letter-spacing:-.03em; }

/* ============================ KOYU PANEL (ürün / final CTA) ============================ */
.dark{ background:var(--slate); color:#fff; border-radius:var(--r-panel); overflow:hidden; position:relative; }
.dark h2,.dark h3{ color:#fff; }
.dark .eyebrow{ color:rgba(255,255,255,.55); }
.dark .lead{ color:rgba(255,255,255,.72); }
.dashboard{ padding:clamp(20px,3vw,34px); }
.dash__head{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; justify-content:space-between; margin-bottom:20px; }
.dash__head b{ font-family:var(--display); font-size:17px; letter-spacing:-.025em; }
.dash__seg{ display:flex; gap:2px; background:var(--slate-2); border-radius:10px; padding:3px; }
.dash__seg button{ border:0; background:transparent; color:rgba(255,255,255,.6); font-size:13px; font-weight:500; padding:7px 13px; border-radius:8px; cursor:pointer; transition:background-color var(--t-fast), color var(--t-fast); }
.dash__seg button[aria-pressed="true"]{ background:rgba(255,255,255,.1); color:#fff; }
.dash__grid{ display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width:900px){ .dash__grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.dcard{ background:var(--slate-2); border:1px solid var(--slate-line); border-radius:15px; padding:16px; min-width:0; }
.dcard small{ display:block; font-size:12.5px; color:rgba(255,255,255,.55); }
.dcard b{ display:block; font-family:var(--display); font-weight:700; letter-spacing:-.04em; font-size:clamp(1.3rem,1.1rem + .9vw,1.85rem); margin-top:6px; font-variant-numeric:tabular-nums; }
.delta{ display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:600; margin-top:8px; color:#6FD8A8; }
.delta--d{ color:#FF8F6B; }
.dwide{ grid-column:1/-1; background:var(--slate-2); border:1px solid var(--slate-line); border-radius:15px; padding:18px; margin-top:12px; }
@media (min-width:900px){ .dwide--half{ grid-column:span 2; margin-top:0; } }
.dlegend{ display:flex; flex-wrap:wrap; gap:14px; margin-top:14px; font-size:12.5px; color:rgba(255,255,255,.6); }
.dlegend span{ display:inline-flex; align-items:center; gap:6px; }
.dlegend i{ width:9px; height:9px; border-radius:3px; }

/* ============================ KAMPANYA KARTI ============================ */
.camp{ border:1px solid var(--line); border-radius:18px; background:var(--card); overflow:hidden; display:flex; flex-direction:column; transition:transform var(--t-med), box-shadow var(--t-med); min-width:0; }
.camp:hover{ transform:translateY(-4px); box-shadow:var(--sh-2); }
.camp__top{ padding:18px 18px 0; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.camp__logo{ width:42px; height:42px; border-radius:12px; display:grid; place-items:center; font-family:var(--display); font-weight:700; font-size:15px; color:#fff; flex:0 0 auto; }
.camp__b{ padding:18px; flex:1; display:flex; flex-direction:column; }
.camp__b h3{ font-size:1.12rem; letter-spacing:-.025em; margin-bottom:5px; }
.camp__b > small{ font-size:13.5px; color:var(--ink-3); }
.camp__meta{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.camp__meta div small{ display:block; font-size:11.5px; color:var(--ink-3); }
.camp__meta div b{ display:block; font-size:14.5px; font-weight:600; letter-spacing:-.015em; margin-top:2px; }
.camp__foot{ margin-top:18px; display:flex; align-items:center; gap:10px; }
.bar{ height:6px; border-radius:3px; background:var(--paper-2); overflow:hidden; flex:1; }
.bar i{ display:block; height:100%; border-radius:3px; background:var(--accent); }

/* ============================ REFERANS ============================ */
.quote{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-card); padding:clamp(24px,2.6vw,32px); display:flex; flex-direction:column; min-width:0; }
.quote p{ font-family:var(--display); font-weight:500; font-size:clamp(1.08rem,1rem + .5vw,1.34rem); line-height:1.42; letter-spacing:-.025em; }
.quote footer{ display:flex; align-items:center; gap:12px; margin-top:auto; padding-top:24px; }
.quote footer b{ display:block; font-size:14.5px; font-weight:600; }
.quote footer small{ display:block; font-size:13px; color:var(--ink-3); }

/* ============================ FİYATLANDIRMA ============================ */
.toggle{ display:inline-flex; align-items:center; gap:3px; background:var(--paper-2); border-radius:12px; padding:4px; }
.toggle button{ border:0; background:transparent; padding:9px 18px; border-radius:9px; font-size:14.5px; font-weight:600; color:var(--ink-2); cursor:pointer; min-height:40px; transition:background-color var(--t-fast), color var(--t-fast); }
.toggle button[aria-pressed="true"]{ background:var(--card); color:var(--ink); box-shadow:var(--sh-1); }
.save{ font-size:12px; font-weight:600; color:var(--accent-deep); background:var(--accent-soft); padding:2px 7px; border-radius:6px; margin-inline-start:6px; }
.plan{ display:flex; flex-direction:column; border:1px solid var(--line); border-radius:var(--r-card); background:var(--card); padding:clamp(24px,2.5vw,32px); position:relative; min-width:0; }
.plan--best{ border:1.5px solid var(--ink); box-shadow:var(--sh-2); }
.plan__badge{ position:absolute; top:-11px; left:clamp(24px,2.5vw,32px); background:var(--accent); color:#fff; font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 11px; border-radius:7px; }
.plan__price{ display:flex; align-items:baseline; gap:5px; margin-top:18px; }
.plan__price b{ font-family:var(--display); font-weight:700; font-size:clamp(2.1rem,1.5rem + 1.7vw,2.9rem); letter-spacing:-.05em; line-height:1; }
.plan__price small{ font-size:14.5px; color:var(--ink-3); }
.plan .checks{ margin-top:24px; margin-bottom:28px; }
.plan .checks li{ font-size:15px; }
.plan .btn{ margin-top:auto; }

/* ============================ SSS ============================ */
.faq{ display:grid; gap:10px; }
.faq details{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:0 20px; transition:border-color var(--t-fast); }
.faq details[open]{ border-color:var(--line-2); }
.faq summary{ list-style:none; cursor:pointer; padding:19px 36px 19px 0; position:relative; font-family:var(--display); font-weight:600; font-size:1.03rem; letter-spacing:-.02em; line-height:1.4; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:""; position:absolute; right:2px; top:26px; width:11px; height:2px; background:var(--ink); transition:transform var(--t-med); }
.faq summary::before{ content:""; position:absolute; right:6.5px; top:21.5px; width:2px; height:11px; background:var(--ink); transition:transform var(--t-med), opacity var(--t-fast); }
.faq details[open] summary::before{ opacity:0; transform:rotate(90deg); }
.faq p{ padding-bottom:21px; color:var(--ink-2); font-size:15.5px; max-width:72ch; }

/* ============================ FOOTER ============================ */
.foot{ background:var(--ink); color:rgba(255,255,255,.68); padding-block:clamp(52px,6vw,76px) 0; }
.foot__g{ display:grid; gap:34px; }
@media (min-width:740px){ .foot__g{ grid-template-columns:1.7fr repeat(4,1fr); gap:28px; } }
.foot p{ font-size:14.5px; margin-top:16px; max-width:34ch; line-height:1.6; }
.foot h4{ color:#fff; font-family:var(--sans); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin-bottom:16px; }
.foot ul{ list-style:none; margin:0; padding:0; display:grid; gap:11px; }
.foot a{ font-size:14.5px; transition:color var(--t-fast); display:inline-flex; align-items:center; min-height:32px; }
.foot a:hover{ color:#fff; }
.soc{ display:flex; gap:9px; margin-top:22px; }
.soc a{ width:42px; height:42px; border-radius:11px; background:rgba(255,255,255,.08); display:grid; place-items:center; transition:background-color var(--t-fast); }
.soc a:hover{ background:rgba(255,255,255,.16); }
.soc svg{ width:18px; height:18px; }
.foot__b{ margin-top:44px; border-top:1px solid rgba(255,255,255,.12); padding-block:22px; display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:space-between; font-size:13.5px; }

/* çalıştığımız markalar */
.markalar{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }
.marka{
  flex:1 1 140px; max-width:280px; min-height:96px; display:grid; place-items:center;
  padding:18px 14px; background:var(--card); border:1px solid var(--line);
  border-radius:var(--r-card); text-align:center;
  transition:transform var(--t-med), box-shadow var(--t-med), border-color var(--t-fast);
}
.marka:hover{ transform:translateY(-3px); box-shadow:var(--sh-2); border-color:var(--line-2); }
.marka img{ max-height:46px; width:auto; object-fit:contain; }
.marka__ad{
  font-family:var(--display); font-weight:700; letter-spacing:-.045em; color:var(--ink-2);
  font-size:clamp(1.05rem, 0.92rem + .6vw, 1.6rem); line-height:1.15;
}
.marka__alt{ display:block; font-family:var(--sans); font-weight:500; font-size:12.5px; letter-spacing:.02em; color:var(--ink-3); margin-top:5px; }

/* kadro ızgarası — 5 üretici tek sırada */
.kadro-grid{ display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.kadro-grid > *{ min-width:0; }
@media (min-width:620px){ .kadro-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1060px){ .kadro-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; } }
/* fotoğrafı henüz yüklenmemiş üretici için yer tutucu */
.foto-yok{
  width:100%; aspect-ratio:1/1; border-radius:15px; margin-bottom:16px;
  display:grid; place-items:center; background:var(--paper-2); border:1px dashed var(--line-2);
  font-family:var(--display); font-weight:700; font-size:clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  letter-spacing:-.05em; color:var(--ink-3);
}

/* hero panel küçük görselleri — mobilde de 2 sütun */
.shot__thumbs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.shot__thumbs > *{ min-width:0; }

/* ürün görsel ızgarası */
.uretim-gorsel{ display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.uretim-gorsel > *{ min-width:0; }
@media (min-width:1024px){ .uretim-gorsel > img:last-child{ margin-top:30px; } }

/* ============================ FORM ============================ */
.alan{ display:grid; gap:6px; min-width:0; }
.alan label{ font-size:14px; font-weight:600; color:var(--ink); }
.alan input,.alan select{
  font:inherit; font-size:16px; color:var(--ink); background:var(--card);
  border:1.5px solid var(--line-2); border-radius:var(--r-btn); padding:13px 14px; min-height:50px; width:100%;
  appearance:none; transition:border-color var(--t-fast), box-shadow var(--t-fast);
}
.alan select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23837B70' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 15px center; padding-right:42px;
}
.alan input:focus,.alan select:focus{ outline:none; border-color:var(--ink); box-shadow:0 0 0 3px rgba(18,16,14,.1); }
.alan input:user-invalid{ border-color:var(--accent-deep); background:#FFF6F3; }
.alan .hata{ display:none; font-size:13.5px; color:var(--accent-deep); font-weight:500; }
.alan input:user-invalid ~ .hata{ display:block; }
.onay{ display:flex; gap:12px; align-items:flex-start; margin-top:20px; cursor:pointer; }
.onay input{ flex:0 0 auto; width:22px; height:22px; margin:2px 0 0; accent-color:var(--accent); cursor:pointer; }
.onay span{ font-size:13.5px; color:var(--ink-2); line-height:1.55; }
.basarili{ display:none; margin-top:18px; padding:15px 16px; border-radius:13px; background:var(--pine-soft); border:1px solid rgba(18,86,74,.28); color:var(--pine); font-size:15px; font-weight:600; }
.basarili.on{ display:block; }
/* iki kelimelik istatistik hucresi */
.stat b:not(.num){ font-size:clamp(1.5rem, 1.1rem + 1.2vw, 2.1rem); line-height:1.1; }

/* ============================ MOBİL SABİT CTA ============================ */
.mcta{
  position:fixed; left:0; right:0; bottom:0; z-index:95;
  display:flex; gap:10px; padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:color-mix(in srgb, var(--paper) 90%, transparent);
  -webkit-backdrop-filter:saturate(180%) blur(16px); backdrop-filter:saturate(180%) blur(16px);
  border-top:1px solid var(--line); translate:0 130%; transition:translate var(--t-med);
}
.mcta.acik{ translate:0 0; }
.mcta .btn{ flex:1; min-height:52px; }
@media (min-width:1000px){ .mcta{ display:none; } }
@media (max-width:999px){ .foot{ padding-bottom:88px; } }

/* ============================ HAREKET ============================ */
/* BELİRME ANİMASYONU — saf CSS, JavaScript'e bağlı DEĞİL.
   Kaydırma konumuna bağlı olduğu için hızlı kaydırmada "takılı kalma" imkânsız.
   Destekleyen tarayıcıda animasyon oynar; desteklemeyende içerik doğrudan görünür.
   Hiçbir koşulda içerik gizli kalmaz. */
@keyframes asenaa-belir{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()) and (animation-range: entry){
    .rev{
      animation:asenaa-belir linear both;
      animation-timeline:view();
      animation-range:entry 5% cover 24%;
    }
  }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
  .rev{ opacity:1 !important; transform:none !important; }
}

/* ---- WordPress'e özel ---- */
.asenaa-uyari{ background:var(--accent-soft); border:1px solid rgba(196,45,2,.28); color:var(--accent-text);
  border-radius:12px; padding:14px 16px; font-size:14px; line-height:1.5; margin-bottom:20px; }
.asenaa-uyari code{ background:rgba(0,0,0,.06); padding:1px 5px; border-radius:4px; font-size:13px; }
.asenaa-uretici-foto{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:15px; margin-bottom:16px; }
body.admin-bar .nav{ top:32px; }
@media screen and (max-width:782px){ body.admin-bar .nav{ top:46px; } }
.asenaa-form-kutu .fc-form{ max-width:100%; }

/* ---- Contact Form 7 uyumu (kayit formu) ---- */
.asenaa-form-kutu .wpcf7 p{ margin:0; }
.asenaa-form-kutu .wpcf7 br{ display:none; }
.asenaa-form-kutu .wpcf7-form-control-wrap{ display:block; margin-top:6px; }
.asenaa-form-kutu .alan{ gap:0; }
.asenaa-form-kutu .wpcf7-list-item{ margin:0; }
.asenaa-form-kutu .onay{ align-items:flex-start; }
.asenaa-form-kutu .onay .wpcf7-list-item-label{ display:none; }
.asenaa-form-kutu input[type=submit]{ width:100%; margin-top:20px; }
.asenaa-form-kutu .wpcf7-not-valid-tip{ color:var(--accent-text); font-size:13.5px; font-weight:500; margin-top:5px; }
.asenaa-form-kutu .wpcf7-response-output{ border-radius:13px; border-width:1px; font-size:14.5px; margin:18px 0 0; padding:14px 16px; }