/* =========================================================
   Troia Muhasebe -- troiamuhasebe.com
   (c) 2026 Troia Bilisim. Tum haklari saklidir.
   Bu yazilimin kaynak kodu izinsiz kopyalanamaz, dagitilamaz veya
   ticari/gayri ticari amacla kullanilamaz.
   ========================================================= */

/* =========================================================
   Troia Muhasebe — Marketing Site
   Tema: Karanlık + Neon Glow
   ========================================================= */

:root{
  --bg: #0a0908;
  --bg-alt: #120f0a;
  --surface: rgba(255,255,255,0.04);
  --surface-strong: rgba(255,255,255,0.07);
  --border: rgba(255,255,255,0.09);
  --border-strong: rgba(255,255,255,0.16);
  --text: #f5f1ea;
  --text-dim: #b8ada0;
  --text-dimmer: #857a6c;

  /* Marka paleti: logo renkleri (turuncu #F28F17 + siyah/antrasit #262626) */
  --violet: #F28F17;      /* ana turuncu */
  --violet-2: #FDBA74;    /* açık turuncu (hover/ikincil vurgu) */
  --cyan: #FFB454;        /* parlak turuncu (glow/parlama tonu) */
  --teal: #FDBA74;        /* onay işaretleri */
  --pink: #FFE7C2;        /* en açık krem (gradyan başlangıcı) */
  --amber: #F28F17;       /* nokta/etiket vurguları */
  --green: #34d399;       /* DEĞİŞMEDİ — pozitif/başarı anlamı taşıyor */
  --blue: #FDBA74;        /* eskiden mavi nokta, artık açık turuncu */
  --orange-deep: #C2570C; /* koyu/yanık turuncu — gradyan derinliği */
  --near-black: #262626;  /* logo'nun koyu tonu */

  --grad-1: linear-gradient(135deg, var(--violet-2) 0%, var(--violet) 55%, var(--orange-deep) 100%);
  --grad-2: linear-gradient(120deg, var(--violet) 0%, var(--orange-deep) 55%, var(--near-black) 100%);
  --grad-gold: linear-gradient(135deg, var(--pink) 0%, var(--violet) 45%, var(--orange-deep) 100%);

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --shadow-glow: 0 0 0 1px rgba(255,255,255,0.06), 0 20px 60px -20px rgba(242,143,23,0.35);
  --ease: cubic-bezier(.16,1,.3,1);

  --font-display: 'Sora', 'Manrope', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; margin:0; padding:0; }
h1,h2,h3,h4{ font-family:var(--font-display); margin:0; font-weight:700; letter-spacing:-0.02em; }
p{ margin:0; }
.container{ width:100%; max-width:1200px; margin:0 auto; padding:0 24px; }

::selection{ background:var(--violet); color:#fff; }

/* ===== scrollbar ===== */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:linear-gradient(var(--violet),var(--cyan)); border-radius:10px; }

/* ===== background layers ===== */
.bg-grid{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black 30%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black 30%, transparent 75%);
}
.bg-noise{
  position:fixed; inset:0; z-index:1; pointer-events:none; opacity:0.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
.cursor-glow{
  position:fixed; top:0; left:0; width:420px; height:420px; border-radius:50%;
  background:radial-gradient(circle, rgba(242,143,23,0.14), transparent 70%);
  transform:translate(-50%,-50%); pointer-events:none; z-index:2;
  transition:opacity .3s;
  will-change:transform;
}

/* ===== loader ===== */
.loader{
  position:fixed; inset:0; z-index:9999; background:var(--bg);
  display:flex; align-items:center; justify-content:center;
  transition:opacity .6s var(--ease), visibility .6s;
}
.loader.is-hidden{ opacity:0; visibility:hidden; }
.loader-mark{ position:relative; width:72px; height:72px; display:flex; align-items:center; justify-content:center; }
.loader-mark img{ width:38px; height:38px; object-fit:contain; border-radius:8px; }
.loader-ring{
  position:absolute; inset:0; border-radius:50%;
  border:2px solid transparent;
  border-top-color:var(--violet); border-right-color:var(--cyan);
  animation:spin 1s linear infinite;
}
@keyframes spin{ to{ transform:rotate(360deg); } }

/* ===== buttons ===== */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 22px; border-radius:999px; font-weight:600; font-size:0.95rem;
  border:1px solid transparent; cursor:pointer; white-space:nowrap;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s, border-color .35s;
}
.btn-lg{ padding:15px 28px; font-size:1.02rem; }
.btn-block{ width:100%; }
.btn .arrow{ transition:transform .3s var(--ease); display:inline-block; }
.btn:hover .arrow{ transform:translateX(4px); }

.btn-glow{
  background:var(--grad-1); color:#050510;
  box-shadow:0 8px 30px -8px rgba(242,143,23,0.65), inset 0 0 0 1px rgba(255,255,255,0.25);
}
.btn-glow:hover{ transform:translateY(-2px); box-shadow:0 14px 40px -10px rgba(253,186,116,0.55); }

.btn-outline{
  background:rgba(255,255,255,0.02);
  border-color:var(--border-strong); color:var(--text);
  backdrop-filter:blur(6px);
}
.btn-outline:hover{ border-color:var(--violet-2); background:rgba(242,143,23,0.08); transform:translateY(-2px); }

.btn-ghost{ color:var(--text-dim); padding:12px 14px; }
.btn-ghost:hover{ color:var(--text); }

/* ===== header ===== */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:18px 0; transition:padding .35s var(--ease), background .35s, border-color .35s, backdrop-filter .35s;
  border-bottom:1px solid transparent;
}
.site-header.is-scrolled{
  padding:12px 0; background:rgba(14,12,9,0.7); backdrop-filter:blur(14px);
  border-bottom-color:var(--border);
}
.header-inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; }

.brand{ display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; font-size:1.15rem; }
.brand-logo{ width:32px; height:32px; object-fit:contain; border-radius:8px; box-shadow:0 0 0 1px var(--border); }
.brand--logo-only .brand-logo{ width:42px; height:42px; border-radius:10px; }
.brand-text em{ font-style:normal; background:var(--grad-1); -webkit-background-clip:text; background-clip:text; color:transparent; }

