/* INFERRO vivid katmani: EYE4U ruhu, ozgun yorum. Sadece logo renkleri.
   Mevcut dosyalara dokunmaz; kaldirmak icin 2 satir (link+script) silinir. */
/* 1) Reveal: sadece .vivid-js varken gizle (JS kapaliysa site normal) */
.vivid-js .vv-reveal{opacity:0;transform:translateY(24px)}
.vivid-js .vv-reveal.vv-hero{transform:scale(.985)}
.vivid-js .vv-reveal.vv-in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
/* 2) Hero sahne: canvas + swoosh + kor pariltisi */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero .hero-in{position:relative;z-index:3}
.vv-sparks{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.vv-swoosh{position:absolute;left:0;right:0;bottom:6%;width:100%;height:200px;z-index:2;pointer-events:none}
.vv-swoosh path{fill:none;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400}
.vv-swoosh .sw-w{stroke:#fff;opacity:.32;stroke-width:10}
.vv-swoosh .sw-r{stroke:#e30613;opacity:.95;stroke-width:6;filter:drop-shadow(0 0 12px #e30613)}
.hero.vv-lit .vv-swoosh path{animation:vv-draw 1.8s .3s ease forwards}
@keyframes vv-draw{to{stroke-dashoffset:0}}
.vv-glow{position:absolute;left:-10%;right:-10%;bottom:-32%;height:55%;z-index:1;pointer-events:none;background:radial-gradient(60% 100% at 50% 100%,#e30613 0%,rgba(227,6,19,.35) 35%,transparent 70%);filter:blur(10px);animation:vv-breathe 4s ease-in-out infinite}
@keyframes vv-breathe{50%{transform:translateY(-12px) scaleY(1.08);opacity:.85}}
/* 3) Kayan serit */
.vv-marquee{background:#000;color:#f4f6fa;border-top:2px solid #e30613;border-bottom:2px solid #e30613;overflow:hidden;white-space:nowrap}
.vv-marquee-track{display:inline-flex;animation:vv-mq 26s linear infinite;font-weight:800;letter-spacing:.15em;font-size:14px;padding:10px 0}
.vv-marquee-track span{padding-right:2.5rem}
.vv-marquee:hover .vv-marquee-track{animation-play-state:paused}
@keyframes vv-mq{to{transform:translateX(-50%)}}
/* 4) Kart + buton canliligi */
.card{transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s cubic-bezier(.22,.61,.36,1)}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(14,29,161,.18)}
.btn{transition:transform .18s ease-out,box-shadow .18s ease-out}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(227,6,19,.35)}
/* 5) Zaman cizelgesi cizim hissi */
.timeline-item{transition:transform .3s ease}
.timeline-item::before{transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.timeline-item.vv-in::before{transform:scale(1)}
/* 6) Sayaç vurgusu */
.stats b.vv-done{animation:vv-pop .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes vv-pop{from{transform:scale(.85)}}
/* 7) Footer kor pariltisi */
footer{position:relative;overflow:hidden}
footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 70%,rgba(227,6,19,.28))}
/* 8) Odak + mobil + hareket azaltma */
:focus-visible{outline:3px solid #e30613;outline-offset:2px}
@media(max-width:768px){.vv-swoosh{height:120px}.vv-marquee-track{animation-duration:34s}.card:hover{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.vivid-js .vv-reveal{opacity:1;transform:none}}
/* 9) Inferro Sans: logodaki harf dilinden uretilmis ozgun font */
@font-face{font-family:'Inferro Sans';src:url('../fonts/inferro-sans.woff2') format('woff2'),url('../fonts/inferro-sans.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
h1,h2,h3,.btn,.nav-links a,.badge,.stats b,.timeline-year,.orb-label,.splash-title{font-family:'Inferro Sans','Segoe UI',Arial,sans-serif;letter-spacing:.01em}