/* V34 · Cam hero, düşük opaklıklı resmî marka atmosferi ve 3 saniyelik geçiş */
.hero{
  isolation:isolate;
  background:
    radial-gradient(circle at 74% 30%,rgba(245,130,32,.10),transparent 28%),
    radial-gradient(circle at 14% 84%,rgba(255,255,255,.035),transparent 30%),
    linear-gradient(120deg,#0b0d0f 0%,#15181b 58%,#101214 100%);
}
.hero:after{
  border-color:rgba(245,130,32,.055);
  filter:blur(1px);
}
.hero-grid{opacity:.72;z-index:0}
.hero-brand-atmosphere{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 18%,#000 54%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 18%,#000 54%,#000 100%);
}
.hero-brand-ghost{
  position:absolute;
  right:clamp(-80px,1vw,24px);
  top:50%;
  width:min(48vw,720px);
  min-height:290px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:44px;
  transform:translateY(-50%) scale(.96);
  opacity:0;
  filter:blur(7px);
  mix-blend-mode:screen;
  animation:heroBrandGhostCycle 6s ease-in-out infinite;
  will-change:opacity,transform,filter;
}
.hero-brand-yarzem{animation-delay:-3s}
.hero-brand-ghost img{
  width:min(100%,540px);
  max-height:160px;
  object-fit:contain;
  opacity:.18;
  filter:grayscale(1) invert(1) contrast(1.35);
  mix-blend-mode:screen;
  border-radius:22px;
}
.hero-brand-ghost strong{
  color:#fff;
  font-size:clamp(34px,4vw,72px);
  line-height:.95;
  letter-spacing:-2px;
  text-align:center;
  opacity:.085;
  white-space:nowrap;
}
.hero-brand-ghost span{
  color:#f58220;
  font-size:11px;
  font-weight:900;
  letter-spacing:4px;
  opacity:.17;
}
@keyframes heroBrandGhostCycle{
  0%,42%{opacity:1;transform:translateY(-50%) scale(1);filter:blur(5px)}
  49%,93%{opacity:0;transform:translateY(-48%) scale(1.035);filter:blur(11px)}
  100%{opacity:1;transform:translateY(-50%) scale(1);filter:blur(5px)}
}
.hero-inner{z-index:3}
.hero-copy{
  position:relative;
  z-index:2;
}
.hero-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.125),rgba(255,255,255,.045) 55%,rgba(245,130,32,.045));
  border:1px solid rgba(255,255,255,.20);
  -webkit-backdrop-filter:blur(26px) saturate(145%);
  backdrop-filter:blur(26px) saturate(145%);
  box-shadow:0 32px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.035);
}
.hero-panel:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(118deg,rgba(255,255,255,.16),transparent 24%,transparent 70%,rgba(245,130,32,.08));
  pointer-events:none;
}
.hero-panel:after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  right:-72px;
  top:-78px;
  border-radius:50%;
  background:rgba(245,130,32,.14);
  filter:blur(28px);
  pointer-events:none;
}
.hero-panel>*{position:relative;z-index:1}
.panel-feature{border-color:rgba(255,255,255,.14)}
.panel-cta{
  background:rgba(245,130,32,.93);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.panel-cta:hover{background:#fff}
@media(max-width:1050px){
  .hero-brand-atmosphere{-webkit-mask-image:linear-gradient(180deg,transparent 5%,#000 42%,#000 100%);mask-image:linear-gradient(180deg,transparent 5%,#000 42%,#000 100%)}
  .hero-brand-ghost{right:-12%;top:76%;width:80vw;min-height:250px}
  .hero-panel{max-width:none}
}
@media(max-width:720px){
  .hero-brand-ghost{right:-35%;top:78%;width:125vw;padding:24px;filter:blur(8px)}
  .hero-brand-ghost img{width:380px;opacity:.12}
  .hero-brand-ghost strong{font-size:38px;opacity:.065}
  .hero-brand-ghost span{font-size:8px;letter-spacing:2.5px}
  .hero-panel{-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}
}
@media(prefers-reduced-motion:reduce){
  .hero-brand-ghost{animation:none;transform:translateY(-50%);filter:blur(7px)}
  .hero-brand-syl{opacity:1}
  .hero-brand-yarzem{display:none}
}