@charset "utf-8";

 :root{
    --blue:#123E93;--blue-2:#0B2C6E;--blue-3:#08204F;
    --blue-tint:#EAF1FC;--blue-tint-2:#DCE8FA;
    --orange:#FF7A1A;--orange-2:#E4640A;--amber:#FFB020;
    --teal:#12615E;--ink:#101828;--muted:#5B6577;
    --paper:#FFFFFF;--panel:#F5F8FD;--line:#E4E9F3;
    --on-blue-muted:rgba(255,255,255,.72);--on-blue-line:rgba(255,255,255,.16);
    --radius:18px;--shadow:0 26px 54px -26px rgba(11,34,74,.35);
    --shadow-sm:0 14px 30px -18px rgba(11,34,74,.28);
    --wrap:1180px;--font-h:'Plus Jakarta Sans',sans-serif;--font-b:'Inter',sans-serif;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;font-family:var(--font-b);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.65;}
  a{color:inherit;text-decoration:none;}
  ul{margin:0;padding:0;list-style:none;}
  h1,h2,h3,h4{font-family:var(--font-h);margin:0;line-height:1.16;font-weight:700;letter-spacing:-.01em;}
  p{margin:0;}
  .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px;}
  section{position:relative;}
  ::selection{background:var(--blue-tint-2);color:var(--blue-3);}
  h2.section-title{font-size:clamp(1.6875em,3.2vw,2.5em);color:var(--blue);}
  .section-sub{max-width:680px;color:var(--muted);font-size:1.0625em;margin-top:14px;}
  .section-head{margin-bottom:46px;}
  .section-head.center{text-align:center;margin-left:auto;margin-right:auto;}
  .section-head.center .section-sub{margin-left:auto;margin-right:auto;}

  /* Buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-h);font-weight:700;font-size:15px;padding:15px 27px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,color .18s;white-space:nowrap;}
  .btn-primary{background:var(--orange);color:#fff;box-shadow:0 16px 30px -14px rgba(255,122,26,.55);}
  .btn-primary:hover{background:var(--orange-2);transform:translateY(-2px);}
  .btn-ghost{background:rgba(255,255,255,.08);border-color:var(--on-blue-line);color:#fff;}
  .btn-ghost:hover{border-color:#fff;transform:translateY(-2px);}
  .btn-outline{background:transparent;border-color:var(--line);color:var(--blue);}
  .btn-outline:hover{border-color:var(--blue);background:var(--blue-tint);transform:translateY(-2px);}
  .btn svg{width:16px;height:16px;flex:none;}

  
  /* Breadcrumb */
  .crumb{background:var(--panel);border-bottom:1px solid var(--line);}
  .crumb .wrap{padding:18px 28px;display:flex;flex-direction:column;align-items:center;}
  .crumb-nav{display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;}
  .crumb-item a{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:600;padding:5px 10px;border-radius:7px;transition:color .15s,background .15s;}
  .crumb-item a:hover{color:var(--blue);background:var(--blue-tint);}
  .crumb-item a svg{width:13px;height:13px;color:var(--blue);}
  .crumb-sep{display:flex;align-items:center;padding:0 2px;color:var(--line);}
  .crumb-sep svg{width:13px;height:13px;}
  .crumb-current{display:flex;align-items:center;gap:7px;padding:5px 12px;background:var(--blue-tint);border-radius:7px;border:1px solid var(--blue-tint-2);}
  .crumb-current span{font-size:13px;font-weight:700;color:var(--blue);}
  .crumb-current .dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex:none;}

  /* Sections */
  .section{padding:88px 0;}
  .section.tight{padding:60px 0;}
  .on-panel{background:var(--panel);}
  .on-blue{background:linear-gradient(150deg,var(--blue-3),var(--blue-2));color:#fff;}

  /* ── HERO ── */
  .hero{background:linear-gradient(155deg,var(--blue-3) 0%,var(--blue) 55%,var(--blue-2) 100%);color:#fff;padding:80px 0 70px;overflow:hidden;position:relative;}
  .hero::before{content:"";position:absolute;top:-120px;right:-120px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,176,32,.12),transparent 70%);}
  .hero::after{content:"";position:absolute;bottom:-80px;left:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(18,97,94,.2),transparent 70%);}
  .hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;}
  .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:7px 16px;font-size:12.5px;font-weight:700;color:var(--amber);margin-bottom:20px;letter-spacing:.04em;text-transform:uppercase;}
  .hero-badge span{width:7px;height:7px;border-radius:50%;background:var(--amber);}
  .hero h1{font-size:2.25em;color:#fff;line-height:1.1;font-weight:800;}
  .hero h1 em{font-style:normal;color:var(--amber);}
  .hero .lead{color:var(--on-blue-muted);font-size:1.0625em;margin-top:22px;max-width:520px;line-height:1.75;}
  .hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;}
  .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;}
  .h-stat{background:rgba(255,255,255,.07);border:1px solid var(--on-blue-line);border-radius:14px;padding:18px 16px;text-align:center;}
  .h-stat .val{font-family:var(--font-h);font-size:28px;font-weight:800;color:#fff;}
  .h-stat .lbl{font-size:12px;color:var(--on-blue-muted);margin-top:4px;font-weight:600;}

  /* Video stage */
 .video-stage {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 40px 80px -30px rgba(0,0,0,.5);
  aspect-ratio: 16/9;
  cursor: pointer;
  border: 2px solid rgba(255,255,255,.12);
  background: #000;
}

/* YouTube video */
.video-iframe-wrap {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 1;
  background: #000;
}

.video-iframe-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Thumbnail */
.video-thumb-wrap {
  position: absolute;
  inset: 0;
  z-index: 2;
  transition: opacity .5s ease, visibility .5s ease;
}

.video-thumb-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}

