:root{
  --orange:#ff5a00;
  --black:#08090a;
  --dark:#111214;
  --paper:#f5f5f2;
  --ink:#111214;
  --muted:#777b7d;
  --line:#dedfdb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink)}
a{text-decoration:none;color:inherit}
.mdc-header{
  height:88px;background:#08090a;color:#fff;display:flex;align-items:center;
  padding:0 3.5vw;gap:36px;position:relative;z-index:10
}
.mdc-logo img{height:52px;width:auto;display:block}
.mdc-nav{margin-left:auto;display:flex;gap:34px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.03em}
.mdc-nav a:hover,.mdc-nav .active{color:var(--orange)}
.mdc-cta{margin-left:18px;background:var(--orange);padding:16px 20px;font-size:11px;font-weight:800}

.mdc-hero{
  background:#08090a;color:#fff;
  display:grid;grid-template-columns:minmax(320px,30%) minmax(0,70%);
  min-height:650px;padding:46px 3.5vw 56px;gap:30px;align-items:center
}
.mdc-copy{align-self:center}
.eyebrow{color:var(--orange);font-size:12px;font-weight:850;letter-spacing:.08em;margin-bottom:18px}
.mdc-copy h1{font-size:clamp(42px,4vw,68px);line-height:.99;letter-spacing:-.05em;margin:0 0 24px}
.mdc-copy h1 em{font-style:normal;color:var(--orange)}
.mdc-copy>p{color:#c8c8c8;max-width:470px;font-size:15px;line-height:1.65;margin:0}

.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border-top:1px solid #333638;padding-top:22px}
.metric{text-align:center;padding:0 8px;border-right:1px solid #333638}
.metric:last-child{border-right:0}
.metric-icon{height:38px;margin:0 auto 8px;display:grid;place-items:center;color:var(--orange);font-size:27px}
.metric strong{display:block;color:var(--orange);font-size:21px;line-height:1.1;margin-bottom:7px}
.metric small{display:block;color:#aaa;font-size:7px;font-weight:800;line-height:1.45;letter-spacing:.03em}
.metric.end strong{color:#fff;font-size:10px;margin-top:10px}

.mdc-visual{width:100%;min-width:0;background:#fff;border:1px solid #242628;overflow:hidden}
.mdc-visual img{display:block;width:100%;height:auto;object-fit:contain}

.mdc-system{background:#f5f5f2;padding:88px 3.5vw}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;max-width:1450px;margin:0 auto 42px}
.section-head h2{font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.045em;margin:0}
.section-head p{max-width:620px;margin:0 0 4px auto;color:#666;font-size:15px;line-height:1.65}
.full-dc{max-width:1450px;margin:0 auto;background:#fff;border:1px solid var(--line)}
.full-dc img{display:block;width:100%;height:auto}

.system-icons{max-width:1450px;margin:26px auto 0;display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.system-card{background:#fff;padding:25px 23px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px}
.system-card svg{width:68px;height:56px;fill:none;stroke:var(--orange);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}
.num{display:grid;place-items:center;width:27px;height:27px;background:var(--orange);color:#fff;font-size:11px;font-weight:850;margin-bottom:14px}
.system-card h3{font-size:14px;line-height:1.2;margin:0 0 10px}
.system-card p{font-size:11px;line-height:1.55;color:#666;margin:0}

.lego{background:#fff;padding:88px 3.5vw}
.lego-title{max-width:1450px;margin:0 auto 36px}
.lego-title h2{font-size:clamp(36px,3.7vw,58px);line-height:1;letter-spacing:-.04em;margin:0}
.equation{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:repeat(11,auto);align-items:center;gap:10px}
.module{width:100%;min-width:0;border:1px solid var(--line);padding:14px;background:#fafafa;align-self:stretch}
.module img{display:block;width:100%;height:130px;object-fit:contain}
.module h3{font-size:11px;min-height:28px;margin:8px 0}
.module ul{padding-left:16px;margin:0;font-size:10px;line-height:1.55}
.module li::marker{color:var(--orange)}
.plus{font-size:30px;color:#777}
.result{background:#111214;color:#fff;text-align:center}
.result h3{color:var(--orange)}
.result strong{font-size:11px;line-height:1.45}

.approach{background:#111214;color:#fff;padding:84px 3.5vw}
.steps{max-width:1450px;margin:38px auto 0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #353738}
.step{padding:25px 18px 10px 0;margin-right:18px;border-right:1px solid #353738}
.step:last-child{border-right:0}
.step b{color:var(--orange);font-size:13px}
.step .sicon{color:var(--orange);font-size:31px;margin:15px 0}
.step h3{font-size:13px;margin:0 0 8px}
.step p{color:#999;font-size:11px;line-height:1.5;margin:0}

.mdc-footer{background:#08090a;color:#888;border-top:1px solid #26282a;padding:28px 3.5vw;display:flex;align-items:center;gap:24px;font-size:10px}
.mdc-footer img{height:32px;margin-right:auto}
.mdc-footer a:hover{color:#fff}

@media(max-width:1150px){
  .mdc-nav{display:none}
  .mdc-hero{grid-template-columns:1fr}
  .mdc-copy{max-width:760px}
  .section-head{grid-template-columns:1fr}
  .section-head p{margin-left:0}
  .system-icons{grid-template-columns:1fr 1fr}
  .equation{grid-template-columns:1fr 1fr}.plus{display:none}
  .steps{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:650px){
  .mdc-header{height:74px}.mdc-logo img{height:42px}.mdc-cta{display:none}
  .mdc-hero{padding-top:35px}
  .metrics{grid-template-columns:1fr 1fr;row-gap:24px}
  .system-icons,.equation,.steps{grid-template-columns:1fr}
}


/* v3.1 verified image integration */
.mdc-visual,
.full-dc{
  background:#fff;
  border:0;
}
.mdc-visual img,
.full-dc img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  object-position:center;
  transform:none!important;
  max-height:none!important;
}
.mdc-hero{
  grid-template-columns:minmax(320px,29%) minmax(0,71%);
}


/* v3.2 — Modular DC integrated into index.html */
.homepage-modular-break{
  background:#08090a;
  color:#fff;
  padding:90px 3.5vw 35px;
  border-top:1px solid #232527;
}
.homepage-modular-break h2{
  margin:10px 0 0;
  font-size:clamp(40px,4.8vw,72px);
  line-height:1;
  letter-spacing:-.045em;
}
.homepage-modular-content .mdc-header,
.homepage-modular-content .mdc-footer{
  display:none!important;
}
.homepage-modular-content main{
  display:block;
}
/* Because the Modular DC content now sits inside the homepage, it should not reserve
   space for its former standalone header. */
.homepage-modular-content .mdc-hero{
  padding-top:58px;
}