/* Ana sayfa: hero ve kurum şeridi */
.hero{position:relative;padding-top:64px}
.hero-bg{position:absolute;right:-8%;top:40px;width:70%;aspect-ratio:3/2;background:var(--foot-img) center/contain no-repeat;opacity:.13;mix-blend-mode:var(--engrave-blend);filter:var(--engrave-filter);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(46px,6.6vw,96px);font-weight:800;letter-spacing:-.045em;line-height:.98;margin:0}
.hero h1 .t{display:block;font-size:.42em;font-weight:500;letter-spacing:-.02em;color:var(--ink-soft);margin-bottom:10px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero .role{font-size:clamp(18px,1.8vw,22px);font-weight:500;margin:22px 0 0;letter-spacing:-.01em}
.hero .lede{font-size:18px;max-width:46ch;color:var(--ink-soft);margin:16px 0 32px}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px}
.hero .portrait img{animation:zoom 1.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes zoom{from{transform:scale(1.08)}to{transform:none}}
.chip{position:absolute;background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:14px 16px;box-shadow:0 18px 40px -18px rgba(10,30,32,.35);animation:float 6s ease-in-out infinite}
.chip b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1}
.chip span{font-size:13px;color:var(--ink-soft)}
.chip.c1{left:-34px;bottom:90px;max-width:230px}
.chip.c2{right:-20px;top:70px;animation-delay:-3s}
.chip .ef{display:flex;gap:10px;align-items:center}
.chip .ef i{width:38px;height:38px;border-radius:50%;background:var(--teal);color:#fff;font:600 11px var(--mono);display:grid;place-items:center;font-style:normal;flex:none}
@keyframes float{50%{transform:translateY(-8px)}}

.marquee{margin-top:72px;border-block:1px solid var(--rule);overflow:hidden;white-space:nowrap;padding-block:20px;background:var(--card)}
.marquee>div{display:inline-flex;gap:64px;animation:tick 45s linear infinite;padding-left:64px}
.marquee span{font-size:18px;font-weight:600;color:var(--ink-soft);letter-spacing:-.01em}
.marquee span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:64px;vertical-align:middle;transform:translateY(-2px)}
@keyframes tick{to{transform:translateX(-50%)}}

@media (max-width:1020px){
  .hero-grid{grid-template-columns:1fr}
  .hero .portrait{max-width:520px}
  .chip.c1{left:10px}.chip.c2{right:10px}
}
@media (max-width:600px){
  .hero{padding-top:36px}
  .hero-bg,.chip.c2{display:none}
  .marquee{margin-top:48px}
}