html{scroll-behavior:smooth;}
  body{margin:0;}
  ::selection{background:#D7DEEA;color:#263041;}



:root{
    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --line:#eef0f3;
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: #263041;
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --radius-sm: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --blur-xl: 24px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-brand: #5E77A1;
    --color-brand-light: #7B8FB2;
    --color-brand-peach: #A9BAD4;
    --color-brand-50: #EEF1F7;
    --color-brand-100: #D7DEEA;
    --color-brand-800: #34435C;
    --color-line: #eef0f3;
    --color-primary: #1B222C;
    --color-primary-700: #0E1319;
    --color-primary-50: #EDEFF1;
}
body{  font-family: "Inter", sans-serif !important;}
.bg-brand {background-color: var(--color-brand) !important;}
.color-brand, .text-brand  { color: var(--color-brand);}  
  .bg-primary {background: #1B222C ;}
  .text-primary-700 {color: #0e1319;}
  .bg-primary-700 {background: #0e1319 ;}
.text-primary-50 { color: var(--color-primary-50);}
  .color-primary-50 { background-color: var(--color-primary-50);}
.bg-brand-50 {background-color: var(--color-brand-50);}
.border-brand { border-color: var(--color-brand-100);}
.text-brand-800 { color: var(--color-brand-800);}
.color-brand-light{ color: var(--color-brand-light);}
.color-brand-peach{ color: var(--color-brand-peach);}
.color-brand-50{ color: var(--color-brand-50);}
.color-brand-100{ color: var(--color-brand-100);}
.color-brand-800{ background-color: var(--color-brand-800);}
.hero_banner { background-color: white;}
h1,h2,h3,h4,h5,h6 { font-family: "Inter", sans-serif !important; }
.hero_banner::before {  content: ""; position: absolute; inset: 0; pointer-events: none; background-color:color-mix(in oklab, var(--color-brand) 12%, transparent);}
.final-cta, .bg_liner_light { position: relative;  overflow: hidden;  background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-light) 55%, var(--color-brand-peach) 100%);}
.final-cta::before, .bg_liner_light:before {  content: ""; position: absolute; inset: 0; background: radial-gradient(circle at top left, rgba(255,255,255,0.18), transparent 42%); pointer-events: none;}
header.sticky{ backdrop-filter: blur(20px);  background:color-mix(in oklab, var(--color-white) 70%, transparent)}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  @keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
  @keyframes pulsedot{0%,100%{opacity:1}50%{opacity:.35}}
  input[type=range]{accent-color:#1B222C;}
  
.nav-top{ }
.nav-top .wrap{flex-wrap:nowrap}
.logo img {height: 70px; }

header {position: absolute; left:0; right:0; top:0; z-index: 9;}
header.scrolled{backdrop-filter: blur(20px);  background: color-mix(in oklab, var(--color-white) 70%, transparent); border-bottom:1px solid var(--line); box-shadow:0 1px 0 var(--line); position:fixed; top:0; left:0; right:0; z-index:100; padding:0; transition:all .35s ease;}




.nav-top a{font-size:16px}
.nav-hamburger{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px;background:rgba(179,186,212,.25);border:1px solid var(--line-2);cursor:pointer;flex-shrink:0;padding:0}
.nav-hamburger span{width:20px;height:1.5px;background:#111827;border-radius:999px;transition:all .3s ease;transform-origin:center;display:block}
.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:#fffffffc;backdrop-filter:blur(24px);flex-direction:column;overflow:hidden;opacity:0;transform:translateY(-12px);transition:opacity .3s ease,transform .3s ease; height: 100vh;}
.nav-mobile.visible{opacity:1;transform:none}
.nm-viewport{position:relative;width:100%;height:100%;overflow:hidden}
.nm-panel{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:80px 32px 48px;transform:translateX(100%);opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.4,0,.2,1),opacity .32s ease;overflow-y:auto;will-change:transform;z-index:1}
.nm-panel.nm-active{transform:translateX(0);opacity:1;pointer-events:all;z-index:2}
.nm-panel.nm-behind{transform:translateX(-22%);opacity:0;pointer-events:none;z-index:1}
.nm-has-sub{font-family:var(--heading_font);font-size:32px;color:#111827;letter-spacing:-.025em;font-weight:400;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:0;transition:color .2s}
.nm-has-sub:hover{color:var(--sun)}
.nm-has-sub svg{opacity:.45;transition:opacity .2s}
.nm-has-sub:hover svg{opacity:.8}
.nm-topbar{position:absolute;top:26px;left:0;right:0;padding:22px 28px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #00000014;background:#fffffffc;z-index:9999;pointer-events:auto;box-shadow:0 6px 18px #0b161a0f}
.nm-back-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--inter);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#4A6070;background:none;border:none;cursor:pointer;padding:6px 0;transition:color .2s;position:relative;z-index:10000;pointer-events:auto}
.nm-back-btn:hover{color:#111827}
.nm-topbar-label{font-family:var(--inter);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#11182766}
.nm-close-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;color:#4A6070;border-radius:8px;transition:color .2s,background .2s;pointer-events:auto;position:relative;z-index:10000;flex-shrink:0}
.nm-close-btn:hover{color:#111827;background:#0000000a}
.nm-panel:not(#nm-main){justify-content:center;padding-top:90px}
.nm-sub-links{gap:18px!important}
.nm-sub-links a{font-size:26px!important}
.nav-mobile-links{display:flex;flex-direction:column;align-items:center;gap:24px}
.nav-mobile-links a{font-family:var(--heading_font);font-size:32px;color:#111827;letter-spacing:-.025em;font-weight:400;transition:color .2s}
.nav-mobile-links a:hover{color:var(--sun)}
.nav-mobile-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:10px;font-size:14px;font-weight:500;transition:all .25s ease;white-space:nowrap;letter-spacing:-.005em;cursor:pointer;font-family:inherit}

@media (min-width: 1110px) {

}

@media (max-width: 1350px) {
  .nav-top a{font-size:15px;}
}
@media (max-width: 1250px) {
  .nav-top a{font-size:14px;}
}
@media (max-width: 1110px) {
  .logo img {height: 60px;}
  .nav-top a{font-size: 13px;}
}
@media (max-width: 1023px) {
  .nav-hamburger{display:flex!important;position:absolute;z-index:9999;right:25px;top:22px}
.nav-mobile.visible .logo{display:inline-block;margin-top:20px}
.top_btn {margin-right: 92px;}
.nav-links-md{display:none!important}
.nm-sub-open .nav-top .logo{visibility:hidden!important}
/* .nav-top{position:static} */
.nm-topbar{padding:40px 28px;top:0}
.hero-stats{margin-top:20px}
.nav-cta-md {margin-right:55px}
.nm-viewport {padding: 0px 20px;}
header{position: fixed; top: 0; left: 0; right: 0; z-index: 1;}
.nav-top.scrolled { }  

.nav_glassy{backdrop-filter: blur(20px);  background: color-mix(in oklab, var(--color-white) 70%, transparent);border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--line); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}


}




.hover\:border-brand-100 { &:hover { @media (hover: hover) {border-color: var(--color-brand-100);}}}
.bg-linear-to-br { @supports (background-image: linear-gradient(in lab, red, red)) {--tw-gradient-position: to bottom right in oklab;}
}
.to-brand\/80 {@supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-brand) 80%, transparent);}
}
.from-amber-50 { --tw-gradient-from: var(--color-amber-50);}
.to-orange-100 {--tw-gradient-to: var(--color-orange-100);}
.orange_gradient {background: linear-gradient(267deg,var(--color-orange-100) 50%, var(--color-amber-50) 100%);}
.lightgreen_gradient {background: linear-gradient(120deg, #e4fdf4 0%, #d7fcf2 40%, #cffcf2 100%);}
.light_purple_gradient {background: linear-gradient(120deg, #f5f3ff 0%, #f4efff 40%, #f3e9ff 100%);}
.light_blue_gradient {background: linear-gradient(120deg, #eef8ff 0%, #e9f5ff 40%, #dbeafe 100%);}
.light_blue1_gradient {background: linear-gradient(120deg, #f1f5f9 0%, #ecf1f7 40%, #e2e9f1 100%);}
.light_blue2_gradient {background: linear-gradient(120deg, #fff1f2 0%, #feeef2 40%, #fde7f3 100%);}
.or_gradient1 {background: linear-gradient(120deg, #ff9100 50%, #ff7200 100%);}
.bl_gradient1 {background: linear-gradient(120deg, #637ba3 50%, #7489ae 100%);}
.bl_gradient2 {background: linear-gradient(120deg, #3c4b62 50%, #233045  100%);}
.pr_gradient2 {background: linear-gradient(120deg, #944fff 50%, #a749ff 100%);}




/* Blog featured tile background — dark navy to cool blue highlight */
.blog_bg_brand {position: relative; background: linear-gradient(120deg, #0b1624 0%, #172635 40%, rgba(123,143,178,0.85) 100%);color: #ffffff; overflow: hidden;}
.blog_bg_brand::after { content: ""; position: absolute;right: -10%;bottom: -10%;width: 60%;height: 60%;background: radial-gradient(circle at 70% 70%, rgba(123,143,178,0.18), rgba(94,119,161,0.06) 40%, transparent 60%);filter: blur(36px); pointer-events: none;}

/* Active state for sticky aside table-of-contents links */
aside.sticky nav a.active,
aside.sticky nav a.active:hover { color: var(--color-brand) !important;}
aside.sticky nav a.current, aside.sticky nav a.current:hover { color: var(--color-brand) !important;}
.testimonial-content {  position: relative;   min-height: 240px; overflow: hidden; opacity: 1;   transition: opacity 0.3s ease; }
 .testimonial-content.is-transitioning { opacity: 0;  }


 .sos1_row{display:block;overflow:hidden;position:relative}
.sos1_inner{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;width:max-content;padding:16px 0;animation:sos1L 24s linear infinite;will-change:transform}
.sos1_row:hover .sos1_inner{animation-play-state:paused}
.sos1_item{display:inline-flex;align-items:center;justify-content:center;padding:0 10px}
.sos1_item .logo_item{ width:120px; height:120px; min-width:120px; min-height:120px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:8px; text-align:center; padding:14px 12px; box-sizing:border-box;}
.sos1_item .logo_item span:first-child{font-size:32px;line-height:1;display:block}
.sos1_item .logo_item span:last-child{display:block;font-size:12.5px;font-weight:600;color:#475569;line-height:1.3; margin-bottom: 0;}
.sos1_item .logo_item img { width: auto; height: 40px;}

@keyframes sos1L {
0%{transform:translate3d(0,0,0)}
100%{transform:translate3d(-50%,0,0)}
}


.case_slider.owl-carousel{z-index: 0;}
.case_slider .owl-stage {  display: flex;}
.case_slider .owl-item {   display: flex;}
.case_slider .item {  display: flex; flex-direction: column; width: 100%; height: 100%;}


/* ---- logo_slider (social proof marquee) ---- */


.case_slider .item img, .logo_slider .item img{width: auto !important;}
.case_slider .owl-nav [class*='owl-'] {background-color: #FFFFFF !important; width: 48px; height: 48px; border-radius: 7px; border: 1px solid #0D0A0526 !important; text-align: center; margin: 0 5px; }
.case_slider .owl-nav {margin-top: 40px; text-align: center; }
.case_slider .owl-nav img{margin: 0 auto;}



.logo_row{display:block;overflow:hidden;position:relative}
.logo_row_inner{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;width:max-content;padding:16px 0;animation:sos1L 50s linear infinite;will-change:transform}
.logo_row:hover .logo_row_inner{animation-play-state:paused}
.logo_brand_item {display:flex; align-items:center; justify-content:center; padding:0 40px}
.logo_brand_item img {  width: 100%; max-width: 200px; height: 60px; text-align:center; object-fit: scale-down;}




.case_slider .item img, .logo_slider .item img{width: auto !important; max-height: 60px;}

.case_slider .owl-nav [class*='owl-'] {background-color: #FFFFFF !important; width: 48px; height: 48px; border-radius: 7px; border: 1px solid #0D0A0526 !important; text-align: center; margin: 0 5px; }
.case_slider .owl-nav {margin-top: 40px; text-align: center; }
.case_slider .owl-nav img{margin: 0 auto;}





@media (max-width: 767px) {
.logo img{height: 45px;    position: absolute; left: 20px; top: 14px;}
.nav-hamburger {top:13px}
}
@media (max-width: 667px) {
    .nav-mobile-links a{font-size: 20px}

}
@media (max-width: 549px) {
.copyright_text{text-align: center; display: block; }
.copyright_text span{display: block; margin:0 auto; }
}
@media (max-width: 400px) { 
    .nav-cta-md {gap: 0.25rem !important; }
   .nav-top a{font-size: 13px ; padding: 10px 12px; }
   .nav-top a.logo{padding:0 !important}
}
@media (max-width: 365px) { 
    
    .nav-cta-md { margin-right:50px;}
}
@media (max-width: 343px) { 
     .nav-top a{font-size: 12px ; padding: 10px 8px; }
}