@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500&display=swap');

/* ── RESET & BASE ── */
:root {
  --ink:     #0A0A0A;
  --ink2:    #1A1A1A;
  --muted:   #6B6B6B;
  --dim:     #AAAAAA;
  --line:    #E8E8E8;
  --bg:      #FAFAFA;
  --bg2:     #F3F3F0;
  --white:   #FFFFFF;
  --accent:  #5B4EFF;
  --accent2: #FF4E8A;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', sans-serif !important;
  background: var(--bg) !important;
  color: var(--muted) !important;
  -webkit-font-smoothing: antialiased !important;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Syne', sans-serif !important;
  color: var(--ink) !important;
  letter-spacing: -.03em !important;
  line-height: 1.1 !important;
}

/* ── NAVBAR ── */
.ud-header {
  background: transparent !important;
  border-bottom: 1px solid transparent !important;
  transition: all .3s !important;
  padding: 0 !important;
}
.ud-header .container { padding-top: 20px !important; padding-bottom: 20px !important; }
.sticky {
  background: rgba(250,250,250,.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
}
.navbar-brand img { height: 32px !important; filter: brightness(0) invert(1) !important; }
.sticky .navbar-brand img { filter: none !important; }
.navbar-nav .nav-item > a {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.65) !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  letter-spacing: .01em !important;
  transition: all .2s !important;
}
.navbar-nav .nav-item > a:hover { color: #fff !important; background: rgba(255,255,255,.1) !important; }
.sticky .navbar-nav .nav-item > a { color: var(--muted) !important; }
.sticky .navbar-nav .nav-item > a:hover { color: var(--ink) !important; background: var(--bg2) !important; }
.toggler-icon { background: rgba(255,255,255,.7) !important; }
.sticky .toggler-icon { background: var(--ink) !important; }

/* NAV CTA */
.navbar-btn .ud-main-btn,
.navbar-btn .ud-white-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  background: var(--white) !important;
  color: var(--ink) !important;
  border: none !important;
  box-shadow: none !important;
  transition: all .2s !important;
}
.navbar-btn .ud-main-btn:hover,
.navbar-btn .ud-white-btn:hover {
  background: var(--bg2) !important;
  transform: none !important;
  box-shadow: none !important;
}
.sticky .navbar-btn .ud-main-btn,
.sticky .navbar-btn .ud-white-btn {
  background: var(--ink) !important;
  color: var(--white) !important;
}

/* ── HERO ── */
.ud-hero {
  background: var(--ink) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
}

/* Büyük arka plan yazısı */
.ud-hero::before {
  content: 'WEB';
  position: absolute;
  bottom: -60px;
  right: -20px;
  font-family: 'Syne', sans-serif;
  font-size: 340px;
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.04);
  line-height: 1;
  pointer-events: none;
  z-index: 0;
  letter-spacing: -.05em;
}

/* Glow blob */
.ud-hero::after {
  content: '';
  position: absolute;
  top: -200px; left: -200px;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(91,78,255,.18) 0%, transparent 65%);
  pointer-events: none;
  z-index: 0;
}

.ud-hero .container { position: relative; z-index: 1; padding-top: 160px !important; padding-bottom: 100px !important; }

.ud-hero-content { text-align: left !important; max-width: 780px !important; }

/* Availability badge */
.ud-hero-content::before {
  content: '';
  display: block;
  width: 8px; height: 8px;
  background: #4ade80;
  border-radius: 50%;
  margin-bottom: 32px;
  box-shadow: 0 0 0 4px rgba(74,222,128,.15);
  animation: pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%,100% { box-shadow: 0 0 0 4px rgba(74,222,128,.15); }
  50% { box-shadow: 0 0 0 8px rgba(74,222,128,.05); }
}

.ud-hero-content .ud-hero-title {
  font-family: 'Syne', sans-serif !important;
  font-size: 80px !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
  color: var(--white) !important;
  margin-bottom: 32px !important;
}

@media (max-width: 1199px) { .ud-hero-content .ud-hero-title { font-size: 60px !important; } }
@media (max-width: 767px) { .ud-hero-content .ud-hero-title { font-size: 42px !important; } }

.ud-hero-content .ud-hero-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 17px !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,.45) !important;
  max-width: 500px !important;
  margin-bottom: 44px !important;
}

/* Hero butonlar */
.ud-hero-buttons { justify-content: flex-start !important; gap: 12px !important; flex-wrap: wrap !important; }

