/* ============================================================
   GOPOS MAIN — v2 Hero (Aydınlık + İllüstrasyon)
   ============================================================ */

.gp-hero { position:relative; min-height:clamp(640px,90vh,920px); display:flex; align-items:center; overflow:hidden; padding-block:clamp(4rem,9vw,6rem); background:var(--grad-hero); }
.gp-hero__bg { position:absolute; inset:0; z-index:0; }

/* Yumuşak renkli lekeler */
.gp-hero__gradient { position:absolute; inset:0; background:
  radial-gradient(circle 420px at 82% 22%, var(--gp-primary-soft) 0%, transparent 70%),
  radial-gradient(circle 380px at 12% 30%, var(--gp-purple-soft) 0%, transparent 70%),
  radial-gradient(circle 340px at 60% 95%, var(--gp-teal-soft) 0%, transparent 70%); }

/* İnce nokta deseni */
.gp-hero__grid-lines { position:absolute; inset:0; background-image:radial-gradient(var(--gp-line-2) 1.2px, transparent 1.2px); background-size:28px 28px; -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%, #000 0%, transparent 78%); mask-image:radial-gradient(ellipse 75% 70% at 50% 45%, #000 0%, transparent 78%); opacity:.5; }

.blob { position:absolute; border-radius:50%; filter:blur(60px); opacity:.5; }
.blob-1{ width:260px; height:260px; background:var(--gp-yellow-soft); top:-40px; right:20%; }
.blob-2{ width:220px; height:220px; background:var(--gp-pink-soft); bottom:10%; left:8%; }
.blob-3{ display:none; }

.gp-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4rem); align-items:center; }

.gp-hero__badge { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); font-weight:700; color:var(--gp-ink); background:#fff; border:1px solid var(--gp-line); padding:.45rem .9rem .45rem .5rem; border-radius:var(--radius-full); margin-bottom:var(--space-6); box-shadow:var(--shadow-sm); }
.badge-dot { width:20px; height:20px; border-radius:50%; background:var(--grad-primary); display:inline-flex; align-items:center; justify-content:center; font-size:10px; }

.gp-hero__title { font-size:clamp(2.4rem,5.2vw,4.4rem); font-weight:900; color:var(--gp-ink); line-height:1.05; letter-spacing:-.04em; margin-bottom:var(--space-6); }
.gp-hero__subtitle { font-size:clamp(var(--text-base),1.5vw,var(--text-xl)); color:var(--gp-mute); line-height:1.7; margin-bottom:var(--space-8); max-width:520px; }

.gp-hero__features { display:flex; flex-wrap:wrap; gap:var(--space-3) var(--space-5); margin-bottom:var(--space-8); }
.gp-hero__features li { font-size:var(--text-sm); font-weight:600; color:var(--gp-text); }

.gp-hero__cta { display:flex; gap:var(--space-3); flex-wrap:wrap; margin-bottom:var(--space-10); }

.gp-hero__mini-stats { display:flex; align-items:center; gap:var(--space-6); }
.mini-stat strong { display:block; font-size:var(--text-2xl); font-weight:900; color:var(--gp-ink); letter-spacing:-.03em; }
.mini-stat span { font-size:var(--text-xs); color:var(--gp-mute); font-weight:600; text-transform:uppercase; letter-spacing:.05em; }
.mini-stat-divider { width:1px; height:38px; background:var(--gp-line-2); }

/* ── Hero Görsel (illüstrasyon) ─────────────────────────── */
.gp-hero__visual { position:relative; display:flex; align-items:center; justify-content:center; }
.gp-hero-art { width:100%; max-width:540px; height:auto; filter:drop-shadow(0 30px 50px rgba(30,35,64,.12)); animation:art-float 6s ease-in-out infinite; }
@keyframes art-float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-14px);} }

/* eski dashboard mockup gizli (artık illüstrasyon var) */
.hero-device--laptop, .hero-float { display:none; }

@media (max-width:1024px){
  .gp-hero__inner { grid-template-columns:1fr; text-align:center; }
  .gp-hero__subtitle { margin-inline:auto; }
  .gp-hero__features { justify-content:center; }
  .gp-hero__cta { justify-content:center; }
  .gp-hero__mini-stats { justify-content:center; }
  .gp-hero__visual { margin-top:var(--space-8); }
  .gp-hero-art { max-width:420px; }
}

/* ── RTL ──────────────────────────────────────────────────── */
.is-rtl { direction:rtl; }
.is-rtl .gp-header__inner { flex-direction:row-reverse; }
.is-rtl .lang-switcher__dropdown { right:auto; left:0; }
.is-rtl .gp-footer__bottom { flex-direction:row-reverse; }