*{box-sizing:border-box; margin:0; padding:0;}
  body{font-family:'IBM Plex Sans', sans-serif; background:#0B120F;}
  a{color:inherit; text-decoration:none;}
  .wrap{max-width:1400px; margin:0 auto; padding:0 40px;}
  @media(max-width:640px){.wrap{padding:0 20px;}}

  /* Header */
  header{
  position:absolute; top:0; left:0; right:0; z-index:5;
  background:linear-gradient(180deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.18) 60%, rgba(0,0,0,0) 100%);
  transition:background .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, backdrop-filter .45s ease, border-color .45s ease;
  border-bottom:1px solid transparent;
}
header.scrolled{
  position:fixed; background:rgba(255,255,255,0.82); backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  box-shadow:0 8px 30px rgba(11,79,143,0.12); border-bottom:1px solid rgba(11,79,143,0.08);
}
  .nav{display:flex; align-items:center; justify-content:space-between; padding:14px 40px; max-width:1400px; margin:0 auto;}
  @media(max-width:640px){.nav{padding:14px 20px;}}
  .logo{display:flex; align-items:center; gap:10px; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:19px; color:#fff; text-shadow:0 1px 8px rgba(0,0,0,0.4); transition:color .4s ease, text-shadow .4s ease;}
  header.scrolled .logo{ color:#0B4F8F; text-shadow:none; }
  .logo .mark{width:34px; height:34px; object-fit:contain; transition:transform .45s cubic-bezier(.2,.8,.2,1), filter .4s ease; filter:drop-shadow(0 1px 6px rgba(0,0,0,0.4));}
  header.scrolled .logo .mark{ filter:drop-shadow(0 1px 4px rgba(11,79,143,0.25)); }
  .logo:hover .mark{ transform:rotate(-10deg) scale(1.1); }
  .nav-links{display:flex; align-items:center; gap:10px; font-size:15px; font-weight:500; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,0.4); transition:color .4s ease, text-shadow .4s ease;}
  header.scrolled .nav-links{ color:#22322C; text-shadow:none; }
  .nav-links a{display:inline-flex; align-items:center; gap:5px; position:relative; padding:9px 16px; border-radius:999px; z-index:1; transition:color .25s ease, letter-spacing .25s ease;}
  .nav-links a::before{
    content:""; position:absolute; inset:0; border-radius:999px; z-index:-1;
    background:linear-gradient(90deg,rgba(18,196,214,0.14),rgba(78,124,255,0.14));
    border:1px solid rgba(18,196,214,0.25);
    transform:scale(.8); opacity:0;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1), opacity .3s ease;
  }
  .nav-links a:hover::before{ transform:scale(1); opacity:1; }
  .nav-links a:hover{ color:#5EEAF5; letter-spacing:.2px; }
  header.scrolled .nav-links a:hover{ color:#0EA8B8; }
  .nav-links a svg{width:10px; height:10px; opacity:0.6; transition:transform .3s ease;}
  .nav-item:hover .nav-links a svg, .nav-item:hover > a svg{ transform:rotate(180deg); }
  .nav-item{position:relative;}
  .nav-dropdown{
    position:absolute; top:calc(100% + 16px); left:50%; transform:translateX(-50%) translateY(-6px);
    width:280px; background:#fff; border-radius:16px; box-shadow:0 22px 50px rgba(0,0,0,0.2);
    padding:10px; opacity:0; visibility:hidden; pointer-events:none;
    transition:opacity .25s ease, transform .25s ease, visibility .25s;
    z-index:60;
  }
  .nav-item:hover .nav-dropdown{
    opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); pointer-events:auto;
  }
  .nav-dropdown a{
    display:flex; align-items:center; gap:12px; padding:9px 10px; border-radius:11px;
    color:#22322C; text-decoration:none; font-weight:600; font-size:14px;
    transition:background .2s ease;
  }
  .nav-dropdown a:hover{ background:#F1F6F3; }
  .nav-dropdown .dd-icon{
    width:38px; height:38px; border-radius:10px; flex:0 0 auto; overflow:hidden;
    background:#eef3f1; display:flex; align-items:center; justify-content:center;
  }
  .nav-dropdown .dd-icon img{ width:100%; height:100%; object-fit:cover; }
  .nav-dropdown .dd-text small{
    display:block; font-weight:400; color:#7a8d85; font-size:11.5px; margin-top:2px;
  }
  .search-btn{
  width:38px; height:38px; border-radius:50%; background:#0E5C52; display:flex; align-items:center; justify-content:center;
  transition:background .3s ease, transform .3s ease, box-shadow .3s ease;
}
  header.scrolled .search-btn{ background:#0B4F8F; }
  .search-btn:hover{ background:#12C4D6; transform:scale(1.1) rotate(8deg); box-shadow:0 6px 18px rgba(18,196,214,0.4); }
  .search-btn svg{width:16px; height:16px; color:#fff;}
  .search-wrap{ position:relative; }
  .search-panel{
    position:absolute; top:calc(100% + 16px); right:0; width:300px;
    background:#fff; border-radius:16px; box-shadow:0 22px 50px rgba(0,0,0,0.2);
    padding:14px; opacity:0; visibility:hidden; transform:translateY(-8px);
    transition:opacity .25s ease, transform .25s ease, visibility .25s;
    z-index:70;
  }
  .search-panel.open{ opacity:1; visibility:visible; transform:translateY(0); }
  .search-panel input{
    width:100%; box-sizing:border-box; padding:11px 14px; border:1.5px solid #E5E5E5;
    border-radius:10px; font-size:14px; font-family:'Inter',sans-serif; color:#141A18;
    outline:none; transition:border-color .25s ease;
  }
  .search-panel input:focus{ border-color:#12C4D6; }
  .search-results{ margin-top:10px; max-height:280px; overflow-y:auto; display:flex; flex-direction:column; gap:3px; }
  .search-result-item{
    display:flex; flex-direction:column; padding:9px 11px; border-radius:10px;
    cursor:pointer; transition:background .2s ease;
  }
  .search-result-item:hover{ background:#F1F6F3; }
  .search-result-item .r-name{ font-size:13.5px; font-weight:700; color:#22322C; }
  .search-result-item .r-tag{ font-size:11.5px; color:#8A9490; margin-top:1px; }
  .search-empty{ font-size:13px; color:#9AA9A5; padding:10px 6px; text-align:center; }
  @media(max-width:960px){.nav-links{display:none;}}

  /* Hero */
  .hero{position:relative; min-height:78vh; overflow:hidden;}
  .hero svg.bg, .hero img.bg, .hero video.bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
  .hero video.bg{ object-position:center center; height:100%; top:0; bottom:auto; }
  .bg-clip{ opacity:0; z-index:0; transition:opacity .6s ease-in-out; }
  .bg-clip.active{ opacity:1; z-index:1; }
  .hero .veil{position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,16,13,0.15) 0%, rgba(8,16,13,0.35) 55%, rgba(8,16,13,0.72) 100%);}
  .hero-content{
    position:relative; z-index:2; height:78vh; display:flex; flex-direction:column;
    align-items:center; justify-content:center; text-align:center; padding:0 64px;
  }
  @media(max-width:640px){.hero-content{padding:0 24px;}}
  .hero-content h1{
    font-family:'Baloo 2',sans-serif; font-weight:700; font-size:44px; color:#fff; line-height:1.28; max-width:920px;
    text-shadow:0 2px 14px rgba(0,0,0,0.3); margin:0 auto;
  }
  @media(max-width:760px){.hero-content h1{font-size:28px;}}
  .learn-pill{
    position:relative;
    margin-top:30px; display:inline-flex; align-items:center; gap:12px;
    background:rgba(18,24,20,0.55); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.18);
    color:#fff; font-weight:600; font-size:15px;
    padding:8px 26px 8px 8px; border-radius:999px;
    transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
  }
  .learn-pill:hover{
    background:rgba(18,24,20,0.78);
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 10px 26px rgba(0,0,0,0.3);
  }
  .learn-pill::after{
    content:""; position:absolute; inset:-3px; border-radius:999px;
    box-shadow:0 0 0 0 rgba(63,208,122,0.45);
    animation:pillPulse 2.6s ease-out 2.2s infinite;
    pointer-events:none;
  }
  @keyframes pillPulse{
    0%{ box-shadow:0 0 0 0 rgba(63,208,122,0.45); }
    70%{ box-shadow:0 0 0 14px rgba(63,208,122,0); }
    100%{ box-shadow:0 0 0 0 rgba(63,208,122,0); }
  }
  .learn-pill .pill-icon{
    width:34px; height:34px; border-radius:50%;
    background:rgba(255,255,255,0.16);
    display:flex; align-items:center; justify-content:center;
    font-size:16px; line-height:1;
  }
  .learn-pill .pill-icon svg{ transition:transform .3s ease; }
  .learn-pill:hover .pill-icon svg{ transform:translate(2px,-2px); }
  .learn-pill:hover .pill-icon{ background:rgba(63,208,122,0.35); }

  .our-products-tag{
    margin-top:26px; display:inline-flex; align-items:center; gap:12px;
    color:rgba(255,255,255,0.85); font-family:'Baloo 2',sans-serif;
    font-weight:600; font-size:13px; letter-spacing:3px; text-transform:uppercase;
    opacity:0; animation:fadeUp 1s ease-out 0.95s forwards;
  }
  .our-products-tag::before{
    content:""; display:inline-block; width:34px; height:2px;
    background:linear-gradient(90deg,#3FD07A,#4E7CFF);
    animation:lineGrow 1s ease-out 0.95s forwards; transform-origin:left; transform:scaleX(0);
  }
  @keyframes lineGrow{ to{ transform:scaleX(1); } }

  .dots{position:absolute; right:28px; top:50%; transform:translateY(-50%); z-index:3; display:flex; flex-direction:column; gap:10px;}
  .dots span{width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,0.5); display:block;}
  .dots span.active{background:#3FD07A;}
  .src-tag{position:absolute; bottom:10px; left:16px; font-size:11px; color:rgba(255,255,255,0.55); z-index:3;}

/* ===== Animations added ===== */
@keyframes kenBurns{
  0%{transform:scale(1.0);}
  100%{transform:scale(1.04);}
}
.hero .bg{
  animation:kenBurns 18s ease-in-out infinite alternate;
  will-change:transform;
}
.bg-layer{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
  opacity:0; z-index:0;
  transition:opacity 1s ease-in-out;
  animation:kenBurns 9s ease-in-out infinite alternate;
  will-change:opacity, transform;
}
.bg-layer.active{ opacity:1; z-index:1; }

@keyframes fadeUp{
  0%{opacity:0; transform:translateY(28px);}
  100%{opacity:1; transform:translateY(0);}
}
.hero-content h1{
  opacity:0;
  animation:fadeUp 1s ease-out 0.3s forwards;
}
.hero-content .learn-pill{
  opacity:0;
  animation:fadeUp 1s ease-out 0.6s forwards;
}

@keyframes navDrop{
  0%{opacity:0; transform:translateY(-16px);}
  100%{opacity:1; transform:translateY(0);}
}
.nav{
  animation:navDrop 0.8s ease-out;
}

@keyframes veilPulse{
  0%,100%{opacity:1;}
  50%{opacity:0.85;}
}
.veil{
  animation:veilPulse 6s ease-in-out infinite;
}

.dots span{
  transition:transform 0.3s ease, background 0.3s ease;
}
.dots span.active{
  animation:dotPulse 1.8s ease-in-out infinite;
}
@keyframes dotPulse{
  0%,100%{transform:scale(1); box-shadow:0 0 0 0 rgba(63,208,122,0.5);}
  50%{transform:scale(1.25); box-shadow:0 0 0 6px rgba(63,208,122,0);}
}

@media (prefers-reduced-motion: reduce){
  .hero .bg,
  .bg-layer,
  .bg-clip,
  .hero-content h1,
  .hero-content .learn-pill,
  .learn-pill::after,
  .our-products-tag,
  .our-products-tag::before,
  .nav,
  .veil,
  .wave svg,
  .dots span.active{
    animation:none !important; opacity:1 !important; transform:none !important;
  }
}

/* ===== TRUSTED-BY LOGO MARQUEE ===== */
.logo-marquee-section{
  position:relative; background:radial-gradient(ellipse at center, #0E2A28 0%, #0B1210 75%); padding:56px 0 68px; overflow:hidden;
  border-top:1px solid #EEF2F1; border-bottom:1px solid #EEF2F1;
  margin-bottom:28px;
}
.logo-marquee-section .wave{
  position:absolute; left:0; width:100%; height:60px; overflow:hidden; pointer-events:none;
}
.logo-marquee-section .wave-top{ top:0; transform:scaleY(-1); }
.logo-marquee-section .wave-bottom{ bottom:0; }
.logo-marquee-section .wave svg{
  display:block; width:200%; height:100%;
  animation:waveDrift 10s linear infinite;
}
.logo-marquee-section .wave-bottom svg{ animation-duration:14s; animation-direction:reverse; }
@keyframes waveDrift{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
.logo-marquee-label{
  text-align:center; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:16px;
  letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.85); margin-bottom:22px;
}
.logo-marquee-track{
  display:flex; align-items:flex-start; justify-content:center;
  flex-wrap:wrap; width:100%; margin:0 auto; gap:0;
}
.logo-item{
  display:flex; flex-direction:column; align-items:center;
  margin:0 40px; max-width:170px;
}
.logo-item img{
  height:84px; width:auto; object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(255,255,255,0.55)) drop-shadow(0 4px 10px rgba(0,0,0,0.3));
  transition:transform .3s ease, filter .3s ease;
}
.logo-item:hover img{
  transform:scale(1.08);
  filter:drop-shadow(0 0 16px rgba(255,255,255,0.75)) drop-shadow(0 6px 14px rgba(0,0,0,0.35));
}
.logo-caption{
  margin-top:12px; text-align:center; font-size:13.5px; line-height:1.45;
  color:rgba(255,255,255,0.75); font-weight:500;
}



/* ===== CERTIFICATES ===== */
.certificates-section{
  position:relative; padding:64px 0; overflow:hidden;
  background-image:linear-gradient(135deg,rgba(2,8,14,0.72) 0%,rgba(2,8,14,0.55) 55%,rgba(2,8,14,0.75) 100%),
    url('../assets/images/image_001_84d77a469a.jpg');
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.certificates-inner{
  max-width:1180px; margin:0 auto; padding:0 40px;
  display:flex; align-items:center; gap:56px;
}
.certificates-left{ flex:0 0 300px; }
.certificates-left .cert-tag{
  display:inline-block; color:#0DC7D9; font-family:'Inter',sans-serif; font-weight:700;
  font-size:12.5px; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:10px;
}
.certificates-left h2{
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:34px; color:#fff; margin:0 0 14px;
}
.certificates-left p{
  font-family:'Inter',sans-serif; font-size:14.5px; line-height:1.6; color:rgba(255,255,255,0.82); margin:0 0 24px;
}
.certificates-grid{
  flex:1; display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
}
.cert-card{
  background:#fff; border-radius:16px; display:flex; align-items:center;
  justify-content:center; padding:22px; min-height:150px;
  box-shadow:0 14px 30px rgba(20,40,50,0.22);
  transition:transform .3s ease, box-shadow .3s ease;
}
.cert-card:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(20,40,50,0.3); }
.cert-card img{ max-width:100%; max-height:100%; object-fit:contain; }
@media(max-width:900px){
  .certificates-inner{ flex-direction:column; align-items:flex-start; gap:34px; }
  .certificates-left{ flex:none; }
}
@media(max-width:560px){
  .certificates-inner{ padding:0 22px; }
  .certificates-left h2{ font-size:27px; }
  .certificates-grid{ grid-template-columns:repeat(3,1fr); gap:12px; }
  .cert-card{ min-height:92px; padding:12px; border-radius:12px; }
}

/* ===== STATES ROLLING MARQUEE ===== */
/* ===== STATES ROLLING MARQUEE ===== */
.states-marquee-section{
  position:relative; background:#F7FAFA; padding:90px 0 70px; overflow:hidden;
  border-top:1px solid #EFEFEF;
}
.states-marquee-label{
  text-align:center; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:16px;
  letter-spacing:2px; text-transform:uppercase; color:#111111; margin-bottom:34px;
}
.states-marquee-viewport{
  width:100%; overflow:hidden;
}
.states-marquee-track{
  display:flex; align-items:flex-start; width:max-content;
  animation:statesScroll 55s linear infinite;
}
.states-marquee-section:hover .states-marquee-track{ animation-play-state:paused; }
@keyframes statesScroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
.state-item{
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  margin:0 34px; width:168px; flex:0 0 auto;
}
.state-item .state-img-wrap{
  width:150px; height:150px; perspective:800px;
}
.state-img-inner{
  box-sizing:border-box;
  width:150px; height:150px; border-radius:50%; overflow:hidden;
  background:#ffffff; display:flex; align-items:center; justify-content:center;
  box-shadow:0 18px 0 -6px rgba(0,0,0,0.12), 0 22px 30px 4px rgba(0,0,0,0.28);
  border:3px solid #111111;
  transform-style:preserve-3d;
  transition:box-shadow .3s ease, border-color .3s ease, transform .7s cubic-bezier(.3,.7,.4,1);
}
.state-item:hover .state-img-inner{
  transform:translateY(-10px) rotateY(360deg);
  box-shadow:0 26px 0 -6px rgba(0,0,0,0.14), 0 34px 44px 4px rgba(0,0,0,0.32);
  border-color:#111111;
}
.state-item img{
  height:120px; width:120px; object-fit:contain; display:block;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,0.10));
}
.state-item span{
  margin-top:12px; text-align:center; font-size:13.5px; font-weight:600;
  color:#454E52; line-height:1.3; font-family:'Inter',sans-serif;
  transition:color .3s ease;
}
.state-item:hover span{ color:#0B4F8F; }

/* ===== OUR PRODUCTS (light card style, scroll section) ===== */
.products-section{
  position:relative; padding:100px 64px 110px; background:#ffffff; overflow:hidden;
}
.products-section::after{
  content:""; position:absolute; top:0; right:0; bottom:0; width:44%; z-index:0;
  background-image:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,0.55) 22%,rgba(255,255,255,0.05) 65%),
    linear-gradient(0deg, rgba(0,0,0,0.35), rgba(0,0,0,0.35)),
    url('../assets/images/image_002_40f76bd201.jpg');
  background-size:cover; background-position:center;
  pointer-events:none;
}
@media(max-width:900px){ .products-section::after{ display:none; } }
.products-section > *{ position:relative; z-index:1; }
.products-head{
  position:relative; text-align:left; max-width:900px; margin:0 auto 56px;
  opacity:0; transform:translateY(30px) scale(.94);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.34,1.4,.64,1);
}
.products-section.in-view .products-head{ opacity:1; transform:translateY(0) scale(1); }
.products-head h2{
  font-family:'IBM Plex Sans',sans-serif; font-weight:700; font-size:52px; line-height:1.1;
  color:#000;
}
.products-head h2 .accent{
  font-style:italic;
  color:#000;
}
@media(max-width:760px){ .products-head h2{ font-size:34px; } }

.products-grid{
  position:relative; display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px; max-width:1300px; margin:0 auto;
  perspective:1200px;
}
@media(max-width:1100px){ .products-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .products-grid{ grid-template-columns:1fr; } }

.product-card{
  position:relative; overflow:hidden;
  text-decoration:none; color:inherit; cursor:pointer;
  display:flex; flex-direction:column;
  background:#ffffff; border:1px solid #ECECEC; border-radius:18px; padding:26px 24px 22px;
  opacity:0; transform:translateY(60px) scale(.92) rotateX(-10deg);
  transform-origin:bottom center;
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.22,1.3,.5,1), border-color .4s ease, box-shadow .4s ease;
}
.products-section.in-view .product-card{ opacity:1; transform:translateY(0) scale(1) rotateX(0deg); }
.products-section.in-view .product-card:nth-child(1){ transition-delay:.05s; }
.products-section.in-view .product-card:nth-child(2){ transition-delay:.2s; }
.products-section.in-view .product-card:nth-child(3){ transition-delay:.35s; }
.products-section.in-view .product-card:nth-child(4){ transition-delay:.5s; }
.product-card::after{
  content:""; position:absolute; inset:0; z-index:0; border-radius:17px;
  background:linear-gradient(180deg,#5adae5 0%,#41b1d6 30%,#2e96c9 50%,#1f7cc1 70%,#0554b1 100%);
  opacity:0; transition:opacity .5s ease;
  pointer-events:none;
}
.product-card:hover{
  border-color:transparent;
  box-shadow:0 26px 50px rgba(6,30,34,0.35);
  transform:translateY(-6px) scale(1.01) !important;
}
.product-card:hover::after{ opacity:1; }

.product-tag{
  position:relative; z-index:1;
  display:inline-flex; align-self:flex-start; align-items:center;
  background:rgba(18,196,214,0.12); color:#0A0A0A; border:1px solid transparent;
  font-weight:800; font-size:10.5px; letter-spacing:1.1px; text-transform:uppercase;
  padding:6px 14px; border-radius:999px; margin-bottom:22px;
  transition:background .4s ease, color .4s ease, border-color .4s ease;
}
.product-card:hover .product-tag{
  background:rgba(255,255,255,0.08); color:#5EEAF5; border-color:rgba(94,234,245,0.45);
}

.product-image{
  position:relative; z-index:1; width:100%; height:210px; margin-bottom:22px;
  display:flex; align-items:center; justify-content:center;
  background:transparent; overflow:visible;
}
.product-image::before{
  content:""; position:absolute; inset:-22px; z-index:0; border-radius:22px;
  background:radial-gradient(circle,rgba(18,196,214,0.30) 0%,rgba(78,124,255,0.14) 45%,transparent 72%);
  opacity:0; transform:scale(0.65);
  transition:opacity .45s ease, transform .45s ease;
  pointer-events:none;
}
.product-card:hover .product-image::before{ opacity:1; transform:scale(1); }
.product-image img{
  position:relative; z-index:1;
  width:100%; height:100%; object-fit:contain; object-position:center;
  transition:filter .4s ease;
  filter:drop-shadow(0 0 0 rgba(0,0,0,0));
  transform-origin:center center;
}
.product-card:hover .product-image img{
  animation:productKenBurns 5s ease-in-out infinite;
  filter:drop-shadow(0 18px 20px rgba(0,0,0,0.4));
}
@keyframes productKenBurns{
  0%   { transform:scale(1)     translate(0,0)     rotate(0deg); }
  25%  { transform:scale(1.14)  translate(-2%,-3%)  rotate(-0.6deg); }
  50%  { transform:scale(1.2)   translate(1.5%,-5%) rotate(0.5deg); }
  75%  { transform:scale(1.14)  translate(2%,-2%)   rotate(-0.4deg); }
  100% { transform:scale(1)     translate(0,0)      rotate(0deg); }
}
.product-image--cover{ overflow:hidden; border-radius:14px; }
.product-image--cover img{ object-fit:cover; }
.product-card:hover .product-image--cover img{ transform:scale(1.14) translateY(0); }

.product-card h3{
  position:relative; z-index:1;
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:18px; color:#0A0A0A;
  text-transform:uppercase; letter-spacing:.3px; margin-bottom:10px; line-height:1.3;
  transition:color .4s ease;
}
.product-card:hover h3{ color:#ffffff; }
.product-card p{
  position:relative; z-index:1;
  color:#767B81; font-size:13.8px; line-height:1.65; margin-bottom:22px; flex:1;
  transition:color .4s ease;
}
.product-card:hover p{ color:rgba(255,255,255,0.78); }
.product-footer{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:space-between;
  border-top:1px solid #EFEFEF; padding-top:16px;
  font-weight:800; font-size:11.5px; letter-spacing:1px; text-transform:uppercase; color:#0A0A0A;
  cursor:pointer; text-decoration:none;
  transition:color .4s ease, border-color .4s ease;
}
.product-card:hover .product-footer{ color:#ffffff; border-top-color:rgba(255,255,255,0.18); }
.product-footer .plus{
  width:22px; height:22px; border-radius:50%; border:1.5px solid #0A0A0A;
  display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:400; color:#0A0A0A;
  transition:background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease;
}
.product-card:hover .product-footer .plus{
  background:#0DC7D9; border-color:#0DC7D9; color:#04252A; transform:rotate(90deg);
}

/* ===== PRODUCT VIDEO SHOWCASE (scroll section) ===== */
.video-section{
  position:relative; padding:100px 64px 110px; background:#0B1210; overflow:hidden;
}
.video-section::before{
  content:""; position:absolute; top:-160px; left:50%; transform:translateX(-50%);
  width:640px; height:640px; border-radius:50%;
  background:radial-gradient(circle,rgba(78,124,255,0.16) 0%,rgba(78,124,255,0) 70%);
  pointer-events:none;
}
.video-head{
  position:relative; text-align:center; max-width:680px; margin:0 auto 48px;
  opacity:0; transform:translateY(40px);
  transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
}
.video-section.in-view .video-head{ opacity:1; transform:translateY(0); }
.video-kicker{
  display:inline-flex; align-items:center; gap:10px;
  color:#3FD07A; font-weight:700; font-size:13px; letter-spacing:3px; text-transform:uppercase;
  margin-bottom:18px;
}
.video-kicker::before, .video-kicker::after{
  content:""; width:26px; height:2px; background:linear-gradient(90deg,#3FD07A,#4E7CFF);
}
.video-head h2{
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:44px; line-height:1.2;
  background:linear-gradient(100deg,#ffffff 25%,#4E7CFF 60%,#3FD07A 95%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
@media(max-width:760px){ .video-head h2{ font-size:30px; } }
.video-head p{
  margin-top:16px; color:rgba(255,255,255,0.65); font-size:16px; line-height:1.6;
}

.video-frame-wrap{
  position:relative; max-width:960px; margin:0 auto;
  opacity:0; transform:translateY(60px) scale(.96);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}
.video-frame-wrap--big{ max-width:600px; }
.video-section.in-view .video-frame-wrap{ opacity:1; transform:translateY(0) scale(1); transition-delay:.15s; }
.video-frame-wrap::before{
  content:""; position:absolute; inset:-3px; border-radius:23px; z-index:0;
  background:linear-gradient(120deg,#3FD07A,#4E7CFF,#3FD07A);
  background-size:220% auto;
  opacity:.55;
  animation:videoBorderShine 6s ease-in-out infinite;
}
@keyframes videoBorderShine{
  0%,100%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
}
.video-frame-inner{
  position:relative; z-index:1; border-radius:20px; overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,0.45);
  background:#000;
}
.video-frame-inner video{
  display:block; width:100%; height:auto;
  transition:transform .5s ease;
}
.video-frame-wrap:hover .video-frame-inner video{ transform:scale(1.015); }

@media (prefers-reduced-motion: reduce){
  .video-head, .video-frame-wrap, .video-frame-wrap::before{
    transition:none !important; opacity:1 !important; transform:none !important; animation:none !important;
  }
}

/* ===== FIELD MOSAIC (image cube reveal) ===== */
.mosaic-section{
  position:relative; padding:100px 64px 110px; background:#0B1210; overflow:hidden;
}
.mosaic-section::before{
  content:""; position:absolute; bottom:-160px; right:-120px;
  width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle,rgba(63,208,122,0.14) 0%,rgba(63,208,122,0) 70%);
  pointer-events:none;
}
.mosaic-head{
  position:relative; text-align:left; max-width:680px; margin:0 0 28px;
  opacity:0; transform:translateY(40px);
  transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
}
.mosaic-section.in-view .mosaic-head{ opacity:1; transform:translateY(0); }
.mosaic-kicker{
  display:inline-flex; align-items:center; gap:10px;
  color:#3FD07A; font-weight:700; font-size:13px; letter-spacing:3px; text-transform:uppercase;
  margin-bottom:18px;
}
.mosaic-kicker::before{
  content:""; width:26px; height:2px; background:linear-gradient(90deg,#3FD07A,#4E7CFF);
}
.mosaic-head h2{
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:44px; line-height:1.2;
  background:linear-gradient(100deg,#ffffff 25%,#3FD07A 60%,#4E7CFF 95%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
@media(max-width:760px){ .mosaic-head h2{ font-size:30px; } }

.mosaic-layout{
  position:relative; max-width:1180px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;
}
@media(max-width:900px){ .mosaic-layout{ grid-template-columns:1fr; gap:36px; } }

.cube-mosaic{
  position:relative; width:100%;
  aspect-ratio:474/324;
  display:grid; grid-template-columns:repeat(8,1fr); grid-template-rows:repeat(6,1fr);
  gap:3px;
  border-radius:20px; overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,0.45);
  opacity:0; transform:translateX(-30px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}
.mosaic-section.in-view .cube-mosaic{ opacity:1; transform:translateX(0); }
.cube-mosaic .cube{
  background-image:var(--mosaic-img);
  background-size:800% 600%;
  opacity:0;
  transform:scale(.2) rotate(25deg);
  transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1);
}
.mosaic-section.in-view .cube-mosaic .cube{ opacity:1; transform:scale(1) rotate(0deg); }

.mosaic-info{
  position:relative;
  opacity:0; transform:translateX(30px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1) .15s, transform .8s cubic-bezier(.2,.7,.2,1) .15s;
}
.mosaic-section.in-view .mosaic-info{ opacity:1; transform:translateX(0); }
.mosaic-info p{
  font-size:15.5px; color:rgba(255,255,255,0.72); line-height:1.8; margin-bottom:26px;
}
.mosaic-info-list{ list-style:none; display:flex; flex-direction:column; gap:16px; }
.mosaic-info-list li{ display:flex; gap:12px; align-items:flex-start; }
.mosaic-info-list .dot{
  flex:0 0 auto; width:24px; height:24px; border-radius:50%; margin-top:1px;
  background:linear-gradient(135deg,#3FD07A,#4E7CFF);
  display:flex; align-items:center; justify-content:center;
}
.mosaic-info-list .dot svg{ width:12px; height:12px; stroke:#08150F; }
.mosaic-info-list span{ font-size:14.5px; color:rgba(255,255,255,0.85); line-height:1.6; }

@media (prefers-reduced-motion: reduce){
  .mosaic-head, .cube-mosaic, .cube-mosaic .cube, .mosaic-info{
    transition:none !important; opacity:1 !important; transform:none !important;
  }
}

/* ===== QUICK HIGHLIGHTS (scroll section) ===== */
.highlights-section{
  position:relative; padding:100px 64px 120px; background:#0E1613; overflow:hidden;
}
.highlights-section::before{
  content:""; position:absolute; bottom:-160px; right:-100px;
  width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle,rgba(78,124,255,0.16) 0%,rgba(78,124,255,0) 70%);
  pointer-events:none;
}
.highlights-head{
  position:relative; text-align:center; max-width:720px; margin:0 auto 56px;
  opacity:0; transform:translateY(40px);
  transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
}
.highlights-section.in-view .highlights-head{ opacity:1; transform:translateY(0); }
.highlights-head h2{
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:44px; line-height:1.2;
  background:linear-gradient(100deg,#ffffff 25%,#3FD07A 60%,#4E7CFF 95%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
@media(max-width:760px){ .highlights-head h2{ font-size:30px; } }

.highlights-grid{
  position:relative; display:grid;
  grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
  gap:24px; max-width:1180px; margin:0 auto;
}
.highlight-card{
  background:linear-gradient(160deg,rgba(255,255,255,0.055),rgba(255,255,255,0.015));
  border:1px solid rgba(255,255,255,0.08); border-radius:18px; padding:28px 26px;
  opacity:0; transform:translateY(50px) scale(.96);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .3s ease;
}
.highlights-section.in-view .highlight-card{ opacity:1; transform:translateY(0) scale(1); }
.highlights-section.in-view .highlight-card:nth-child(1){ transition-delay:.05s; }
.highlights-section.in-view .highlight-card:nth-child(2){ transition-delay:.15s; }
.highlights-section.in-view .highlight-card:nth-child(3){ transition-delay:.25s; }
.highlights-section.in-view .highlight-card:nth-child(4){ transition-delay:.35s; }
.highlights-section.in-view .highlight-card:nth-child(5){ transition-delay:.45s; }
.highlight-card:hover{
  border-color:rgba(63,208,122,0.5);
  transform:translateY(-6px) scale(1.015) !important;
  box-shadow:0 18px 40px rgba(0,0,0,0.35);
}
.highlight-icon{
  width:44px; height:44px; border-radius:12px; margin-bottom:18px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#3FD07A,#4E7CFF); color:#08150F;
  transition:transform .4s ease;
}
.highlight-card:hover .highlight-icon{ transform:scale(1.1) rotate(-4deg); }
.highlight-card h3{
  font-family:'Baloo 2',sans-serif; font-weight:700; font-size:17px; color:#fff; margin-bottom:8px;
}
.highlight-card p{ color:rgba(255,255,255,0.6); font-size:13.5px; line-height:1.6; }

/* ===== HOW IT WORKS (scroll section) ===== */
.process-section{
  position:relative; padding:100px 64px 120px; background:#0B1210; overflow:hidden;
}
.process-section::before{
  content:""; position:absolute; top:20%; left:-140px;
  width:460px; height:460px; border-radius:50%;
  background:radial-gradient(circle,rgba(63,208,122,0.14) 0%,rgba(63,208,122,0) 70%);
  pointer-events:none;
}
.process-head{
  position:relative; text-align:center; max-width:720px; margin:0 auto 64px;
  opacity:0; transform:translateY(40px);
  transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
}
.process-section.in-view .process-head{ opacity:1; transform:translateY(0); }
.process-head h2{
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:44px; line-height:1.2;
  background:linear-gradient(100deg,#ffffff 25%,#4E7CFF 60%,#3FD07A 95%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
@media(max-width:760px){ .process-head h2{ font-size:30px; } }

.process-grid{
  position:relative; display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px; max-width:1180px; margin:0 auto;
}
@media(max-width:980px){ .process-grid{ grid-template-columns:repeat(2, 1fr); } }
@media(max-width:560px){ .process-grid{ grid-template-columns:1fr; } }

.process-card{
  position:relative;
  background:linear-gradient(160deg,rgba(255,255,255,0.055),rgba(255,255,255,0.015));
  border:1px solid rgba(255,255,255,0.08); border-radius:18px; padding:30px 24px 26px;
  opacity:0; transform:translateY(50px) scale(.96);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .3s ease;
}
.process-section.in-view .process-card{ opacity:1; transform:translateY(0) scale(1); }
.process-section.in-view .process-card:nth-child(1){ transition-delay:.05s; }
.process-section.in-view .process-card:nth-child(2){ transition-delay:.22s; }
.process-section.in-view .process-card:nth-child(3){ transition-delay:.39s; }
.process-section.in-view .process-card:nth-child(4){ transition-delay:.56s; }
.process-card:hover{
  border-color:rgba(78,124,255,0.5);
  transform:translateY(-6px) scale(1.015) !important;
  box-shadow:0 18px 40px rgba(0,0,0,0.35);
}

.process-step-num{
  position:absolute; top:16px; right:18px;
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:26px;
  color:rgba(255,255,255,0.08);
}
.process-icon{
  width:44px; height:44px; border-radius:12px; margin-bottom:18px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#4E7CFF,#3FD07A); color:#08150F;
  transition:transform .4s ease;
}
.process-card:hover .process-icon{ transform:scale(1.1) rotate(-4deg); }
.process-card h3{
  font-family:'Baloo 2',sans-serif; font-weight:700; font-size:17px; color:#fff; margin-bottom:8px;
}
.process-card p{ color:rgba(255,255,255,0.6); font-size:13.5px; line-height:1.6; }

/* connecting flow line between steps (desktop only) */
.process-card:not(:last-child)::after{
  content:""; position:absolute; top:38px; right:-24px; width:24px; height:2px;
  background:linear-gradient(90deg,#4E7CFF,#3FD07A);
  transform:scaleX(0); transform-origin:left;
  transition:transform .5s ease .3s;
}
.process-section.in-view .process-card:not(:last-child)::after{ transform:scaleX(1); }
@media(max-width:980px){ .process-card:not(:last-child)::after{ display:none; } }

@media (prefers-reduced-motion: reduce){
  .products-head, .product-card, .product-image img, .product-image::before,
  .highlights-head, .highlight-card, .highlight-icon,
  .process-head, .process-card, .process-icon, .process-card::after{
    transition:none !important; opacity:1 !important; transform:none !important; filter:none !important;
  }
}

/* ===== PRELOADER ===== */
#preloader{
  position:fixed; inset:0; z-index:9999;
  background:#0B1210;
  display:flex; align-items:center; justify-content:center;
  transition:opacity .6s ease, visibility .6s ease;
}
#preloader.hide{ opacity:0; visibility:hidden; pointer-events:none; }
#preloader .loader-inner{
  display:flex; flex-direction:column; align-items:center; gap:16px;
}
#preloader .loader-logo{
  width:84px; height:84px; object-fit:contain;
  animation:loaderSpin 1.4s linear infinite;
}
#preloader .loader-text{
  font-family:'Baloo 2',sans-serif; font-weight:700; font-size:19px; letter-spacing:.5px;
  color:#ffffff;
  animation:loaderTextFade 1.8s ease-in-out infinite;
}
@keyframes loaderTextFade{
  0%,100%{ opacity:.55; }
  50%{ opacity:1; }
}
@keyframes loaderSpin{
  0%{ transform:rotate(0deg) scale(1); }
  50%{ transform:rotate(180deg) scale(1.12); }
  100%{ transform:rotate(360deg) scale(1); }
}
body.preloading{ overflow:hidden; }

@media (prefers-reduced-motion: reduce){
  #preloader .loader-logo, #preloader .loader-text{ animation:none !important; opacity:1 !important; }
}

/* ===== FOOTER ===== */
.footer-cta-bar{
  background:#0B1210; padding:26px 24px; text-align:center;
  display:flex; justify-content:center; gap:18px; flex-wrap:wrap;
}
.footer-cta-bar a{
  display:inline-flex; align-items:center; padding:14px 34px; border-radius:999px;
  font-family:'Inter',sans-serif; font-weight:700; font-size:15px; text-decoration:none;
  transition:all .3s ease;
}
.footer-cta-btn{ background:#fff; color:#0B1210; }
.footer-cta-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(255,255,255,0.2); }
.footer-cta-btn.primary{ background:#0DC7D9; color:#04252A; }
.footer-cta-btn.primary:hover{ box-shadow:0 8px 20px rgba(13,199,217,0.4); }

.site-footer{
  background:#0B1210; color:#B7C4C0; padding:64px 64px 0;
  font-family:'Inter',sans-serif;
}
.footer-grid{
  max-width:1400px; margin:0 auto; display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:48px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
@media(max-width:900px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .footer-grid{ grid-template-columns:1fr; } }
.footer-col h4{
  color:#fff; font-family:'Baloo 2',sans-serif; font-size:17px; margin:0 0 18px; font-weight:700;
}
.footer-brand{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.footer-brand img{ width:34px; height:34px; }
.footer-brand span{ color:#fff; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:19px; }
.footer-col p{ font-size:14px; line-height:1.7; color:#9AA9A5; max-width:320px; }
.footer-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.footer-col ul li a{
  color:#B7C4C0; text-decoration:none; font-size:14px; transition:color .25s ease, padding-left .25s ease;
}
.footer-col ul li a:hover{ color:#0DC7D9; padding-left:4px; }
.footer-contact li{ font-size:14px; line-height:1.6; color:#9AA9A5; }
.footer-contact li a{ color:#B7C4C0; text-decoration:none; }
.footer-contact li a:hover{ color:#0DC7D9; }
.footer-bottom{
  max-width:1400px; margin:0 auto; padding:26px 0 32px;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;
}
.footer-social{ display:flex; gap:12px; }
.footer-social a{
  width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,0.18);
  display:flex; align-items:center; justify-content:center; color:#B7C4C0; text-decoration:none;
  transition:all .25s ease;
}
.footer-social a:hover{ background:#0DC7D9; border-color:#0DC7D9; color:#04252A; transform:translateY(-3px); }
.footer-social svg{ width:17px; height:17px; fill:currentColor; }
.footer-copy{ font-size:13px; color:#7C8B87; }



/* ===== CONTACT SECTION ===== */
.contact-section{
  position:relative; padding:100px 64px 110px; background:#0E1613; overflow:hidden;
}
.contact-inner{
  position:relative; max-width:1300px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1.3fr; gap:56px; align-items:start;
}
@media(max-width:900px){ .contact-inner{ grid-template-columns:1fr; } }
.contact-left .cert-tag{
  display:inline-block; color:#0DC7D9; font-family:'Inter',sans-serif; font-weight:700;
  font-size:13px; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:10px;
}
.contact-left h2{
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:38px; color:#fff; margin:0 0 16px;
}
.contact-left p{
  font-family:'Inter',sans-serif; font-size:16px; line-height:1.7; color:#9AA9A5; max-width:420px; margin:0 0 34px;
}
.contact-info-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:22px; }
.contact-info-list li{ display:flex; gap:16px; align-items:flex-start; }
.contact-info-icon{
  flex:none; width:44px; height:44px; border-radius:12px; background:rgba(13,199,217,0.12);
  border:1px solid rgba(13,199,217,0.3); display:flex; align-items:center; justify-content:center;
}
.contact-info-icon svg{ width:20px; height:20px; stroke:#0DC7D9; fill:none; stroke-width:2; }
.contact-info-text{ font-family:'Inter',sans-serif; }
.contact-info-text .label{ color:#fff; font-weight:700; font-size:14px; margin-bottom:3px; display:block; }
.contact-info-text a, .contact-info-text span{ color:#9AA9A5; font-size:14px; line-height:1.6; text-decoration:none; }
.contact-info-text a:hover{ color:#0DC7D9; }

.contact-form{
  background:#141E1A; border:1px solid rgba(255,255,255,0.08); border-radius:20px;
  padding:38px; box-shadow:0 20px 50px rgba(0,0,0,0.3);
}
.contact-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media(max-width:560px){ .contact-form-grid{ grid-template-columns:1fr; } }
.contact-form-grid .full{ grid-column:1 / -1; }
.contact-form label{
  display:block; font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:#B7C4C0; margin-bottom:7px;
}
.contact-form input, .contact-form textarea{
  width:100%; box-sizing:border-box; background:#0E1613; border:1px solid rgba(255,255,255,0.12);
  border-radius:10px; padding:13px 14px; color:#fff; font-family:'Inter',sans-serif; font-size:14px;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.contact-form input::placeholder, .contact-form textarea::placeholder{ color:#5C6864; }
.contact-form input:focus, .contact-form textarea:focus{
  outline:none; border-color:#0DC7D9; box-shadow:0 0 0 3px rgba(13,199,217,0.18);
}
.contact-form textarea{ min-height:110px; resize:vertical; }
.contact-submit-btn{
  margin-top:22px; width:100%; padding:15px; border:none; border-radius:999px;
  background:#0DC7D9; color:#04252A; font-family:'Inter',sans-serif; font-weight:700; font-size:15px;
  cursor:pointer; transition:all .3s ease;
}
.contact-submit-btn:hover{ background:#11e0f4; transform:translateY(-2px); box-shadow:0 10px 24px rgba(13,199,217,0.35); }
.contact-form-note{
  margin-top:14px; font-family:'Inter',sans-serif; font-size:13px; color:#0DC7D9; display:none;
}
.contact-form-note.show{ display:block; }

/* ===== ENQUIRY MODAL ===== */
.enquiry-overlay{
  position:fixed; inset:0; background:rgba(4,10,9,0.72); backdrop-filter:blur(4px);
  display:none; align-items:center; justify-content:center; z-index:9999; padding:20px;
  opacity:0; transition:opacity .25s ease;
}
.enquiry-overlay.show{ display:flex; }
.enquiry-overlay.open{ opacity:1; }
.enquiry-modal{
  position:relative; width:100%; max-width:460px; background:#141E1A;
  border:1px solid rgba(255,255,255,0.08); border-radius:20px; padding:34px 32px 30px;
  box-shadow:0 30px 70px rgba(0,0,0,0.45); transform:translateY(24px) scale(.97); opacity:0;
  transition:transform .3s cubic-bezier(.2,.7,.2,1), opacity .3s ease;
}
.enquiry-overlay.open .enquiry-modal{ transform:translateY(0) scale(1); opacity:1; }
.enquiry-modal-close{
  position:absolute; top:16px; right:16px; width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); color:#B7C4C0;
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .2s ease;
}
.enquiry-modal-close:hover{ background:rgba(13,199,217,0.15); color:#0DC7D9; }
.enquiry-modal-close svg{ width:16px; height:16px; stroke:currentColor; stroke-width:2; fill:none; }
.enquiry-modal h3{
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:26px; color:#fff; margin:0 0 6px;
}
.enquiry-modal p.sub{
  font-family:'Inter',sans-serif; font-size:14px; color:#9AA9A5; margin:0 0 22px;
}
.enquiry-modal .contact-form-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
.enquiry-modal label{
  display:block; font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:#B7C4C0; margin-bottom:7px;
}
.enquiry-modal input, .enquiry-modal textarea{
  width:100%; box-sizing:border-box; background:#0E1613; border:1px solid rgba(255,255,255,0.12);
  border-radius:10px; padding:13px 14px; color:#fff; font-family:'Inter',sans-serif; font-size:14px;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.enquiry-modal input::placeholder, .enquiry-modal textarea::placeholder{ color:#5C6864; }
.enquiry-modal input:focus, .enquiry-modal textarea:focus{
  outline:none; border-color:#0DC7D9; box-shadow:0 0 0 3px rgba(13,199,217,0.18);
}
.enquiry-modal textarea{ min-height:90px; resize:vertical; }
.enquiry-submit-btn{
  margin-top:20px; width:100%; padding:15px; border:none; border-radius:999px;
  background:#0DC7D9; color:#04252A; font-family:'Inter',sans-serif; font-weight:700; font-size:15px;
  cursor:pointer; transition:all .3s ease;
}
.enquiry-submit-btn:hover{ background:#11e0f4; transform:translateY(-2px); box-shadow:0 10px 24px rgba(13,199,217,0.35); }
.enquiry-submit-btn:disabled{ opacity:.6; cursor:default; transform:none; box-shadow:none; }
.enquiry-modal-note{
  margin-top:14px; font-family:'Inter',sans-serif; font-size:13px; color:#0DC7D9; display:none; text-align:center;
}
.enquiry-modal-note.show{ display:block; }
@media(max-width:560px){ .enquiry-modal{ padding:28px 22px 24px; } }

/* ===== PARTNERS MARQUEE (Trusted Across India) — rotating wheel ===== */
.partners-marquee-section{
  position:relative; background:#ffffff; padding:56px 0 64px; overflow:hidden;
  border-top:1px solid #EFEFEF;
}
.partners-marquee-label{
  text-align:center; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:16px;
  letter-spacing:2px; text-transform:uppercase; color:#0B4F8F; margin-bottom:8px;
}
.partners-marquee-sub{
  text-align:center; font-family:'Inter',sans-serif; font-size:13.5px; color:#8A9490; margin-bottom:34px;
}
.partners-marquee-viewport{
  position:relative; width:100%; height:190px; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
}
.partners-marquee-track{ position:relative; width:100%; height:100%; }
.partners-marquee-section:hover .partner-item{ animation-play-state:paused; }
@keyframes wheelCycle{
  0%    { left:-16%; top:80%; transform:translateY(-50%) rotate(-230deg) scale(.5);  opacity:0; }
  8%    { opacity:1; }
  50%   { left:50%;  top:28%; transform:translateY(-50%) rotate(0deg)    scale(1);   opacity:1; }
  92%   { opacity:1; }
  100%  { left:116%; top:80%; transform:translateY(-50%) rotate(230deg)  scale(.5);  opacity:0; }
}
.partner-item{
  position:absolute; top:28%; left:0; width:190px; margin-left:-95px;
  display:flex; align-items:center; justify-content:center;
  padding:16px 22px; background:#fff; border:1px solid #ECECEC; border-radius:14px;
  box-shadow:0 10px 26px rgba(11,79,143,0.08);
  animation-name:wheelCycle; animation-duration:24s; animation-timing-function:linear; animation-iteration-count:infinite;
}
.partner-item:nth-child(1){ animation-delay:-0s; }
.partner-item:nth-child(2){ animation-delay:-2s; }
.partner-item:nth-child(3){ animation-delay:-4s; }
.partner-item:nth-child(4){ animation-delay:-6s; }
.partner-item:nth-child(5){ animation-delay:-8s; }
.partner-item:nth-child(6){ animation-delay:-10s; }
.partner-item:nth-child(7){ animation-delay:-12s; }
.partner-item:nth-child(8){ animation-delay:-14s; }
.partner-item:nth-child(9){ animation-delay:-16s; }
.partner-item:nth-child(10){ animation-delay:-18s; }
.partner-item:nth-child(11){ animation-delay:-20s; }
.partner-item:nth-child(12){ animation-delay:-22s; }
.partner-item img{
  max-width:100%; max-height:56px; object-fit:contain;
}