@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700&display=swap");

:root{--red:#ed1717;--navy:#17243b;--muted:#5f6a7a;--border:#dce2e9;--page:#fbfcfe}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--navy);font-family:Montserrat,Arial,sans-serif;font-size:12px}
a{text-decoration:none;color:inherit}

.site-header{height:82px;background:#fff;display:flex;align-items:center;padding:7px 2%;gap:24px;box-shadow:0 2px 12px rgba(0,18,34,.10);position:relative;z-index:20}
.brand{flex:0 0 250px;display:flex;align-items:center}.brand img{width:250px;height:66px;object-fit:contain;display:block}
.main-nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:12px}.main-nav a{font-weight:600;font-size:11px;white-space:nowrap}.main-nav a:hover,.main-nav .active{color:var(--red)}
.main-nav .active{position:relative}.main-nav .active:after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:3px;background:var(--red);border-radius:3px}
.talk-btn{background:var(--red);color:#fff;border-radius:8px;padding:14px 17px;font-weight:700;font-size:10px;white-space:nowrap}.talk-btn span{font-size:16px;margin-left:5px}.menu-btn{display:none}

.hero{height:392px;display:grid;grid-template-columns:43% 57%;background:#fff;overflow:hidden}
.hero-copy{padding:40px 5% 20px max(4%,calc((100vw - 1250px)/2));position:relative;z-index:2;background:linear-gradient(90deg,#fff 0%,#fff 78%,rgba(255,255,255,.82) 100%)}
.eyebrow{color:#d91519;font-weight:800;font-size:10px;letter-spacing:.1px}
.hero h1{font:700 46px/1.05 "Barlow Condensed",Arial,sans-serif;margin:10px 0 14px;letter-spacing:.2px}.hero h1 span{color:var(--red)}
.red-rule{width:54px;height:3px;background:var(--red);margin:17px 0}.hero p{max-width:420px;margin:0 0 20px;font-size:11.5px;line-height:1.75;color:#263143}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;padding:13px 20px;font-weight:700;font-size:10px;border:1px solid var(--red)}.btn b{font-size:15px}.btn-primary{background:var(--red);color:#fff}.btn-outline{background:#fff;color:#202938;border-color:#6b7078}
.hero-art{height:392px;overflow:hidden;position:relative;background:#fff}.hero-art:after{content:"";position:absolute;left:-80px;bottom:-120px;width:160px;height:330px;border:9px solid rgba(229,21,25,.25);border-radius:50%;transform:rotate(-18deg);pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

.services-panel{margin:0 3% 18px;background:#fff;border-radius:16px;padding:24px 16px 20px;box-shadow:0 8px 30px rgba(0,18,26,.08);position:relative;overflow:hidden}.services-panel:before,.process-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#e91519 1px,transparent 1px);background-size:14px 14px;opacity:.045}.services-panel>*{position:relative;z-index:1}
.section-heading{text-align:center}.section-heading h2{font-size:25px;line-height:1.18;margin:7px 0;color:var(--navy)}.section-heading h2 span{color:var(--red)}.section-heading p{font-size:10.5px;line-height:1.6;margin:8px auto 0;max-width:760px;color:#4e5868}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.service-card{min-height:250px;border:1px solid var(--border);border-radius:12px;padding:12px 14px 14px;background:#fff;overflow:hidden;transition:.2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,18,26,.08);border-color:#f0baba}.service-card:after{content:"";display:block;width:34px;height:2px;background:var(--red);margin-top:12px}.service-card img{width:100%;height:100px;display:block;object-fit:contain;margin:0 0 9px;border-radius:10px}.service-card h3{font-size:12px;line-height:1.3;margin:3px 0 8px;min-height:29px;color:#1a2435}.service-card p{font-size:10px;line-height:1.65;margin:0;color:#4e5868}

/* CLEAN STATS STRIP: icons are vector paths, not cropped raster screenshots. */
.stats-strip{margin:14px 3% 0;display:grid;grid-template-columns:2fr repeat(5,1fr);color:#fff;background:linear-gradient(105deg,#b00000,#ed1111 48%,#071226);border-radius:10px;overflow:hidden;min-height:137px}
.stats-intro,.stat-item{padding:17px 11px;display:flex;flex-direction:column;justify-content:center}.stats-intro{text-align:left}.stat-item{text-align:center;border-left:1px solid rgba(255,255,255,.28);align-items:center}.stat-item svg{width:43px;height:43px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}.stats-intro h2{font-size:20px;line-height:1.2;margin:5px 0}.stats-intro p{font-size:9px;line-height:1.5;margin:0;color:#fff;max-width:330px}.stat-item strong{font-size:20px;line-height:1.05;display:block}.stat-item small{color:#fff;font-size:8px;line-height:1.35;margin-top:7px;font-weight:800}

.process-section{position:relative;padding:20px 5% 26px;overflow:hidden}.process-section>*{position:relative;z-index:1}.process-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;text-align:center;margin-top:17px}.step{position:relative}.step:not(:last-child):after{content:"";position:absolute;top:15px;left:60%;width:82%;border-top:1px dashed #ef7777;z-index:0}.step span{display:grid;place-items:center;width:31px;height:31px;border:2px solid var(--red);border-radius:50%;color:var(--red);font-size:14px;font-weight:700;margin:0 auto 7px;background:#fff;position:relative;z-index:1}.step b{display:block;color:#1d2738;font-size:9px}.step p{font-size:8.5px;color:#687181;line-height:1.6;max-width:150px;margin:7px auto}

/* The approved CTA image already contains the headline, copy and both buttons. It is shown once only. */
.cta-image{margin:0 3% 18px;position:relative;line-height:0;overflow:hidden;border-radius:10px;background:#b40000}.cta-image>img{display:block;width:100%;height:auto}.cta-hotspot{position:absolute;top:22%;height:56%;border-radius:8px}.cta-hotspot-hire{left:59.8%;width:13.2%}.cta-hotspot-consult{left:75.2%;width:22.8%}

.site-footer{background:#fff;border-top:1px solid #e2e5e9;padding:26px 3% 20px;display:grid;grid-template-columns:1.7fr 1.15fr 1.35fr 1.05fr 1.45fr;gap:24px;line-height:1.9;font-size:10px}.footer-brand img{width:235px;height:66px;object-fit:contain;display:block;margin-bottom:6px}.site-footer p{margin:4px 0 10px;color:#263143}.site-footer h4{font-size:10px;margin:0 0 10px;color:#111d32;letter-spacing:.2px}.footer-col{border-left:1px solid #dce1e7;padding-left:24px}.footer-col a{display:block;margin:1px 0}.site-footer .red,.site-footer strong{color:var(--red)}.socials{display:flex;gap:8px;margin-top:8px}.socials a{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e91519;color:#fff;font-weight:800;font-size:12px}.socials a:nth-child(1){background:#0a66c2}.socials a:nth-child(2){background:#1877f2}.socials a:nth-child(3){background:#e1306c}.socials a:nth-child(4){background:#111}.socials a:nth-child(5){background:#e91519}
.legal{background:#ed1717;color:#fff;display:flex;justify-content:space-between;padding:9px 3%;font-size:9px}

@media(max-width:1050px){.site-header{gap:14px}.brand,.brand img{width:220px;flex-basis:220px}.main-nav{gap:8px}.main-nav a{font-size:10px}.talk-btn{padding:12px}.hero{grid-template-columns:45% 55%;height:375px}.hero-art{height:375px}.hero h1{font-size:41px}}
@media(max-width:850px){.site-header{height:74px}.main-nav{display:none}.talk-btn{margin-left:auto}.menu-btn{display:block;border:0;background:none;font-size:24px;color:var(--navy);cursor:pointer}.hero{grid-template-columns:1fr;height:auto}.hero-copy{padding:38px 7%}.hero-art{height:300px}.services-panel{margin:0 2% 14px}.service-grid{grid-template-columns:repeat(2,1fr)}.stats-strip{grid-template-columns:repeat(3,1fr)}.stats-intro{grid-column:1/-1}.process-steps{grid-template-columns:repeat(3,1fr)}.step:not(:nth-child(3)):after{width:70%}.site-footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.brand,.brand img{width:190px;flex-basis:190px;height:58px}.talk-btn{display:none}.hero h1{font-size:34px}.hero p{font-size:11px}.hero-art{height:250px}.service-grid{grid-template-columns:1fr}.service-card{min-height:245px}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-intro{grid-column:1/-1}.process-steps{grid-template-columns:repeat(2,1fr)}.step:after{display:none!important}.cta-hotspot{top:18%;height:64%}.cta-hotspot-hire{left:57%;width:18%}.cta-hotspot-consult{left:76%;width:22%}.site-footer{grid-template-columns:1fr}.footer-col{border-left:0;border-top:1px solid #e0e4e9;padding-left:0;padding-top:15px}.legal{font-size:8px;gap:10px;flex-direction:column}}
@media(max-width:850px){.main-nav.open{display:flex;position:absolute;top:74px;left:0;right:0;background:#fff;padding:16px 7%;flex-direction:column;align-items:flex-start;gap:13px;box-shadow:0 8px 20px rgba(0,0,0,.10)}.main-nav.open .active:after{display:none}}

/* FINAL POLISH — stats and recruitment process sizing */
.stats-strip{min-height:148px;grid-template-columns:2.05fr repeat(5,1fr);align-items:stretch}
.stats-intro{padding:18px 12px 18px 14px}
.stats-intro h2{font-size:22px;line-height:1.12;margin:6px 0 7px}
.stats-intro p{font-size:9.2px;line-height:1.45;max-width:340px}
.stat-item{padding:15px 8px;gap:0;justify-content:center}
.stat-item svg{width:48px;height:48px;padding:9px;background:#fff;border-radius:50%;stroke:var(--red);stroke-width:2.4;margin:0 auto 8px}
.stat-item strong{font-size:21px;line-height:1.05;white-space:nowrap}
.stat-item small{font-size:7.8px;line-height:1.25;margin-top:6px;max-width:150px;text-align:center}

.process-section{padding:27px 4.5% 31px;background:#fbfcfe}
.process-section .section-heading h2{font-size:27px;line-height:1.15;margin-top:8px}
.process-steps{gap:0;margin-top:22px;align-items:start}
.step{min-width:0;padding:0 7px}
.step:not(:last-child):after{top:25px;left:58%;width:84%;border-top:1px dashed rgba(237,23,23,.55)}
.step-icon{display:grid!important;place-items:center;width:52px!important;height:52px!important;border:2px solid var(--red)!important;border-radius:50%;margin:0 auto 9px!important;background:#fff!important;position:relative;z-index:2}
.step-icon svg{width:27px;height:27px;fill:none;stroke:var(--red);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.step b{font-size:9.5px;line-height:1.2;white-space:nowrap}
.step p{font-size:9px;line-height:1.5;max-width:165px;margin:8px auto 0;color:#687181}

@media(max-width:1050px){
  .stats-strip{grid-template-columns:1.8fr repeat(5,1fr)}
  .stats-intro h2{font-size:20px}.stat-item strong{font-size:19px}.stat-item small{font-size:7.2px}
}
@media(max-width:850px){
  .stats-strip{grid-template-columns:repeat(3,1fr)}
  .stats-intro{grid-column:1/-1}.process-section{padding-left:5%;padding-right:5%}
}
@media(max-width:520px){
  .stats-strip{grid-template-columns:repeat(2,1fr)}
  .stats-intro{grid-column:1/-1}.process-section .section-heading h2{font-size:23px}
}


/* FINAL RED STRIP FIX — Experience / Technology / Results ONLY */
.stats-strip .stats-intro .eyebrow{
  color:#fff;
  opacity:.95;
  font-size:9px;
  font-weight:800;
  letter-spacing:.4px;
  margin-bottom:2px;
}
.stats-strip .stats-intro h2{
  color:#fff;
  font-size:24px;
  line-height:1.08;
  font-weight:800;
  margin:4px 0 8px;
  letter-spacing:-.2px;
}
.stats-strip .stats-intro p{
  color:#fff;
  opacity:.96;
  font-size:9.5px;
  line-height:1.45;
  max-width:345px;
  margin:0;
}
.stats-strip .stat-item{
  padding:14px 8px 13px;
  justify-content:center;
}
.stats-strip .stat-item svg{
  width:50px;
  height:50px;
  padding:10px;
  background:#fff;
  border-radius:50%;
  stroke:#ed1717;
  stroke-width:2.35;
  margin:0 auto 7px;
  flex:none;
}
.stats-strip .stat-item strong{
  color:#fff;
  font-size:21px;
  line-height:1.05;
  font-weight:800;
}
.stats-strip .stat-item small{
  color:#fff;
  font-size:7.8px;
  line-height:1.25;
  font-weight:800;
  margin-top:6px;
  max-width:150px;
  text-align:center;
}
@media(max-width:1050px){
  .stats-strip .stats-intro h2{font-size:22px}
  .stats-strip .stat-item strong{font-size:19px}
}


/* FINAL EXPERIENCE / TECHNOLOGY / RESULTS STRIP — reference matched */
.stats-strip{
  min-height:148px !important;
  grid-template-columns:2.05fr repeat(5,1fr) !important;
  background:linear-gradient(105deg,#b00000 0%,#ed1111 48%,#071226 100%) !important;
  border-radius:10px !important;
  overflow:hidden !important;
  align-items:stretch !important;
}
.stats-strip .stats-intro{
  padding:18px 14px !important;
  text-align:left !important;
  justify-content:center !important;
}
.stats-strip .stats-intro .eyebrow{
  color:#fff !important;
  font-size:9px !important;
  line-height:1 !important;
  margin:0 0 6px !important;
}
.stats-strip .stats-intro h2{
  color:#fff !important;
  font-size:22px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  margin:0 0 8px !important;
  letter-spacing:0 !important;
}
.stats-strip .stats-intro p{
  color:#fff !important;
  font-size:9.2px !important;
  line-height:1.45 !important;
  max-width:315px !important;
  margin:0 !important;
}
.stats-strip .stat-item{
  min-height:148px !important;
  padding:14px 8px 13px !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  border-left:1px solid rgba(255,255,255,.32) !important;
  gap:0 !important;
}
.stats-strip .stat-item svg{
  width:50px !important;
  height:50px !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  stroke:#fff !important;
  stroke-width:2.4 !important;
  margin:0 auto 7px !important;
  flex:none !important;
}
.stats-strip .stat-item strong{
  color:#fff !important;
  font-size:21px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
.stats-strip .stat-item small{
  color:#fff !important;
  font-size:7.8px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  margin-top:6px !important;
  max-width:145px !important;
  text-align:center !important;
}
@media(max-width:1050px){
  .stats-strip{grid-template-columns:1.8fr repeat(5,1fr) !important;}
  .stats-strip .stats-intro h2{font-size:20px !important;}
  .stats-strip .stat-item strong{font-size:19px !important;}
  .stats-strip .stat-item small{font-size:7.2px !important;}
}
@media(max-width:850px){
  .stats-strip{grid-template-columns:repeat(3,1fr) !important;}
  .stats-strip .stats-intro{grid-column:1/-1 !important;}
  .stats-strip .stat-item{min-height:110px !important;}
}
@media(max-width:520px){
  .stats-strip{grid-template-columns:repeat(2,1fr) !important;}
}

/* Final polish: legacy duplicate legal strip removed; keep hidden if referenced elsewhere. */
.legal{display:none!important}