.ud-hero-buttons .ud-main-btn,
.ud-hero-buttons .ud-white-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 15px 34px !important;
  border-radius: 8px !important;
  background: var(--white) !important;
  color: var(--ink) !important;
  border: none !important;
  transition: all .25s !important;
  box-shadow: none !important;
  letter-spacing: .01em !important;
}
.ud-hero-buttons .ud-main-btn:hover,
.ud-hero-buttons .ud-white-btn:hover {
  background: var(--bg2) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.2) !important;
}

.ud-hero-buttons .ud-link-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.5) !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  padding: 15px 28px !important;
  border-radius: 8px !important;
  transition: all .25s !important;
}
.ud-hero-buttons .ud-link-btn:hover {
  color: #fff !important;
  border-color: rgba(255,255,255,.3) !important;
  background: rgba(255,255,255,.05) !important;
  transform: translateY(-2px) !important;
}

/* Trust stats */
.ud-hero-brands-wrapper {
  margin-top: 80px !important;
  padding-top: 32px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  display: flex !important;
  gap: 48px !important;
}
.ud-single-brand {
  font-family: 'Inter', sans-serif !important;
  color: rgba(255,255,255,.35) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

/* Hero screenshot */
.ud-hero-image {
  margin-top: 80px !important;
  border-radius: 16px 16px 0 0 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: none !important;
  overflow: hidden !important;
  box-shadow: 0 -40px 120px rgba(91,78,255,.15) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ── TICKER ── */
.ud-ticker-wrap {
  background: var(--bg2) !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  overflow: hidden !important;
  padding: 14px 0 !important;
}
.ud-ticker-inner {
  display: flex !important;
  white-space: nowrap !important;
  animation: ticker 28s linear infinite !important;
}
@keyframes ticker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.ud-ticker-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 36px !important;
  font-family: 'Syne', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--dim) !important;
}
.ud-ticker-sep {
  display: inline-block !important;
  width: 4px !important; height: 4px !important;
  background: var(--line) !important;
  border-radius: 50% !important;
}

/* ── HİZMETLER ── */
.ud-features {
  background: var(--white) !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.ud-section-title { margin-bottom: 64px !important; }

.ud-section-title span {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  color: var(--dim) !important;
  background: var(--bg2) !important;
  border: 1px solid var(--line) !important;
  padding: 5px 14px !important;
  border-radius: 100px !important;
  display: inline-block !important;
  margin-bottom: 20px !important;
}

.ud-section-title h2 {
  font-family: 'Syne', sans-serif !important;
  font-size: 52px !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
  color: var(--ink) !important;
  margin-bottom: 16px !important;
  line-height: 1.05 !important;
}
@media (max-width: 767px) { .ud-section-title h2 { font-size: 32px !important; } }

.ud-section-title p {
  font-size: 16px !important;
  color: var(--muted) !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
}

/* Hizmet kartları — minimal hover */
.ud-single-feature {
  background: var(--bg) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  padding: 40px 36px !important;
  box-shadow: none !important;
  transition: all .3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  height: 100% !important;
}
.ud-single-feature::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease !important;
}
.ud-single-feature:hover {
  background: var(--white) !important;
  border-color: transparent !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.08) !important;
  transform: translateY(-6px) !important;
}
.ud-single-feature:hover::after { transform: scaleX(1) !important; }

.ud-single-feature .ud-feature-icon {
  width: 52px !important; height: 52px !important;
  border-radius: 12px !important;
  background: var(--bg2) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  font-size: 22px !important;
  margin-bottom: 28px !important;
  box-shadow: none !important;
  transition: all .3s !important;
}
.ud-single-feature:hover .ud-feature-icon {
  background: var(--ink) !important;
  color: var(--white) !important;
  border-color: var(--ink) !important;
}
.ud-single-feature .ud-feature-icon::before { display: none !important; }

.ud-single-feature .ud-feature-title {
  font-family: 'Syne', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: var(--ink) !important;
  margin-bottom: 12px !important;
}
.ud-single-feature .ud-feature-desc {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--muted) !important;
  font-weight: 300 !important;
}

/* ── SÜREÇ ── */
.ud-about {
  background: var(--ink) !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  border: none !important;
}
.ud-about .ud-section-title span { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.1) !important; color: rgba(255,255,255,.4) !important; }
.ud-about .ud-section-title h2 { color: var(--white) !important; }
.ud-about .ud-section-title p { color: rgba(255,255,255,.4) !important; }
.ud-about .ud-single-feature {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.08) !important;
}
.ud-about .ud-single-feature:hover {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.15) !important;
  box-shadow: none !important;
}
.ud-about .ud-single-feature .ud-feature-icon {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.1) !important;
  color: var(--white) !important;
}
.ud-about .ud-single-feature:hover .ud-feature-icon {
  background: var(--white) !important;
  color: var(--ink) !important;
}
.ud-about .ud-single-feature .ud-feature-title { color: var(--white) !important; }
.ud-about .ud-single-feature .ud-feature-desc { color: rgba(255,255,255,.4) !important; }

