:root{
  --navy:#020914;
  --navy2:#071627;
  --navy3:#0b1d31;
  --blue:#1288ff;
  --cyan:#21d2ff;
  --white:#f7fbff;
  --muted:#aab7c9;
  --text-dark:#071426;
  --line:rgba(255,255,255,.10);
  --line-light:rgba(7,20,38,.10);
  --shadow:0 18px 48px rgba(0,0,0,.18);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--navy);
  color:var(--white);
  font-family:Inter,Arial,sans-serif;
  overflow-x:hidden;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  display:block;
  max-width:100%;
}

button,
input,
textarea,
select{
  font:inherit;
}

/* =========================
   HEADER
========================= */

header{
  height:90px;
  position:fixed;
  z-index:100;
  top:0;
  left:0;
  width:100%;
  padding:0 3vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(4,10,20,.62);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 40px rgba(0,0,0,.16);
  overflow:visible;
}

.brand{
  width:330px;
  height:108px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-shrink:0;
  overflow:visible;
}

.brand img{
  width:230px;
  height:auto;
  max-width:none;
  max-height:104px;
  object-fit:contain;
  object-position:left center;
  transform:none;
  filter:drop-shadow(0 6px 16px rgba(0,132,255,.22));
}

nav{
  display:flex;
  align-items:center;
  gap:28px;
  font-size:.84rem;
  font-weight:700;
}

nav a{
  position:relative;
  color:#edf4fb;
  transition:color .25s ease;
}

nav a:not(.cta)::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-12px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,var(--cyan),var(--blue));
  transition:width .25s ease;
}

nav a:hover{
  color:var(--cyan);
}

nav a:hover::after{
  width:100%;
}

.cta{
  padding:13px 21px;
  border-radius:10px;
  background:linear-gradient(90deg,#0875ee,#0b8dff);
  box-shadow:0 12px 28px rgba(0,112,255,.22);
  transition:transform .25s ease,box-shadow .25s ease;
}

.cta:hover{
  transform:translateY(-2px);
  box-shadow:0 17px 36px rgba(0,112,255,.3);
  color:#fff;
}

.menu{
  display:none;
  background:none;
  border:0;
  padding:8px;
  cursor:pointer;
}

.menu span{
  display:block;
  width:27px;
  height:2px;
  background:#fff;
  margin:5px;
  border-radius:2px;
}

/* =========================
   GLOBAL
========================= */

.shell{
  width:min(1380px,92vw);
  margin:auto;
}

.light{
  background:#f6f9fd;
  color:var(--text-dark);
}

.dark{
  background:linear-gradient(135deg,#03101d,#08182a 70%,#06111f);
}

/* =========================
   HERO
========================= */

.hero{
  min-height:900px;
  padding:160px 0 62px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 75% 40%,rgba(0,106,255,.24),transparent 26%),
    radial-gradient(circle at 62% 78%,rgba(33,210,255,.07),transparent 24%),
    linear-gradient(115deg,#020812,#061221 65%,#020810);
}

#network{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.7;
}

.hero-inner{
  position:relative;
  z-index:2;
  width:min(1450px,94vw);
  margin:auto;
  display:grid;
  grid-template-columns:.76fr 1.24fr;
  gap:34px;
  align-items:center;
  min-height:690px;
}

.hero-copy small,
.light small,
.dark small,
.why small{
  color:#2aa5ff;
  font-weight:800;
  font-size:.7rem;
  letter-spacing:.13em;
}

.hero h1{
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(4.2rem,6.1vw,7.2rem);
  line-height:.91;
  letter-spacing:-.045em;
  margin:22px 0;
}

.hero h1 span{
  display:block;
  opacity:0;
  transform:translateY(35px);
  animation:heroIn .82s cubic-bezier(.2,.75,.2,1) forwards;
}

.hero h1 .accent{
  color:var(--blue);
  text-shadow:0 0 26px rgba(0,126,255,.18);
}

.l1{animation-delay:.2s!important}
.l2{animation-delay:1.2s!important}
.l3{animation-delay:2.2s!important}
.l4{animation-delay:3.2s!important}

@keyframes heroIn{
  to{
    opacity:1;
    transform:none;
  }
}

.hero-copy p{
  color:#b6c3d5;
  max-width:500px;
  line-height:1.75;
  font-size:1rem;
}

.actions{
  display:flex;
  gap:15px;
  margin-top:30px;
  flex-wrap:wrap;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:12px;
  border:1px solid transparent;
  font-weight:800;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}

.primary{
  background:linear-gradient(90deg,#0675ef,#168fff);
  color:#fff;
  box-shadow:0 14px 30px rgba(0,112,255,.2);
}

.primary:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(0,112,255,.3);
}

.ghost{
  border-color:rgba(255,255,255,.4);
  background:rgba(255,255,255,.025);
}

.ghost:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.08);
}

