
/* WCAGO OEM & ODM — V1.34 — page scoped */
.wc-oem-page{background:#0b0f10;color:#fff}
.wc-oem-page *{box-sizing:border-box}
.wc-oem-page h1,.wc-oem-page h2,.wc-oem-page h3{font-family:var(--heading);font-weight:400;text-transform:uppercase;letter-spacing:.02em}
.wc-oem-page a{text-decoration:none}

/* Hero */
.odm-hero{position:relative;overflow:hidden;background:#090c0d;border-bottom:1px solid rgba(255,255,255,.08)}
.odm-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 79% 22%,rgba(255,100,20,.1),transparent 29%),linear-gradient(110deg,#080b0c 0%,#0c1112 64%,#111617 100%)}
.odm-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;min-height:720px;align-items:center}
.odm-hero-copy{padding:70px 0}.odm-breadcrumb{display:flex;gap:10px;margin-bottom:30px;color:#7c8587;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.odm-breadcrumb a{color:#aab0b2}.odm-breadcrumb b{color:#fff}
.odm-hero h1{font-size:clamp(76px,6vw,104px);line-height:.88;margin:0 0 24px;max-width:700px}.odm-hero h1 em{font-style:normal;color:var(--orange)}
.odm-hero-copy>p{max-width:660px;color:#c2c8c9;font-size:16px;line-height:1.75;margin:0 0 30px}.odm-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.odm-hero-points{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.08)}
.odm-hero-points div{padding:17px 11px 17px 0;border-right:1px solid rgba(255,255,255,.09)}.odm-hero-points div:last-child{border-right:0;padding-left:11px}.odm-hero-points strong{display:block;font-family:var(--heading);font-size:25px;color:var(--orange)}.odm-hero-points span{display:block;margin-top:5px;color:#c7cccd;font-size:8px;font-weight:800;letter-spacing:.1em;line-height:1.35}
.odm-hero-visual{position:relative;height:590px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#171b1d}.odm-hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04)}.odm-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,10,.52),transparent 48%)}
.odm-hero-card{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;background:rgba(7,9,10,.8);backdrop-filter:blur(8px);border-left:2px solid var(--orange);padding:18px 20px}.odm-hero-card small{display:block;color:var(--orange);font-size:8px;font-weight:800;letter-spacing:.15em}.odm-hero-card strong{display:block;font-family:var(--heading);font-size:32px;line-height:1;margin:6px 0}.odm-hero-card p{margin:0;color:#c4cacc;font-size:11px}

/* Shared */
.odm-section-head{display:grid;grid-template-columns:1.08fr .92fr;gap:74px;align-items:end;margin-bottom:42px}.odm-section-head h2,.odm-intro h2,.odm-feasibility h2,.odm-execution h2,.odm-faq h2,.odm-final h2{font-size:clamp(54px,4.6vw,78px);line-height:.9;margin:0}.odm-section-head>p{max-width:550px;margin:0 0 5px auto;color:#aab2b4;font-size:14px;line-height:1.7}.odm-section-head-dark>p{color:#667073}

/* Intro */
.odm-intro{padding:104px 0 110px}.odm-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.odm-intro-copy p{color:#626a6c;font-size:15px;line-height:1.78;margin:0 0 18px}

/* Options */
.odm-options{padding:106px 0 114px;background:#0d1213}.odm-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.odm-option-grid article{display:grid;grid-template-columns:240px 1fr;min-height:280px;background:#151a1b;border:1px solid rgba(255,255,255,.1);transition:.25s ease}.odm-option-grid article:hover{transform:translateY(-4px);border-color:rgba(255,100,20,.58)}.odm-option-image{overflow:hidden;background:#202627}.odm-option-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.odm-option-grid article:hover img{transform:scale(1.025)}.odm-option-copy{padding:27px 25px}.odm-option-copy>span{color:var(--orange);font-size:10px;font-weight:800}.odm-option-copy h3{font-size:34px;line-height:1;margin:9px 0 11px}.odm-option-copy p{margin:0;color:#9fa7a9;font-size:12px;line-height:1.63}

/* Feasibility */
.odm-feasibility{padding:104px 0 112px}.odm-feasibility-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center}.odm-feasibility-visual{height:590px;overflow:hidden;background:#dad6cf}.odm-feasibility-visual img{width:100%;height:100%;object-fit:cover}.odm-feasibility-copy>p{color:#626a6c;font-size:14px;line-height:1.75;margin:22px 0 25px}.odm-feasibility-list{border-top:1px solid var(--line-light)}.odm-feasibility-list article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line-light)}.odm-feasibility-list article>span{color:#cb4c0c;font-size:10px;font-weight:800}.odm-feasibility-list h3{font-size:28px;line-height:1;margin:0 0 7px}.odm-feasibility-list p{margin:0;color:#656d6f;font-size:12px}

/* Process */
.odm-process{padding:106px 0 112px;background:#121718}.odm-process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.odm-process-grid article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:31px 27px 34px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);min-height:205px;transition:.25s ease}.odm-process-grid article:hover{background:#171d1e}.odm-process-grid article>span{font-family:var(--heading);font-size:27px;color:var(--orange);line-height:1}.odm-process-grid h3{font-size:29px;line-height:1;margin:0 0 9px}.odm-process-grid p{margin:0;color:#9fa7a9;font-size:12px;line-height:1.65}

/* Buyers */
.odm-buyers{padding:104px 0 114px}.odm-buyer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.odm-buyer-grid article{position:relative;min-height:460px;overflow:hidden;background:#ddd9d2}.odm-buyer-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform .5s ease}.odm-buyer-grid article:hover img{transform:scale(1.025)}.odm-buyer-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,10,.94),rgba(7,9,10,.1) 68%)}.odm-buyer-grid article>div{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.odm-buyer-grid span{color:var(--orange);font-size:10px;font-weight:800}.odm-buyer-grid h3{font-size:36px;line-height:1;margin:7px 0 10px}.odm-buyer-grid p{margin:0;color:#c2c8c9;font-size:12px;line-height:1.6}

/* Execution */
.odm-execution{padding:106px 0 112px;background:#0d1213}.odm-execution-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:88px}.odm-execution-copy>p{color:#aab2b4;font-size:14px;line-height:1.72;max-width:550px;margin-top:22px}.odm-execution-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.odm-execution-cards a{display:flex;flex-direction:column;min-height:310px;padding:28px;background:#151a1b;border:1px solid rgba(255,255,255,.1);color:#fff;transition:.25s ease}.odm-execution-cards a:hover{transform:translateY(-5px);border-color:rgba(255,100,20,.6)}.odm-execution-cards span{color:var(--orange);font-size:10px;font-weight:800}.odm-execution-cards h3{font-size:36px;line-height:1;margin:38px 0 12px}.odm-execution-cards p{margin:0;color:#9fa7a9;font-size:12px;line-height:1.62}.odm-execution-cards b{margin-top:auto;font-size:9px;letter-spacing:.08em}.odm-execution-cards i{font-style:normal;color:var(--orange)}

/* FAQ */
.odm-faq{padding:104px 0 110px}.odm-faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}.odm-faq .faq-list details{border-top:1px solid var(--line-light)}.odm-faq .faq-list details:last-child{border-bottom:1px solid var(--line-light)}.odm-faq .faq-list summary{padding:23px 38px 23px 0;font-family:var(--heading);font-size:28px;line-height:1;cursor:pointer;list-style:none;position:relative}.odm-faq .faq-list summary::-webkit-details-marker{display:none}.odm-faq .faq-list summary:after{content:"+";position:absolute;right:5px;top:19px;color:#cf4d0c;font-family:var(--body)}.odm-faq .faq-list details[open] summary:after{content:"–"}.odm-faq .faq-list p{color:#62696b;font-size:13px;line-height:1.65;margin:0;padding:0 42px 22px 0}

/* Final */
.odm-final{position:relative;overflow:hidden;background:#080b0c;padding:94px 0}.odm-final-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.98),rgba(7,9,10,.74) 55%,rgba(7,9,10,.4)),url('../images/editorial/oem-collage.webp') center/cover no-repeat;opacity:.9}.odm-final-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:72px;align-items:end}.odm-final p{max-width:690px;color:#bec4c5;font-size:14px;line-height:1.7;margin:16px 0 0}.odm-final-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:1280px){
  .odm-hero-grid{grid-template-columns:.92fr 1.08fr;gap:38px}.odm-hero h1{font-size:74px}.odm-hero-visual{height:520px}
  .odm-option-grid article{grid-template-columns:190px 1fr}.odm-process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1020px){
  .odm-hero-grid,.odm-intro-grid,.odm-feasibility-grid,.odm-execution-grid,.odm-faq-grid{grid-template-columns:1fr}
  .odm-hero-grid{min-height:0;gap:18px}.odm-hero-copy{padding:62px 0 8px}.odm-hero-visual{height:460px;margin-bottom:52px}
  .odm-section-head{grid-template-columns:1fr;gap:24px}.odm-section-head>p{margin-left:0}
  .odm-buyer-grid{grid-template-columns:1fr}.odm-buyer-grid article{min-height:420px}
  .odm-feasibility-visual{height:500px}.odm-final-inner{grid-template-columns:1fr;gap:30px}.odm-final-actions{justify-content:flex-start}
}
@media(max-width:680px){
  .odm-hero h1{font-size:54px}.odm-hero-copy>p{font-size:14px}
  .odm-hero-points{grid-template-columns:1fr 1fr}.odm-hero-points div:nth-child(2){border-right:0}
  .odm-hero-visual{height:330px}
  .odm-intro,.odm-options,.odm-feasibility,.odm-process,.odm-buyers,.odm-execution,.odm-faq{padding:74px 0 80px}
  .odm-section-head h2,.odm-intro h2,.odm-feasibility h2,.odm-execution h2,.odm-faq h2,.odm-final h2{font-size:50px}
  .odm-option-grid,.odm-process-grid,.odm-execution-cards{grid-template-columns:1fr}.odm-option-grid article{grid-template-columns:1fr}.odm-option-image{height:240px}
  .odm-feasibility-visual{height:360px}.odm-buyer-grid article{min-height:380px}.odm-final{padding:74px 0}
}
