body.theme-light{
  --abyss:#F3F6F4;
  --abyss-2:#FFFFFF;
  --mist:#10221D;
  --slate:#51675E;
  --line:rgba(28,80,64,.16);
  --btn-primary-text:#FFFFFF;
}
body.theme-industrial{
  --abyss:#101719;
  --abyss-2:#172326;
  --mist:#EEF3F2;
  --slate:#9FB0AE;
  --line:rgba(116,196,213,.18);
}
body.accent-mint{--accent:#3DE08F}
body.accent-blue{--accent:#57B7EC}
body.accent-coral{--accent:#FF9D7A}

.cms-hero{padding:clamp(54px,8vw,104px) 0 clamp(50px,7vw,84px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(87,183,236,.08),rgba(4,33,26,0))}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:clamp(28px,6vw,72px);align-items:center}
.cms-hero.layout-media-left .hero-copy{order:2}
.cms-hero.layout-media-left .hero-media{order:1}
.cms-hero.layout-centered .hero-grid{display:block;text-align:center;max-width:900px}
.cms-hero.layout-centered .eyebrow{justify-content:center}
.hero-copy h1{font-size:clamp(34px,5vw,66px);line-height:1.12;font-weight:850;max-width:13ch}
.cms-hero.layout-centered h1{max-width:none}
.hero-lead{margin-top:24px;max-width:680px;color:#C7DBD3;font-size:clamp(17px,2vw,21px);line-height:1.76}
body.theme-light .hero-lead{color:#445B52}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.fallback-note{margin-top:18px;color:var(--slate);font-family:var(--mono);font-size:12px}
.hero-media{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--abyss-2);box-shadow:0 30px 80px -54px rgba(0,0,0,.88)}
.hero-media img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.scope{background:linear-gradient(160deg,rgba(6,48,39,.06),var(--abyss-2));border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 30px 80px -54px rgba(0,0,0,.88)}
.scope-hd{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--slate);letter-spacing:.1em;margin-bottom:12px}
.live{display:flex;align-items:center;gap:7px;color:var(--accent)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.scope canvas{width:100%;height:250px;display:block}
.scope-ft{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.tag{font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:5px;border:1px solid var(--line);color:var(--slate);display:flex;align-items:center;gap:6px}
.tag i{width:8px;height:8px;border-radius:2px;display:block}
.tag .run{background:var(--accent)}
.tag .idle{background:#D9A441}
.tag .stop{background:#5C7A70}
.scope-note{margin-top:12px;font-size:12.5px;color:var(--slate);line-height:1.6}

.cms-section{padding:clamp(58px,8vw,98px) 0;border-bottom:1px solid rgba(160,225,195,.08)}
.cms-section.variant-muted{background:rgba(255,255,255,.025)}
.cms-section.variant-panel .wrap{border:1px solid var(--line);border-radius:8px;padding-top:clamp(26px,4vw,42px);padding-bottom:clamp(26px,4vw,42px);background:rgba(18,58,49,.72)}
body.theme-light .cms-section.variant-panel .wrap{background:#fff}
.cms-section.variant-accent{background:rgba(87,183,236,.07)}
.cms-section.variant-solid{background:var(--abyss-2)}
.section-head{max-width:760px;margin-bottom:28px}
.section-head h2{font-size:clamp(26px,3.6vw,43px);line-height:1.22;font-weight:820}
.section-head>p:not(.eyebrow){margin-top:14px;color:var(--slate);font-size:17px;line-height:1.75}

.cms-rich{max-width:820px;color:#D7E8E1;font-size:16.5px;line-height:1.84}
body.theme-light .cms-rich{color:#30473E}
.cms-rich p+p{margin-top:16px}
.cms-rich h2,.cms-rich h3{margin:26px 0 12px;color:var(--mist)}
.cms-rich ul,.cms-rich ol{margin:16px 0 0 22px}
.cms-rich li+li{margin-top:8px}
.cms-rich code{font-family:var(--mono);font-size:.93em;color:var(--accent)}

.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.item-grid.grid-2{grid-template-columns:repeat(2,1fr)}
.item-grid.grid-3{grid-template-columns:repeat(3,1fr)}
.item-grid.compact{grid-template-columns:repeat(4,1fr)}
.info-card,.metric-card{border:1px solid var(--line);border-radius:8px;background:rgba(5,31,26,.38);padding:24px;min-height:184px}
body.theme-light .info-card,body.theme-light .metric-card{background:#fff}
.card-eyebrow{font-family:var(--mono);font-size:12px;color:var(--accent);margin-bottom:15px}
.card-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin-bottom:18px}
.info-card h3{font-size:19px;line-height:1.35;margin-bottom:10px}
.info-card p{color:var(--slate);font-size:15px;line-height:1.7}
.info-card .item-value{display:block;font-family:var(--mono);font-size:34px;line-height:1.1;color:var(--accent);margin-bottom:8px}
.info-card .item-label{display:block;color:#C5D8D0;font-weight:700;margin-bottom:12px}
.info-card .item-subtext{margin-top:12px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px}
.info-card .btn{margin-top:18px}

.process-list{list-style:none;display:grid;gap:12px;counter-reset:step}
.process-list li{display:grid;grid-template-columns:120px minmax(180px,.42fr) 1fr;gap:18px;align-items:start;border-top:1px solid var(--line);padding:20px 0}
.step-index{font-family:var(--mono);font-size:12px;color:var(--accent)}
.process-list strong{font-size:18px;line-height:1.35}
.process-list p{color:var(--slate);line-height:1.7}

.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.metric-grid.compact{grid-template-columns:repeat(4,1fr)}
.metric-card{min-height:150px}
.metric-card strong{display:block;font-family:var(--mono);font-size:42px;line-height:1.1;color:var(--accent)}
.metric-card span{display:block;margin-top:8px;font-weight:750;color:var(--mist)}
.metric-card p{margin-top:8px;color:var(--slate);font-size:14.5px;line-height:1.6}

.media-band{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:center}
.layout-media-right .media-band figure{order:2}
.media-band figure{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--abyss-2)}
.media-band img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}

.cta-band{display:flex;align-items:center;justify-content:flex-start}
.section-cta-band .section-head{margin-bottom:22px}
.section-cta-band.layout-center .wrap{text-align:center}
.section-cta-band.layout-center .eyebrow{justify-content:center}
.section-cta-band.layout-center .section-head{margin-left:auto;margin-right:auto}
.section-actions{display:flex;gap:12px;flex-wrap:wrap}
.section-cta-band.layout-center .section-actions{justify-content:center}

@media (max-width:940px){
  .hero-grid,.media-band{grid-template-columns:1fr}
  .cms-hero.layout-media-left .hero-copy,.cms-hero.layout-media-left .hero-media{order:initial}
  .item-grid,.item-grid.grid-2,.item-grid.grid-3,.item-grid.compact,.metric-grid{grid-template-columns:1fr 1fr}
  .process-list li{grid-template-columns:1fr;gap:8px}
}

@media (max-width:640px){
  .item-grid,.item-grid.grid-2,.item-grid.grid-3,.item-grid.compact,.metric-grid{grid-template-columns:1fr}
  .hero-actions,.section-actions{align-items:stretch}
  .hero-actions .btn,.section-actions .btn{width:100%}
}