.hero-logo{
  position:relative;
  min-height:590px;
  display:grid;
  place-items:center;
}

.hero-logo img{
  position:relative;
  z-index:2;
  width:min(860px,96%);
  transform:translateX(24px);
  filter:
    brightness(1.05)
    drop-shadow(0 16px 46px rgba(0,112,255,.28));
  animation:logoFloat 5.8s ease-in-out infinite;
}

@keyframes logoFloat{
  50%{
    transform:translate(24px,-14px);
  }
}

.ring{
  position:absolute;
  width:470px;
  height:470px;
  border-radius:50%;
  border:1px solid rgba(26,143,255,.35);
  box-shadow:
    0 0 80px rgba(0,99,255,.17),
    inset 0 0 55px rgba(0,99,255,.12);
  animation:pulse 4s infinite ease-in-out;
}

@keyframes pulse{
  50%{
    transform:scale(1.08);
    opacity:.6;
  }
}

.social{
  position:absolute;
  right:20px;
  top:275px;
  z-index:3;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(46,136,244,.45);
  padding:6px;
  border-radius:9px;
  background:rgba(0,10,22,.85);
  backdrop-filter:blur(10px);
}

.social a{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  background:#0b73d9;
  margin:3px;
  border-radius:5px;
  font-weight:800;
  transition:transform .2s ease,background .2s ease;
}

.social a:hover{
  transform:translateY(-2px);
  background:#118cff;
}

/* =========================
   ABOUT
========================= */

.about{
  padding:94px 0;
}

.about .shell{
  display:grid;
  grid-template-columns:.78fr 1.5fr;
  gap:58px;
  align-items:center;
}

.spring h2{
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(2.8rem,4.2vw,4.8rem);
  line-height:1.03;
  letter-spacing:-.04em;
  margin:12px 0;
}

.spring h2 b{
  color:#0d7dff;
}

.spring.visible h2{
  animation:spring 1.1s cubic-bezier(.2,1.5,.35,1);
}

@keyframes spring{
  0%{
    opacity:0;
    transform:translateY(80px) scale(.93);
  }
  65%{
    transform:translateY(-12px) scale(1.02);
  }
  100%{
    opacity:1;
    transform:none;
  }
}

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

.feature-grid article{
  position:relative;
  background:#fff;
  min-height:300px;
  border-radius:18px;
  padding:30px;
  box-shadow:0 16px 50px rgba(7,35,72,.09);
  opacity:0;
  transform:translateY(35px);
  transition:transform .3s ease,box-shadow .3s ease;
}

.feature-grid article.visible{
  animation:up .7s forwards;
}

.feature-grid article:nth-child(2){
  animation-delay:.14s;
}

.feature-grid article:nth-child(3){
  animation-delay:.28s;
}

@keyframes up{
  to{
    opacity:1;
    transform:none;
  }
}

.feature-grid article:hover{
  transform:translateY(-10px)!important;
  box-shadow:0 22px 56px rgba(16,104,215,.16);
}

.feature-grid i{
  width:54px;
  height:54px;
  border:2px solid var(--blue);
  border-radius:14px;
  display:grid;
  place-items:center;
  color:var(--blue);
  font-style:normal;
  font-weight:800;
  font-size:1.45rem;
}

.feature-grid em{
  position:absolute;
  top:18px;
  right:22px;
  font-style:normal;
  font-weight:800;
  font-size:2.15rem;
  color:#e7edf5;
}

.feature-grid h3{
  margin-top:48px;
  font-family:Manrope,Inter,sans-serif;
  font-size:1.24rem;
}

.feature-grid p{
  color:#667286;
  font-size:.88rem;
  line-height:1.7;
}

/* =========================
   APPROACH
========================= */

.approach{
  padding:90px 0;
}

.approach h2,
.services h2,
.staffing h2,
.why h2,
.careers h2,
.contact h2{
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(2.7rem,4.2vw,4.8rem);
  line-height:1.03;
  letter-spacing:-.04em;
  margin:10px 0;
}

.approach-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin:44px 0 70px;
}