.main-nav{ display:flex; align-items:center; gap:30px; }
.nav-mobile-actions{ display:none; }
.main-nav a{
  font-size:0.92rem; color:var(--text-dim); position:relative; padding:4px 0; transition:color .25s;
}
.main-nav a::after{
  content:''; position:absolute; left:0; bottom:-2px; width:0; height:1.5px; background:var(--grad-1);
  transition:width .3s var(--ease);
}
.main-nav a:hover{ color:var(--text); }
.main-nav a:hover::after{ width:100%; }

.header-actions{ display:flex; align-items:center; gap:6px; }
.nav-toggle{ display:none; flex-direction:column; gap:5px; background:none; border:none; padding:8px; cursor:pointer; }
.nav-toggle span{ width:22px; height:2px; background:var(--text); border-radius:2px; transition:transform .3s, opacity .3s; }

/* ===== hero ===== */
.hero{
  position:relative; padding:170px 0 120px; overflow:hidden;
  display:flex; align-items:center;
}
.hero-canvas{ position:absolute; inset:0; width:100%; height:100%; z-index:0; opacity:0.55; }
.hero-glow{ position:absolute; border-radius:50%; filter:blur(90px); z-index:0; pointer-events:none; }
.hero-glow--a{ width:520px; height:520px; background:radial-gradient(circle, rgba(242,143,23,0.4), transparent 70%); top:-160px; left:-140px; animation:floatSlow 14s ease-in-out infinite; }
.hero-glow--b{ width:460px; height:460px; background:radial-gradient(circle, rgba(253,186,116,0.32), transparent 70%); bottom:-160px; right:-120px; animation:floatSlow 16s ease-in-out infinite reverse; }
@keyframes floatSlow{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(30px,-24px); } }

.hero-inner{ position:relative; z-index:2; display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center; }

.eyebrow{
  display:inline-flex; align-items:center; gap:8px; font-size:0.8rem; font-weight:600;
  letter-spacing:0.04em; text-transform:uppercase; color:var(--violet-2);
  padding:7px 14px; border:1px solid var(--border-strong); border-radius:999px;
  background:rgba(242,143,23,0.08); margin-bottom:20px;
}
.eyebrow-dot{ width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 8px var(--cyan); }

.hero-title{ font-size:clamp(2.4rem, 4.6vw, 3.6rem); line-height:1.08; margin-bottom:22px; }
.text-gradient{ background:var(--grad-1); -webkit-background-clip:text; background-clip:text; color:transparent; }
.text-gradient-alt{ background:var(--grad-2); -webkit-background-clip:text; background-clip:text; color:transparent; }

.hero-sub{ font-size:1.08rem; color:var(--text-dim); max-width:520px; margin-bottom:34px; }
.hero-cta{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:48px; }

.hero-trust{ display:flex; gap:36px; flex-wrap:wrap; }
.trust-item{ display:flex; flex-direction:column; }
.trust-item strong{ font-family:var(--font-display); font-size:1.7rem; background:var(--grad-1); -webkit-background-clip:text; background-clip:text; color:transparent; }
.trust-item span{ font-size:0.82rem; color:var(--text-dimmer); }

