/* ===== UYUM CINEMATIC HERO ===== */

.ux-cinema-hero {
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:clamp(640px,85svh,900px);
  background:#0b2538;
  color:#fff;
  overflow:hidden;
}

.ux-hero-media,
.ux-hero-overlay,
.ux-hero-grid {
  position:absolute;
  inset:0;
  pointer-events:none;
}

.ux-hero-media{z-index:-3}

.ux-hero-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

/* Lacivert katman + yeşil ton */
.ux-hero-overlay {
  z-index:-2;
  background:
    linear-gradient(90deg,
      rgba(7,26,43,.94) 0%,
      rgba(9,37,56,.86) 36%,
      rgba(8,36,53,.54) 73%,
      rgba(8,35,48,.38) 100%),
    linear-gradient(0deg,
      rgba(7,28,41,.78),
      transparent 40%),
    radial-gradient(circle at 85% 70%,
      rgba(12,117,95,.22),transparent 50%);
}

.ux-hero-grid {
  z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:90px 90px;
  mask-image:linear-gradient(90deg,black,transparent 85%);
}

.ux-hero-content{
  width:100%;
  padding-top:110px;
  padding-bottom:150px;
}

.ux-hero-eyebrow {
  display:flex;
  align-items:center;
  gap:14px;
  color:#75e4bc;
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  margin-bottom:28px;
  animation:uxHeroEnter .8s both;
}

.ux-hero-eyebrow-line{
  width:36px;
  height:2px;
  background:#56d8ad;
  flex:none;
}

.ux-cinema-hero h1{
  max-width:950px;
  color:#fff;
  font-size:clamp(46px,5.9vw,90px);
  line-height:1.065;
  font-weight:800;
  letter-spacing:-.065em;
  margin:0 0 30px;
  animation:uxHeroEnter .9s .1s both;
}

.ux-cinema-hero h1 span{
  display:block;
  color:#75e4bc;
}

.ux-hero-description{
  max-width:610px;
  font-size:clamp(16px,1.3vw,19px);
  line-height:1.85;
  color:#d2e2e9;
  margin:0 0 39px;
  animation:uxHeroEnter .9s .2s both;
}

.ux-hero-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  animation:uxHeroEnter .9s .3s both;
}

.ux-hero-btn{
  min-height:57px;
  padding:16px 24px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:27px;
  border-radius:11px;
  font:800 14px "DM Sans",sans-serif;
  text-decoration:none;
  cursor:pointer;
  transition:
    transform .22s,
    background .22s,
    border-color .22s;
}

.ux-hero-btn svg{
  width:19px;
  height:19px;
}

.ux-hero-btn:hover{
  transform:translateY(-3px);
}

.ux-hero-btn-primary{
  color:#fff;
  background:#118a70;
  border:1px solid #118a70;
}

.ux-hero-btn-primary:hover{
  background:#0d755f;
}

.ux-hero-btn-outline{
  color:#fff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.37);
  backdrop-filter:blur(8px);
}

.ux-hero-btn-outline:hover{
  background:rgba(255,255,255,.14);
  border-color:#fff;
}

.ux-hero-bottom{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  border-top:1px solid rgba(255,255,255,.17);
  background:rgba(7,29,43,.4);
  backdrop-filter:blur(10px);
}

.ux-hero-bottom-inner{
  min-height:72px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}

.ux-hero-bottom span{
  font-size:10px;
  font-weight:800;
  color:#d9eeeb;
  letter-spacing:1.3px;
  white-space:nowrap;
}

.ux-hero-bottom i{
  width:4px;
  height:4px;
  flex:none;
  border-radius:50%;
  background:#60dfb6;
}

