.elementor-kit-9{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#D4AF37;--e-global-color-text:#E1E7EC;--e-global-color-accent:#B91C2B;--e-global-color-owl_gold:#D4AF37;--e-global-color-navy:#0F1A2B;--e-global-color-white:#FFFFFF;--e-global-color-graphite:#283036;--e-global-color-crimson:#B91C2B;--e-global-color-black:#0B0B0D;--e-global-color-charcoal:#1A1D21;--e-global-color-text_muted:#9EABB7;--e-global-color-text_soft:#B8C5D6;--e-global-color-ink:#0B0F17;--e-global-color-crimson_hover:#9E1624;--e-global-color-gold_bright:#F0B90B;--e-global-color-gold_deep:#E2AD0B;--e-global-color-card_navy:#071827;--e-global-color-card_navy_deep:#061522;--e-global-color-overlay_navy:#03131F;--e-global-color-tile_navy:#081119;--e-global-color-slate:#69727D;--e-global-color-signal_red:#FF3B3B;--e-global-color-arrow_red:#FF1717;--e-global-color-pure_black:#000000;--e-global-color-silver:#E0E0E0;--e-global-color-panel_black:#0C0D0E;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-display_roboto-font-family:"Roboto";--e-global-typography-display_roboto-font-weight:900;--e-global-typography-body_roboto-font-family:"Roboto";--e-global-typography-body_roboto-font-weight:400;background-color:#0B0B0D;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:clamp(1rem, 1.1vw, 1.125rem);font-weight:400;letter-spacing:-1px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{font-weight:700;}.elementor-kit-9 h1{font-family:"Inter", Sans-serif;font-size:clamp(2.8rem, 5vw, 5rem);font-weight:700;line-height:1.14em;}.elementor-kit-9 h2{font-family:"Inter", Sans-serif;font-size:clamp(1.8rem, 3vw, 3rem);font-weight:700;line-height:1.2em;letter-spacing:-0.5px;}.elementor-kit-9 h3{font-family:"Inter", Sans-serif;font-size:clamp(1.1rem, 1.5vw, 1.5rem);font-weight:600;line-height:1.3em;}.elementor-kit-9 h4{font-family:"Inter", Sans-serif;font-size:clamp(1rem, 1.2vw, 1.2rem);font-weight:500;}.elementor-kit-9 h5{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-kit-9 h6{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:024px;--container-default-padding-right:024px;--container-default-padding-bottom:024px;--container-default-padding-left:024px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --accent-color:#00BFA6; --font-fmaily-main:Inter; --btn-hover-color:#00d7bb; --Primary-Dark-global:#0B1F2A; --color-white:#FFFFFF; --color-text-light:#b8c5d6; --color-brand-red:#B91C2B; --color-brand-gold:#D4AF37; --color-black:#0B0B0D; --color-graphite:#283036; --color-text-muted:#9EABB7; }
/* Start custom CSS *//* =========================================================
   1SSC GLOBAL DESIGN SYSTEM
   Updated for FINAL HOMEPAGE MOCKUP
   Elementor + Atomic Workflow Optimized
========================================================= */

:root{

  /* =========================================
     COLORS
  ========================================= */

  --primary-dark:#081521;
  --secondary-dark:#102536;
  --accent:#00BFA6;
  --accent-hover:#00d7bb;

  --background-light:#F5F7FA;

  --text-light:#FFFFFF;
  --text-dark:#10212B;

  --text-muted:rgba(255,255,255,0.72);

  --border-light:rgba(255,255,255,0.08);
  --border-strong:rgba(255,255,255,0.12);

  /* =========================================
     LAYOUT
  ========================================= */

  --container-width:1240px;

  /* =========================================
     SPACING SYSTEM
  ========================================= */

  --space-xs:8px;
  --space-sm:12px;
  --space-md:20px;
  --space-lg:32px;
  --space-xl:60px;
  --space-hero:100px;

  /* =========================================
     RADIUS
  ========================================= */

  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:14px;

  /* =========================================
     SHADOWS
  ========================================= */

  --shadow-soft:0 10px 20px rgba(0,0,0,0.18);
  --shadow-card:0 8px 18px rgba(0,0,0,0.14);

  /* =========================================
     TRANSITIONS
  ========================================= */

  --transition:0.28s ease;

}


/* =========================================================
   GLOBAL SECTION SYSTEM
========================================================= */

.section-dark{
  background:var(--primary-dark);
  color:var(--text-light);
  position:relative;
}

.section-light{
  background:var(--background-light);
  color:var(--text-dark);
  position:relative;
}


/* =========================================================
   MAX WIDTH WRAPPER
========================================================= */

.container-max{
  width:100%;
  max-width:var(--container-width);
  margin-inline:auto;
  padding-inline:24px;
}


/* =========================================================
   FINAL CARD STYLE
   Updated for cleaner enterprise look
========================================================= */

.glass-card{

  background:
  linear-gradient(
    180deg,
    rgba(255,255,255,0.04) 0%,
    rgba(255,255,255,0.02) 100%
  );

 border:1px solid rgba(255,255,255,0.10);

  border-radius:var(--radius-md);

  overflow:hidden;

  transition:var(--transition);

  position:relative;

  box-shadow:var(--shadow-card);

}


/* =========================================================
   CARD INNER PADDING
========================================================= */

.card-padding{
  padding:20px;
}


/* =========================================================
   SUBTLE CARD HOVER
========================================================= */

.card-hover{
  transition:var(--transition);
}

.card-hover:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-soft);
  border-color:var(--border-strong);
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.cta-primary{

  background:var(--accent);

  color:#ffffff!important;

  border-radius:var(--radius-sm);

  padding:12px 22px;

  transition:var(--transition);

  display:inline-flex;

  align-items:center;

  justify-content:center;

  text-decoration:none;

  font-weight:600;

  line-height:1.2;

  border:none;

  cursor:pointer;

  gap:8px;

}

