/* W1D UI SKIN v1 (LOCKED) — SEO TEXT, Bootstrap-compatible overrides */
:root{
  --w1d-blue-900:#071a33;
  --w1d-blue-800:#0b2d57;
  --w1d-blue-700:#0f3a78;
  --w1d-ink:#0a2540;
  --w1d-sky:#eef4ff;
  --w1d-yellow:#ffc800;
  --w1d-yellow-2:#ffdd55;
  --w1d-shadow: 0 14px 34px rgba(7,26,51,.18);
}

/* Navbar */
.navbar-w1d{
  background: linear-gradient(180deg,#ffffff 0%, var(--w1d-sky) 100%) !important;
  border-bottom: 1px solid #dde6f3 !important;
}
.navbar-w1d .navbar-brand img{
  height: 64px;
  width: auto;
  image-rendering: auto;
}
.navbar-w1d .nav-link{
  font-weight: 700;
  color: #233a59 !important;
}
.navbar-w1d .nav-link:hover{ color: var(--w1d-blue-800) !important; }
.navbar-w1d .btn-cta,
.navbar-w1d .btn-warning{
  background: var(--w1d-yellow) !important;
  border: none !important;
  color: #0b1220 !important;
  font-weight: 900;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(255,200,0,.35) !important;
}
.navbar-w1d .btn-cta:hover{ filter: brightness(1.02); transform: translateY(-1px); }

/* Hero split */
.hero-split{
  border-radius: 28px !important;
  overflow: hidden;
  box-shadow: var(--w1d-shadow) !important;
  background: radial-gradient(circle at 75% 35%, #103e80 0%, var(--w1d-blue-900) 65%) !important;
  position: relative;
}
.hero-split__content{
  padding: 54px 54px 46px !important;
  background: linear-gradient(180deg, rgba(4,15,30,.85) 0%, rgba(4,15,30,.92) 100%) !important;
  min-height: 420px;
}
.hero-eyebrow{
  letter-spacing: .18em;
  opacity: .9;
}
.hero-title{
  font-size: clamp(2.4rem, 3.4vw, 3.4rem) !important;
  line-height: 1.06 !important;
}
.hero-title__accent{ color: var(--w1d-yellow) !important; }
.hero-sub{ font-size: 1.125rem !important; opacity: .95; max-width: 40ch; }

.btn-ghost{
  border-width: 2px !important;
  border-color: rgba(255,255,255,.55) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

.hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  align-items:center;
  opacity:.95;
}
.hero-trust__item{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-weight:650;
}
.hero-trust__item::before{
  content:"✓";
  color: var(--w1d-yellow);
  font-weight: 900;
}

.hero-split__media{
  position: relative;
  min-height: 420px;
}
.hero-split__mediaInner{
  height: 100%;
  position: relative;
  background: radial-gradient(circle at 65% 45%, rgba(35,120,255,.25), rgba(7,26,51,.85) 60%);
}
.hero-split__mediaInner picture,
.hero-split__mediaInner img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  opacity:.65;
  filter: saturate(1.12) contrast(1.05);
}
.hero-split__mediaOverlay{
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 90% 55%, rgba(255,200,0,.28), transparent 42%),
    radial-gradient(circle at 82% 60%, rgba(35,190,255,.30), transparent 45%),
    linear-gradient(90deg, rgba(4,15,30,.10) 0%, rgba(4,15,30,.55) 70%);
  pointer-events:none;
}

/* FX layers already in markup */
.hero-fx--dots{
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity:.12;
  mix-blend-mode: screen;
}
.hero-fx--ring{
  position:absolute;
  width: 520px; height: 520px;
  right: -140px; bottom: -140px;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, transparent 55%, rgba(255,200,0,.35) 56%, rgba(255,200,0,.0) 72%),
    radial-gradient(circle at center, transparent 60%, rgba(35,190,255,.30) 61%, rgba(35,190,255,.0) 78%);
  filter: blur(.2px);
  opacity: .95;
  pointer-events:none;
}

/* Badge */
.hero-badge{
  position:absolute;
  right: 44px;
  bottom: 44px;
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 18px;
  background: rgba(8,22,44,.55);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 34px rgba(0,0,0,.25);
}
.hero-badge__icon{ width: 44px; height: 44px; }
.hero-badge__top{
  font-weight: 800;
  letter-spacing: .06em;
  opacity: .95;
}
.hero-badge__big{
  font-size: 1.45rem;
  font-weight: 950;
  color: var(--w1d-yellow);
  line-height: 1.0;
}

/* Value props strip tweaks (keep existing structure) */
.value-props .value-prop{
  background: transparent !important;
}
.value-props .value-prop__title{ font-weight: 900; color: var(--w1d-blue-800); }
.value-props .value-prop__sub{ color: #35547a; }

/* Responsive */
@media (max-width: 991.98px){
  .hero-split__content{ padding: 34px 26px !important; }
  .hero-badge{ right: 18px; bottom: 18px; }
}