/* ── SSS ── */
.ud-faq {
  background: var(--bg) !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.ud-single-faq {
  background: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
  box-shadow: none !important;
  transition: border-color .2s !important;
}
.ud-single-faq:hover { border-color: #C8C8C8 !important; }
.ud-faq-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--ink) !important;
  padding: 22px 26px !important;
  background: transparent !important;
  width: 100% !important;
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  border: none !important;
  cursor: pointer !important;
  text-align: left !important;
}
.ud-faq-btn .icon {
  width: 22px !important; height: 22px !important;
  border-radius: 6px !important;
  background: var(--bg2) !important;
  border: 1px solid var(--line) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: var(--dim) !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
  transition: all .2s !important;
}
.ud-faq-btn:not(.collapsed) .icon {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
  color: #fff !important;
  transform: rotate(180deg) !important;
}
.ud-faq-body {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  padding: 0 26px 22px 64px !important;
  color: var(--muted) !important;
  font-weight: 300 !important;
}

/* ── FİYATLANDIRMA ── */
.ud-pricing {
  background: var(--white) !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  border: none !important;
}
.ud-single-pricing {
  border-radius: 20px !important;
  border: 1px solid var(--line) !important;
  padding: 48px 40px !important;
  background: var(--bg) !important;
  box-shadow: none !important;
  transition: all .3s ease !important;
  position: relative !important;
}
.ud-single-pricing:hover {
  border-color: transparent !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.1) !important;
  transform: translateY(-6px) !important;
  background: var(--white) !important;
}
.ud-single-pricing.active {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
  box-shadow: 0 32px 80px rgba(0,0,0,.2) !important;
}
.ud-single-pricing.active:hover { transform: translateY(-6px) !important; }
.ud-single-pricing.active .ud-pricing-header h3 { color: rgba(255,255,255,.4) !important; }
.ud-single-pricing.active .ud-pricing-header h4 { color: var(--white) !important; }
.ud-single-pricing.active .ud-pricing-header h4 span { color: rgba(255,255,255,.35) !important; }
.ud-single-pricing.active .ud-pricing-body ul li { color: rgba(255,255,255,.65) !important; border-color: rgba(255,255,255,.08) !important; }
.ud-single-pricing.active .ud-main-btn {
  background: var(--white) !important;
  color: var(--ink) !important;
  border-color: var(--white) !important;
}

/* Öne çıkan badge */
.ud-single-pricing.active::before {
  content: 'En Popüler';
  position: absolute;
  top: -1px; right: 28px;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  color: #fff;
  padding: 6px 14px;
  border-radius: 0 0 10px 10px;
}

.ud-pricing-header h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  color: var(--dim) !important;
  margin-bottom: 12px !important;
}
.ud-pricing-header h4 {
  font-family: 'Syne', sans-serif !important;
  font-size: 56px !important;
  font-weight: 800 !important;
  letter-spacing: -.05em !important;
  color: var(--ink) !important;
  line-height: 1 !important;
  margin-bottom: 28px !important;
}
.ud-pricing-header h4 span {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  color: var(--dim) !important;
}
.ud-pricing-body ul { margin-bottom: 0 !important; }
.ud-pricing-body ul li {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--line) !important;
  color: var(--muted) !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
}
.ud-pricing-footer { margin-top: 36px !important; }
.ud-pricing-footer .ud-main-btn { width: 100% !important; text-align: center !important; }