.video-stage:hover .video-thumb-wrap img {
  transform: scale(1.04);
}

.video-thumb-wrap .thumb-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(8,32,79,.1) 0%,
    rgba(8,32,79,.65) 100%
  );
}

/*
 * Once YouTube starts playing,
 * remove the thumbnail but keep the
 * play/sound button visible.
 */
.video-stage.video-started .video-thumb-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Play / sound button */
.video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 84px;
  height: 84px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,.97);
  color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 20px 40px -10px rgba(0,0,0,.5),
    0 0 0 12px rgba(255,255,255,.12);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    opacity .3s ease;
  z-index: 5;
  cursor: pointer;
  padding: 0;
}

.video-stage:hover .video-play-btn {
  transform: translate(-50%, -50%) scale(1.14);
  box-shadow:
    0 28px 52px -12px rgba(0,0,0,.6),
    0 0 0 16px rgba(255,255,255,.1);
}

.video-play-btn svg {
  margin-left: 5px;
}

/* Animated ring */
.video-play-btn::before {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.3);
  animation: pulse-ring 2s ease-out infinite;
}

@keyframes pulse-ring {
  0% {
    transform: scale(.9);
    opacity: .8;
  }

  70% {
    transform: scale(1.15);
    opacity: 0;
  }

  100% {
    transform: scale(1.15);
    opacity: 0;
  }
}

/*
 * After user clicks:
 * button disappears because sound is now enabled.
 */
.video-stage.sound-on .video-play-btn {
  opacity: 0;
  pointer-events: none;
}

