/* V36 · Yalnız hedeflenen görünüm düzeltmeleri: turuncu B2B camı ve ferah tanıtım zemini */

/* Üst kahraman alanındaki B2B kartı: turuncu, okunaklı ve arka planı gösteren cam yüzey. */
.hero-panel{
  background:linear-gradient(145deg,rgba(255,157,66,.78),rgba(245,130,32,.56) 50%,rgba(214,91,0,.46));
  border-color:rgba(255,224,196,.72);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
  box-shadow:0 28px 74px rgba(88,38,0,.28),inset 0 1px 0 rgba(255,255,255,.54),inset 0 -1px 0 rgba(122,49,0,.16);
}
.hero-panel:before{
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.34) 46%,rgba(255,255,255,.07) 54%,transparent 70%);
}
.hero-panel:after{
  background:rgba(255,224,190,.28);
  filter:blur(24px);
}
.hero-panel .panel-label{background:rgba(19,21,23,.92);color:#fff}
.hero-panel .panel-title,
.hero-panel .panel-feature strong{color:#17191c;text-shadow:0 1px 0 rgba(255,255,255,.28)}
.hero-panel .panel-feature{border-color:rgba(80,34,0,.20)}
.hero-panel .panel-feature>b{color:#5b2600}
.hero-panel .panel-feature small{color:rgba(27,23,20,.76)}
.hero-panel .panel-cta{background:rgba(17,19,21,.92);border-color:rgba(17,19,21,.38);color:#fff;box-shadow:0 12px 26px rgba(79,31,0,.22)}
.hero-panel .panel-cta:hover{background:#fff;color:#17191c}

/* Tanıtım alanı: yoğun siyah yerine açık antrasit cam; başlık ve açıklamalar net. */
.brand-story{
  background:linear-gradient(135deg,rgba(231,234,236,.98) 0%,rgba(207,212,216,.96) 52%,rgba(188,195,200,.94) 100%);
  color:#17202a;
}
.brand-story:before{
  background:
    radial-gradient(circle at 9% 18%,rgba(245,130,32,.22),transparent 30%),
    linear-gradient(rgba(30,38,45,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,38,45,.055) 1px,transparent 1px);
  background-size:auto,58px 58px,58px 58px;
}
.brand-story-copy>p{color:#4f5b65}
.story-points{background:rgba(73,83,91,.18);border-color:rgba(73,83,91,.16)}
.story-points article{background:rgba(255,255,255,.54);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.story-points span{color:#4e5962}
.brand-story .btn-light{background:rgba(255,255,255,.62);border-color:rgba(58,68,76,.22);color:#1a2229;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.brand-story .btn-light:hover{background:#fff;border-color:rgba(245,130,32,.58)}
.promo-showcase-head h2{color:#15202a}
.promo-showcase-head p{color:#4f5e6a}
.promo-showcase-note{color:#57636d}

@media(max-width:620px){
  .hero-panel{-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
}