:root{
  --brand: #269C97;
  --brand-rgb: 38,156,151;
  --bs-primary: var(--brand);
  --bs-primary-rgb: var(--brand-rgb);
}


/* Layout width override */
.container{max-width: var(--site-maxw);}

/* Brand + Navbar */
.suved-navbar{padding-top: var(--nav-py); padding-bottom: var(--nav-py);}
.suved-logo{width: var(--logo-w); height:auto; max-height:56px;}
.suved-brand-text{font-weight:800; letter-spacing:.2px; font-size: 18px; color: var(--brand);}
.suved-navlist{gap: var(--nav-gap);}
.suved-navbar .nav-link{
  font-size: var(--nav-fs);
  font-weight:700;
  color:#0f172a;
  padding:.55rem .85rem;
  border-radius:999px;
  transition: 160ms ease;
}
.suved-navbar .nav-link:hover{
  color: var(--brand);
  background: rgba(var(--brand-rgb), .10);
  text-decoration:none;
}
.suved-navbar .nav-link:focus{outline: none; box-shadow: 0 0 0 .2rem rgba(var(--brand-rgb), .18);}
.suved-navbar .nav-link.active{
  color: var(--brand);
  background: rgba(var(--brand-rgb), .14);
}
.suved-navbar .dropdown-menu .dropdown-item{font-weight:600;}
.suved-navbar .dropdown-menu{border:0; box-shadow:0 18px 44px rgba(2,6,23,.12); border-radius:18px; padding:.6rem;}
.suved-navbar .dropdown-menu .dropdown-item{border-radius:12px; padding:.55rem .75rem;}
.suved-navbar .dropdown-menu .dropdown-item:hover{background: rgba(var(--brand-rgb), .10);}
.suved-navbar .btn-primary{background:var(--brand);border-color:var(--brand);}
.suved-navbar .btn-primary:hover{filter:brightness(.95);}

/* Topbar */
.topbar{background: rgba(var(--brand-rgb), .10); border-bottom:1px solid rgba(var(--brand-rgb), .18);}
.topbar a{color:#0f172a;text-decoration:none}
.topbar a:hover{color:var(--brand);}
body{color:#0f172a}
a{text-decoration:none}
a:hover{text-decoration:underline}

.navbar-dark .navbar-nav .nav-link{opacity:.92}
.navbar-dark .navbar-nav .nav-link:hover{opacity:1}

.hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(var(--brand-rgb),1) 0%, rgba(var(--brand-rgb),.92) 55%, rgba(15,23,42,.95) 120%);
  color:#fff
}

/* Home slider */
.home-slider .carousel-item img{height:520px;object-fit:cover;filter:saturate(1.02) contrast(1.02)}
.home-slider .home-slide-fallback{height:520px;background:linear-gradient(135deg, rgba(var(--brand-rgb),1) 0%, rgba(15,23,42,.95) 100%)}
.home-slider .carousel-caption{left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;text-align:left}
.home-slider .carousel-caption:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(2,6,23,.72) 0%, rgba(2,6,23,.25) 60%, rgba(2,6,23,.05) 100%)}
.home-slider .carousel-caption .container{position:relative;z-index:1}
.home-slider .slide-card{max-width:720px}
.home-slider .carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:999px}

.hero:before,.hero:after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  background:rgba(255,255,255,.10);
  transform:rotate(45deg);
  border-radius:28px
}
.hero:before{right:-260px;top:-260px}
.hero:after{left:-260px;bottom:-260px}

.badge-soft{
  background:rgba(var(--brand-rgb),.10);
  color:var(--brand);
  border:1px solid rgba(var(--brand-rgb),.22)
}

.card-hover{transition:180ms ease}
.card-hover:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(2,6,23,.10)}

.section-title{letter-spacing:-.02em}
.footer{
  background: #0b1220;
  color: rgba(255,255,255,.92);
}
.footer a{color:rgba(255,255,255,.86)}
.footer a:hover{color:#fff}
.footer .muted{color:rgba(255,255,255,.65)}
.footer .footer-bottom{border-top:1px solid rgba(255,255,255,.12)}

.btn-primary{box-shadow:0 10px 18px rgba(var(--brand-rgb),.22)}
.btn-primary:hover{box-shadow:0 14px 26px rgba(var(--brand-rgb),.28)}

.page-hero{background:linear-gradient(135deg, rgba(var(--brand-rgb),1) 0%, rgba(var(--brand-rgb),.75) 55%, rgba(15,23,42,.95) 100%);color:#fff}

/* Partners */
.partner-card img { filter: grayscale(12%); opacity: .9; transition: all .2s ease; }
.partner-card:hover img { filter: grayscale(0%); opacity: 1; transform: translateY(-1px); }

/* Section separators (modern SVG waves) */
.section-separator{line-height:0;}
.section-separator svg{display:block;width:100%;height:84px;}
.section-separator svg path{fill: rgba(var(--brand-rgb), .08);}
.section-separator.alt svg path{fill: rgba(15,23,42,.04);}

.bg-soft{background: linear-gradient(180deg, rgba(var(--brand-rgb), .06) 0%, rgba(255,255,255,1) 60%);}

/* Logo marquee (brands/partners auto scroll) */
.logo-marquee{
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(2,6,23,.06);
  box-shadow: 0 14px 40px rgba(2,6,23,.06);
}
.logo-track{
  display:flex;
  align-items:center;
  gap: 28px;
  padding: 18px 22px;
  width: max-content;
  animation: marquee 26s linear infinite;
}
.logo-track.slow{animation-duration: 34s;}
.logo-item{
  width: 170px;
  height: 64px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 16px;
  background: rgba(2,6,23,.02);
}
.logo-item img{
  max-height: 38px;
  max-width: 140px;
  object-fit: contain;
  filter: grayscale(12%);
  opacity: .92;
  transition: all .18s ease;
}
.logo-item:hover img{filter: grayscale(0%); opacity:1; transform: translateY(-1px);}
.logo-item a{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}

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

@media (prefers-reduced-motion: reduce){
  .logo-track{animation: none;}
}

/* Better nav links */
.navbar .nav-link { border-radius: 999px; padding: .55rem .9rem; transition: all .15s ease; }
.navbar .nav-link:hover { background: rgba(var(--brand-rgb), .10); color: var(--brand) !important; }
.navbar .nav-link.active { background: rgba(var(--brand-rgb), .14); color: var(--brand) !important; font-weight: 600; }