.approach-grid article{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  align-items:center;
  min-height:200px;
  padding:27px;
  border-radius:18px;
  border:1px solid rgba(43,130,236,.32);
  background:linear-gradient(145deg,#0b2038,#061322);
  box-shadow:inset 0 -2px #0a80f8;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.approach-grid article:hover{
  transform:translateY(-10px);
  border-color:#168cff;
  box-shadow:
    0 18px 40px rgba(0,112,255,.18),
    inset 0 -3px #17b5ff;
}

.approach-grid i{
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-style:normal;
  background:linear-gradient(135deg,#06479e,#0a89ff);
}

.approach-grid h3{
  font-family:Manrope,Inter,sans-serif;
  margin-bottom:7px;
}

.approach-grid p{
  color:#adbad0;
  font-size:.84rem;
  line-height:1.6;
}

/* =========================
   SERVICES
========================= */

.services{
  display:grid;
  grid-template-columns:.55fr 1.45fr;
  gap:44px;
  border-top:1px solid var(--line);
  padding-top:48px;
}

.services-intro p,
.staffing p,
.careers p,
.contact p{
  color:#aebbd0;
  line-height:1.68;
}

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

.service-grid article{
  padding:22px 24px;
  border-left:1px solid var(--line);
  transition:
    background .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}

.service-grid article:hover{
  background:linear-gradient(135deg,#030b15,#071729);
  box-shadow:inset 4px 0 #0b88ff;
  transform:translateY(-3px);
}

.service-grid i{
  color:#138bff;
  font-size:1.85rem;
  font-style:normal;
}

.service-grid h3{
  font-family:Manrope,Inter,sans-serif;
  font-size:1.02rem;
}

.service-grid p{
  font-size:.8rem;
}

/* =========================
   STAFFING
========================= */

.staffing{
  padding:90px 0;
  border-top:1px solid var(--line);
}

.staffing-layout{
  display:grid;
  grid-template-columns:.55fr 1.45fr;
  gap:48px;
  align-items:center;
}

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

.staff-grid article{
  min-height:255px;
  padding:26px;
  border-radius:16px;
  background:linear-gradient(145deg,#0b1a2e,#0b1627);
  border:1px solid rgba(255,255,255,.12);
  opacity:0;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}

.staff-grid article.visible{
  animation:arrive .85s cubic-bezier(.2,.8,.2,1) forwards;
}

.tl{--x:-90px;--y:-90px}
.tr{--x:90px;--y:-90px}
.bl{--x:-90px;--y:90px}
.br{--x:90px;--y:90px}

@keyframes arrive{
  from{
    transform:translate(var(--x),var(--y)) scale(.88);
    opacity:0;
  }
  to{
    transform:none;
    opacity:1;
  }
}

.staff-grid article:hover{
  transform:translateY(-10px)!important;
  border-color:#178cff;
  box-shadow:0 18px 38px rgba(0,112,255,.16);
}

.staff-grid i{
  font-size:2rem;
  font-style:normal;
}

.staff-grid h3{
  margin-top:42px;
  font-family:Manrope,Inter,sans-serif;
}

.staff-grid p{
  font-size:.82rem;
}

/* =========================
   WHY
========================= */

.why{
  padding:100px 0;
  background:linear-gradient(135deg,#071629,#151638 75%,#091329);
}

.why-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:80px;
}

.points{
  border-top:1px solid var(--line);
}

.points div{
  display:grid;
  grid-template-columns:58px 1fr;
  align-items:center;
  border-bottom:1px solid var(--line);
  padding:19px 0;
  opacity:0;
  transform:translateX(30px);
}

.points div.visible{
  animation:seq .5s forwards;
}

.points div:nth-child(2){animation-delay:.15s}
.points div:nth-child(3){animation-delay:.3s}
.points div:nth-child(4){animation-delay:.45s}
.points div:nth-child(5){animation-delay:.6s}
.points div:nth-child(6){animation-delay:.75s}

@keyframes seq{
  to{
    opacity:1;
    transform:none;
  }
}

.points b{
  color:#16a5ff;
}

.points p{
  margin:0;
}

/* =========================
   CAREERS
========================= */

.careers{
  padding:90px 0;
}

.careers-grid{
  display:grid;
  grid-template-columns:.55fr 1.45fr;
  gap:48px;
  align-items:center;
}

.link{
  display:inline-flex;
  border:1px solid #147fea;
  padding:10px 14px;
  border-radius:8px;
  font-size:.76rem;
  color:#65b6ff;
  transition:background .25s ease,transform .25s ease;
}

.link:hover{
  background:rgba(20,127,234,.12);
  transform:translateY(-2px);
}

.jobs{
  border:1px solid rgba(54,138,235,.35);
  border-radius:16px;
  background:#07172a;
  padding:20px;
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}

.jobs-head{
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--line);
}

.jobs-head span{
  font-size:.7rem;
  color:#69b4ff;
}

.jobs>div{
  display:grid;
  grid-template-columns:1fr 100px 120px;
  gap:12px;
  padding:15px 7px;
  border-bottom:1px solid rgba(255,255,255,.07);
  font-size:.8rem;
  transition:background .25s ease;
}

.jobs>div:hover{
  background:rgba(255,255,255,.025);
}

.jobs em{
  font-style:normal;
}

.jobs small{
  color:#8fa0b8;
}

/* =========================
   CONTACT
========================= */

.contact{
  padding:90px 0;
}

.contact-grid{
  display:grid;
  grid-template-columns:.72fr 1.15fr .65fr .55fr;
  gap:42px;
}

.contact h2 b{
  color:#1689ff;
}

.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:12px;
}

input,
textarea,
select{
  width:100%;
  background:#0b192a;
  border:1px solid rgba(255,255,255,.13);
  color:#fff;
  border-radius:10px;
  padding:14px 15px;
  outline:none;
  transition:border-color .25s ease,box-shadow .25s ease;
}

input:focus,
textarea:focus,
select:focus{
  border-color:#168cff;
  box-shadow:0 0 0 3px rgba(22,140,255,.10);
}

textarea{
  margin-bottom:12px;
  resize:vertical;
}

.offices h3,
.contact-info h3{
  color:#1689ff;
  font-size:.72rem;
  letter-spacing:.08em;
}

.offices p,
.contact-info a{
  display:block;
  color:#d1dbea;
  font-size:.82rem;
  line-height:1.65;
  margin-bottom:8px;
}

/* =========================
   FOOTER
========================= */

/* =========================
   FOOTER
========================= */

footer{
    position:relative;

    min-height:96px;
    padding:18px 40px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    border-top:1px solid var(--line);
    background:#020812;

    font-size:.85rem;
    color:#8795aa;
}

footer img{
    width:170px;
    height:auto;
}

footer p{
    position:absolute;
    left:50%;
    transform:translateX(-50%);

    margin:0;

    color:#aebbd0;
    font-size:.95rem;
    font-weight:500;

    white-space:nowrap;
}

footer>a{
    width:46px;
    height:46px;

    border-radius:50%;

    background:#117cff;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.3s;
}

footer>a:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 26px rgba(17,124,255,.28);
}

/* =========================
   TABLET
========================= */

@media(max-width:1100px){
  header{
    height:104px;
  }

  .brand{
    width:290px;
    height:100px;
  }

  .brand img{
    width:215px;
    max-height:96px;
    transform:none;
  }

  nav{
    position:fixed;
    top:104px;
    left:0;
    right:0;
    flex-direction:column;
    align-items:flex-start;
    padding:30px 5vw;
    background:rgba(3,16,30,.98);
    backdrop-filter:blur(18px);
    transform:translateY(-130%);
    transition:.3s ease;
  }

  nav.open{
    transform:none;
  }

  .menu{
    display:block;
  }

  .hero{
    padding-top:145px;
  }

  .hero-inner,
  .about .shell,
  .services,
  .staffing-layout,
  .why-grid,
  .careers-grid,
  .contact-grid{
    grid-template-columns:1fr;
  }

  .approach-grid,
  .feature-grid{
    grid-template-columns:1fr;
  }

  .staff-grid,
  .service-grid{
    grid-template-columns:1fr 1fr;
  }

  .hero-logo{
    min-height:420px;
  }

  .hero-logo img{
    width:min(820px,94%);
    transform:none;
  }

  @keyframes logoFloat{
    50%{
      transform:translateY(-12px);
    }
  }

  .contact-grid{
    grid-template-columns:1fr 1fr;
  }

  .contact-grid>div:first-child,
  form{
    grid-column:1/-1;
  }
}

/* =========================
   MOBILE
========================= */

@media(max-width:700px){
  header{
    height:88px;
    padding:0 16px;
  }

  .brand{
    width:225px;
    height:84px;
  }

  .brand img{
    width:180px;
    max-height:80px;
    transform:none;
  }

  nav{
    top:88px;
  }

  .hero{
    min-height:auto;
    padding-top:125px;
    padding-bottom:70px;
  }

  .hero-inner{
    width:calc(100% - 36px);
  }

  .hero h1{
    font-size:3.45rem;
  }

  .hero-copy p{
    max-width:100%;
  }

  .actions{
    flex-direction:column;
    align-items:stretch;
  }

  .btn{
    width:100%;
  }

  .hero-logo,
  .social{
    display:none;
  }

  .shell{
    width:calc(100% - 36px);
  }

  .about,
  .approach,
  .staffing,
  .why,
  .careers,
  .contact{
    padding:72px 0;
  }

  .staff-grid,
  .service-grid,
  .contact-grid,
  .form-row{
    grid-template-columns:1fr;
  }

  .jobs>div{
    grid-template-columns:1fr 78px;
  }

  .jobs small{
    display:none;
  }

  footer{
    grid-template-columns:1fr;
    text-align:center;
    padding:26px 18px;
  }

  footer img,
  footer>a{
    margin:auto;
  }
}

/* =========================
   REDUCED MOTION
========================= */

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }

  .hero h1 span,
  .feature-grid article,
  .staff-grid article,
  .points div{
    opacity:1!important;
    transform:none!important;
  }
}


