*{box-sizing:border-box}body{margin:0;background:#050708;color:#f4f4f2;font-family:Arial,Helvetica,sans-serif}header{height:74px;background:#030405;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #1a1e20;gap:28px}.brand img{width:205px;height:55px;object-fit:contain}nav{display:flex;gap:42px;margin-left:auto}nav a{font-size:11px;color:#fff;text-decoration:none;letter-spacing:.5px}.active{border-bottom:2px solid #a9d400;padding-bottom:12px}.cta,.finalCta{border:1px solid #8bb500;color:#b4df00;padding:17px 18px;font-size:11px;letter-spacing:.4px;white-space:nowrap}.wrap{max-width:984px;margin:auto}.hero{height:304px;display:grid;grid-template-columns:30% 40% 30%;overflow:hidden}.heroPhoto{background-size:cover;background-position:center}.heroPhoto.left{background-image:url('assets/hero-left.jpg');background-size:cover;background-position:center}.heroPhoto.right{background-image:url('assets/hero-right.jpg');background-size:cover;background-position:center}.heroCenter{text-align:center;padding-top:26px}.eyebrow{color:#a9d400;font-size:13px;letter-spacing:1px}.hero h1{font-size:34px;line-height:1.14;letter-spacing:1.5px;margin:15px 0 13px;font-weight:600}.hero h1 em,.become em,.fit em{font-style:normal;color:#9bc600}.hero p{font-size:14px;line-height:1.45;margin:0}.paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}.path{height:450px;border:1px solid #48551b;border-radius:3px;position:relative;overflow:hidden}.maximize{border-color:#174f6b}.pathText{position:relative;z-index:2;width:62%;padding:20px 16px;background:linear-gradient(90deg,#060809 76%,transparent)}.path h2{font-size:21px;letter-spacing:1.2px;margin:0}.path h3{font-size:13px;color:#a9d400;margin:6px 0 20px;font-weight:400}.maximize h3{color:#0ba8ff}.path p,.path li{font-size:12px;line-height:1.55}.path ul{list-style:none;padding:0;margin-top:17px}.path li{margin:5px 0}.restore li:before{content:'✓';color:#a9d400;border:1px solid #7fa600;border-radius:50%;margin-right:9px;font-size:9px;padding:1px 3px}.maximize li:before{content:'✓';color:#0ba8ff;border:1px solid #087fb8;border-radius:50%;margin-right:9px;font-size:9px;padding:1px 3px}.pathPhoto{position:absolute;right:0;top:0;width:55%;height:100%;background-size:cover;background-position:center}.restorePhoto{background-image:linear-gradient(90deg,#06080900,#06080900),url('assets/restore.jpg')}.maximizePhoto{background-image:url('assets/maximize.jpg')}.choose{margin-top:13px;border-top:1px solid #222}.choose>h2{text-align:center;font-size:18px;letter-spacing:1.6px;font-weight:400;margin:8px auto -8px;background:#050708;width:max-content;padding:0 16px}.choiceGrid{border:1px solid #274315;display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;padding:25px 24px}.choice{display:flex;gap:24px;align-items:center}.choice h3{font-size:20px;line-height:1.2;letter-spacing:1.4px;margin:0 0 12px}.choice p{font-size:12px;line-height:1.5}.roundIcon{width:108px;height:108px;border:1px solid #39401d;border-radius:50%;display:grid;place-items:center;color:#a9d400;font-size:42px;flex:0 0 auto}.blueRing{color:#0ba8ff;border-color:#164f6a}.or{border:1px solid #444;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:12px}button{background:transparent;padding:12px 14px;font-size:11px;letter-spacing:.5px}.green{border:1px solid #8bb500;color:#b4df00}.blue{border:1px solid #0b8ac8;color:#16aaf0}.become{height:210px;margin-top:15px;display:grid;grid-template-columns:46% 54%;border-top:1px solid #202426;border-bottom:1px solid #202426}.becomeText{padding:18px 0 0 max(44px,calc((100vw - 984px)/2 + 24px))}.become h2{font-size:24px;line-height:1.22;letter-spacing:1.4px;font-weight:400;margin:0}.become p{font-size:12px;line-height:1.45}.becomeImg{background:linear-gradient(90deg,#050708 0%,transparent 28%),url('assets/journey.jpg') center/cover no-repeat}.fit{display:grid;grid-template-columns:55% 45%;padding:24px 20px 28px}.fitIntro{display:flex;gap:25px;align-items:center;border-right:1px solid #222}.mMark{font-size:62px;font-weight:bold;color:#9bc600;letter-spacing:-10px;width:90px}.fit h2{font-size:21px;line-height:1.25;letter-spacing:1px;font-weight:400;margin:0 0 10px}.fit p{font-size:11px;line-height:1.5}.fitRight{padding-left:20px}.traits{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin-bottom:16px}.traits div{font-size:30px;color:#9bc600;border-right:1px solid #24292b}.traits span{display:block;color:#ddd;font-size:10px;line-height:1.4;margin-top:7px}.finalCta{width:100%;background:transparent}.roster{text-align:center;letter-spacing:1px;color:#bbb}footer{border-top:1px solid #222;padding:14px 28px 12px;display:grid;grid-template-columns:220px 1fr 130px;align-items:center}footer img{width:180px;height:62px;object-fit:contain}footer nav{justify-content:center;margin:0}footer .social{text-align:right;color:#aaa}.legal{grid-column:1/-1;font-size:9px;color:#777}.legal span{float:right}
@media(max-width:800px){header nav{display:none}.cta{margin-left:auto;font-size:9px}.hero{grid-template-columns:1fr;height:auto;min-height:430px;position:relative}.heroPhoto{position:absolute;inset:0;opacity:.35}.heroPhoto.right{display:none}.heroCenter{z-index:2;padding:55px 20px}.paths{grid-template-columns:1fr;margin:0 14px}.choiceGrid{grid-template-columns:1fr}.or{margin:20px auto}.choice{justify-content:center}.become{grid-template-columns:1fr;height:360px}.becomeText{padding:28px}.becomeImg{min-height:170px}.fit{grid-template-columns:1fr}.fitIntro{border:0}.fitRight{padding:24px 0}.traits{gap:6px}footer{grid-template-columns:1fr;text-align:center}footer nav{display:none}.social,.legal span{float:none!important;text-align:center!important}.legal{margin-top:10px}.hero h1{font-size:29px}}

/* V3: restore exact original pathway icons only */
.path h2{display:flex;align-items:center;gap:10px}
.path h2 .pathIcon{width:48px;height:48px;object-fit:contain;flex:0 0 48px}


/* V4: restore exact four-image strips from approved original design only */
.pathGallery{position:absolute;left:0;right:0;bottom:0;height:131px;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);background:#050708}
.pathGallery img{display:block;width:100%;height:131px;object-fit:cover;border-right:1px solid #263035}
.pathGallery img:last-child{border-right:0}
@media(max-width:800px){.pathGallery{height:116px}.pathGallery img{height:116px}}

/* V5: lengthen Restore Capacity / Maximize Output panels so gallery does not cover text */
.path{height:525px}
@media(max-width:800px){.path{height:545px}}

/* V6: restore exact approved Which Matrix Path icons and center OR only */
.originalPathIcon{border:0;background:transparent;overflow:hidden}
.originalPathIcon img{display:block;width:108px;height:108px;object-fit:cover;border-radius:50%}
.choiceGrid .or{justify-self:center;align-self:center;margin-left:auto;margin-right:auto}

/* V7: center OR more precisely between the two pathway images only */
.choiceGrid .or{transform:translateX(-12px)}
@media(max-width:800px){.choiceGrid .or{transform:none}}

/* V8: move OR further left only */
.choiceGrid .or{transform:translateX(-24px)}
@media(max-width:800px){.choiceGrid .or{transform:none}}

/* V9: move OR further left only */
.choiceGrid .or{transform:translateX(-36px)}
@media(max-width:800px){.choiceGrid .or{transform:none}}

/* V10: restore exact original four fit icons only */
.traits .traitIcon{display:block;width:46px;height:47px;object-fit:contain;margin:0 auto}

/* V11: restore exact original Matrix M beside fit statement only */
.mMark{width:112px;flex:0 0 112px;font-size:0;letter-spacing:0}
.mMark img{display:block;width:112px;height:103px;object-fit:contain}
/* V12: enlarge lower-left footer Matrix logo only */
footer img{width:240px;height:82px}

/* V13: enlarge lower-left footer Matrix logo only */
footer img{width:290px;height:100px}
footer{grid-template-columns:300px 1fr 130px}

/* V14: top hero side images — show full original crops at approved scale only */
.heroPhoto.left,.heroPhoto.right{background-size:contain;background-repeat:no-repeat;background-position:center}

/* V15: Restore/Maximize main images — reveal more of original approved images only */
.restorePhoto,.maximizePhoto{background-size:contain;background-repeat:no-repeat;background-position:center}

/* V16: keep Restore Capacity and Maximize Output headings on one line */
.path h2{white-space:nowrap}
/* 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:800px){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,.paths,.choice,.fit,.bottom{height:auto!important}footer{height:auto!important}}
@media(max-width:640px){header{height:64px}.brand img{max-width:190px;height:auto}.hero h1{font-size:clamp(28px,8.5vw,40px)}.path,.choiceGrid,.fitGrid{grid-template-columns:1fr!important}.path{height:auto!important;min-height:0!important}.pathGallery{height:auto!important;grid-template-columns:1fr 1fr!important}.pathGallery img{min-height:110px}.choiceGrid .or{position:static!important;transform:none!important;margin:10px auto}.fit{padding-left:16px;padding-right:16px}footer{grid-template-columns:1fr!important;text-align:center}footer img{margin:auto;max-width:240px}footer nav{display:none}}

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

/* Mobile Optimization V4 — Who We Serve only; desktop/tablet baseline remains locked */
@media(max-width:640px){
  body{overflow-x:hidden}
  .wrap{width:auto;max-width:none;margin-left:0;margin-right:0}

  /* Hero */
  .hero{display:block;min-height:0;height:auto!important;position:relative;overflow:hidden;padding:0}
  .heroPhoto.left{display:block;position:absolute;inset:0;opacity:.28;background-size:cover;background-position:center}
  .heroPhoto.right{display:none}
  .heroCenter{position:relative;z-index:2;padding:42px 18px 38px;text-align:center}
  .heroCenter .eyebrow{font-size:12px}
  .hero h1{font-size:clamp(28px,9vw,38px);line-height:1.08;letter-spacing:.8px;margin:12px 0 16px}
  .hero p{font-size:14px;line-height:1.5;max-width:34em;margin:0 auto}
  .hero p br{display:none}

  /* Restore / Maximize panels */
  .paths{display:grid;grid-template-columns:1fr;gap:16px;margin:16px 14px 0}
  .path{display:grid;grid-template-columns:1fr;height:auto!important;min-height:0!important;overflow:hidden}
  .pathText{position:relative;z-index:2;width:100%;padding:20px 16px 18px;background:#060809}
  .path h2{font-size:20px;line-height:1.15;white-space:normal}
  .path h3{font-size:13px;margin:8px 0 14px}
  .path p,.path li{font-size:13px;line-height:1.5}
  .path p br{display:none}
  .pathPhoto{position:relative;right:auto;top:auto;width:100%;height:255px;background-size:cover;background-position:center}
  .restorePhoto,.maximizePhoto{background-size:cover;background-position:center}
  .pathGallery{position:relative;left:auto;right:auto;bottom:auto;height:auto!important;grid-template-columns:repeat(4,1fr)!important}
  .pathGallery img{height:86px!important;min-height:0!important;object-fit:cover}

  /* Which Matrix Path */
  .choose{margin:18px 14px 0;padding-top:8px}
  .choose>h2{width:auto;max-width:100%;font-size:17px;line-height:1.2;margin:0 auto 14px;padding:0 8px}
  .choiceGrid{grid-template-columns:1fr!important;padding:20px 16px;gap:8px}
  .choice{display:flex;flex-direction:column;gap:14px;text-align:center}
  .choice:nth-of-type(3){flex-direction:column-reverse}
  .choice h3{font-size:19px;line-height:1.2}
  .choice p{font-size:13px;line-height:1.5}
  .choice p br{display:none}
  .choice button{width:100%;max-width:320px}
  .roundIcon,.originalPathIcon{width:96px;height:96px}
  .originalPathIcon img{width:96px;height:96px}
  .choiceGrid .or{width:40px;height:40px;margin:8px auto!important;transform:none!important}

  /* Become section */
  .become{display:grid;grid-template-columns:1fr;height:auto!important;margin-top:18px}
  .becomeText{padding:28px 18px 22px;text-align:center}
  .become h2{font-size:24px;line-height:1.18}
  .become h2 br{display:none}
  .become p{font-size:13px;line-height:1.5}
  .become p br{display:none}
  .becomeImg{height:230px;min-height:0;background:linear-gradient(180deg,#050708 0%,transparent 24%),url('assets/journey.jpg') center/cover no-repeat}

  /* Fit section */
  .fit{display:grid;grid-template-columns:1fr!important;padding:24px 16px 28px}
  .fitIntro{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;border:0}
  .mMark{width:96px;flex:0 0 auto}
  .mMark img{width:96px;height:auto}
  .fit h2{font-size:20px;line-height:1.22}
  .fit h2 br{display:none}
  .fit p{font-size:12px;line-height:1.5}
  .fit p br{display:none}
  .fitRight{padding:22px 0 0}
  .traits{display:grid;grid-template-columns:1fr 1fr;gap:16px 8px;margin-bottom:20px}
  .traits div{border-right:0;font-size:0;padding:0 4px}
  .traits span{font-size:11px;line-height:1.35;margin-top:6px}
  .traits .traitIcon{width:42px;height:43px}
  .finalCta{width:100%;white-space:normal;line-height:1.35;padding:14px 12px}
  .roster{font-size:10px;line-height:1.4;padding:0 10px}

  /* Footer */
  footer{grid-template-columns:1fr!important;padding:18px 16px 16px;text-align:center}
  footer img{width:220px;height:auto;margin:0 auto 8px}
  footer .social{text-align:center!important;margin-top:6px}
  .legal{font-size:9px;line-height:1.5;margin-top:10px}
  .legal span{display:block;float:none!important;margin-top:6px}
}

/* Mobile V4 surgical adjustment: reduce Restore/Maximize main images only */
@media(max-width:640px){
  .pathPhoto{height:200px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
  .restorePhoto,.maximizePhoto{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
}

/* 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}