*{box-sizing:border-box}body{margin:0;background:#06090b;color:#f4f4f4;font-family:Arial,sans-serif}header{height:74px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #222;gap:32px}.logo img{width:335px;height:70px;object-fit:contain}footer img{width:260px;height:88px;object-fit:contain}.logo{margin-right:auto}nav{display:flex;gap:30px}nav a{font-size:11px;color:#fff;text-decoration:none;font-weight:700}.active{border-bottom:2px solid #b7e21c;padding-bottom:12px}.cta{border:1px solid #91b800;color:#b7e21c;padding:15px 20px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.04em}.hero{height:350px;display:grid;grid-template-columns:42% 58%;border-bottom:1px solid #263039}.hero-copy{padding:25px 30px}.eyebrow,.lime{color:#b7e21c}.blue{color:#1d9cff}.hero h1{font-size:50px;line-height:1.03;letter-spacing:.04em;margin:12px 0 18px}.hero h1 em,.objective em{font-style:normal;color:#83b500}.hero p{line-height:1.7}.hero-image{background:url('assets/hero.jpg') center/cover no-repeat}.micro{display:flex;gap:40px;margin-top:36px;color:#b7e21c}.micro div{font-size:24px}.micro b,.micro small{display:block;margin-left:34px;margin-top:-24px;color:#ddd;font-size:11px;font-weight:400}.micro small{margin-top:7px}.journey{padding:12px 29px 28px}.journey>h2{text-align:center;font-size:21px;letter-spacing:.12em;margin:0}.journey>h3{text-align:center;color:#1d9cff;font-size:14px;letter-spacing:.18em;margin:4px 0 10px}.cards{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;align-items:center}.cards article{height:578px;border:1px solid #29414d;border-radius:5px;overflow:hidden;padding:12px 18px 0;position:relative;background:linear-gradient(180deg,#080c0f,#050708)}.cards article:last-child{border-color:#678000}.num{border:1px solid currentColor;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:20px}.cards h4{position:absolute;top:15px;left:74px;font-size:16px;line-height:1.45;font-weight:400;letter-spacing:.05em}.cards h5{text-align:center;font-size:15px;letter-spacing:.12em;margin:5px}.symbol{text-align:center;font-size:45px;margin-top:8px}.cards p{font-size:12px;line-height:1.5}.cards ul{padding-left:18px;font-size:11px;line-height:1.75;list-style:'✓  '}.cards img{position:absolute;bottom:0;left:0;width:100%;height:155px;object-fit:cover}.arrow{border:1px solid #666;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;z-index:2;margin-left:-3px}.objective{margin:0 29px 22px;border:1px solid #334047;display:grid;grid-template-columns:60% 40%;min-height:230px}.obj-left{padding:14px 34px;border-right:1px solid #39454a}.obj-left>h3{text-align:center;color:#b7e21c;letter-spacing:.12em}.obj-left>h2{font-weight:400;letter-spacing:.12em}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.three p{border-right:1px solid #3a4449;padding:0 20px;font-size:11px;line-height:1.5}.never{padding:28px 40px}.never h2{color:#1d9cff;letter-spacing:.08em}.never p{font-size:12px;line-height:1.6}.hands{float:left;font-size:55px;color:#1d9cff;margin-right:28px}.bottom{border-top:1px solid #263039;border-bottom:1px solid #263039;padding:20px 30px;display:flex;align-items:center;gap:30px;font-size:11px}.big{min-width:290px;text-align:center}.proof{text-align:center;border-left:1px solid #465056;padding-left:25px;line-height:1.5}footer{height:105px;display:flex;align-items:center;padding:15px 30px;gap:65px}footer nav{margin-left:auto}@media(max-width:900px){header nav{display:none}.hero{grid-template-columns:1fr;height:auto}.hero-image{height:300px}.cards{grid-template-columns:1fr;gap:16px}.cards article{height:620px}.arrow{display:none}.objective{grid-template-columns:1fr}.bottom{flex-wrap:wrap}footer nav{display:none}}
/* Services V2 fidelity corrections: journey only */
.journey{max-width:1024px;margin:0 auto;padding:12px 29px 28px}
.journey>h2{font-size:18px;letter-spacing:.11em}
.journey>h3{font-size:12px;letter-spacing:.17em;margin:4px 0 10px}
.cards article{height:578px;padding:12px 18px 0}
.symbol{height:64px;margin-top:64px;display:flex;align-items:center;justify-content:center;font-size:0}
.symbol img{width:68px;height:66px;object-fit:contain;display:block}
.cards h5{margin:2px 0 5px}
/* Services V3: restore original journey icons only */
.cards .symbol img{
  position:static;
  inset:auto;
  bottom:auto;
  left:auto;
  width:auto;
  max-width:72px;
  height:66px;
  object-fit:contain;
  display:block;
}
/* Services V4: slightly reduce journey icons only */
.cards .symbol img{
  max-width:60px;
  height:56px;
}
.symbol{height:58px;}
/* Services V5: surgical per-icon positioning only */
.cards article:nth-of-type(2) .symbol img{transform:translateY(6px)}
.cards article:nth-of-type(3) .symbol img{transform:translateX(7px)}
.cards article:nth-of-type(4) .symbol img{transform:translateY(-5px)}
/* Services V6: requested surgical adjustments only */
.cards article:nth-of-type(3) .symbol img{transform:translateX(12px)}
.journey>h3 .journey-lime{color:#b7e21c}
/* Services V7: Box 3 icon only — preserve full left edge and center artwork */
.cards article:nth-of-type(3) .symbol img{transform:none}
/* Services V8: Box 3 icon only — move right to fully reveal left edge */
.cards article:nth-of-type(3) .symbol img{transform:translateX(22px) !important}

/* Services V10: Box 3 icon centering only */
.cards article:nth-of-type(3) .symbol img{transform:translateX(0) !important;margin-left:auto;margin-right:auto}

/* Services V15: restore Matrix Objective and Never Alone icons only */
.three p{position:relative;padding-left:78px}
.three .objective-icon{position:absolute;left:8px;top:2px;width:56px;height:64px;object-fit:contain}
.hands{width:78px;height:72px;float:left;margin-right:28px;font-size:0}
.hands img{width:78px;height:72px;object-fit:contain;display:block}

/* Services V18: restore exact original bottom proof icons only */
.bottom .proof{height:74px;min-width:78px;padding-left:18px;display:flex;align-items:center;justify-content:center}
.bottom .proof img{position:static;width:76px;height:70px;object-fit:contain;display:block}
/* Responsive Conversion V1 — mobile/tablet only; locked desktop unchanged */
.menu{display:none;background:none;border:1px solid #333;color:#fff;font-size:22px;line-height:1;padding:8px 10px;cursor:pointer}
@media(max-width:900px){header{position:relative;gap:14px;padding-left:18px;padding-right:18px}.menu{display:block;margin-left:auto}header>.cta{display:none}header.open nav{display:flex;position:absolute;z-index:100;top:100%;left:0;right:0;flex-direction:column;align-items:center;gap:0;background:#030506;border-bottom:1px solid #303638;padding:8px 18px 14px}header.open nav a{width:100%;padding:13px 4px;text-align:center;border-bottom:1px solid #1d2225}.hero,.journey,.bottom{height:auto!important}.shell{max-width:100%}}
@media(max-width:640px){header{height:64px}.logo img{max-width:190px;height:auto}.hero h1{font-size:clamp(30px,9vw,42px)}.cards,.serviceGrid,.grid{grid-template-columns:1fr!important}.bottom{grid-template-columns:1fr!important}.bottom>*{min-height:0!important}.bottom .cta{margin:18px}.proof{padding:12px}.journey{padding-left:16px;padding-right:16px}}

/* V6: lock upper banner to viewport to match Home/Approach */
header{position:sticky;top:0;z-index:50;}

/* Mobile Optimization V3 — Services page only. Locked Home/Approach mobile and V6 desktop/tablet remain unchanged. */
@media(max-width:650px){
  html,body{max-width:100%;overflow-x:hidden}

  header{height:68px;padding:0 14px;gap:10px}
  .logo{min-width:0;overflow:hidden}
  .logo img{width:min(190px,62vw);max-width:100%;height:56px;object-fit:contain;object-position:left center}
  .menu{font-size:24px;padding:8px 9px;flex:0 0 auto}
  header.open nav{top:68px;align-items:stretch;padding:8px 16px 14px}
  header.open nav a{font-size:13px;padding:13px 4px;text-align:left;border-bottom:1px solid #1d2225}
  header.open nav a.active{padding-bottom:13px;border-bottom:1px solid #1d2225;color:#b7e21c}

  .hero{display:flex;flex-direction:column;height:auto;min-height:0}
  .hero-copy{order:1;width:100%;padding:28px 18px 24px;min-width:0}
  .hero h1{font-size:clamp(34px,10.2vw,42px);line-height:1;letter-spacing:.025em;margin:10px 0 16px;overflow-wrap:anywhere}
  .hero-copy>p{font-size:14px;line-height:1.55;margin:0}
  .hero-copy>p br{display:none}
  .micro{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}
  .micro div{font-size:22px;min-width:0}
  .micro b,.micro small{font-size:11px;line-height:1.4}
  .hero-image{order:2;width:100%;height:auto;min-height:220px;aspect-ratio:16/10;background-size:cover;background-position:center top}

  .journey{width:100%;max-width:none;padding:24px 14px 28px}
  .journey>h2{font-size:17px;line-height:1.25;letter-spacing:.09em}
  .journey>h3{font-size:11px;line-height:1.5;letter-spacing:.12em;margin:7px 0 18px}
  .cards{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:18px;align-items:stretch}
  .arrow{display:none}
  .cards article{width:100%;height:auto;min-height:0;padding:14px 16px 0;overflow:hidden}
  .cards h4{top:15px;left:72px;right:12px;font-size:15px;line-height:1.35;margin:0;overflow-wrap:anywhere}
  .symbol{height:58px;margin-top:66px}
  .cards h5{font-size:14px;margin:4px 0 8px}
  .cards p{font-size:12px;line-height:1.55}
  .cards ul{font-size:11px;line-height:1.65;padding-left:20px;margin-bottom:16px}
  .cards article>img:last-child{position:relative;left:auto;bottom:auto;width:calc(100% + 32px);height:auto;max-height:none;aspect-ratio:16/8;object-fit:cover;margin:4px -16px 0;display:block}

  .objective{display:grid;grid-template-columns:minmax(0,1fr);margin:0 14px 22px;min-height:0}
  .obj-left{padding:22px 16px;border-right:0;border-bottom:1px solid #39454a;min-width:0}
  .obj-left>h3{font-size:13px;line-height:1.4;margin-top:0}
  .obj-left>h2{font-size:clamp(23px,7vw,30px);line-height:1.15;letter-spacing:.07em;overflow-wrap:anywhere}
  .three{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
  .three p{min-height:82px;margin:0;padding:14px 10px 14px 78px;border-right:0;border-bottom:1px solid #303a40;font-size:12px;line-height:1.5}
  .three p:last-child{border-bottom:0}
  .three .objective-icon{left:8px;top:12px;width:54px;height:58px}
  .never{padding:24px 18px;text-align:left;min-width:0}
  .hands{float:none;width:72px;height:68px;margin:0 0 10px}
  .hands img{width:72px;height:68px}
  .never h2{font-size:27px;line-height:1.05;margin:8px 0 14px}
  .never p{font-size:12px;line-height:1.6}

  .bottom{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px 14px;text-align:center}
  .bottom>.cta.big{width:100%;min-width:0;margin:0 0 18px;padding:15px 12px}
  .bottom>div:not(.proof){font-size:11px;line-height:1.55;margin-bottom:10px}
  .bottom .proof{width:100%;height:auto;min-height:82px;padding:10px 0;border-left:0;border-top:1px solid #293238}
  .bottom .proof img{width:76px;height:70px}

  footer{height:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 16px 28px;text-align:center}
  footer>img{width:220px;max-width:80%;height:auto;object-fit:contain}
  footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:0;width:100%;max-width:330px}
  footer nav a{font-size:11px;padding:4px 0}
  footer nav a.active{border-bottom:0;padding-bottom:4px;color:#b7e21c}
}

@media(max-width:390px){
  .hero-copy{padding-left:14px;padding-right:14px}
  .hero h1{font-size:34px}
  .journey{padding-left:11px;padding-right:11px}
  .cards h4{font-size:14px;left:70px}
  .objective{margin-left:11px;margin-right:11px}
  .obj-left>h2{font-size:23px}
  footer nav{grid-template-columns:1fr}
}

/* Mobile Optimization V3 surgical revision: bottom four proof icons horizontal only */
@media(max-width:650px){
  .bottom{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:center;
    gap:0;
  }
  .bottom>.cta.big,
  .bottom>div:not(.proof){
    grid-column:1 / -1;
  }
  .bottom .proof{
    width:auto;
    min-width:0;
    min-height:82px;
    padding:10px 2px;
    border-top:1px solid #293238;
    border-left:0;
  }
  .bottom .proof img{
    width:70px;
    max-width:100%;
    height:70px;
    object-fit:contain;
  }
}
@media(max-width:390px){
  .bottom .proof img{width:64px;height:64px}
}

/* Mobile Production Integrated V1 — surgical header lock */
@media (max-width:650px){
  body{padding-top:68px}
  header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}
}


/* Services legal footer — surgical addition */
footer .legal{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:7px;color:#777f84;font-size:9px;line-height:1.4;text-align:right}
footer .legal a{color:inherit;text-decoration:none}
@media(max-width:900px){footer .legal{margin-left:0;align-items:center;text-align:center}}

/* Service-mark designation — surgical brand notice */
.sm-logo-mark{position:relative}
.sm-logo-mark::after,.service-mark{font-size:8px;line-height:1;font-weight:600;letter-spacing:0;color:#fff;font-style:normal}
.sm-logo-mark::after{content:"SM";position:absolute;top:18%;right:-11px}
.service-mark{display:inline-block;vertical-align:super;margin-left:4px}

/* Services V19 MOCKUP — proposed Matrix Ecosystem integration only */
.ecosystem{margin:0 29px 28px;border:1px solid #334047;background:radial-gradient(circle at 50% 42%,rgba(29,156,255,.07),transparent 34%),linear-gradient(180deg,#080c0f,#050708);overflow:hidden}
.ecosystem-intro{max-width:1050px;margin:0 auto;text-align:center;padding:42px 56px 28px}
.ecosystem-eyebrow{display:inline-block;color:#b7e21c;font-size:11px;font-weight:700;letter-spacing:.18em;margin-bottom:10px}
.ecosystem h2{font-size:36px;line-height:1.05;letter-spacing:.075em;margin:5px 0 12px;font-weight:700}
.ecosystem-lead{font-size:15px!important;color:#dce4e8!important;letter-spacing:.025em;margin:0 0 22px!important}
.ecosystem-intro>p{max-width:860px;margin:10px auto;color:#aeb8bd;font-size:12px;line-height:1.7}
.ecosystem-intro .whole-system{font-size:14px;color:#e9eef0}.whole-system strong{color:#1d9cff}
.system-flow{margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;color:#dce4e8;font-size:10px;font-weight:700;letter-spacing:.11em}.system-flow b{color:#b7e21c;font-size:17px}.system-flow span{border:1px solid #31414a;padding:10px 14px;background:#070b0e}
.ecosystem-core{position:relative;max-width:1180px;margin:0 auto;padding:18px 36px 38px}
.core-ring{width:190px;height:190px;border:1px solid #5f7f12;border-radius:50%;margin:0 auto 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(183,226,28,.025),0 0 0 24px rgba(29,156,255,.018);background:#070b0d;text-align:center}.core-ring:before{content:"";position:absolute;width:1px;height:26px;background:#526169;transform:translateY(108px)}.core-ring strong{font-size:27px;letter-spacing:.11em;color:#fff}.core-small{font-size:8px;letter-spacing:.18em;color:#b7e21c;margin:4px 0}.core-m-logo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.capability-grid article{min-height:150px;border:1px solid #293941;background:linear-gradient(180deg,rgba(12,18,22,.92),rgba(6,9,11,.96));padding:18px 18px 16px;position:relative}.capability-grid article:nth-child(4){border-color:#48611b}.cap-num{position:absolute;right:14px;top:13px;color:#53636b;font-size:10px;letter-spacing:.08em}.capability-grid h3{font-size:13px;line-height:1.35;letter-spacing:.08em;margin:0 0 10px;color:#1d9cff}.capability-grid article:nth-child(4) h3,.capability-grid article:nth-child(5) h3{color:#b7e21c}.capability-grid p{font-size:11px;line-height:1.6;color:#aeb8bd;margin:0;max-width:290px}
.integrated-statement{border-top:1px solid #334047;text-align:center;padding:30px 30px 34px;background:linear-gradient(90deg,rgba(29,156,255,.035),rgba(183,226,28,.035))}.integrated-statement h3{font-size:20px;line-height:1.35;letter-spacing:.04em;margin:5px 0 12px;font-weight:400}.integrated-statement h3 em{font-style:normal;color:#1d9cff}.integrated-statement p{font-size:11px;color:#aeb8bd;letter-spacing:.025em}.integrated-statement p span{color:#b7e21c;margin:0 8px}.integrated-statement>strong{display:block;margin-top:18px;color:#b7e21c;font-size:15px;letter-spacing:.14em}
@media(max-width:900px){.capability-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-intro{padding-left:30px;padding-right:30px}}
@media(max-width:650px){.ecosystem{margin:0 14px 22px}.ecosystem-intro{padding:30px 16px 22px}.ecosystem h2{font-size:clamp(27px,8vw,34px);line-height:1.08}.ecosystem-lead{font-size:13px!important}.system-flow{display:grid;grid-template-columns:1fr;gap:7px}.system-flow b{transform:rotate(90deg);height:16px}.ecosystem-core{padding:14px 12px 28px}.core-ring{width:160px;height:160px}.core-ring:before{display:none}.capability-grid{grid-template-columns:1fr;gap:10px}.capability-grid article{min-height:0;padding:17px}.integrated-statement{padding:26px 16px 30px}.integrated-statement h3{font-size:18px}.integrated-statement p span{display:none}.integrated-statement p{line-height:1.8}.integrated-statement>strong{font-size:13px;line-height:1.5}}

/* V19 V4 surgical integration: approved ecosystem image only */
.ecosystem-image-section{margin:0 29px 28px;border:0;background:#050708;overflow:hidden}
.ecosystem-image-crop{width:100%;overflow:hidden;aspect-ratio:1280 / 975;background:#050708}
.ecosystem-integrated-image{display:block;width:100%;height:auto;margin:0}
@media(max-width:650px){.ecosystem-image-section{margin:0 14px 22px}.ecosystem-image-crop{aspect-ratio:1280 / 975}}

/* V19 V6 surgical change: scale existing approved ecosystem image down only */
.ecosystem-image-crop{
  width:88%;
  margin:0 auto;
  aspect-ratio:1280 / 975;
}
.ecosystem-integrated-image{
  width:100%;
  height:auto;
}
@media(max-width:650px){
  .ecosystem-image-crop{width:94%;aspect-ratio:1280 / 975}
}

/* V19 V7 surgical fix: remove unintended partial text below the ecosystem graphic */
.ecosystem-image-crop{
  aspect-ratio:1226 / 850;
}
@media(max-width:650px){
  .ecosystem-image-crop{aspect-ratio:1226 / 850}
}

/* V19 V10 surgical fix: show the complete approved ecosystem image without bottom cropping */
.ecosystem-image-crop{
  aspect-ratio:auto;
  height:auto;
  overflow:visible;
}
.ecosystem-integrated-image{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:650px){
  .ecosystem-image-crop{aspect-ratio:auto;height:auto;overflow:visible}
}