/* ===== FINAL ENTERPRISE ENHANCEMENTS ===== */
.page-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#020914;transition:opacity .65s ease,visibility .65s ease}.page-loader.hidden{opacity:0;visibility:hidden}.loader-inner{width:min(420px,78vw);text-align:center;position:relative}.loader-inner img{width:100%;filter:drop-shadow(0 14px 38px rgba(0,126,255,.3))}.loader-ring{position:absolute;width:150px;height:150px;border:1px solid rgba(33,210,255,.45);border-top-color:var(--cyan);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);animation:loaderSpin 1.5s linear infinite}.loader-bar{height:3px;background:rgba(255,255,255,.08);margin:24px auto 0;overflow:hidden;border-radius:99px;width:72%}.loader-bar span{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:loaderMove 1.1s ease-in-out infinite}@keyframes loaderSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes loaderMove{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}
header{transition:height .35s ease,background .35s ease,box-shadow .35s ease}header.scrolled{height:78px;background:rgba(2,9,20,.88);box-shadow:0 12px 36px rgba(0,0,0,.28)}header.scrolled .brand{height:74px}header.scrolled .brand img{width:195px;max-height:72px;transition:width .35s ease,max-height .35s ease}.brand img{transition:width .35s ease,max-height .35s ease}
.metrics{padding:56px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{text-align:center;padding:28px 18px;border-radius:16px;background:linear-gradient(145deg,#0b1b30,#061321);border:1px solid rgba(255,255,255,.09)}.metric strong{display:block;font-family:Manrope;font-size:clamp(2.4rem,4vw,4rem);color:var(--cyan);line-height:1}.metric span{display:block;margin-top:10px;color:var(--muted);font-size:.86rem}
.tech-marquee{overflow:hidden;background:linear-gradient(90deg,var(--cyan),#63e7ff);color:#03101c;padding:16px 0}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee-track span{font-family:Manrope;font-weight:800;margin:0 27px}.marquee-track span:after{content:'•';margin-left:54px}@keyframes marquee{to{transform:translateX(-50%)}}
.job-row{cursor:pointer;position:relative;transition:background .25s ease,padding-left .25s ease}.job-row:hover{background:rgba(18,136,255,.08);padding-left:14px}.job-detail{grid-column:1/-1;max-height:0;overflow:hidden;opacity:0;color:#62b8ff;transition:max-height .3s ease,opacity .3s ease,margin .3s ease}.job-row.open .job-detail{max-height:40px;opacity:1;margin-top:8px}
.repeat-reveal{opacity:0;transition:opacity .72s ease var(--reveal-delay,0ms),transform .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),filter .72s ease var(--reveal-delay,0ms);will-change:opacity,transform}.repeat-reveal.visible{opacity:1;transform:none!important;filter:none!important}.from-left{transform:translateX(-55px)}.from-right{transform:translateX(55px)}.zoom-in{transform:scale(.9) translateY(25px)}.spring-repeat{transform:translateY(65px) scale(.95)}.corner-repeat.tl{transform:translate(-75px,-75px) scale(.9)}.corner-repeat.tr{transform:translate(75px,-75px) scale(.9)}.corner-repeat.bl{transform:translate(-75px,75px) scale(.9)}.corner-repeat.br{transform:translate(75px,75px) scale(.9)}
.hero h1 span{animation:none}.hero.hero-active .l1{animation:heroIn .82s .2s both}.hero.hero-active .l2{animation:heroIn .82s 1.2s both}.hero.hero-active .l3{animation:heroIn .82s 2.2s both}.hero.hero-active .l4{animation:heroIn .82s 3.2s both}
footer{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:96px;padding:18px 40px}footer img{width:170px;height:auto;max-height:72px}footer p{position:absolute;left:50%;transform:translateX(-50%);margin:0;color:#aebbd0;font-size:.88rem;white-space:nowrap}footer>a{margin-left:auto}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}header.scrolled{height:76px}header.scrolled nav{top:76px}}
@media(max-width:700px){.metrics-grid{grid-template-columns:1fr 1fr}.metric{padding:22px 10px}footer{flex-direction:column;gap:18px;text-align:center;padding:30px 20px}footer p{position:static;transform:none;white-space:normal}footer img{width:150px}.job-detail{display:none}}
\n\n/* =========================================\n   FINAL FOOTER FIX — ALWAYS VISIBLE\n========================================= */\nfooter,\nfooter.repeat-reveal,\nfooter.repeat-reveal.visible{\n  position:relative !important;\n  z-index:10 !important;\n  width:100% !important;\n  min-height:112px !important;\n  padding:22px 40px !important;\n  display:flex !important;\n  align-items:center !important;\n  justify-content:space-between !important;\n  gap:28px !important;\n  overflow:visible !important;\n  background:#020812 !important;\n  border-top:1px solid rgba(255,255,255,.10) !important;\n  color:#aebbd0 !important;\n  opacity:1 !important;\n  visibility:visible !important;\n  transform:none !important;\n  filter:none !important;\n}\n\nfooter > img,\nfooter > img.repeat-reveal,\nfooter > img.visible{\n  display:block !important;\n  width:190px !important;\n  max-width:190px !important;\n  height:auto !important;\n  max-height:82px !important;\n  object-fit:contain !important;\n  opacity:1 !important;\n  visibility:visible !important;\n  transform:none !important;\n  filter:drop-shadow(0 6px 16px rgba(0,132,255,.16)) !important;\n}\n\nfooter > p,\nfooter > p.repeat-reveal,\nfooter > p.visible{\n  position:absolute !important;\n  left:50% !important;\n  top:50% !important;\n  width:max-content !important;\n  max-width:55% !important;\n  margin:0 !important;\n  color:#aebbd0 !important;\n  font-size:.9rem !important;\n  font-weight:500 !important;\n  line-height:1.5 !important;\n  text-align:center !important;\n  white-space:nowrap !important;\n  opacity:1 !important;\n  visibility:visible !important;\n  transform:translate(-50%,-50%) !important;\n  filter:none !important;\n}\n\nfooter > a,\nfooter > a.repeat-reveal,\nfooter > a.visible{\n  width:46px !important;\n  height:46px !important;\n  flex:0 0 46px !important;\n  margin-left:auto !important;\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  border-radius:50% !important;\n  background:#117cff !important;\n  color:#fff !important;\n  opacity:1 !important;\n  visibility:visible !important;\n  transform:none !important;\n  filter:none !important;\n  transition:transform .25s ease,box-shadow .25s ease !important;\n}\n\nfooter > a:hover{\n  transform:translateY(-4px) !important;\n  box-shadow:0 12px 26px rgba(17,124,255,.30) !important;\n}\n\n@media(max-width:1100px){\n  footer,\n  footer.repeat-reveal,\n  footer.repeat-reveal.visible{\n    min-height:108px !important;\n    padding:20px 28px !important;\n  }\n\n  footer > img{\n    width:165px !important;\n    max-width:165px !important;\n  }\n\n  footer > p{\n    max-width:52% !important;\n    white-space:normal !important;\n  }\n}\n\n@media(max-width:700px){\n  footer,\n  footer.repeat-reveal,\n  footer.repeat-reveal.visible{\n    min-height:auto !important;\n    padding:30px 20px !important;\n    flex-direction:column !important;\n    justify-content:center !important;\n    gap:18px !important;\n    text-align:center !important;\n  }\n\n  footer > img{\n    width:155px !important;\n    max-width:155px !important;\n    margin:0 auto !important;\n  }\n\n  footer > p{\n    position:static !important;\n    width:100% !important;\n    max-width:100% !important;\n    margin:0 !important;\n    white-space:normal !important;\n    transform:none !important;\n  }\n\n  footer > a{\n    margin:4px auto 0 !important;\n  }\n}\n