:root{
  --axo-navy:#142442;
  --axo-navy-deep:#0b1630;
  /* Primary accent = site brand orange (meta.php --color-brand-orange, default #ff6b00) */
  --axo-orange:var(--color-brand-orange,#ff6b00);
  --axo-orange-deep:#e55f00;
  --axo-orange-soft:rgba(255,107,0,.08);
  --axo-orange-mid:rgba(255,107,0,.14);
  --axo-paper:#fafafa;
  --axo-site-max:1280px;
  --axo-prose-max:42rem;
}

html{scroll-behavior:smooth}
body{background:var(--axo-paper);color:var(--axo-navy)}
.bg-brand-dark{background-color:var(--axo-navy-deep)!important}
.dark .dark\:bg-brand-dark{background-color:var(--axo-navy-deep)!important}
.text-brand-dark{color:var(--axo-navy)!important}

/* Keep Tailwind brand-orange = warm orange (do NOT remap to cyan/pink) */
.text-brand-orange{color:var(--axo-orange)!important}
.bg-brand-orange{background-color:var(--axo-orange)!important}
.border-brand-orange{border-color:var(--axo-orange)!important}
.decoration-brand-orange{text-decoration-color:var(--axo-orange)!important}
.selection\:bg-brand-orange\/30::selection{background:rgba(255,107,0,.28)!important}
.hover\:text-brand-orange:hover{color:var(--axo-orange-deep)!important}
.hover\:bg-brand-orange:hover{background-color:var(--axo-orange-deep)!important}
.group:hover .group-hover\:text-brand-orange{color:var(--axo-orange)!important}
[class*="shadow-brand-orange"]{--tw-shadow-color:rgba(255,107,0,.28)!important}
.bg-orange-50,[class~="bg-orange-50"]{background-color:var(--axo-orange-soft)!important}
.hover\:bg-orange-50:hover{background-color:var(--axo-orange-soft)!important}
.dark .dark\:hover\:bg-brand-orange\/10:hover{background-color:var(--axo-orange-mid)!important}

body>header.bg-brand-dark,
body>header[class*="bg-brand-dark"]{
  background:
    radial-gradient(circle at 82% 20%,rgba(255,107,0,.18),transparent 28%),
    radial-gradient(circle at 15% 70%,rgba(255,107,0,.10),transparent 32%),
    linear-gradient(125deg,var(--axo-navy-deep),var(--axo-navy))!important;
}

body>header h1{letter-spacing:-.045em!important;font-weight:900!important}
main article{border-color:rgba(20,36,66,.09)}
main article:hover{border-color:rgba(255,107,0,.35)!important}

.axo-brand-line{height:3px;background:var(--axo-orange)}

/* Nav dropdowns: solid white + orange accent, no cool/pink cast */
.axo-nav-dropdown{
  background:#fff!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 18px 40px rgba(15,23,42,.10)!important;
  border-radius:1rem!important;
  overflow:hidden;
}
.axo-nav-dropdown::before{
  content:"";
  display:block;
  height:3px;
  background:var(--axo-orange);
}
.dark .axo-nav-dropdown{
  background:var(--color-brand-card,#1e1e1e)!important;
  border-color:rgba(255,255,255,.08)!important;
}

/* =========================================================
   Desktop width system (1920px+ dahil)
   Full-bleed backgrounds OK; iç içerik max 1280px
   ========================================================= */
.container,
.axo-site-container{
  width:100%;
  max-width:var(--axo-site-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:1.5rem;
  padding-right:1.5rem;
  box-sizing:border-box;
}

@media (min-width:1280px){
  .container,
  .axo-site-container{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
}

/* Okunabilir satır uzunluğu — lead / kurumsal / blog girişleri */
.axo-prose,
.axo-svc-lead,
.neo-hero-subtitle,
section .max-w-3xl > p,
section .max-w-2xl,
.axo-how-head p,
.axo-footer .max-w-xl p,
.axo-footer .max-w-md{
  max-width:var(--axo-prose-max);
}

/* Kart gridlerinin aşırı yayılmasını engelle */
#hizmetler .axo-svc-stage,
#nasil-calisiyoruz .axo-how-track,
section#faq .max-w-3xl{
  max-width:100%;
}

/* Why us: grid alanı container içinde kalsın */
section .lg\:grid-cols-12{
  width:100%;
}

/* Testimonials: kayan şerit viewport full-bleed kalabilir ama
   kart ölçeği / sahne geniş ekranda dengeli olsun */
.axo-t-marquee{
  max-width:var(--axo-site-max);
  margin-left:auto;
  margin-right:auto;
}

@media (min-width:1536px){
  .axo-t-card{
    width:min(22rem, 20vw);
  }
}

/* Hero floating UI — viewport kenarına yapışmasın */
.neo-hero-stage{
  position:relative;
  width:100%;
  max-width:var(--axo-site-max);
  margin:0 auto;
  min-height:min(72vh, 640px);
  display:flex;
  align-items:center;
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}