:root{--oe-navy:#03294a;--oe-deep:#001f3a;--oe-blue:#049cff;--oe-cyan:#19baf8;--oe-line:#81d7ff;--oe-paper:#f8fcff;--oe-ink:#0b2d50}.oem-page{background:#fff}.oe-page{overflow:hidden;color:var(--oe-ink);font-family:Arial,sans-serif}.oe-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.oe-hero{height:520px;position:relative;overflow:hidden;background:#002746}.oe-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,58,.98) 0%,rgba(0,31,58,.94) 35%,rgba(0,31,58,.12) 68%,rgba(0,31,58,.02));pointer-events:none}.oe-hero-inner{height:100%;position:relative;z-index:3;display:flex;align-items:center}.oem-copy{width:520px;color:#fff}.oem-copy>span{font-size:10px;font-weight:800;letter-spacing:.18em;color:#bde9ff}.oem-copy h1{font-size:49px;line-height:1.02;letter-spacing:-.045em;margin:18px 0 18px}.oem-copy p{max-width:490px;font-size:14px;line-height:1.6;color:#d2e3ef;margin:0 0 25px}.oem-copy button{border:1px solid var(--oe-cyan);border-radius:4px;background:#078ee9;color:#fff;padding:15px 24px;font-size:12px;font-weight:800;box-shadow:0 9px 24px rgba(0,157,255,.28)}.oem-photo{position:absolute;inset:0;z-index:1}.oem-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.blueprint-overlay{position:absolute;z-index:2;inset:0;opacity:.2;background-image:linear-gradient(rgba(26,187,248,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(26,187,248,.24) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}.oe-hero-index{position:absolute;left:max(8px,calc((100vw - 1390px)/2));top:34px;bottom:34px;width:64px;z-index:4;border-left:1px solid var(--oe-cyan);border-right:1px solid rgba(25,186,248,.35);color:#d9f4ff;padding:34px 9px}.oe-hero-index:before,.oe-hero-index:after{content:"";position:absolute;left:-10px;right:-10px;height:1px;background:var(--oe-cyan)}.oe-hero-index:before{top:14px}.oe-hero-index:after{bottom:14px}.oe-hero-index span{font-size:7px;line-height:1.35;font-weight:800}.oe-hero-index b{display:block;margin-top:13px;font-size:23px}
.workflow{position:relative;padding:38px 0 46px;background:var(--oe-paper);background-image:linear-gradient(rgba(6,153,239,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(6,153,239,.06) 1px,transparent 1px);background-size:30px 30px}.section-heading{text-align:center;margin-bottom:28px}.section-heading h2{font-size:31px;letter-spacing:-.035em;margin:0 0 7px}.section-heading p{font-size:13px;color:#4f687e;margin:0}.workflow-frame{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px 50px}.workflow-frame:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--oe-blue);transform:translateX(-1px)}.workflow-frame:after{content:"";position:absolute;left:50%;top:0;width:14px;height:14px;border:3px solid var(--oe-blue);border-radius:50%;background:#fff;transform:translate(-7px,-5px)}.workflow-frame article{position:relative;height:160px;display:grid;grid-template-columns:58% 42%;overflow:hidden;border:1px solid #86d4fb;background:#fff;box-shadow:0 8px 22px rgba(7,70,113,.07);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.workflow-frame article:nth-child(even){grid-template-columns:42% 58%}.workflow-frame article:nth-child(even) .oe-step-copy{order:2}.workflow-frame article:nth-child(even) .oe-step-image{order:1}.workflow-frame article:after{content:"";position:absolute;top:50%;width:25px;height:2px;background:var(--oe-blue)}.workflow-frame article:nth-child(odd):after{right:-25px}.workflow-frame article:nth-child(even):after{left:-25px}.oe-step-copy{padding:19px 18px}.oe-step-copy header{display:flex;align-items:center;justify-content:space-between}.oe-step-copy header b{font-size:27px;color:#058fe9}.oe-step-copy header i{font-style:normal;font-size:22px;color:#058fe9}.oe-step-copy h3{font-size:13px;margin:9px 0 6px}.oe-step-copy p{font-size:10px;line-height:1.45;color:#50677d;margin:0}.oe-step-image{overflow:hidden}.oe-step-image img{width:100%;height:100%;object-fit:cover}.workflow-frame article:nth-child(4) .oe-step-image img{object-fit:contain;background:#edf8ff}.workflow-frame article:nth-child(odd){margin-right:0}.workflow-frame article:nth-child(even){margin-left:0}
.capabilities{padding:26px 0;background:linear-gradient(135deg,#021f39,#00355e 65%,#002846);color:#fff}.capability-card h2{text-align:center;font-size:28px;letter-spacing:-.025em;margin:0 0 24px}.capability-grid{display:grid;grid-template-columns:1.1fr .85fr .85fr;grid-template-rows:210px 210px;gap:12px}.oe-cap{position:relative;overflow:hidden;border:1px solid #0e9be6;background:#042b4c;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}.oe-cap-main{grid-row:1/3}.oe-cap:nth-child(2){grid-column:2/4}.oe-cap img{width:100%;height:100%;object-fit:cover}.oe-cap:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,25,48,.98) 0%,rgba(0,25,48,.72) 35%,transparent 70%)}.oe-cap>div{position:absolute;z-index:2;left:17px;right:17px;bottom:14px;display:flex;gap:12px;align-items:flex-start}.oe-cap i{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid var(--oe-cyan);border-radius:5px;color:var(--oe-cyan);font-style:normal;font-size:22px}.oe-cap p{font-size:9px;line-height:1.4;color:#d7e7f3;margin:0}.oe-cap b{display:block;font-size:12px;color:#fff;margin-bottom:4px}.oe-cap-main>div{bottom:20px}.oe-cap-main b{font-size:14px}.oe-certifications{padding:24px 0;background:#fff}.oe-certifications .oe-wrap{display:flex;align-items:center;justify-content:space-around}.oe-certifications b{font-size:25px;letter-spacing:.04em;color:#0b2d50}.oem-reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:1000px){.oe-hero{height:500px}.oe-hero-index{display:none}.oem-copy{width:52%}.oem-copy h1{font-size:42px}.workflow-frame{gap:18px 32px}.workflow-frame article{height:190px;grid-template-columns:1fr}.workflow-frame article:nth-child(even){grid-template-columns:1fr}.oe-step-image{display:none}.capability-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 220px 220px}.oe-cap-main{grid-row:1;grid-column:1/3}.oe-cap:nth-child(2){grid-column:auto}}
@media(max-width:700px){.oe-wrap{width:min(100% - 32px,1180px)}.oe-hero{height:650px}.oe-hero:after{background:rgba(0,31,58,.72)}.oem-copy{width:100%;padding-top:20px}.oem-copy h1{font-size:42px}.workflow-frame{grid-template-columns:1fr}.workflow-frame:before,.workflow-frame:after{display:none}.workflow-frame article{height:auto;min-height:180px}.capability-grid{display:block}.oe-cap,.oe-cap-main{height:300px;margin-bottom:12px}.oe-certifications .oe-wrap{flex-wrap:wrap;gap:25px}.oe-certifications b{font-size:20px}}
/* Pixel-ratio pass against the approved 976px-wide OEM concept. */
@media(min-width:701px){
  .oe-hero{height:320px}
  .oe-wrap{width:min(910px,calc(100% - 64px))}
  .oem-copy{width:445px}
  .oem-copy>span{font-size:8px}
  .oem-copy h1{font-size:34px;line-height:1.02;margin:12px 0}
  .oem-copy p{max-width:415px;font-size:10px;line-height:1.48;margin-bottom:15px}
  .oem-copy button{padding:11px 20px;font-size:10px}
  .oe-hero-index{top:20px;bottom:20px;width:54px;padding:25px 7px}
  .workflow{padding:20px 0 25px}
  .section-heading{margin-bottom:17px}
  .section-heading h2{font-size:25px;margin-bottom:4px}
  .section-heading p{font-size:11px}
  .workflow-frame{gap:18px 38px}
  .workflow-frame article{height:128px;grid-template-columns:57% 43%}
  .workflow-frame article:nth-child(even){grid-template-columns:43% 57%}
  .oe-step-image{display:block}
  .oe-step-copy{padding:12px 14px}
  .oe-step-copy header b{font-size:22px}
  .oe-step-copy header i{font-size:18px}
  .oe-step-copy h3{font-size:11px;margin:5px 0 4px}
  .oe-step-copy p{font-size:8px;line-height:1.35}
  .capabilities{padding:17px 0}
  .capability-card h2{font-size:22px;margin-bottom:14px}
  .capability-grid{grid-template-columns:1.1fr .85fr .85fr;grid-template-rows:165px 165px;gap:9px}
  .oe-cap-main{grid-row:1/3;grid-column:1}
  .oe-cap:nth-child(2){grid-column:2/4}
  .oe-cap>div{left:12px;right:12px;bottom:10px;gap:8px}
  .oe-cap i{flex-basis:30px;height:30px;font-size:17px}
  .oe-cap p{font-size:7.5px}
  .oe-cap b{font-size:10px}
  .oe-cap-main b{font-size:11px}
  .oe-certifications{padding:17px 0}
  .oe-certifications b{font-size:21px}
}
/* Detailed mechanical framing pass. */
@media(min-width:701px){
  .workflow-frame{column-gap:46px}
  .workflow-frame:before{width:3px;background:linear-gradient(#04a5f8 0 43%,transparent 43% 46%,#04a5f8 46% 100%)}
  .workflow-frame:after{width:13px;height:13px;border-width:3px;box-shadow:0 68px 0 -3px #fff,0 68px 0 0 #04a5f8,0 136px 0 -3px #fff,0 136px 0 0 #04a5f8,0 204px 0 -3px #fff,0 204px 0 0 #04a5f8,0 272px 0 -3px #fff,0 272px 0 0 #04a5f8,0 340px 0 -3px #fff,0 340px 0 0 #04a5f8}
  .workflow-frame article{overflow:visible;border:0;background:transparent;clip-path:none;box-shadow:none}
  .workflow-frame article:before{content:"";position:absolute;inset:0;background:#fff;border:1px solid #12a7f6;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);z-index:-1}
  .workflow-frame article:nth-child(odd):before{clip-path:polygon(14px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 16px),calc(100% - 16px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
  .workflow-frame article:nth-child(even):before{clip-path:polygon(12px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,16px 100%,0 calc(100% - 16px),0 12px)}
  .workflow-frame article:after{content:"";position:absolute;top:14px;width:30px;height:2px;background:#04a5f8!important}
  .workflow-frame article:nth-child(odd):after{left:14px;right:auto}.workflow-frame article:nth-child(even):after{right:14px;left:auto}
  .oe-step-copy,.oe-step-image{overflow:hidden}
  .workflow-frame article:nth-child(odd) .oe-step-image{clip-path:polygon(8px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 8px)}
  .workflow-frame article:nth-child(even) .oe-step-image{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
  .workflow-frame article header:after{content:"";width:4px;height:4px;border-radius:50%;background:#04a5f8;position:absolute;top:13px}
  .workflow-frame article:nth-child(odd) header:after{left:8px}.workflow-frame article:nth-child(even) header:after{right:8px}
  .capability-card{position:relative;padding:17px 18px 18px;border:1px solid #05a6f5;clip-path:polygon(18px 0,145px 0,170px 24px,calc(100% - 170px) 24px,calc(100% - 145px) 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
  .capability-card:before{content:"";position:absolute;left:18px;right:18px;top:9px;height:1px;background:linear-gradient(90deg,#04a5f8 0 12%,transparent 12% 88%,#04a5f8 88%)}
  .capability-card:after{content:"88";position:absolute;right:22px;top:13px;font:700 13px monospace;color:#087fb9;letter-spacing:-.15em}
  .capability-card h2{position:relative;z-index:2;margin:-9px auto 14px;width:max-content;max-width:70%;padding:0 24px;background:#032b4c}
  .oe-cap{border:1px solid #0fa8f2;clip-path:none}
  .oe-cap-main{clip-path:polygon(10px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
  .oe-cap:nth-child(2){clip-path:polygon(9px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 14px),calc(100% - 14px) 100%,12px 100%,0 calc(100% - 12px),0 9px)}
  .oe-cap:nth-child(3){clip-path:polygon(18px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,10px 100%,0 calc(100% - 10px),0 18px)}
  .oe-cap:nth-child(4){clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
  .oe-cap>div{padding-top:8px;border-top:1px solid rgba(20,174,246,.65)}
  .oe-cap i{position:relative;background:#042d4d;box-shadow:inset 0 0 0 1px rgba(7,169,245,.16)}
  .oe-certifications .oe-wrap b{position:relative;display:grid;place-items:center;min-width:82px;height:42px;font-size:18px}
  .oe-certifications .oe-wrap b:first-child,.oe-certifications .oe-wrap b:nth-child(4){border:3px solid #102d49;border-radius:50%}
  .oe-certifications .oe-wrap b:nth-child(2){font-size:28px;letter-spacing:.16em}
  .oe-certifications .oe-wrap b:nth-child(3){font-family:monospace;letter-spacing:-.05em}
  .oe-certifications .oe-wrap b:nth-child(5){border:3px solid #102d49;border-width:3px 0;padding:0 8px}
}
.capability-card h2{margin:0 auto 14px}
.workflow{background-color:var(--oe-paper);background-image:linear-gradient(rgba(6,153,239,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,153,239,.055) 1px,transparent 1px);background-size:30px 30px}
.capabilities{background:#021f39 url("../images/oem-capability-frame-bg-2026.png") center/100% 100% no-repeat}
.oe-step-copy{position:relative;padding:22px 16px 12px 58px}
.oe-step-copy header{display:block}
.oe-step-copy header b{position:absolute;left:14px;top:16px;font-size:30px;line-height:1}
.oe-step-copy header i{display:none}
.oe-step-copy h3{margin:0 0 10px;font-size:13px;line-height:1.2}
.oe-step-copy p{font-size:9px;line-height:1.42}
.oe-cap:nth-child(2):after{background:linear-gradient(90deg,transparent 0 57%,rgba(0,26,49,.96) 57% 100%)}
.oe-cap:nth-child(2) img{width:58%;height:100%;object-fit:cover}
.oe-cap:nth-child(2)>div{left:60%;right:14px;top:16px;bottom:auto;display:flex;border-top:0;padding-top:0}
.oe-cap:nth-child(2)>div p{font-size:8px;line-height:1.5}
.oe-cap:nth-child(2)>div b{font-size:11px}
/* Element-by-element match to the approved concept hero hierarchy and drafting geometry. */
@media(min-width:701px){
  .oem-copy{width:430px;padding-left:42px}
  .oem-copy>span{display:block;width:390px;font-size:29px;line-height:1.04;letter-spacing:-.025em;color:#fff}
  .oem-copy h1{font-size:14px;line-height:1.25;letter-spacing:-.01em;margin:12px 0 14px}
  .oem-copy h1 br{display:none}
  .oem-copy p{width:400px;font-size:10px;line-height:1.45}
  .oe-hero-index{left:14px;width:58px}
  .oem-photo img{object-position:54% center}
  .workflow-frame article{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
  .workflow-frame:before{box-shadow:0 0 0 1px rgba(4,156,255,.08)}
  .oe-cap-main{grid-column:1;grid-row:1/3}
  .oe-cap:nth-child(2){grid-column:2/4;grid-row:1}
  .oe-cap:nth-child(3){grid-column:2;grid-row:2}
  .oe-cap:nth-child(4){grid-column:3;grid-row:2}
}
@media(min-width:701px){
  .oe-wrap{width:min(1780px,calc(100% - 64px))}
  .workflow-frame{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .workflow-frame:before{top:0;bottom:0;width:18px;transform:translateX(-9px);background:radial-gradient(circle,#fff 0 5px,#049cff 5.5px 8px,transparent 8.5px) center top/18px 70px repeat-y,linear-gradient(#049cff,#049cff) center/2px 100% no-repeat;box-shadow:none}
  .workflow-frame:after{display:none}
  .capability-grid{grid-template-rows:190px 190px}
  .oe-step-copy{position:relative;padding:22px 16px 12px 58px}
  .oe-step-copy header{display:block;height:0;min-height:0}
  .oe-step-copy header b{position:absolute;left:14px;top:16px;font-size:30px;line-height:1}
  .oe-step-copy header i{display:none}
  .oe-step-copy h3{margin:0 0 10px;font-size:13px;line-height:1.2}
  .oe-step-copy p{font-size:9px;line-height:1.42}
  .oe-cap:nth-child(2):after{background:linear-gradient(90deg,transparent 0 57%,rgba(0,26,49,.96) 57% 100%)}
  .oe-cap:nth-child(2) img{width:58%;height:100%;object-fit:cover}
  .oe-cap:nth-child(2)>div{left:60%;right:14px;top:16px;bottom:auto;display:flex;border-top:0;padding-top:0}
  .oe-cap:nth-child(2)>div p{font-size:8px;line-height:1.5}
  .oe-cap:nth-child(2)>div b{font-size:11px}
}
@media(min-width:1400px){
  .oe-wrap{width:calc(100% - 64px);max-width:none}
  .workflow-frame{column-gap:50px}
  .workflow-frame:before{background-size:18px 86px,2px 100%}
  .workflow-frame article{height:160px}
  .oe-step-copy{padding:28px 22px 16px 72px}
  .oe-step-copy header b{left:18px;top:22px;font-size:34px}
  .oe-step-copy h3{font-size:14px;margin-bottom:10px}
  .oe-step-copy p{font-size:10px;max-width:92%}
  .capability-grid{grid-template-rows:210px 210px;gap:12px}
  .capability-card h2{font-size:28px}
}
.oe-hero{background:#eef7fd}
.oe-hero-index{display:none!important}
.oe-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 34%,rgba(255,255,255,.54) 48%,rgba(255,255,255,0) 68%)}
.oem-copy{color:#082c56}
.oem-copy>span{color:#082c56}
.oem-copy p{color:#456582}
.oe-hero-index{color:#0879e8;border-color:#58baf4}
.blueprint-overlay{opacity:.08}
@media(max-width:700px){
  .oe-hero:after{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 58%,rgba(255,255,255,.2) 100%)}
}