/* imail.com.tr — ortak stiller, font ve animasyonlar */
/* Inter fontu yerel barındırılır (CDN bağımlılığı yok) */
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url('fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url('fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url('fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:url('fonts/inter-700.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:800; font-display:swap; src:url('fonts/inter-800.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:900; font-display:swap; src:url('fonts/inter-900.woff2') format('woff2'); }

:root {
  --brand-1: #4f46e5; /* indigo-600 */
  --brand-2: #7c3aed; /* violet-600 */
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; }

::selection { background: #c7d2fe; color: #1e1b4b; }

/* İnce ızgara arka plan deseni */
.bg-grid {
  background-image:
    linear-gradient(to right, rgba(99,102,241,.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(99,102,241,.07) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* Yumuşak nokta deseni */
.bg-dots {
  background-image: radial-gradient(rgba(99,102,241,.18) 1px, transparent 1px);
  background-size: 22px 22px;
}

/* Marka gradyan metni */
.text-gradient {
  background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Yüzen animasyon (mockup için) */
@keyframes floaty {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.animate-floaty { animation: floaty 6s ease-in-out infinite; }

/* Yavaş nabız */
@keyframes pulseSoft {
  0%, 100% { opacity: 1; }
  50% { opacity: .5; }
}
.animate-pulse-soft { animation: pulseSoft 2.4s ease-in-out infinite; }

/* Kaydırınca beliren öğeler */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1);
}
.reveal.is-visible { opacity: 1; transform: none; }
.reveal[data-delay="1"] { transition-delay: .08s; }
.reveal[data-delay="2"] { transition-delay: .16s; }
.reveal[data-delay="3"] { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  .animate-floaty, .animate-pulse-soft { animation: none; }
}

/* SSS akordeon paneli */
.faq-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s ease;
}
.faq-panel > div { overflow: hidden; }
.faq-item.open .faq-panel { grid-template-rows: 1fr; }
.faq-item.open .faq-icon { transform: rotate(45deg); }