/* Codemixed — Yeniden Doğuş · Lacivert/Mavi AI teması */
:root{
  --ink:#060D20; --navy-900:#0A1633; --navy-800:#0F2350; --navy-700:#16306B;
  --brand-600:#2563EB; --brand-500:#3B82F6; --sky-400:#38BDF8; --cyan-300:#7DD3FC;
}
*{ -webkit-font-smoothing:antialiased; }
html{ scroll-behavior:smooth; }
body{ font-family:'Inter',system-ui,sans-serif; background:var(--navy-900); color:#E6ECFB; }
h1,h2,h3,.font-display{ font-family:'Sora','Inter',sans-serif; letter-spacing:-.02em; }

/* AI grid + glow zemin */
.bg-grid{
  background-image:linear-gradient(rgba(59,130,246,.07) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(59,130,246,.07) 1px,transparent 1px);
  background-size:44px 44px;
}
.glow{ position:absolute; border-radius:9999px; filter:blur(90px); opacity:.55; pointer-events:none; }
.glow-blue{ background:radial-gradient(circle,var(--brand-600),transparent 70%); }
.glow-cyan{ background:radial-gradient(circle,var(--sky-400),transparent 70%); }

.text-gradient{
  background:linear-gradient(100deg,#fff 10%,var(--cyan-300) 55%,var(--brand-500) 90%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.card{ background:linear-gradient(180deg,rgba(22,48,107,.55),rgba(15,35,80,.35));
  border:1px solid rgba(59,130,246,.18); border-radius:1rem; transition:.25s ease; }
.card:hover{ border-color:rgba(56,189,248,.55); transform:translateY(-4px);
  box-shadow:0 20px 50px -20px rgba(37,99,235,.55); }

.btn{ display:inline-flex; align-items:center; gap:.5rem; font-weight:600; border-radius:.7rem;
  padding:.8rem 1.4rem; transition:.2s ease; }
.btn-primary{ background:linear-gradient(100deg,var(--brand-600),var(--sky-400)); color:#04122e;
  box-shadow:0 10px 30px -10px rgba(56,189,248,.6); }
.btn-primary:hover{ filter:brightness(1.08); transform:translateY(-2px); }
.btn-ghost{ border:1px solid rgba(125,211,252,.4); color:#dbeafe; }
.btn-ghost:hover{ background:rgba(56,189,248,.1); border-color:var(--sky-400); }

.chip{ display:inline-flex; align-items:center; gap:.45rem; font-size:.8rem; font-weight:500;
  padding:.35rem .8rem; border-radius:9999px; border:1px solid rgba(56,189,248,.35);
  background:rgba(37,99,235,.12); color:var(--cyan-300); }

.reveal{ opacity:0; transform:translateY(18px); transition:.6s cubic-bezier(.2,.7,.2,1); }
.reveal.in{ opacity:1; transform:none; }

@keyframes float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
.floaty{ animation:float 6s ease-in-out infinite; }

/* Lucide tabanlı kurumsal ikon — bağlama göre 1em ölçeklenir */
.ico{ width:1em; height:1em; display:inline-block; vertical-align:-.14em; flex:none; }
.ico-box{ color:var(--sky-400); font-size:26px; }