@keyframes uxHeroEnter{
  from{opacity:0;transform:translateY(25px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:767px){
  .ux-cinema-hero{
    min-height:690px;
    align-items:center;
  }

  .ux-hero-video{display:block}

  .ux-hero-overlay{
    background:
      radial-gradient(circle at 80% 65%,#125d60 0%,transparent 56%),
      linear-gradient(135deg,#0b2538,#103951);
  }

  .ux-hero-content{
    padding-top:85px;
    padding-bottom:105px;
  }

  .ux-hero-eyebrow{
    font-size:9px;
    letter-spacing:1.2px;
    gap:10px;
    margin-bottom:24px;
  }

  .ux-hero-eyebrow-line{width:24px}

  .ux-cinema-hero h1{
    font-size:clamp(39px,9vw,58px);
    letter-spacing:-.055em;
    line-height:1.13;
    margin-bottom:25px;
  }

  .ux-hero-description{
    font-size:15px;
    line-height:1.75;
    margin-bottom:30px;
  }

  .ux-hero-actions{
    flex-direction:column;
    align-items:stretch;
    gap:11px;
  }

  .ux-hero-btn{
    min-height:53px;
    justify-content:space-between;
    padding-inline:18px;
    font-size:13px;
  }

  .ux-hero-bottom-inner{
    gap:13px;
    justify-content:center;
    flex-wrap:wrap;
    padding-block:15px;
  }

  .ux-hero-bottom span{
    font-size:8px;
    letter-spacing:.7px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ux-hero-content *{
    animation:none!important;
  }
}

/* ===== CENTERED VIDEO HERO ===== */

.ux-cinema-hero{
  text-align:center;
}

.ux-hero-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding-inline:clamp(20px,4vw,60px);
}

.ux-cinema-hero h1{
  max-width:1050px;
  margin-inline:auto;
  text-align:center;
}

.ux-hero-description{
  max-width:690px;
  margin-inline:auto;
  text-align:center;
}

.ux-hero-actions{
  justify-content:center;
  align-items:center;
}

.ux-hero-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(5,24,39,.79),
      rgba(7,29,45,.63),
      rgba(5,24,39,.72)
    ),
    linear-gradient(
      0deg,
      rgba(5,24,39,.65),
      transparent 45%
    );
}

/* Mobilde de video */
@media(max-width:767px){
  .ux-cinema-hero{
    min-height:calc(100svh - 74px);
  }

  .ux-hero-video{
    display:block!important;
    object-fit:cover;
    object-position:center;
  }

  .ux-hero-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(5,25,40,.78),
        rgba(5,25,40,.86)
      );
  }

  .ux-hero-content{
    padding-top:75px;
    padding-bottom:125px;
    padding-inline:12px;
  }

  .ux-cinema-hero h1{
    font-size:clamp(36px,8.8vw,53px);
    line-height:1.15;
    letter-spacing:-.05em;
  }

  .ux-hero-description{
    font-size:14px;
    line-height:1.8;
    max-width:480px;
  }

  .ux-hero-actions{
    width:100%;
    max-width:380px;
    align-items:stretch;
  }

  .ux-hero-btn{
    justify-content:center;
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .ux-hero-video{
    display:none!important;
  }
}

/* ===== CINEMATIC HERO SLIDER ===== */

.ux-hero-content{
  position:relative;
  max-width:1240px;
}

.ux-slider{
  width:100%;
  max-width:1050px;
  position:relative;
  display:grid;
  align-items:center;
  margin-inline:auto;
}

.ux-slide{
  grid-area:1/1;
  width:100%;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .7s ease,visibility .7s;
}

.ux-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.ux-slide h1,
.ux-slide h2{
  max-width:1050px;
  margin:0 auto 28px;
  color:white;
  font-size:clamp(44px,5.7vw,84px);
  line-height:1.08;
  letter-spacing:-.06em;
  font-weight:800;
}

.ux-reveal-line{
  display:block;
  color:#fff;
  opacity:0;
  filter:blur(13px);
  transform:translateY(42px);
}

.ux-reveal-line.ux-accent{
  color:#75e4bc;
}

.ux-slide.is-active .ux-reveal-line{
  animation:uxCinematicReveal 1.1s
    cubic-bezier(.2,.75,.2,1) both;
}

.ux-slide.is-active .ux-reveal-line:nth-child(2){
  animation-delay:.15s;
}

.ux-slide.is-active .ux-reveal-line:nth-child(3){
  animation-delay:.3s;
}

.ux-slide-description{
  max-width:690px;
  margin:0 auto;
  color:#d5e5e9;
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.85;
  opacity:0;
}

.ux-slide.is-active .ux-slide-description{
  animation:uxCinematicReveal .9s .45s both;
}

@keyframes uxCinematicReveal{
  from{
    opacity:0;
    filter:blur(13px);
    transform:translateY(42px);
  }
  to{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
  }
}

/* Video mikro hareket */
.ux-hero-video{
  animation:uxVideoDrift 24s ease-in-out infinite alternate;
}

@keyframes uxVideoDrift{
  from{transform:scale(1)}
  to{transform:scale(1.055)}
}

/* Slider kontrolleri */
.ux-slider-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  width:min(360px,100%);
  margin:38px auto 0;
}

