.styles_gradientMask__lzbc_{-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(45deg,#000,#000 15%,transparent 30%);mask-image:linear-gradient(45deg,#000,#000 15%,transparent 30%);mask-mode:match-source;-webkit-mask-origin:border-box;mask-origin:border-box;-webkit-mask-position:40% 0;mask-position:40% 0;-webkit-mask-repeat:revert;mask-repeat:revert;-webkit-mask-size:800% 100%;mask-size:800% 100%}.styles_component__XuEBc circle,.styles_component__XuEBc path{vector-effect:non-scaling-stroke}.styles_animationMove__I1jBF{animation:styles_moveRTL__D8i4j var(--animation-duration,10s) linear infinite;will-change:transform}[data-direction=ltr] .styles_animationMove__I1jBF{animation-name:styles_moveLTR__c7e9W}[data-paused=true] .styles_animationMove__I1jBF{animation-play-state:paused}@keyframes styles_moveRTL__D8i4j{to{transform:translate3d(-100%,0,0)}}@keyframes styles_moveLTR__c7e9W{to{transform:translate3d(100%,0,0)}}.styles_component__iNowP{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}@media (min-width:1025px){.styles_component__iNowP{gap:1.25rem}}.styles_component__iNowP b,.styles_component__iNowP h1,.styles_component__iNowP h2,.styles_component__iNowP h3,.styles_component__iNowP h4,.styles_component__iNowP h5,.styles_component__iNowP h6,.styles_component__iNowP strong{font-weight:700}.styles_component__iNowP h1{font-size:38px;line-height:100%}@media (min-width:1025px){.styles_component__iNowP h1{font-size:64px;line-height:110%}}.styles_component__iNowP h2{font-size:30px;line-height:120%}@media (min-width:1025px){.styles_component__iNowP h2{font-size:48px;line-height:120%}}.styles_component__iNowP h3{font-size:24px;line-height:110%}@media (min-width:1025px){.styles_component__iNowP h3{font-size:32px;line-height:120%}}.styles_component__iNowP h4{font-size:22px;line-height:120%}@media (min-width:1025px){.styles_component__iNowP h4{font-size:28px;line-height:120%}}.styles_component__iNowP h5{font-size:16px;line-height:140%}@media (min-width:1025px){.styles_component__iNowP h5{font-size:18px;line-height:140%}}.styles_component__iNowP h6{font-size:14px;line-height:130%}@media (min-width:1025px){.styles_component__iNowP h6{font-size:16px;line-height:130%}}.styles_component__iNowP p{align-self:stretch}.styles_component__iNowP ol,.styles_component__iNowP ul{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;list-style:reset}.styles_component__iNowP ol,.styles_component__iNowP ul{padding-left:1.25rem}.styles_component__iNowP a{--tw-text-opacity:1;color:rgb(144 112 223/var(--tw-text-opacity));text-decoration-line:underline}.styles_component__iNowP a:hover{text-decoration-line:none}.styles_component__iNowP blockquote{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(108 108 108/var(--tw-border-opacity))}.styles_component__iNowP blockquote,.styles_component__iNowP code{--tw-bg-opacity:1;background-color:rgb(201 201 201/var(--tw-bg-opacity));padding:.5rem 1rem}.styles_component__iNowP code{border-radius:.5rem;font-size:16px;line-height:140%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:1025px){.styles_component__iNowP code{font-size:18px;line-height:140%}}.styles_component__iNowP img{border-radius:.5rem}@media (min-width:1025px){.styles_component__iNowP img{border-radius:1rem}}.styles_component__iNowP img{width:auto}.styles_mask__pn_fr{-webkit-mask-image:url(../media/mask.daakshya.svg);mask-image:url(../media/mask.daakshya.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}

/* hero column swap utilities (added) */
@media (min-width:768px){.md\:col-start-1{grid-column-start:1}.md\:col-start-7{grid-column-start:7}}
@media (min-width:1025px){.lg\:col-start-1{grid-column-start:1}.lg\:col-start-6{grid-column-start:6}}
@media (min-width:768px){.md\:text-right{text-align:right}}
@media (min-width:1025px){.lg\:text-right{text-align:right}}

/* pinned hero headline utilities (added) */
@media (min-width:1025px){
  .lg\:bottom-10{bottom:2.5rem}
  .lg\:right-\[60px\]{right:60px}
  .lg\:z-10{z-index:10}
  .lg\:items-end{align-items:flex-end}
  .lg\:gap-2{gap:.5rem}
  .lg\:flex{display:flex}
  .lg\:flex-col{flex-direction:column}
}
@media not all and (min-width:1025px){
  .max-lg\:contents{display:contents}
}
/* enlarged navbar logo utility (added) */
.h-11{height:2.75rem}

/* preloader brand colors (added): primary background, accent loading text, white wave */
.fixed.inset-0.z-\[999\].bg-bg-black{background-color:#0F2648!important}
.fixed.inset-0.z-\[999\].bg-bg-black .text-menu-link{color:#F18321!important}
.fixed.inset-0.z-\[999\].bg-bg-black canvas{opacity:1}

/* hero + about brand colors (added) */
h1.text-h1-d, h1.lg\:text-h1{color:#0F2648!important}
section#technology div.text-tag-d, section#technology .text-tag{color:#F18321!important}
#title-technology{color:#0F2648!important}
section#technology h2 span{color:#F18321!important}

/* Start A Project button: accent background + white text (added) */
button.md\:self-start > span.bg-accent-1{background-color:#F18321!important;color:#fff!important}
button.md\:self-start > span.bg-accent-1 span, button.md\:self-start > span.bg-accent-1 svg{color:#fff!important}

/* hero nav links: primary brand color (added; hover stays black like the original) */
header nav a{color:#0F2648}

/* Let's Talk button: primary border + accent text (added) */
header button.border-bg-dark-gray{border-color:#0F2648!important}
header button.border-bg-dark-gray, header button.border-bg-dark-gray *{color:#F18321!important}
header button.border-bg-dark-gray.lg\:hover\:bg-bg-dark-gray:not(:disabled):hover{background-color:transparent!important}

/* ===== CORE VALUES v2: compact 5-up one-row grid, no motion panels, themed icons + animations (added) ===== */
section#products video, section#products img{display:none!important}

/* bento overlay panels (lottie motion graphics) removed entirely */
section#products .grid > div > div.absolute{display:none!important}

/* one-row grid: 1 col mobile / 2 col tablet / 5-up laptop+ */
section#products .grid{
  grid-template-columns:1fr!important;
  gap:14px!important;
  perspective:none!important;
}
@media (min-width:768px) and (max-width:1024.98px){
  section#products .grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
  section#products .grid > div:nth-child(5){grid-column:span 2!important}
}
@media (min-width:1025px){
  section#products .grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
}

/* compact glass cards */
section#products .grid > div{
  grid-column:auto!important;
  opacity:1!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end;
  position:relative;
  overflow:hidden;
  min-height:230px;
  padding:22px!important;
  border-radius:20px!important;
  border:1px solid rgba(241,131,33,.38);
  background:linear-gradient(180deg,rgba(241,131,33,.05),rgba(4,14,30,.55)),#0A1B36!important;
  transition:translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s;
}
section#products .grid > div:hover{
  translate:0 -8px;
  border-color:rgba(241,131,33,.95);
  box-shadow:0 22px 44px rgba(241,131,33,.16),0 6px 18px rgba(0,0,0,.35);
}
@media (min-width:768px){section#products .grid > div{min-height:280px}}
@media (min-width:1025px){section#products .grid > div{min-height:310px;padding:20px!important}}

/* artwork layer + hover zoom */
section#products .grid > div::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:url(../media/core-values-bg.webp) center/cover no-repeat;
  opacity:.42;
  transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s;
}
section#products .grid > div:hover::before{transform:scale(1.09);opacity:.6}

/* content sits above the artwork, full width */
section#products .grid > div > div:first-child{
  position:relative;z-index:1;
  max-width:none!important;width:100%!important;
}

/* icon tile with pulsing glow */
section#products .grid .bg-\[\#37393e\]{
  width:48px!important;height:48px!important;
  margin-bottom:12px;
  background-color:transparent!important;
  border:1px solid rgba(241,131,33,.55);
  position:relative;
  flex-shrink:0;
}
section#products .grid .bg-\[\#37393e\] > div{display:none!important}
section#products .grid .bg-\[\#37393e\]::before{
  content:"";position:absolute;inset:0;
  background-color:#F18321;
  -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;
  animation:cvGlow 3.4s ease-in-out infinite;
}
section#products .grid > div:nth-child(1) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/integrity.svg);mask-image:url(../../../icons/integrity.svg)}
section#products .grid > div:nth-child(2) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/quality.svg);mask-image:url(../../../icons/quality.svg)}
section#products .grid > div:nth-child(3) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/safety.svg);mask-image:url(../../../icons/safety.svg)}
section#products .grid > div:nth-child(4) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/focus.svg);mask-image:url(../../../icons/focus.svg)}
section#products .grid > div:nth-child(5) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/innovation.svg);mask-image:url(../../../icons/innovation.svg)}

/* small-card typography on laptop+ */
@media (min-width:1025px){
  section#products .grid h3{font-size:19px!important;line-height:1.25!important}
  section#products .grid p{font-size:13.5px!important;line-height:1.5!important}
}

/* staggered rise-in as the row scrolls into view (Chromium/Edge; others show cards instantly) */
@supports (animation-timeline: view()){
  section#products .grid > div > div:first-child{
    animation:cvRise .9s cubic-bezier(.22,1,.36,1) both;
    animation-timeline:view();
    animation-range:entry 0% entry 45%;
  }
  section#products .grid > div:nth-child(2) > div:first-child{animation-range:entry 6% entry 52%}
  section#products .grid > div:nth-child(3) > div:first-child{animation-range:entry 12% entry 58%}
  section#products .grid > div:nth-child(4) > div:first-child{animation-range:entry 18% entry 64%}
  section#products .grid > div:nth-child(5) > div:first-child{animation-range:entry 24% entry 70%}
}
@keyframes cvRise{from{opacity:0;transform:translateY(42px) scale(.96)}to{opacity:1;transform:none}}
@keyframes cvGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(241,131,33,.35))}50%{filter:drop-shadow(0 0 9px rgba(241,131,33,.85))}}

/* core values section: primary background + orange label (added) */
section#products{background-color:#0F2648!important}
section#products .text-tag-d, section#products .text-tag{color:#F18321!important}

/* ===== Get in touch modal: primary background + accent send button (added) ===== */
div.scroll-container-y > div.bg-bg-black{background-color:#0F2648!important}
div.scroll-container-y > div.bg-bg-black::before{opacity:.35}
div.scroll-container-y > div.bg-bg-black form button[type=submit] > span:first-child{background-color:#F18321!important;color:#fff!important}
div.scroll-container-y > div.bg-bg-black form button[type=submit] > span:first-child span{color:#fff!important}
div.scroll-container-y > div.bg-bg-black form button[type=submit] > span:last-child{background-color:#F18321!important;color:#fff!important}
div.scroll-container-y > div.bg-bg-black form button[type=submit] > span:last-child svg{color:#fff!important}


/* Fix Get in Touch modal z-index: ensure hidden modal never holds a high z-index */
div.scroll-container-y.pointer-events-none,
div.scroll-container-y.opacity-0 {
  z-index: -1 !important;
}
div.scroll-container-y:not(.pointer-events-none) {
  z-index: 1000 !important;
}


/* Fix contact form broken background image icon */
div.scroll-container-y img[alt="Background"],
div.scroll-container-y img.pointer-events-none {
  display: none !important;
}