/* Watch Our Story label */
.video-label {
  position: absolute;
  bottom: 16px;
  left: 18px;
  background: var(--orange);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 7px;
  z-index: 5;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Duration / experience label */
.video-dur {
  position: absolute;
  bottom: 16px;
  right: 18px;
  background: rgba(0,0,0,.8);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 7px;
  z-index: 5;
}

/* Mobile */
@media (max-width: 600px) {
  .video-stage {
    border-radius: 14px;
  }

  .video-play-btn {
    width: 68px;
    height: 68px;
  }

  .video-label,
  .video-dur {
    bottom: 10px;
    font-size: 10px;
  }

  .video-label {
    left: 10px;
  }

  .video-dur {
    right: 10px;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .video-play-btn::before {
    animation: none;
  }

  .video-thumb-wrap img,
  .video-thumb-wrap {
    transition: none;
  }
}

  /* Who We Are */
  .who-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .who-copy h2{color:var(--blue);}
  .who-copy p{color:var(--muted);font-size:1em;line-height:1.8;margin-top:16px;}
  .who-copy p+p{margin-top:14px;}
  .who-visual{position:relative;}
  .who-card{background:linear-gradient(135deg,var(--blue-2),var(--blue-3));border-radius:24px;padding:40px;color:#fff;position:relative;overflow:hidden;}
  .who-card::before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,176,32,.1);filter:blur(30px);}
  .who-card h3{font-size:1.375em;color:#fff;}
  .who-card p{color:var(--on-blue-muted);margin-top:12px;font-size:0.9375em;line-height:1.7;}
  .who-expertise{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .exp-tag{display:flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.85);font-weight:600;}
  .exp-tag svg{width:15px;height:15px;color:var(--amber);flex:none;}

  /* Journey */
  .journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
  .journey-card{border-radius:22px;padding:40px;position:relative;overflow:hidden;}
  .journey-card.then{background:linear-gradient(135deg,var(--blue-tint),#fff);border:2px solid var(--blue-tint-2);}
  .journey-card.today{background:linear-gradient(135deg,var(--blue-2),var(--blue-3));color:#fff;}
  .journey-pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px;}
  .then .journey-pill{background:var(--blue-tint-2);color:var(--blue);}
  .today .journey-pill{background:rgba(255,176,32,.18);color:var(--amber);}
  .journey-card h3{font-size:1.375em;}
  .then h3{color:var(--blue);}
  .today h3{color:#fff;}
  .journey-card p{margin-top:14px;font-size:0.96875em;line-height:1.75;}
  .then p{color:var(--muted);}
  .today p{color:var(--on-blue-muted);}

  /* Vision Mission */
  .vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
  .vm-card{border-radius:22px;padding:40px;position:relative;overflow:hidden;}
  .vm-card.vision{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;}
  .vm-card.mission{background:linear-gradient(135deg,var(--teal),#0C4646);color:#fff;}
  .vm-icon{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
  .vm-icon svg{width:28px;height:28px;color:#fff;}
  .vm-card h3{font-size:1.5em;color:#fff;}
  .vm-card p{color:rgba(255,255,255,.78);margin-top:14px;font-size:1em;line-height:1.75;}
  .vm-card::before{content:"";position:absolute;bottom:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none;}

  /* Core Values */
  .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .val-card{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;}
  .val-card:hover{transform:translateY(-8px);box-shadow:0 28px 56px -20px rgba(11,44,110,.18);border-color:var(--vc-accent,var(--orange));}
  .val-card::before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:var(--vc-glow,rgba(255,122,26,.07));filter:blur(36px);pointer-events:none;}
  .val-card-accent{height:4px;background:linear-gradient(90deg,var(--vc-accent,var(--orange)),transparent 80%);position:absolute;top:0;left:0;right:0;}
  .val-icon{width:56px;height:56px;border-radius:15px;background:var(--vc-bg,#FFF3EB);display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;}
  .val-icon svg{width:26px;height:26px;color:var(--vc-accent,var(--orange));}
  .val-icon::after{content:"";position:absolute;inset:-4px;border-radius:19px;border:1px solid var(--vc-accent,var(--orange));opacity:.22;}
  .val-card h3{font-size:1.1875em;color:var(--blue);font-weight:800;}
  .val-card p{color:var(--muted);margin-top:10px;font-size:0.9375em;line-height:1.7;}

  /* Expertise list */
  .expertise-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 20px;}
  .exp-item{display:flex;align-items:flex-start;gap:10px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;transition:border-color .2s,transform .2s;}
  .exp-item:hover{border-color:var(--blue);transform:translateX(4px);}
  .exp-item svg{width:18px;height:18px;color:var(--orange);flex:none;margin-top:1px;}
  .exp-item span{font-size:14.5px;font-weight:600;color:var(--ink);}

  /* Why Choose */
  /* Why Choose — new unified layout */
  .why-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;}
  .w-stat{background:linear-gradient(150deg,var(--blue-2),var(--blue-3));border-radius:22px;padding:32px 24px;color:#fff;text-align:center;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s;}
  .w-stat:hover{transform:translateY(-6px);box-shadow:0 24px 48px -16px rgba(11,44,110,.45);}
  .w-stat::after{content:"";position:absolute;bottom:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.05);}
  .w-stat .val{font-family:var(--font-h);font-size:44px;font-weight:800;color:#fff;line-height:1;}
  .w-stat .lbl{font-size:13px;color:var(--on-blue-muted);margin-top:10px;font-weight:600;line-height:1.5;}
  .why-features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .why-item{display:flex;align-items:flex-start;gap:18px;padding:26px;background:#fff;border:1.5px solid var(--line);border-radius:18px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden;}
  .why-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--line);border-radius:18px 0 0 18px;transition:background .2s;}
  .why-item:hover{border-color:transparent;box-shadow:0 20px 44px -16px rgba(11,44,110,.16);transform:translateY(-4px);}
  .why-item:hover::before{background:var(--orange);}
  .why-item-icon{width:52px;height:52px;border-radius:14px;background:var(--blue-tint);display:flex;align-items:center;justify-content:center;flex:none;color:var(--blue);border:1.5px solid var(--blue-tint-2);}
  .why-item-icon svg{width:22px;height:22px;}
  .why-item strong{display:block;font-weight:800;font-size:16px;color:var(--blue);}
  .why-item p{color:var(--muted);font-size:0.90625em;margin-top:5px;line-height:1.65;}

  /* ── SCROLLING CLIENTS ── */
  .clients-section{padding:64px 0;background:var(--paper);border-top:1px solid var(--line);}
  .clients-head{text-align:center;margin-bottom:44px;}
  .clients-head h2{font-family:var(--font-h);font-size:clamp(1.5em,2.6vw,2em);color:var(--blue);font-weight:800;}
  .clients-head p{color:var(--muted);margin-top:10px;font-size:1em;}
  .scroll-wrap{overflow:hidden;position:relative;}
  .scroll-wrap::before,.scroll-wrap::after{content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none;}
  .scroll-wrap::before{left:0;background:linear-gradient(to right,var(--paper),transparent);}
  .scroll-wrap::after{right:0;background:linear-gradient(to left,var(--paper),transparent);}
  .scroll-track{display:flex;gap:20px;width:max-content;animation:scroll-left 32s linear infinite;}
  .scroll-track:hover{animation-play-state:paused;}
  @keyframes scroll-left{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
  .client-card{flex:none;width:190px;height:96px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:14px 18px;background:#fff;transition:border-color .25s,box-shadow .25s,transform .25s;}
  .client-card:hover{box-shadow:0 8px 24px -8px rgba(255,122,26,.2);transform:translateY(-3px);}
  .client-inner{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;width:100%;}
  .client-mark{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-weight:800;font-size:15px;color:#fff;flex:none;}
  .client-name{font-family:var(--font-h);font-size:12.5px;font-weight:800;color:var(--ink);line-height:1.2;}
  .client-tag{font-size:9.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;}

  /* ── TECH SCROLL ── */
  .tech-section{padding:64px 0;background:var(--panel);border-top:1px solid var(--line);}
  .tech-head{text-align:center;margin-bottom:44px;}
  .tech-head h2{font-family:var(--font-h);font-size:clamp(1.5em,2.6vw,2em);color:var(--blue);font-weight:800;}
  .tech-head p{color:var(--muted);margin-top:10px;font-size:1em;}
  /* Row 1 scrolls left, Row 2 scrolls right */
  .tech-row{margin-bottom:18px;}
  .tech-row:last-child{margin-bottom:0;}
  .tech-track{display:flex;gap:16px;width:max-content;}
  .tech-track.left{animation:scroll-left 28s linear infinite;}
  .tech-track.right{animation:scroll-right 28s linear infinite;}
  .tech-track:hover{animation-play-state:paused;}
  @keyframes scroll-right{0%{transform:translateX(-50%);}100%{transform:translateX(0);}}
  .tech-chip{flex:none;display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:50px;padding:10px 20px;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:default;}
  .tech-chip:hover{border-color:var(--blue);box-shadow:0 6px 20px -6px rgba(18,62,147,.18);transform:translateY(-2px);}
  .tech-dot{width:10px;height:10px;border-radius:50%;flex:none;}
  .tech-chip span{font-family:var(--font-h);font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;}

  /* Contact bar */
  .contact-bar{background:linear-gradient(115deg,var(--blue) 0%,var(--blue-2) 55%,var(--blue-3) 100%);border-radius:24px;padding:36px 40px;position:relative;overflow:visible;}
  .contact-bar::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 300px at 90% 0%,rgba(255,255,255,.08),transparent 60%);pointer-events:none;border-radius:24px;}
  .contact-bar form,.cb-row,.cb-fine,.cb-actions,.otp-section{position:relative;z-index:1;}
  .cb-row{position:relative;display:flex;align-items:flex-start;gap:22px;}
  .cb-heading{color:#fff;font-size:clamp(20px,2.2vw,26px);flex:none;width:140px;font-family:var(--font-h);font-weight:800;padding-top:12px;line-height:1.2;}
  .cb-grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;align-items:start;}
  .cb-col{min-width:0;display:flex;flex-direction:column;}
  .cb-col .cb-field,
  .cb-col .cb-phone{width:100%;flex:none;min-width:0;}
  .cb-col-msg{grid-column:span 2;}
  .cb-field{background:#fff;border-radius:12px;padding:0 16px;display:flex;align-items:center;gap:10px;min-height:50px;}
  .cb-field svg{width:18px;height:18px;color:var(--muted);flex:none;}
  .cb-field input{border:none;outline:none;font-family:var(--font-b);font-size:15px;width:100%;color:var(--ink);background:transparent;}
  .cb-field input::placeholder{color:#8993A6;}
  .cb-field select{border:none;outline:none;width:100%;font-family:var(--font-b);font-size:14.5px;background:transparent;color:var(--ink);appearance:none;-webkit-appearance:none;cursor:pointer;min-width:0;height:50px;padding-right:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235B6577' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;}
  .cb-field-msg{align-items:center;min-height:50px;}
  .cb-field-msg svg{margin-top:0;}
  .cb-field textarea{border:none;outline:none;width:100%;height:22px;min-height:22px;max-height:90px;resize:vertical;font-family:var(--font-b);font-size:15px;color:var(--ink);background:transparent;line-height:1.4;padding:0;}
  .cb-field textarea::placeholder{color:#8993A6;}
  .cb-phone{display:flex;align-items:center;background:#fff;border-radius:12px;overflow:hidden;min-height:50px;}
  .cb-phone select{border:none;padding:0 8px 0 16px;font-family:var(--font-b);font-size:14px;background:#fff;color:var(--ink);border-right:1px solid var(--line);appearance:none;height:50px;flex:none;max-width:128px;}
  .cb-phone input{border:none;outline:none;padding:0 16px;font-size:15px;flex:1;min-width:0;color:var(--ink);height:50px;}
  .cb-fine{position:relative;margin-top:16px;color:#fff;font-size:11.5px;line-height:1.55;}
  .cb-fine label{display:flex;gap:8px;align-items:flex-start;margin-top:8px;color:#fff;}
  .cb-fine input[type=checkbox]{width:16px;height:16px;accent-color:var(--orange);margin-top:2px;flex:none;}
  .cb-fine a{color:var(--amber);}
  .cb-actions{margin-top:16px;}
  .contact-bar .contactSubmitBtn{display:none;align-items:center;justify-content:center;height:48px;padding:0 28px;border:none;border-radius:10px;}
  .contact-bar .otp-section{margin-top:16px;color:#fff;}
  .contact-bar .otp-destination-message{font-size:13px;margin-bottom:10px;}
  .contact-bar .otpTimer{font-size:12px;margin-top:8px;color:rgba(255,255,255,.85);}
  .contact-bar .otp-error-message{color:#ffd4d4;font-size:12px;margin-top:6px;}
  .contact-bar .country_std_code_input{border:none;outline:none;padding:0 8px;width:90px;flex:none;height:50px;}
  .contact-bar .enq-error{display:block;position:static !important;margin-top:6px;width:100%;font-size:12px;line-height:1.35;color:#ff8a8a;font-weight:500;}
  .contact-bar .otp-section .cb-fields{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}


  /* Float WA */
  .float-wa{position:fixed;bottom:26px;right:26px;z-index:150;width:58px;height:58px;border-radius:50%;background:#1FA855;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(31,168,85,.6);transition:transform .2s;}
  .float-wa:hover{transform:scale(1.08);}
  .float-wa svg{width:28px;height:28px;color:#fff;}

  /* Modals */
  .modal-overlay{position:fixed;inset:0;background:rgba(8,20,45,.6);z-index:300;display:none;align-items:center;justify-content:center;padding:20px;}
  .modal-overlay.show{display:flex;}
  .modal-box{background:#fff;border-radius:18px;padding:34px;max-width:440px;width:100%;box-shadow:var(--shadow);text-align:center;}
  .modal-box h4{font-size:1.25em;color:var(--blue);}
  .modal-box p{color:var(--muted);font-size:0.90625em;margin-top:12px;line-height:1.6;}
  .modal-links{margin-top:18px;display:flex;flex-direction:column;gap:8px;font-weight:700;color:var(--blue);}
  .modal-actions{margin-top:22px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

  /* Reveal */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
  .reveal.in{opacity:1;transform:none;}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}.scroll-track{animation:none;}.tech-track{animation:none;}}

  /* Responsive */
  @media(max-width:1024px){
    .hero-inner,.who-grid{grid-template-columns:1fr;}
    .why-stats-row{grid-template-columns:1fr 1fr;}
    .why-features{grid-template-columns:1fr 1fr;}
    .journey-grid,.vm-grid{grid-template-columns:1fr;}
    .values-grid{grid-template-columns:1fr 1fr;}
    .expertise-cols{grid-template-columns:1fr 1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;row-gap:36px;}

    .who-visual{display:none;}
    .cb-row{flex-direction:column;gap:16px;}
    .cb-heading{width:auto;padding-top:0;}
  }
  @media(max-width:860px){
    nav.main-nav{display:none;}.burger{display:flex;}.topbar-left{display:none;}
    .values-grid{grid-template-columns:1fr;}
    .expertise-cols{grid-template-columns:1fr;}
    .hero-stats{grid-template-columns:1fr 1fr 1fr;}
    section.section{padding:56px 0;}
    .cb-row{flex-direction:column;gap:16px;}
    .cb-heading{width:auto;padding-top:0;}
    .cb-grid{grid-template-columns:1fr;}
    .cb-col-msg{grid-column:span 1;}
    .cb-col,.cb-field,.cb-phone{width:100%;min-width:0;}
    .contact-bar{padding:28px 22px;}
    .who-expertise{grid-template-columns:1fr;}
  }
  @media(max-width:520px){
    .wrap{padding:0 16px;}
    .section{padding:44px 0;}
    .hero-stats{grid-template-columns:1fr;}
    .why-stats-row{grid-template-columns:1fr 1fr;}
    .why-features{grid-template-columns:1fr;}
    .navbar{padding:12px 16px;}
    .values-grid{grid-template-columns:1fr;}
  }
/* CSS Document */