.ux-slider-current,
.ux-slider-total{
  font-size:12px;
  font-weight:800;
  color:#fff;
  font-variant-numeric:tabular-nums;
}

.ux-slider-total{color:#a4bdc6}

.ux-slider-track{
  position:relative;
  height:2px;
  flex:1;
  overflow:hidden;
  background:rgba(255,255,255,.25);
}

.ux-slider-track span{
  position:absolute;
  inset:0;
  width:100%;
  background:#75e4bc;
  transform:scaleX(0);
  transform-origin:left center;
}

.ux-slider-next{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-left:3px;
  color:white;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  cursor:pointer;
  transition:background .2s,transform .2s;
}

.ux-slider-next:hover{
  background:#118a70;
  transform:translateX(2px);
}

.ux-slider-next svg{
  width:16px;
  height:16px;
}

@media(max-width:767px){
  .ux-slide h1,
  .ux-slide h2{
    font-size:clamp(36px,9vw,52px);
    line-height:1.14;
    letter-spacing:-.05em;
  }

  .ux-slide-description{
    font-size:14px;
    line-height:1.7;
  }

  .ux-slider-controls{
    margin-top:28px;
    max-width:280px;
  }

  .ux-hero-actions{
    margin-top:30px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ux-slide,.ux-reveal-line,.ux-slide-description,
  .ux-hero-video{
    animation:none!important;
    transition:none!important;
    filter:none!important;
    transform:none!important;
  }
  .ux-slide.is-active .ux-reveal-line,
  .ux-slide.is-active .ux-slide-description{
    opacity:1!important;
  }
}

/* ===== HERO SLIDER CLEANUP ===== */

.ux-slider-controls{
  display:none!important;
}

/* Slide ve butonlar arasında sabit boşluk */
.ux-hero-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.ux-slider{
  width:100%;
  min-height:clamp(280px,29vw,390px);
  align-items:center;
}

.ux-slide{
  text-align:center;
}

.ux-slide h1,
.ux-slide h2{
  font-size:clamp(42px,5vw,76px);
  line-height:1.13;
  margin-bottom:24px;
}

.ux-slide-description{
  min-height:65px;
  margin-bottom:0;
}

.ux-hero-actions{
  position:relative;
  z-index:2;
  margin-top:32px;
}

@media(max-width:767px){
  .ux-slider{
    min-height:350px;
  }

  .ux-slide h1,
  .ux-slide h2{
    font-size:clamp(32px,8vw,46px);
    line-height:1.15;
  }

  .ux-slide-description{
    min-height:75px;
  }

  .ux-hero-actions{
    margin-top:25px;
  }
}

/* HERO VIDEO - TITREME DUZELTMESI */
.ux-hero-video {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  backface-visibility: hidden;
}

/* ===== HERO SLIDE SPACING ===== */

.ux-slider{
  min-height:0!important;
  display:grid;
  align-items:center;
}

.ux-slide{
  grid-area:1/1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px 0;
}

.ux-slide h1,
.ux-slide h2{
  margin:0 auto 22px!important;
}

.ux-slide-description{
  margin:0 auto!important;
  min-height:0!important;
  max-width:690px;
}

.ux-slide .ux-hero-actions{
  margin-top:28px!important;
  flex:none;
}

.ux-hero-content{
  padding-top:85px;
  padding-bottom:125px;
}

@media(max-width:767px){
  .ux-slide{
    padding:15px 0;
  }

  .ux-slide h1,
  .ux-slide h2{
    margin-bottom:20px!important;
  }

  .ux-slide .ux-hero-actions{
    margin-top:24px!important;
    width:min(100%,380px);
  }

  .ux-hero-content{
    padding-top:55px;
    padding-bottom:100px;
  }
}

/* ===== HERO BUTTON RESPONSIVE V7 ===== */

.ux-slide .ux-hero-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:min(100%,360px)!important;
  margin:28px auto 0!important;
  align-items:stretch!important;
}

.ux-slide .ux-hero-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  padding:13px 16px!important;
  margin:0!important;
  white-space:nowrap;
  font-size:13px!important;
  text-align:center;
  box-sizing:border-box;
}