.cta-primary:hover{

  background:var(--accent-hover);

  transform:translateY(-1px);

}


/* =========================================================
   SECONDARY BUTTON
========================================================= */

.cta-secondary{

  background:rgba(255,255,255,0.02);

  border:1px solid rgba(255,255,255,0.18);

  color:#ffffff!important;

  border-radius:var(--radius-sm);

  padding:12px 22px;

  transition:var(--transition);

  display:inline-flex;

  align-items:center;

  justify-content:center;

  text-decoration:none;

  font-weight:600;

  line-height:1.2;

  gap:8px;

}

.cta-secondary:hover{

  background:rgba(255,255,255,0.06);

  border-color:rgba(255,255,255,0.28);

}


/* =========================================================
   HERO OVERLAY
   Updated for FINAL mockup
========================================================= */

.hero-overlay{
  position:relative;
  overflow:hidden;
}

.hero-overlay::before{

  content:"";

  position:absolute;

  inset:0;

  background:
  linear-gradient(
    90deg,
    rgba(8,21,33,0.96) 0%,
    rgba(8,21,33,0.88) 32%,
    rgba(8,21,33,0.62) 58%,
    rgba(8,21,33,0.20) 100%
  );

  z-index:1;

}

.hero-overlay > *{
  position:relative;
  z-index:2;
}


/* =========================================================
   GRID SYSTEMS
========================================================= */

.grid-5{
  display:grid;
  grid-template-columns:repeat(5, auto);
  justify-content:center;
  gap:16px;
}

.grid-4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}


/* =========================================================
   TRUST LOGO STRIP
========================================================= */

.logo-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
}

.logo-strip img{
  opacity:0.82;
  transition:var(--transition);
  max-height:42px;
  width:auto;
}

.logo-strip img:hover{
  opacity:1;
}


/* =========================================================
   INDUSTRY TILE
========================================================= */

.industry-tile{
  min-height:180px;
  position:relative;
}

.industry-tile::before{

  content:"";

  position:absolute;

  inset:0;

  background:
  linear-gradient(
    180deg,
    rgba(0,0,0,0.05) 0%,
    rgba(8,21,33,0.72) 100%
  );

  z-index:1;

}

.industry-tile > *{
  position:relative;
  z-index:2;
}


/* =========================================================
   SERVICE CARD
========================================================= */

.service-card{
  min-height:320px;;
  position:relative;
}

.service-card::before{

  content:"";

  position:absolute;

  inset:0;

  background:
  linear-gradient(
    180deg,
    rgba(0,0,0,0.05) 0%,
    rgba(8,21,33,0.58) 100%
  );

  z-index:1;

}

.service-card > *{
  position:relative;
  z-index:2;
}


/* =========================================================
   FEATURE ITEM
========================================================= */

.feature-item{

  background:
  linear-gradient(
    180deg,
    rgba(255,255,255,0.03) 0%,
    rgba(255,255,255,0.015) 100%
  );

  border:1px solid rgba(255,255,255,0.06);

  border-radius:var(--radius-md);

  padding:20px;

}


/* =========================================================
   AI CARD
========================================================= */

.ai-card{

  background:
  linear-gradient(
    180deg,
    rgba(10,25,40,0.92) 0%,
    rgba(8,21,33,0.96) 100%
  );

  border:1px solid rgba(255,255,255,0.08);

  border-radius:12px;

  box-shadow:
  0 10px 30px rgba(0,0,0,0.28);

}