/* ===== mockup card ===== */
.hero-visual{ position:relative; perspective:1200px; }
.mockup-card{
  position:relative; border-radius:var(--radius-lg); background:linear-gradient(160deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015));
  border:1px solid var(--border-strong); backdrop-filter:blur(18px);
  box-shadow:var(--shadow-glow); overflow:hidden;
  transform-style:preserve-3d; transition:transform .25s var(--ease);
  will-change:transform;
}
.mockup-glow{ position:absolute; inset:-40%; background:conic-gradient(from 0deg, rgba(242,143,23,0.25), rgba(253,186,116,0.2), rgba(255,231,194,0.2), rgba(242,143,23,0.25)); filter:blur(60px); opacity:0.5; animation:spin 12s linear infinite; z-index:0; }
.mockup-topbar{ position:relative; z-index:1; display:flex; align-items:center; gap:14px; padding:14px 18px; border-bottom:1px solid var(--border); background:rgba(0,0,0,0.2); }
.mockup-dots{ display:flex; gap:6px; }
.mockup-dots span{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,0.18); }
.mockup-dots span:nth-child(1){ background:#f87171; }
.mockup-dots span:nth-child(2){ background:#fbbf24; }
.mockup-dots span:nth-child(3){ background:#34d399; }
.mockup-url{ font-size:0.75rem; color:var(--text-dimmer); background:rgba(255,255,255,0.04); padding:4px 12px; border-radius:999px; }

.mockup-body{ position:relative; z-index:1; display:grid; grid-template-columns:64px 1fr; min-height:340px; }
.mockup-sidebar{ background:rgba(0,0,0,0.22); border-right:1px solid var(--border); padding:16px 0; display:flex; flex-direction:column; align-items:center; gap:14px; }
.mockup-side-logo{ width:26px; height:26px; border-radius:8px; background:var(--grad-1); margin-bottom:6px; }
.mockup-side-item{ width:26px; height:9px; border-radius:5px; background:rgba(255,255,255,0.08); }
.mockup-side-item.active{ background:var(--cyan); box-shadow:0 0 12px rgba(253,186,116,0.6); }

.mockup-main{ padding:20px; display:flex; flex-direction:column; gap:18px; }
.mockup-stat-row{ display:flex; gap:12px; }
.mockup-stat{ flex:1; background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:12px; display:flex; flex-direction:column; gap:6px; }
.mockup-stat-label{ font-size:0.68rem; color:var(--text-dimmer); }
.mockup-stat-value{ font-family:var(--font-display); font-size:1.05rem; font-weight:700; }
.mockup-stat-value.up{ color:var(--green); }

.mockup-chart{ background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:10px; }
.mockup-chart-svg{ width:100%; height:70px; }
.mockup-chart-svg polyline{ fill:none; stroke:url(#none); stroke:var(--cyan); stroke-width:2.4; filter:drop-shadow(0 0 6px rgba(253,186,116,0.7)); }

.mockup-rows{ display:flex; flex-direction:column; gap:10px; }
.mockup-row{ display:flex; align-items:center; gap:10px; }
.dot{ width:8px; height:8px; border-radius:50%; flex:none; }
.dot-green{ background:var(--green); } .dot-blue{ background:var(--blue); } .dot-amber{ background:var(--amber); }
.row-line{ height:8px; border-radius:5px; background:rgba(255,255,255,0.08); }
.row-line--w60{ width:60%; } .row-line--w50{ width:50%; } .row-line--w40{ width:40%; } .row-line--w20{ width:15%; }
.row-right{ margin-left:auto; }

.floating-chip{
  position:absolute; padding:10px 16px; border-radius:999px; font-size:0.78rem; font-weight:600;
  background:rgba(20,16,11,0.85); border:1px solid var(--border-strong); backdrop-filter:blur(10px);
  box-shadow:0 12px 30px -10px rgba(0,0,0,0.6); animation:floatChip 5s ease-in-out infinite;
}
.chip-1{ top:6%; right:-6%; animation-delay:0s; color:var(--green); }
.chip-2{ bottom:8%; left:-8%; animation-delay:1.4s; color:var(--cyan); }
@keyframes floatChip{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }

.scroll-cue{ position:absolute; bottom:28px; left:50%; transform:translateX(-50%); z-index:2; }
.scroll-cue span{ display:block; width:22px; height:36px; border:1.5px solid var(--border-strong); border-radius:999px; position:relative; }
.scroll-cue span::before{ content:''; position:absolute; top:6px; left:50%; width:3px; height:8px; background:var(--cyan); border-radius:3px; transform:translateX(-50%); animation:scrollDot 1.8s ease-in-out infinite; }
@keyframes scrollDot{ 0%{ opacity:1; top:6px; } 100%{ opacity:0; top:18px; } }

/* ===== marquee ===== */
.marquee-strip{ position:relative; z-index:2; border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:18px 0; overflow:hidden; background:rgba(255,255,255,0.015); }
.marquee-track{ display:flex; gap:28px; white-space:nowrap; width:max-content; animation:marquee 28s linear infinite; font-family:var(--font-display); font-weight:600; font-size:0.9rem; color:var(--text-dimmer); }
.marquee-track span:nth-child(odd){ color:var(--text-dim); }
@keyframes marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ===== tanitim videosu ===== */
.video-section{ padding-top:88px; }
.video-frame{
  position:relative; max-width:880px; margin:0 auto; border-radius:var(--radius-lg);
  overflow:hidden; border:1px solid var(--border-strong); box-shadow:var(--shadow-glow);
  background:#000;
}
.video-frame::before{
  content:''; position:absolute; inset:-30%; z-index:-1;
  background:radial-gradient(circle at 30% 30%, rgba(242,143,23,0.35), transparent 60%),
             radial-gradient(circle at 75% 70%, rgba(253,186,116,0.28), transparent 60%);
  filter:blur(50px); opacity:0.7;
}
.video-frame video{ width:100%; aspect-ratio:16/9; display:block; background:#000; }

/* ===== sections ===== */
.section{ position:relative; z-index:2; padding:120px 0; }
.section--alt{ background:linear-gradient(180deg, transparent, rgba(242,143,23,0.035) 40%, transparent); }
.section-head{ max-width:640px; margin:0 auto 64px; text-align:center; }
.section-head .eyebrow{ margin-left:auto; margin-right:auto; }
.section-title{ font-size:clamp(1.9rem, 3.4vw, 2.6rem); margin-bottom:16px; line-height:1.2; }
.section-sub{ color:var(--text-dim); font-size:1.05rem; }

/* ===== reveal animation ===== */
[data-reveal]{ opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
[data-reveal].is-visible{ opacity:1; transform:translateY(0); }

/* ===== feature grid ===== */
.feature-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; }
.feature-card{
  position:relative; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:30px; transition:transform .4s var(--ease), border-color .4s, background .4s, box-shadow .4s;
}
.feature-card:hover{ transform:translateY(-6px); border-color:var(--border-strong); background:var(--surface-strong); box-shadow:0 24px 50px -24px rgba(242,143,23,0.4); }
.feature-card--big{ grid-column:span 1; }
.feature-card--wide{ grid-column:span 3; display:flex; align-items:center; gap:24px; }
.feature-card--wide .feature-icon{ margin-bottom:0; flex:none; }
.feature-card h3{ font-size:1.15rem; margin:16px 0 10px; }
.feature-card--wide h3{ margin:0 0 6px; }
.feature-card p{ color:var(--text-dim); font-size:0.94rem; }
.feature-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.feature-tags li{ font-size:0.74rem; color:var(--violet-2); background:rgba(242,143,23,0.1); border:1px solid rgba(242,143,23,0.25); padding:5px 11px; border-radius:999px; }

.feature-icon{
  width:48px; height:48px; border-radius:14px; position:relative; flex:none;
  background:linear-gradient(145deg, rgba(242,143,23,0.18), rgba(253,186,116,0.1));
  border:1px solid var(--border-strong);
  display:flex; align-items:center; justify-content:center;
}
.feature-icon::before{ content:''; width:20px; height:20px; background:var(--grad-1); mask-repeat:no-repeat; mask-position:center; mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; }

.feature-icon[data-icon="cari"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 10h18M3 6h18v12H3z'/%3E%3Cpath d='M7 14h4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 10h18M3 6h18v12H3z'/%3E%3Cpath d='M7 14h4'/%3E%3C/svg%3E"); }
.feature-icon[data-icon="teklif"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M9 12h6M9 16h6M9 8h6M6 3h9l3 3v15H6z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M9 12h6M9 16h6M9 8h6M6 3h9l3 3v15H6z'/%3E%3C/svg%3E"); }
.feature-icon[data-icon="efatura"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='m4 6 8 7 8-7'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='m4 6 8 7 8-7'/%3E%3C/svg%3E"); }
.feature-icon[data-icon="banka"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 10 12 4l9 6M4 10v10h16V10M9 14v3M12 14v3M15 14v3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 10 12 4l9 6M4 10v10h16V10M9 14v3M12 14v3M15 14v3'/%3E%3C/svg%3E"); }
.feature-icon[data-icon="rapor"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 20V10M12 20V4M20 20v-7'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 20V10M12 20V4M20 20v-7'/%3E%3C/svg%3E"); }
.feature-icon[data-icon="tenant"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M2 21v-1a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v1'/%3E%3Ccircle cx='18' cy='8' r='2.2'/%3E%3Cpath d='M16.5 15.2A4 4 0 0 1 21 19v2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M2 21v-1a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v1'/%3E%3Ccircle cx='18' cy='8' r='2.2'/%3E%3Cpath d='M16.5 15.2A4 4 0 0 1 21 19v2'/%3E%3C/svg%3E"); }
.feature-icon[data-icon="guvenlik"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 3l8 4v5c0 5-3.4 8.4-8 9-4.6-.6-8-4-8-9V7z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 3l8 4v5c0 5-3.4 8.4-8 9-4.6-.6-8-4-8-9V7z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.feature-icon[data-icon="mail"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='m4 6 8 7 8-7'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='m4 6 8 7 8-7'/%3E%3C/svg%3E"); }
.feature-icon[data-icon="telefon"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2.3z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2.3z'/%3E%3C/svg%3E"); }
.feature-icon[data-icon="adres"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }

/* ===== steps ===== */
.steps{ position:relative; display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; }
.step-line{ position:absolute; top:26px; left:6%; right:6%; height:1px; background:linear-gradient(90deg, transparent, var(--border-strong) 15%, var(--border-strong) 85%, transparent); z-index:0; }
.step{ position:relative; z-index:1; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:26px 22px; transition:transform .35s var(--ease), border-color .35s; }
.step:hover{ transform:translateY(-6px); border-color:var(--border-strong); }
.step-no{
  display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px;
  font-family:var(--font-display); font-weight:800; font-size:0.95rem; margin-bottom:16px;
  background:var(--grad-1); color:#050510;
}
.step h3{ font-size:1.05rem; margin-bottom:8px; }
.step p{ color:var(--text-dim); font-size:0.9rem; }

/* ===== pricing ===== */
.pricing-toggle{
  display:flex; justify-content:center; align-items:center; gap:4px; margin:0 auto 40px; width:fit-content;
  padding:5px; border-radius:999px; background:rgba(255,255,255,0.03); border:1px solid var(--border-strong);
}
.pricing-toggle-btn{
  border:none; background:transparent; color:var(--text-dim); font-family:inherit; font-size:0.86rem; font-weight:600;
  padding:9px 22px; border-radius:999px; cursor:pointer; transition:background .25s, color .25s;
}
.pricing-toggle-btn.is-active{ background:var(--grad-1); color:#05060d; }
.pricing-toggle-btn:not(.is-active):hover{ color:var(--text); }

.pricing-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:22px; align-items:stretch; }
.price-amount--monthly, .price-amount--yearly{ display:none; }
.pricing-grid.show-monthly .price-amount--monthly{ display:block; }
.pricing-grid.show-yearly .price-amount--yearly{ display:block; }
.price-card{
  position:relative; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:34px 30px; display:flex; flex-direction:column; transition:transform .4s var(--ease), border-color .4s, box-shadow .4s;
}
.price-card:hover{ transform:translateY(-6px); border-color:var(--border-strong); }
.price-card--featured{
  background:linear-gradient(165deg, rgba(242,143,23,0.14), rgba(253,186,116,0.06));
  border-color:rgba(242,143,23,0.45); box-shadow:0 30px 60px -24px rgba(242,143,23,0.45);
  transform:scale(1.03);
}
.price-card--featured:hover{ transform:scale(1.03) translateY(-6px); }
.price-badge{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:var(--grad-1); color:#050510; font-size:0.72rem; font-weight:700; padding:6px 16px; border-radius:999px; }
.price-name{ font-size:1.25rem; margin-bottom:8px; }
.price-desc{ color:var(--text-dim); font-size:0.88rem; margin-bottom:22px; min-height:40px; }
.price-amount{ font-family:var(--font-display); font-size:2.6rem; font-weight:800; margin-bottom:26px; }
.price-amount--free{ font-size:2rem; }
.price-period-sub{ display:block; font-family:var(--font-body); font-size:0.82rem; font-weight:600; color:var(--text-dimmer); margin-top:6px; }
.price-old-row{ display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.price-old{ font-family:var(--font-body); font-size:1.05rem; font-weight:600; color:var(--text-dimmer); text-decoration:line-through; text-decoration-color:rgba(248,113,113,0.7); }
.price-save-badge{
  font-family:var(--font-body); font-size:0.66rem; font-weight:800; letter-spacing:.01em; color:var(--green);
  background:rgba(52,211,153,0.12); border:1px solid rgba(52,211,153,0.4); padding:3px 9px; border-radius:999px; white-space:nowrap;
}
.price-currency{ font-size:1.4rem; vertical-align:top; margin-right:2px; }
.price-period{ font-size:0.95rem; font-weight:500; color:var(--text-dimmer); }
.price-list{ display:flex; flex-direction:column; gap:12px; margin-bottom:30px; flex:1; }
.price-list li{ font-size:0.9rem; color:var(--text-dim); padding-left:26px; position:relative; }
.price-list li::before{ content:'✓'; position:absolute; left:0; top:0; color:var(--teal); font-weight:700; }
.price-note{ text-align:center; color:var(--text-dimmer); font-size:0.82rem; margin-top:28px; }

/* ===== mobile section ===== */
.mobile-inner{ display:grid; grid-template-columns:1fr 0.7fr; gap:56px; align-items:center; }
.mobile-list{ display:flex; flex-direction:column; gap:12px; margin:24px 0 32px; }
.mobile-list li{ font-size:0.95rem; color:var(--text-dim); padding-left:28px; position:relative; }
.mobile-list li::before{ content:'✓'; position:absolute; left:0; color:var(--teal); font-weight:700; }

.store-badges{ display:flex; gap:14px; flex-wrap:wrap; }
.store-badge{
  display:flex; align-items:center; gap:12px; padding:11px 20px 11px 16px; border-radius:14px;
  background:rgba(255,255,255,0.03); border:1px solid var(--border-strong);
  transition:transform .35s var(--ease), border-color .35s, background .35s;
}
.store-badge:hover{ transform:translateY(-3px); border-color:var(--violet-2); background:rgba(242,143,23,0.08); }
.store-badge-icon{ width:26px; height:26px; flex:none; position:relative; }
.store-badge-icon::before{
  content:''; position:absolute; inset:0; background:var(--text);
  mask-repeat:no-repeat; mask-position:center; mask-size:contain;
  -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain;
}
.store-badge-icon[data-store="apple"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.365 1.43c0 1.14-.474 2.09-1.235 2.83-.85.83-2.24 1.47-3.35 1.38-.14-1.11.42-2.28 1.19-3.03.86-.85 2.28-1.47 3.4-1.18Zm2.86 16.02c-.5 1.12-1.1 2.19-1.85 3.19-.99 1.32-2.02 2.63-3.64 2.66-1.6.03-2.11-.94-3.94-.94-1.83 0-2.4.91-3.92.97-1.55.06-2.73-1.43-3.73-2.75C.28 17.53-.9 12.66 1.32 9.4c1.11-1.62 3.08-2.65 5.03-2.68 1.55-.03 3.02.98 3.94.98.92 0 2.68-1.21 4.52-1.03.77.03 2.93.31 4.32 2.36-.11.07-2.58 1.5-2.55 4.5.03 3.5 3.14 4.67 3.15 4.69Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.365 1.43c0 1.14-.474 2.09-1.235 2.83-.85.83-2.24 1.47-3.35 1.38-.14-1.11.42-2.28 1.19-3.03.86-.85 2.28-1.47 3.4-1.18Zm2.86 16.02c-.5 1.12-1.1 2.19-1.85 3.19-.99 1.32-2.02 2.63-3.64 2.66-1.6.03-2.11-.94-3.94-.94-1.83 0-2.4.91-3.92.97-1.55.06-2.73-1.43-3.73-2.75C.28 17.53-.9 12.66 1.32 9.4c1.11-1.62 3.08-2.65 5.03-2.68 1.55-.03 3.02.98 3.94.98.92 0 2.68-1.21 4.52-1.03.77.03 2.93.31 4.32 2.36-.11.07-2.58 1.5-2.55 4.5.03 3.5 3.14 4.67 3.15 4.69Z'/%3E%3C/svg%3E");
}
.store-badge-icon[data-store="google"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.6 2.6c-.35.36-.55.9-.55 1.6v15.6c0 .7.2 1.24.56 1.6l.1.08L13 12.2v-.2L3.7 2.5l-.1.1Z'/%3E%3Cpath d='m16.1 15.3-3.1-3.1v-.2l3.1-3.1 3.6 2.05c1.03.59 1.03 1.55 0 2.14l-3.6 2.22Z'/%3E%3Cpath d='M16.1 15.3 13 12.1.71 24.4c.4.42 1.06.47 1.8.06l13.6-9.16Z'/%3E%3Cpath d='M16.1 8.9 2.5-.15c-.75-.4-1.4-.36-1.8.06L13 12.1l3.1-3.2Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.6 2.6c-.35.36-.55.9-.55 1.6v15.6c0 .7.2 1.24.56 1.6l.1.08L13 12.2v-.2L3.7 2.5l-.1.1Z'/%3E%3Cpath d='m16.1 15.3-3.1-3.1v-.2l3.1-3.1 3.6 2.05c1.03.59 1.03 1.55 0 2.14l-3.6 2.22Z'/%3E%3Cpath d='M16.1 15.3 13 12.1.71 24.4c.4.42 1.06.47 1.8.06l13.6-9.16Z'/%3E%3Cpath d='M16.1 8.9 2.5-.15c-.75-.4-1.4-.36-1.8.06L13 12.1l3.1-3.2Z'/%3E%3C/svg%3E");
}
.store-badge-text{ display:flex; flex-direction:column; font-family:var(--font-display); font-weight:700; font-size:0.98rem; line-height:1.15; }
.store-badge-text small{ font-family:var(--font-body); font-weight:500; font-size:0.68rem; color:var(--text-dimmer); text-transform:uppercase; letter-spacing:0.03em; }

.phone-frame{
  width:230px; height:470px; margin:0 auto; border-radius:38px; padding:12px;
  background:linear-gradient(160deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
  border:1px solid var(--border-strong); box-shadow:var(--shadow-glow);
  position:relative; animation:floatSlow 8s ease-in-out infinite;
}
.phone-notch{ position:absolute; top:22px; left:50%; transform:translateX(-50%); width:70px; height:16px; background:var(--bg); border-radius:10px; z-index:2; }
.phone-screen{ width:100%; height:100%; border-radius:28px; background:linear-gradient(180deg, #171209, #0a0908); padding:38px 12px 14px; display:flex; flex-direction:column; gap:10px; overflow:hidden; }

.phone-topbar{ display:flex; align-items:center; gap:8px; }
.phone-avatar{ width:24px; height:24px; border-radius:50%; background:var(--grad-1); flex:none; }
.phone-topbar-text{ display:flex; flex-direction:column; flex:1; min-width:0; line-height:1.25; }
.phone-greeting{ font-size:0.56rem; color:var(--text-dimmer); }
.phone-username{ font-size:0.66rem; font-weight:700; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.phone-bell{ font-size:0.7rem; opacity:0.75; flex:none; }

.phone-balance-card{
  background:linear-gradient(135deg, rgba(242,143,23,0.45), rgba(253,186,116,0.22));
  border:1px solid var(--border-strong); border-radius:16px; padding:11px 13px 9px;
  display:flex; flex-direction:column; gap:2px;
}
.phone-balance-label{ font-size:0.54rem; color:rgba(255,255,255,0.7); }
.phone-balance-value{ font-family:var(--font-display); font-size:1.1rem; font-weight:800; color:#fff; }
.phone-balance-chart{ width:100%; height:24px; margin-top:5px; display:block; }
.phone-balance-chart polyline{ fill:none; stroke:#fff; stroke-opacity:0.9; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.phone-list{ display:flex; flex-direction:column; gap:7px; }
.phone-row{ display:flex; align-items:center; gap:8px; background:var(--surface); border:1px solid var(--border); border-radius:11px; padding:7px 9px; }
.phone-row-icon{
  width:20px; height:20px; border-radius:7px; flex:none; display:flex; align-items:center; justify-content:center;
  font-size:0.6rem; font-weight:700; color:#06070d;
}
.phone-row-icon--green{ background:var(--green); }
.phone-row-icon--blue{ background:var(--cyan); }
.phone-row-icon--amber{ background:var(--amber); }
.phone-row-text{ display:flex; flex-direction:column; flex:1; min-width:0; line-height:1.3; }
.phone-row-text strong{ font-size:0.6rem; font-weight:700; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.phone-row-text small{ font-size:0.52rem; color:var(--text-dimmer); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.phone-row-amount{ font-size:0.58rem; font-weight:700; color:var(--text-dim); flex:none; }
.phone-row-amount.up{ color:var(--green); }

.phone-tabbar{ display:flex; justify-content:space-around; align-items:center; padding-top:6px; margin-top:auto; }
.phone-tab{ width:16px; height:16px; border-radius:6px; background:rgba(255,255,255,0.08); }
.phone-tab.active{ background:var(--grad-1); }

/* ===== cta band ===== */
.cta-band{ position:relative; z-index:2; padding:100px 0; text-align:center; }
.cta-band-inner{
  max-width:720px; margin:0 auto; padding:56px 40px; border-radius:var(--radius-lg);
  background:linear-gradient(160deg, rgba(242,143,23,0.16), rgba(253,186,116,0.06));
  border:1px solid var(--border-strong); box-shadow:var(--shadow-glow);
}
.cta-band-inner h2{ font-size:clamp(1.7rem,3vw,2.3rem); margin-bottom:14px; }
.cta-band-inner p{ color:var(--text-dim); margin-bottom:30px; }

/* ===== kampanya bandi ===== */
.promo-band{ position:relative; z-index:2; padding:20px 0 100px; }
.promo-card{
  position:relative; max-width:840px; margin:0 auto; text-align:center; overflow:hidden;
  padding:56px 40px; border-radius:var(--radius-lg);
  background:#100d09;
  border:1px solid rgba(242,143,23,0.3);
  box-shadow:0 30px 70px -34px rgba(194,87,12,0.3), inset 0 0 0 1px rgba(255,255,255,0.03);
}
.promo-glow{
  position:absolute; inset:-40%; z-index:0; filter:blur(70px); animation:floatSlow 10s ease-in-out infinite;
  background:radial-gradient(circle at 22% 15%, rgba(242,143,23,0.22), transparent 55%),
             radial-gradient(circle at 82% 85%, rgba(194,87,12,0.16), transparent 55%);
}
.promo-gift-icon{ position:relative; z-index:1; display:inline-flex; font-size:2.4rem; margin-bottom:12px; animation:giftBounce 2.4s ease-in-out infinite; }
@keyframes giftBounce{ 0%,100%{ transform:translateY(0) rotate(0deg); } 50%{ transform:translateY(-6px) rotate(-4deg); } }
.promo-eyebrow{
  position:relative; z-index:1; display:inline-flex; font-size:0.8rem; font-weight:700; letter-spacing:.02em;
  color:#FFE7C2; background:rgba(242,143,23,0.14); border:1px solid rgba(242,143,23,0.4);
  padding:6px 16px; border-radius:999px; margin-bottom:18px;
}
.promo-title{ position:relative; z-index:1; font-size:clamp(1.5rem, 3vw, 2.1rem); margin-bottom:14px; line-height:1.32; }
.text-gradient-gold{ background:var(--grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent; }
.promo-subtitle{ position:relative; z-index:1; color:var(--text-dim); max-width:560px; margin:0 auto 28px; font-size:1rem; }
.btn-gold{ position:relative; z-index:1; background:var(--grad-gold); color:#241503; box-shadow:0 8px 30px -8px rgba(194,87,12,0.65), inset 0 0 0 1px rgba(255,255,255,0.3); }
.btn-gold:hover{ transform:translateY(-2px); box-shadow:0 14px 40px -10px rgba(242,143,23,0.55); }

/* ===== contact ===== */
.contact-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; }
.contact-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:28px; text-align:center; transition:transform .35s var(--ease), border-color .35s; }
.contact-card:hover{ transform:translateY(-6px); border-color:var(--border-strong); }
.contact-card .feature-icon{ margin:0 auto 16px; }
.contact-card h3{ font-size:1rem; margin-bottom:8px; }
.contact-card p{ color:var(--text-dim); font-size:0.92rem; }
.contact-card a:hover{ color:var(--violet-2); }

/* ===== footer ===== */
.site-footer{ position:relative; z-index:2; border-top:1px solid var(--border); padding:64px 0 0; }
.footer-inner{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:40px; padding-bottom:48px; }
.footer-brand p{ color:var(--text-dimmer); font-size:0.88rem; margin-top:14px; max-width:280px; }
.footer-service-areas{ margin-top:10px !important; font-size:0.8rem !important; color:var(--text-dimmer); opacity:0.85; }
.footer-col h4{ font-size:0.85rem; text-transform:uppercase; letter-spacing:0.04em; color:var(--text-dimmer); margin-bottom:16px; }
.footer-col{ display:flex; flex-direction:column; gap:10px; }
.footer-col a{ color:var(--text-dim); font-size:0.9rem; transition:color .25s; }
.footer-col a:hover{ color:var(--cyan); }
.footer-bottom{ border-top:1px solid var(--border); padding:20px 0; font-size:0.82rem; color:var(--text-dimmer); text-align:center; }

.back-to-top{
  position:fixed; bottom:100px; right:28px; z-index:60; width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; background:rgba(20,16,11,0.85);
  border:1px solid var(--border-strong); backdrop-filter:blur(10px); font-size:1.1rem;
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .35s, transform .35s, visibility .35s, border-color .35s;
}
.back-to-top.is-visible{ opacity:1; visibility:visible; transform:translateY(0); }
.back-to-top:hover{ border-color:var(--violet-2); color:var(--violet-2); }

/* ============ SSS Robotu ============ */
.robot-launcher{
  position:fixed; bottom:28px; right:28px; z-index:95; width:60px; height:60px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0;
  background:linear-gradient(150deg, rgba(28,22,14,0.95), rgba(10,11,20,0.95));
  border:1px solid var(--border-strong); box-shadow:0 14px 34px -10px rgba(242,143,23,0.55), inset 0 0 0 1px rgba(255,255,255,0.04);
  transition:transform .3s var(--ease), border-color .3s;
  animation:floatSlow 6s ease-in-out infinite;
}
.robot-launcher:hover{ transform:translateY(-3px); border-color:var(--violet-2); }
.robot-launcher.is-active{ animation:none; opacity:0; pointer-events:none; transition:opacity .2s; }
.robot-ping{
  position:absolute; inset:-6px; border-radius:50%; border:1.5px solid rgba(242,143,23,0.55);
  animation:robotPing 2.6s ease-out infinite;
}

/* ============ WhatsApp yüzen buton ============ */
.whatsapp-launcher{
  position:fixed; bottom:28px; left:28px; z-index:95; width:60px; height:60px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; cursor:pointer; color:#fff;
  background:linear-gradient(150deg, #2fdc6e, #1fa855);
  border:1px solid rgba(255,255,255,0.18); box-shadow:0 14px 34px -10px rgba(37,211,102,0.6), inset 0 0 0 1px rgba(255,255,255,0.12);
  transition:transform .3s var(--ease), box-shadow .3s;
  animation:floatSlow 6.5s ease-in-out infinite reverse;
  text-decoration:none;
}
.whatsapp-launcher:hover{ transform:translateY(-3px); box-shadow:0 18px 40px -10px rgba(37,211,102,0.75); }
.whatsapp-ping{
  position:absolute; inset:-6px; border-radius:50%; border:1.5px solid rgba(37,211,102,0.55);
  animation:robotPing 2.6s ease-out infinite;
}
@keyframes robotPing{ 0%{ transform:scale(0.82); opacity:0.9; } 80%,100%{ transform:scale(1.28); opacity:0; } }

.robot-face{
  position:relative; width:30px; height:22px; border-radius:9px;
  background:linear-gradient(160deg, rgba(255,255,255,0.14), rgba(255,255,255,0.03));
  border:1px solid var(--border-strong);
  display:flex; align-items:center; justify-content:center; gap:6px;
}
.robot-face::before{
  content:''; position:absolute; top:-7px; left:50%; width:2px; height:6px; background:var(--border-strong); transform:translateX(-50%);
}
.robot-face--sm{ width:24px; height:18px; border-radius:7px; gap:5px; flex:none; }
.robot-eye{ width:5px; height:5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 6px var(--cyan), 0 0 12px rgba(253,186,116,0.6); }
.robot-face--sm .robot-eye{ width:4px; height:4px; }

.robot-panel{
  position:fixed; bottom:100px; right:28px; z-index:94; width:360px; max-width:calc(100vw - 36px);
  height:min(540px, 72vh); border-radius:var(--radius-lg);
  background:linear-gradient(165deg, rgba(24,19,13,0.97), rgba(16,12,8,0.97));
  border:1px solid var(--border-strong); box-shadow:var(--shadow-glow); backdrop-filter:blur(18px);
  display:flex; flex-direction:column; overflow:hidden;
  opacity:0; visibility:hidden; transform:translateY(16px) scale(0.97); transform-origin:bottom right;
  transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;
}
.robot-panel.is-open{ opacity:1; visibility:visible; transform:translateY(0) scale(1); }

.robot-panel-head{ display:flex; align-items:center; gap:10px; padding:16px 16px; border-bottom:1px solid var(--border); flex:none; }
.robot-panel-title{ display:flex; flex-direction:column; flex:1; min-width:0; line-height:1.3; }
.robot-panel-title strong{ font-size:0.9rem; font-family:var(--font-display); }
.robot-panel-title span{ font-size:0.72rem; color:var(--text-dimmer); }
.robot-panel-close{
  width:28px; height:28px; border-radius:8px; border:1px solid var(--border-strong); background:transparent;
  color:var(--text-dim); cursor:pointer; flex:none; font-size:0.85rem;
}
.robot-panel-close:hover{ color:#fff; border-color:var(--violet-2); }

.robot-messages{ flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:10px; }
.robot-msg{ display:flex; }
.robot-msg--bot{ justify-content:flex-start; }
.robot-msg--user{ justify-content:flex-end; }
.robot-bubble{
  max-width:82%; padding:10px 13px; border-radius:14px; font-size:0.84rem; line-height:1.45;
  animation:msgIn .25s var(--ease);
}
.robot-msg--bot .robot-bubble{ background:rgba(255,255,255,0.05); border:1px solid var(--border); border-bottom-left-radius:4px; color:var(--text); }
.robot-msg--user .robot-bubble{ background:var(--grad-1); color:#05060d; font-weight:600; border-bottom-right-radius:4px; }
@keyframes msgIn{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:translateY(0); } }

.robot-typing{ display:flex; gap:4px; padding:13px 14px; align-items:center; }
.robot-typing span{ width:6px; height:6px; border-radius:50%; background:var(--text-dimmer); animation:typingDot 1.2s ease-in-out infinite; }
.robot-typing span:nth-child(2){ animation-delay:.15s; }
.robot-typing span:nth-child(3){ animation-delay:.3s; }
@keyframes typingDot{ 0%,60%,100%{ transform:translateY(0); opacity:0.5; } 30%{ transform:translateY(-4px); opacity:1; } }

.robot-suggestions{ display:flex; gap:8px; padding:0 16px 12px; overflow-x:auto; flex:none; }
.robot-suggestions:empty{ display:none; }
.robot-chip{
  flex:none; white-space:nowrap; font-size:0.74rem; padding:7px 13px; border-radius:999px;
  background:rgba(242,143,23,0.1); border:1px solid rgba(242,143,23,0.3); color:var(--violet-2); cursor:pointer;
}
.robot-chip:hover{ background:rgba(242,143,23,0.18); }

.robot-input-row{ display:flex; gap:8px; padding:14px 16px; border-top:1px solid var(--border); flex:none; }
.robot-input-row input{
  flex:1; min-width:0; background:rgba(255,255,255,0.04); border:1px solid var(--border-strong); color:var(--text);
  padding:10px 14px; border-radius:999px; font-family:inherit; font-size:0.86rem;
}
.robot-input-row input:focus{ outline:none; border-color:var(--violet); }
.robot-send{
  width:38px; height:38px; border-radius:50%; border:none; background:var(--grad-1); color:#05060d;
  cursor:pointer; flex:none; font-size:0.9rem; display:flex; align-items:center; justify-content:center;
}
.robot-send:hover{ opacity:0.9; }

/* =========================================================
   RESPONSIVE — mobil öncelikli
   ========================================================= */

/* Grid/flex konteynerlerinin, içindeki nowrap butonlar/sabit
   genişlikli öğeler yüzünden yatay taşmaya sebep olmasını önler
   (CSS Grid/Flexbox "min-width:auto" varsayılan davranışı). */
.hero-inner, .hero-copy, .hero-visual,
.mobile-inner, .mobile-copy, .mobile-visual,
.footer-inner, .footer-brand, .footer-col,
.feature-grid, .pricing-grid, .contact-grid, .steps,
.hero-cta, .store-badges, .hero-trust{
  min-width:0;
}
.hero-copy, .hero-visual, .mobile-copy, .mobile-visual,
.footer-brand, .footer-col, .price-card, .feature-card, .step, .contact-card{
  max-width:100%;
}

@media (max-width: 980px){
  .hero-inner{ grid-template-columns:1fr; }
  .hero{ padding:150px 0 90px; text-align:center; }
  .hero-sub{ margin-left:auto; margin-right:auto; }
  .hero-cta{ justify-content:center; }
  .hero-trust{ justify-content:center; }
  .hero-visual{ max-width:480px; margin:0 auto; }
  .feature-grid{ grid-template-columns:repeat(2, 1fr); }
  .feature-card--wide{ grid-column:span 2; }
  .steps{ grid-template-columns:repeat(2, 1fr); }
  .step-line{ display:none; }
  .pricing-grid{ grid-template-columns:1fr; max-width:420px; margin:0 auto; }
  .price-card--featured{ transform:none; order:-1; }
  .price-card--featured:hover{ transform:translateY(-6px); }
  .mobile-inner{ grid-template-columns:1fr; text-align:center; }
  .mobile-list{ align-items:center; }
  .mobile-list li{ text-align:left; }
  .store-badges{ justify-content:center; }
  .contact-grid{ grid-template-columns:1fr; }
  .footer-inner{ grid-template-columns:1fr 1fr; }
}

@media (max-width: 720px){
  body{ padding-bottom:76px; } /* alttaki sabit CTA çubuğu için yer */

  .main-nav{
    position:fixed; top:0; right:0; height:100vh; width:min(78vw, 320px);
    background:rgba(14,12,9,0.97); backdrop-filter:blur(16px);
    flex-direction:column; align-items:stretch; justify-content:center; gap:22px; padding:0 32px;
    transform:translateX(100%); transition:transform .4s var(--ease);
    border-left:1px solid var(--border);
    overflow-y:auto;
  }
  .main-nav.is-open{ transform:translateX(0); }
  .main-nav a{ font-size:1.1rem; }
  .nav-mobile-actions{ display:flex; flex-direction:column; gap:12px; margin-top:14px; }
  .nav-toggle{ display:flex; }
  .header-actions .btn-ghost,
  .header-actions .btn-glow{ display:none; } /* mobilde CTA alttaki sabit bara taşındı */
  .header-actions{ gap:10px; }
  .nav-toggle.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .nav-toggle.is-open span:nth-child(2){ opacity:0; }
  .nav-toggle.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  .section{ padding:76px 0; }
  .section-head{ margin-bottom:44px; }
  .hero{ padding:128px 0 64px; }
  .hero-cta{ flex-direction:column; align-items:stretch; gap:12px; }
  .hero-cta .btn{ width:100%; }
  .hero-trust{ gap:24px; row-gap:18px; }
  .cta-band{ padding:64px 0; }
  .cta-band-inner{ padding:40px 24px; }
  .promo-band{ padding:0 0 64px; }
  .promo-card{ padding:40px 22px; }

  .feature-grid{ grid-template-columns:1fr; }
  .feature-card{ padding:24px; }
  .feature-card--wide{ grid-column:span 1; flex-direction:column; text-align:center; }
  .steps{ grid-template-columns:1fr; }
  .footer-inner{ grid-template-columns:1fr; gap:28px; }
  .cursor-glow{ display:none; }

  .back-to-top{ bottom:150px; right:18px; }

  .robot-launcher{ bottom:88px; right:16px; width:52px; height:52px; }
  .whatsapp-launcher{ bottom:88px; left:16px; width:52px; height:52px; }
  .robot-panel{
    bottom:0; right:0; left:0; width:100%; max-width:100%; height:78vh;
    border-radius:22px 22px 0 0; transform-origin:bottom center; transform:translateY(16px) scale(0.98);
  }
}

@media (max-width: 480px){
  .container{ padding:0 18px; }
  .brand{ font-size:1rem; }
  .brand-logo{ width:28px; height:28px; }
  .brand--logo-only .brand-logo{ width:36px; height:36px; }
  .hero-title{ font-size:clamp(2rem, 8vw, 2.4rem); }
  .section-title{ font-size:clamp(1.6rem, 6vw, 2rem); }
  .section-sub, .hero-sub{ font-size:0.96rem; }
  .eyebrow{ font-size:0.72rem; padding:6px 12px; }
  .price-amount{ font-size:2.2rem; }
  .mockup-stat-row{ flex-wrap:wrap; }
  .mockup-stat{ min-width:calc(50% - 6px); }
}

/* ============ Mobil sabit alt CTA çubuğu ============ */
.mobile-sticky-cta{ display:none; }
@media (max-width: 720px){
  .mobile-sticky-cta{
    display:block; position:fixed; left:0; right:0; bottom:0; z-index:90;
    padding:12px 18px calc(12px + env(safe-area-inset-bottom));
    background:rgba(14,12,9,0.92); backdrop-filter:blur(16px);
    border-top:1px solid var(--border);
  }
  .mobile-sticky-cta-inner{ display:flex; align-items:center; justify-content:space-between; gap:14px; }
  .mobile-sticky-cta-text{ display:flex; flex-direction:column; line-height:1.25; min-width:0; }
  .mobile-sticky-cta-text strong{ font-size:0.86rem; }
  .mobile-sticky-cta-text span{ font-size:0.72rem; color:var(--text-dimmer); }
  .mobile-sticky-cta .btn{ padding:11px 22px; font-size:0.88rem; flex:none; }
}