.ux-slide .ux-hero-btn svg{
  width:17px;
  height:17px;
  flex-shrink:0;
}

@media(max-width:767px){
  .ux-slide .ux-hero-actions{
    width:min(100%,340px)!important;
    gap:10px!important;
    margin-top:24px!important;
  }

  .ux-slide .ux-hero-btn{
    min-height:50px!important;
    padding:11px 12px!important;
    font-size:12px!important;
    border-radius:10px;
  }
}

@media(max-width:359px){
  .ux-slide .ux-hero-actions{
    grid-template-columns:1fr!important;
    width:min(100%,280px)!important;
  }
}

/* ===== PREMIUM MOBILE HERO TYPOGRAPHY ===== */

@media (max-width: 767px) {
  .ux-slide h1,
  .ux-slide h2 {
    font-size: clamp(38px, 10.2vw, 58px) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.055em !important;
    max-width: 100%;
    text-wrap: balance;
    overflow-wrap: normal;
    hyphens: none;
  }

  .ux-slide .ux-reveal-line {
    line-height: inherit;
  }
}

/* Küçük telefonlar */
@media (max-width: 380px) {
  .ux-slide h1,
  .ux-slide h2 {
    font-size: clamp(35px, 10vw, 39px) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.045em !important;
  }
}

/* Büyük telefonlar ve küçük tabletler */
@media (min-width: 600px) and (max-width: 767px) {
  .ux-slide h1,
  .ux-slide h2 {
    font-size: clamp(52px, 7.5vw, 60px) !important;
  }
}

/* HERO BASLIK RENK DUZELTMESI */
.ux-cinema-hero .ux-slide h1 .ux-reveal-line,
.ux-cinema-hero .ux-slide h2 .ux-reveal-line {
  color: #ffffff !important;
}

.ux-cinema-hero .ux-slide h1 .ux-reveal-line.ux-accent,
.ux-cinema-hero .ux-slide h2 .ux-reveal-line.ux-accent {
  color: #75e4bc !important;
}

/* ===== INFINITE EXPERTISE MARQUEE ===== */

.ux-hero-bottom.ux-marquee{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  overflow:hidden;
  background:rgba(5,26,39,.82);
  border-top:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(12px);
}

.ux-marquee-track{
  display:flex;
  width:max-content;
  animation:uxMarqueeScroll 34s linear infinite;
  will-change:transform;
}

.ux-marquee-group{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:45px;
  padding:0 45px 0 0;
  min-height:69px;
}

.ux-marquee-item{
  display:inline-flex;
  align-items:center;
  gap:15px;
  color:#e6f4f1;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.1px;
  text-transform:uppercase;
  white-space:nowrap;
}

.ux-marquee-dot{
  display:inline-block;
  width:5px;
  height:5px;
  flex:none;
  border-radius:50%;
  background:#6ee0b8;
  box-shadow:0 0 10px rgba(110,224,184,.35);
}

@keyframes uxMarqueeScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Kenarlarda yumuşak geçiş */
.ux-marquee{
  mask-image:linear-gradient(
    90deg,
    transparent 0%,
    black 6%,
    black 94%,
    transparent 100%
  );
}

@media(max-width:767px){
  .ux-marquee-group{
    min-height:54px;
    gap:28px;
    padding-right:28px;
  }

  .ux-marquee-item{
    font-size:9px;
    letter-spacing:.8px;
    gap:11px;
  }

  .ux-marquee-track{
    animation-duration:27s;
  }
}

@media(prefers-reduced-motion:reduce){
  .ux-marquee-track{
    animation:none!important;
  }
}


/* UYUM ANDROID HERO FIX V14 */
@media (max-width:767px) {
  .ux-cinema-hero {
    isolation:isolate;
  }

  .ux-cinema-hero .ux-hero-media {
    display:block!important;
    z-index:0!important;
  }

  .ux-cinema-hero .ux-hero-video {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .ux-cinema-hero .ux-hero-overlay {
    z-index:1!important;
  }

  .ux-cinema-hero .ux-hero-grid {
    z-index:2!important;
    pointer-events:none;
  }

  .ux-cinema-hero .ux-hero-content {
    z-index:3!important;
  }

  .ux-cinema-hero .ux-hero-bottom {
    z-index:3!important;
  }
}