/* AnıYolla v8.0 Sprint 1.1 — Premium Black Hero */
:root{
  --ay-black:#0b0d11;
  --ay-black-2:#11151c;
  --ay-gold:#d4af37;
  --ay-rose:#c77d52;
  --ay-white:#fff;
  --ay-muted:#bfc4ce;
}
html{scroll-behavior:smooth}
body{background:var(--ay-black);color:var(--ay-white)}
.h407-hero{
  min-height:clamp(720px,100vh,980px)!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  padding:132px 0 92px!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(199,125,82,.18),transparent 34%),
    radial-gradient(circle at 12% 88%,rgba(212,175,55,.15),transparent 32%),
    linear-gradient(135deg,#090b0f 0%,#0d1118 52%,#080a0e 100%)!important;
}
.h407-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
}
.h407-hero:after{
  content:"";position:absolute;width:640px;height:640px;border-radius:50%;right:-240px;bottom:-330px;
  border:1px solid rgba(212,175,55,.13);box-shadow:0 0 120px rgba(212,175,55,.08);pointer-events:none
}
.h407-hero .h407-container{position:relative;z-index:2}
.h407-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;gap:clamp(42px,6vw,96px)!important;align-items:center!important}
.h407-copy{max-width:680px!important}
.h407-kicker{
  display:inline-flex!important;align-items:center;gap:9px;padding:10px 15px!important;border-radius:999px!important;
  color:#f2d892!important;background:rgba(212,175,55,.09)!important;border:1px solid rgba(212,175,55,.24)!important;
  font-size:13px!important;font-weight:800!important;letter-spacing:.04em!important;margin-bottom:24px!important
}
.h407-copy h1{
  color:#fff!important;font-size:clamp(48px,5.2vw,82px)!important;line-height:1.01!important;letter-spacing:-.055em!important;
  margin:0 0 26px!important;max-width:780px!important;text-wrap:balance
}
.h407-copy h1 em{
  font-style:normal!important;background:linear-gradient(100deg,#fff0b2 0%,#d4af37 45%,#c77d52 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important
}
.h407-copy>p{color:var(--ay-muted)!important;font-size:clamp(17px,1.4vw,21px)!important;line-height:1.72!important;max-width:650px!important;margin-bottom:32px!important}
.h407-cta{display:flex!important;flex-wrap:wrap;gap:14px!important;margin-bottom:29px!important}
.h407-hero .h407-btn.large{min-height:56px!important;padding:0 25px!important;border-radius:16px!important;font-size:16px!important;font-weight:850!important}
.h407-hero .h407-btn.primary{
  color:#16120a!important;background:linear-gradient(135deg,#f2d778,#d4af37 58%,#c38c35)!important;border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 44px rgba(212,175,55,.22)!important
}
.h407-hero .h407-btn.primary:hover{transform:translateY(-2px);box-shadow:0 20px 56px rgba(212,175,55,.32)!important}
.h407-hero .h407-btn.ghost{color:#fff!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(14px)}
.h407-hero .h407-btn.ghost:hover{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.28)!important}
.h407-benefits{display:flex!important;flex-wrap:wrap;gap:12px 18px!important;color:#d4d8df!important;font-size:13px!important}
.h407-benefits span{display:inline-flex;align-items:center;gap:7px}
.h407-visual{min-height:560px!important;position:relative!important;perspective:1200px}
.h407-showcase{
  position:absolute!important;inset:38px 18px 58px 22px!important;border-radius:28px!important;overflow:hidden!important;
  background:linear-gradient(145deg,rgba(30,35,45,.98),rgba(10,13,18,.98))!important;border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 38px 100px rgba(0,0,0,.58),0 0 0 1px rgba(212,175,55,.08) inset!important;
  transform:rotateY(-5deg) rotateX(1deg)!important;animation:v8001Float 7s ease-in-out infinite
}
.h407-showcase-top{background:rgba(255,255,255,.055)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.h407-showcase-top small{color:#9da4af!important}
.h407-event-title{background:linear-gradient(180deg,rgba(12,15,21,.75),rgba(12,15,21,.2))!important}
.h407-event-title h2,.h407-event-title p{color:#fff!important}
.h407-event-title span{color:#e8ca6b!important}
.h407-showcase-grid img{filter:saturate(.9) contrast(1.04)}
.h407-phone{
  right:-10px!important;bottom:10px!important;width:165px!important;min-height:340px!important;border-radius:31px!important;
  background:linear-gradient(160deg,#171b23,#090b0f)!important;border:7px solid #272c35!important;
  box-shadow:0 30px 75px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.08)!important;animation:v8001Phone 6s ease-in-out infinite
}
.h407-phone button{background:linear-gradient(135deg,#efd371,#c77d52)!important;color:#111!important}
.h407-dots{bottom:28px!important}
.h407-dots button{background:rgba(255,255,255,.28)!important}
.h407-dots button.active{background:#d4af37!important;width:26px!important;border-radius:999px!important}
.v8001-float-card{
  position:absolute;z-index:8;display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:15px;
  background:rgba(18,22,29,.78);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(16px);
  box-shadow:0 18px 46px rgba(0,0,0,.35);color:#fff;font-size:12px;animation:v8001Chip 5.5s ease-in-out infinite
}
.v8001-float-card strong{color:#f0d477;font-size:15px}.v8001-float-card span{color:#d0d5de}
.v8001-float-photo{left:-4px;top:82px}.v8001-float-message{right:8px;top:182px;animation-delay:-1.8s}.v8001-float-video{left:36px;bottom:38px;animation-delay:-3.2s}
@keyframes v8001Float{0%,100%{transform:rotateY(-5deg) rotateX(1deg) translateY(0)}50%{transform:rotateY(-3deg) rotateX(0) translateY(-11px)}}
@keyframes v8001Phone{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-13px) rotate(-1deg)}}
@keyframes v8001Chip{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1050px){
  .h407-hero{min-height:auto!important;padding:118px 0 72px!important}
  .h407-hero-grid{grid-template-columns:1fr!important;text-align:center}
  .h407-copy{margin:0 auto}.h407-copy>p{margin-left:auto!important;margin-right:auto!important}.h407-cta,.h407-benefits{justify-content:center!important}
  .h407-visual{width:min(760px,100%);margin:0 auto;min-height:520px!important}
}
@media(max-width:640px){
  .h407-hero{padding:104px 0 52px!important}.h407-copy h1{font-size:clamp(43px,13vw,60px)!important}
  .h407-copy>p{font-size:16px!important;line-height:1.62!important}.h407-cta{display:grid!important;grid-template-columns:1fr!important}
  .h407-hero .h407-btn.large{width:100%!important}.h407-benefits{display:grid!important;gap:9px!important;text-align:left}
  .h407-visual{min-height:390px!important;margin-top:8px}.h407-showcase{inset:22px 8px 48px 0!important;border-radius:20px!important;transform:none!important}
  .h407-phone{width:112px!important;min-height:238px!important;right:-2px!important;border-width:5px!important;border-radius:23px!important}
  .v8001-float-card{padding:8px 10px;font-size:10px}.v8001-float-photo{left:0;top:55px}.v8001-float-message{right:0;top:132px}.v8001-float-video{left:18px;bottom:24px}
}
@media(prefers-reduced-motion:reduce){.h407-showcase,.h407-phone,.v8001-float-card{animation:none!important}}