/* ── BUTONLAR GENEL ── */
.ud-main-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 14px 30px !important;
  border-radius: 8px !important;
  background: var(--ink) !important;
  color: var(--white) !important;
  border: 1.5px solid var(--ink) !important;
  letter-spacing: .01em !important;
  transition: all .25s !important;
  box-shadow: none !important;
}
.ud-main-btn:hover {
  background: var(--ink2) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.15) !important;
}
.ud-border-btn {
  background: transparent !important;
  color: var(--ink) !important;
  border: 1.5px solid var(--line) !important;
}
.ud-border-btn:hover {
  background: var(--ink) !important;
  color: var(--white) !important;
  border-color: var(--ink) !important;
}
.ud-link-btn {
  background: transparent !important;
  color: rgba(255,255,255,.5) !important;
  border: none !important;
}
.ud-link-btn:hover { color: #fff !important; }

/* ── İLETİŞİM ── */
.ud-contact {
  background: var(--bg) !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.ud-contact-form-wrapper {
  background: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  padding: 48px !important;
  box-shadow: none !important;
}
.ud-contact-form-title {
  font-family: 'Syne', sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  margin-bottom: 32px !important;
}
.ud-form-group { margin-bottom: 18px !important; }
.ud-form-group label {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: var(--dim) !important;
  margin-bottom: 8px !important;
  display: block !important;
}
.ud-form-group input,
.ud-form-group textarea {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: var(--ink) !important;
  background: var(--bg) !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  width: 100% !important;
  transition: all .2s !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
}
.ud-form-group input:focus,
.ud-form-group textarea:focus {
  background: var(--white) !important;
  border-color: var(--ink) !important;
  box-shadow: 0 0 0 3px rgba(10,10,10,.06) !important;
  outline: none !important;
}
.ud-info-icon {
  width: 54px !important; height: 54px !important;
  border-radius: 12px !important;
  background: var(--bg2) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
.ud-info-meta h5 {
  font-family: 'Syne', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
}
.ud-info-meta p { font-size: 14px !important; font-weight: 300 !important; }

/* ── FOOTER ── */
.ud-footer { background: #080808 !important; }
.ud-footer .shape { display: none !important; }
.ud-footer-widgets { padding: 88px 0 56px !important; }
.ud-footer-logo img { filter: brightness(0) invert(1) !important; opacity: .7 !important; height: 28px !important; }
.ud-widget-title {
  font-family: 'Inter', sans-serif !important;
  color: rgba(255,255,255,.25) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .18em !important;
  margin-bottom: 22px !important;
}
.ud-widget-desc {
  color: rgba(255,255,255,.35) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  font-weight: 300 !important;
}
.ud-widget-links li { margin-bottom: 10px !important; }
.ud-widget-links li a {
  color: rgba(255,255,255,.35) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  transition: color .2s !important;
  text-decoration: none !important;
}
.ud-widget-links li a:hover { color: rgba(255,255,255,.85) !important; }
.ud-widget-socials li { display: inline-block !important; margin-right: 8px !important; }
.ud-widget-socials li a {
  width: 38px !important; height: 38px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.4) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .2s !important;
  font-size: 16px !important;
}
.ud-widget-socials li a:hover {
  background: rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.9) !important;
  border-color: rgba(255,255,255,.15) !important;
}
.ud-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.05) !important;
  padding: 24px 0 !important;
}
.ud-footer-bottom p, .ud-footer-bottom-right {
  font-size: 12px !important;
  color: rgba(255,255,255,.2) !important;
  font-weight: 300 !important;
  letter-spacing: .03em !important;
}

/* ── DEMO SLIDER ── */
.demo-slider-card {
  border-radius: 16px !important;
  border: 1px solid var(--line) !important;
  background: var(--white) !important;
  box-shadow: none !important;
  transition: all .3s ease !important;
}
.demo-slider-card:hover {
  border-color: transparent !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.1) !important;
  transform: translateY(-4px) !important;
}
.demo-slider-badge {
  background: var(--bg2) !important;
  color: var(--dim) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  border-radius: 100px !important;
  padding: 5px 12px !important;
}
.demo-slider-title {
  font-family: 'Syne', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: var(--ink) !important;
}
.demo-slider-desc { font-size: 13px !important; font-weight: 300 !important; color: var(--muted) !important; }
.demo-slider-nav {
  border-radius: 10px !important;
  background: var(--white) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.06) !important;
  color: var(--ink) !important;
  transition: all .2s !important;
}
.demo-slider-nav:hover {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
  color: var(--white) !important;
}

/* ── GENEL ── */
.back-to-top { border-radius: 10px !important; background: var(--ink) !important; box-shadow: none !important; }
.back-to-top:hover { background: #333 !important; }
.wa-float { box-shadow: 0 8px 32px rgba(37,211,102,.3) !important; }
.wa-float:hover { transform: scale(1.06) !important; }

/* Animasyonlar */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.ud-single-feature { animation: fadeUp .4s ease both; }
.ud-single-feature:nth-child(2) { animation-delay: .07s; }
.ud-single-feature:nth-child(3) { animation-delay: .14s; }
.ud-single-feature:nth-child(4) { animation-delay: .21s; }