/* =========================================================
   RESPONSIVE SYSTEM
========================================================= */

@media(max-width:1200px){

  .grid-5{
    grid-template-columns:repeat(3,1fr);
  }

  .grid-4{
    grid-template-columns:repeat(2,1fr);
  }

}


@media(max-width:1024px){

  .grid-5{
    grid-template-columns:repeat(2,1fr);
  }

  .grid-4{
    grid-template-columns:repeat(2,1fr);
  }

}


@media(max-width:767px){

  .container-max{
    padding-inline:16px;
  }

  .grid-5,
  .grid-4,
  .grid-3,
  .grid-2{
    grid-template-columns:1fr;
  }

  .logo-strip{
    justify-content:center;
    gap:20px;
  }

}

.container-tight{
  width:100%;
  max-width:1180px;
  margin-inline:auto;
  padding-inline:24px;
}
/* E2: socials row hidden — not in approved Next.js footer (content preserved, not deleted) */
.e-1ae21366-16a6{display:none!important;}
/* E2: nav toggle sized like the reference header */
.elementor-location-header .elementor-menu-toggle{font-size:47px;padding:11.75px;background-color:rgba(0,0,0,.05);border-radius:0;color:var(--e-global-color-primary);fill:var(--e-global-color-primary);}
.elementor-location-header .elementor-menu-toggle svg{fill:var(--e-global-color-primary);}
.elementor-location-header .elementor-menu-toggle svg{width:1em;height:1em;}
@media(max-width:767px){.elementor-location-header .elementor-menu-toggle{font-size:32px;padding:8px;}}
/* E2: footer typography alignment with reference */
.elementor-1153 [data-id="38b3457d"], .elementor-1153 [data-id="759b1aba"], .elementor-1153 [data-id="5ea5e5c"], .elementor-1153 [data-id="a85c830"], .elementor-1153 [data-id="058ed35"], .elementor-1153 [data-id="785938bb"]{gap:10px;}
.elementor-1153 [data-id="38b3457d"] > .e-paragraph-base:first-child, .elementor-1153 [data-id="759b1aba"] > .e-paragraph-base:first-child, .elementor-1153 [data-id="5ea5e5c"] > .e-paragraph-base:first-child, .elementor-1153 [data-id="a85c830"] > .e-paragraph-base:first-child, .elementor-1153 [data-id="058ed35"] > .e-paragraph-base:first-child, .elementor-1153 [data-id="785938bb"] > .e-paragraph-base:first-child{font-size:18px;line-height:21px;}

/* E2: quick-link chevrons */

/* E2: footer svg icons are line icons */
.elementor-1153 .e-svg-base svg, .elementor-1153 .e-svg-base svg *{fill:none!important;stroke:currentColor;}
/* E2: quick-link chevrons (brand red) */
.elementor-1153 [data-id="55f41e82"]::before,.elementor-1153 [data-id="732c0d80"]::before,.elementor-1153 [data-id="55a04c3d"]::before,.elementor-1153 [data-id="2ee4e8e7"]::before,.elementor-1153 [data-id="ec7d5db"]::before,.elementor-1153 [data-id="03932f2"]::before{content:"›";color:var(--e-global-color-accent);display:inline-block;margin-inline:10px 5px;}

/* E-B1 (Next.js F-series parity): mobile tap targets, footer + header, audit MI5. Desktop untouched. */
@media (max-width: 767px) {
  .elementor-location-footer .e-paragraph-base > a.e-paragraph-link-base { min-height: 44px; display: inline-flex; align-items: center; }
  .elementor-location-footer .elementor-element-1684f7c4, .elementor-location-footer .elementor-element-383dd116 { row-gap: 24px !important; }
  .elementor-location-footer .elementor-element-6bcaeaa8 > .e-con:nth-child(n+3) { min-height: 44px; align-items: center; }
  .elementor-location-footer .elementor-element-1684f7c4 .e-paragraph-base > a, .elementor-location-footer .elementor-element-383dd116 .e-paragraph-base > a { margin-left: 3px; }
  .elementor-location-footer .elementor-element-6306eb95 > * { min-height: 44px; display: flex; align-items: center; }
  .elementor-location-header .site-logo-link, .elementor-location-header a.e-image-link-base, .elementor-location-header .elementor-widget-theme-site-logo a { min-height: 44px; display: inline-flex; align-items: center; }
  .elementor-location-header a.elementor-element-14751e69 { min-height: 44px; padding-bottom: 0 !important; justify-content: center; align-items: center; position: relative; top: -1.5px; } /* Next: inline-flex logo link sits in a 47px line box (baseline gap) → 1.5px higher */
}/* End custom CSS */