/* Separate comparison route; the approved page uses only page.css. */
.mh-ai-immersive .hero {
  position:relative;
  isolation:isolate;
  min-height:660px;
  height:calc(100vh - 101px);
  height:calc(100svh - 101px);
  padding:48px 0;
  align-items:flex-end;
  text-align:start;
  background:#071018;
}
.mh-ai-immersive .hero .ai-hero-photo {
  position:absolute; inset:0; margin:0; width:100%; height:100%; z-index:-2;
}
.mh-ai-immersive .hero .ai-hero-photo img {
  width:100%; height:100%; object-fit:cover; object-position:50% 42%; border-radius:0;
}
.mh-ai-immersive .hero::after {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(0deg,rgba(3,10,17,.96) 0%,rgba(3,10,17,.82) 22%,rgba(3,10,17,.22) 52%,transparent 75%);
}
.mh-ai-immersive .hero-copy { position:relative; }
.mh-ai-immersive .hero .eyebrow { color:#e0e8ee; font-size:12px; margin-bottom:14px; }
.mh-ai-immersive .hero h1 { color:#fff; font-size:clamp(44px,5vw,72px); line-height:1; margin-bottom:20px; }
.mh-ai-immersive .hero .lead { color:#fff; font-size:clamp(18px,1.5vw,22px); line-height:1.45; letter-spacing:-.015em; max-width:580px; margin:0 0 24px; }
.mh-ai-immersive .hero .actions { justify-content:flex-start; }
.mh-ai-immersive .hero a:focus-visible { outline-color:#fff; }
.mh-ai-immersive .hero .ai-hero-photo figcaption {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
@media(max-width:767px){
  .mh-ai-immersive .hero { height:calc(100svh - 101px); min-height:600px; padding:32px 0 96px; }
  .mh-ai-immersive .hero .ai-hero-photo img { object-position:40% 35%; }
  .mh-ai-immersive .hero::after { background:linear-gradient(0deg,rgba(3,10,17,.98) 0%,rgba(3,10,17,.91) 30%,rgba(3,10,17,.3) 60%,transparent 85%); }
  .mh-ai-immersive .hero h1 { font-size:clamp(38px,9.5vw,58px); }
  .mh-ai-immersive .hero .lead { font-size:18px; max-width:420px; }
  .mh-ai-immersive .hero .actions { gap:10px; }
}
@media(max-height:700px) and (min-width:768px){
  .mh-ai-immersive .hero { min-height:540px; }
}

/* Normal scrolling; only the departing image gains dark smoked glass. */
.mh-ai-immersive .specs .spec {
  background:var(--card-fill);
  color:var(--card-ink);
  border:1px solid var(--card-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.mh-ai-immersive .specs .spec:nth-child(1) { --card-fill:#e0efff; --card-ink:#123c67; --card-border:#c4ddf7; }
.mh-ai-immersive .specs .spec:nth-child(2) { --card-fill:#ece5fa; --card-ink:#46306b; --card-border:#dcd0ef; }
.mh-ai-immersive .specs .spec:nth-child(3) { --card-fill:#def2e9; --card-ink:#174e3c; --card-border:#c3e2d4; }
.mh-ai-immersive .specs .spec:nth-child(4) { --card-fill:#fff0d9; --card-ink:#67431a; --card-border:#efdbb9; }
.mh-ai-immersive .specs .spec .kicker,
.mh-ai-immersive .specs .spec .small { color:var(--card-ink); }

@media(prefers-reduced-motion:no-preference){
  .mh-ai-immersive[data-scroll-glass] .hero::before {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:rgba(0,0,0,var(--glass-tint,0));
    -webkit-backdrop-filter:blur(var(--glass-blur,0px));
    backdrop-filter:blur(var(--glass-blur,0px));
  }
}

/* Deployment overview uses neutral white cards with color only in the mode labels. */
.mh-ai-immersive #deployment { background:#f3f3f3 !important; }
.mh-ai-immersive #deployment .bento {
  position:relative;
  isolation:isolate;
}
.mh-ai-immersive #deployment .bento::before { content:none; }
.mh-ai-immersive #deployment .deployment-card {
  background:var(--deployment-fill);
  border:1px solid var(--deployment-border);
  color:var(--deployment-ink);
  overflow:hidden;
  border-radius:12px;
  padding:36px 32px;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:0 5px 18px rgba(0,0,0,.04);
  display:flex; flex-direction:column;
}
.mh-ai-immersive #deployment .deployment-card::before { content:none; }
.mh-ai-immersive #deployment .deployment-card:nth-child(1) {
  --deployment-fill:#fff;
  --deployment-ink:#183345; --deployment-copy:#405967; --deployment-label:#2090ff;
  --deployment-border:#dedede; --deployment-divider:#e5e5e5;
}
.mh-ai-immersive #deployment .deployment-card:nth-child(2) {
  --deployment-fill:#fff;
  --deployment-ink:#183345; --deployment-copy:#405967; --deployment-label:#2090ff;
  --deployment-border:#dedede; --deployment-divider:#e5e5e5;
}
.mh-ai-immersive #deployment .deployment-card:nth-child(3) {
  --deployment-fill:#fff;
  --deployment-ink:#183345; --deployment-copy:#405967; --deployment-label:#2090ff;
  --deployment-border:#dedede; --deployment-divider:#e5e5e5;
}
.mh-ai-immersive #deployment .deployment-card h3 { color:var(--deployment-ink); font-size:clamp(25px,2.3vw,32px); line-height:1.15; letter-spacing:-.025em; }
.mh-ai-immersive #deployment .deployment-card p,
.mh-ai-immersive #deployment .deployment-meta { color:var(--deployment-copy); }
.mh-ai-immersive #deployment .deployment-meta { border-color:var(--deployment-divider); }
.mh-ai-immersive #deployment .clinical-label { color:var(--deployment-label); }

/* Readable deployment labels and stacked metadata, with no inner highlight. */
.mh-ai-immersive #deployment .clinical-label { font-size:20px; line-height:1.3; letter-spacing:.035em; margin-bottom:24px; }
.mh-ai-immersive #deployment .deployment-card p { font-size:16px; line-height:1.6; margin-bottom:28px; }
.mh-ai-immersive #deployment .deployment-meta { margin-top:auto; padding-top:24px; gap:18px; font-size:16px; line-height:1.5; }
.mh-ai-immersive #deployment .deployment-meta strong { display:block; color:var(--deployment-ink); font-size:14px; font-weight:700; margin-bottom:4px; }
@media(max-width:620px){
 .mh-ai-immersive #deployment .deployment-card { padding:26px; }
}

/* Local deployment: product cutout and clean static workflow. */
.mh-ai-immersive .local-deployment { background:radial-gradient(ellipse at 80% 45%,#1c394e 0%,transparent 58%),linear-gradient(125deg,#08131b,#102432); color:#fff; padding:100px 0; scroll-margin-top:120px; }
.mh-ai-immersive .local-deployment-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(48px,7vw,112px); align-items:center; }
.mh-ai-immersive .local-deployment-copy .eyebrow { color:#b7d4e7; }
.mh-ai-immersive .local-deployment-copy .section-title { color:#fff; font-size:clamp(38px,4.3vw,64px); line-height:1.07; margin-bottom:28px; }
.mh-ai-immersive .local-deployment-copy p { font-size:20px; line-height:1.6; color:#d0dce5; max-width:540px; margin-bottom:20px; }
.mh-ai-immersive .local-deployment-hardware { margin:24px 0 22px; max-width:390px; }
.mh-ai-immersive .local-deployment-hardware img { display:block; width:100%; height:auto; border-radius:0; filter:drop-shadow(0 16px 18px rgba(0,0,0,.28)); }
.mh-ai-immersive .local-deployment-hardware figcaption { color:#afc3d1; font-size:12px; line-height:1.5; margin-top:-16px; }
.mh-ai-immersive .local-deployment-hardware a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.mh-ai-immersive .local-deployment-cta { background:#0071e3; color:#fff; padding:14px 23px; font-size:16px; }
.mh-ai-immersive .local-deployment-cta:hover { background:#0065ca; }
.mh-ai-immersive .local-deployment-visual { min-width:0; }
.mh-ai-immersive .local-deployment-flow { list-style:none; counter-reset:local-step; padding:0; margin:0; display:grid; gap:42px; }
.mh-ai-immersive .local-deployment-flow li { counter-increment:local-step; position:relative; padding:30px 28px 30px 72px; color:#f5f9fc; background:#172d3e; border:1px solid #354e61; border-radius:12px; }
.mh-ai-immersive .local-deployment-flow li::before { content:counter(local-step); position:absolute; left:28px; top:35px; color:#71b6ff; font-size:16px; font-weight:600; line-height:1.4; }
.mh-ai-immersive .local-deployment-flow li + li::after { content:"↓"; position:absolute; left:0; right:0; top:-36px; text-align:center; color:#93b4ca; font-size:25px; line-height:28px; }
.mh-ai-immersive .local-deployment-flow strong { display:block; color:inherit; font-size:clamp(23px,2vw,28px); line-height:1.25; letter-spacing:-.02em; }
.mh-ai-immersive .local-deployment-flow span { display:block; font-size:17px; line-height:1.5; margin-top:10px; color:#cbdce8; }
/* All steps stay navy at rest; precise-pointer hover changes color only. */
@media(hover:hover) and (pointer:fine){
  .mh-ai-immersive .local-deployment-flow li:hover { background:#0071e3; border-color:#0071e3; color:#fff; }
  .mh-ai-immersive .local-deployment-flow li:hover::before,
  .mh-ai-immersive .local-deployment-flow li:hover span { color:#fff; }
}
@media(max-width:850px){
  .mh-ai-immersive .local-deployment { padding:72px 0; }
  .mh-ai-immersive .local-deployment-grid { grid-template-columns:1fr; gap:56px; }
  .mh-ai-immersive .local-deployment-copy p { font-size:18px; }
  .mh-ai-immersive .local-deployment-flow { padding:0; }
  .mh-ai-immersive .local-deployment-flow li { padding:26px 20px 26px 54px; }
  .mh-ai-immersive .local-deployment-flow li::before { top:31px; left:20px; font-size:14px; }
  .mh-ai-immersive .local-deployment-hardware { max-width:340px; }
}

/* Ground the transparent hardware without adding a photo background. */
.mh-ai-immersive .local-deployment-device { position:relative; isolation:isolate; }
.mh-ai-immersive .local-deployment-device::before { content:""; position:absolute; z-index:-1; left:8%; width:86%; height:8%; bottom:19%; border-radius:50%; background:rgba(0,0,0,.65); filter:blur(9px); pointer-events:none; }

.mh-ai-immersive .local-deployment-cta::before, .mh-ai-immersive .local-deployment-cta::after { content:none; }

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .mh-ai-immersive .local-deployment-flow li { transition:background-color 220ms ease,border-color 220ms ease,color 220ms ease; }
  .mh-ai-immersive .local-deployment-flow li::before,
  .mh-ai-immersive .local-deployment-flow li span { transition:color 220ms ease; }
}

.mh-ai-immersive .imaging-workflow-video { margin:48px auto 0; width:100%; overflow:hidden; border-radius:20px; background:#08131b; border:1px solid #dce3e8; }
.mh-ai-immersive .imaging-workflow-video video { display:block; width:100%; height:auto; }
@media(max-width:620px){
  .mh-ai-immersive .imaging-workflow-video { margin-top:32px; border-radius:12px; }
}

/* Selected video layout C: editorial introduction beside the film. */
.mh-ai-immersive .imaging-workflow-editorial { display:grid; grid-template-columns:minmax(260px,.42fr) minmax(0,1fr); gap:42px; align-items:center; text-align:left; scroll-margin-top:130px; }
.mh-ai-immersive .imaging-workflow-intro .eyebrow { font-size:12px; margin-bottom:18px; }
.mh-ai-immersive .imaging-workflow-intro .section-title { font-size:clamp(32px,3vw,42px); line-height:1.1; margin-bottom:24px; }
.mh-ai-immersive .imaging-workflow-intro .section-copy { font-size:18px; line-height:1.6; letter-spacing:normal; margin:0; }
.mh-ai-immersive .imaging-workflow-editorial .imaging-workflow-video { margin:0; border-radius:12px; }
.mh-ai-immersive .imaging-workflow-video video { aspect-ratio:16/9; }
@media(max-width:850px){
  .mh-ai-immersive .imaging-workflow-editorial { grid-template-columns:1fr; gap:28px; }
  .mh-ai-immersive .imaging-workflow-intro .section-title { max-width:620px; }
}

.mh-ai-immersive .workflow-at-glance { margin-top:40px; padding:28px 0 0; border-top:1px solid #dce3e9; text-align:left; }
.mh-ai-immersive .workflow-at-glance h2 { font-size:22px; line-height:1.2; letter-spacing:-.025em; margin:0; }
.mh-ai-immersive .workflow-at-glance .workflow { margin-top:24px; gap:28px; }
@media(max-width:850px){
 .mh-ai-immersive .workflow-at-glance { margin-top:32px; padding-top:24px; }
 .mh-ai-immersive .workflow-at-glance h2 { font-size:22px; }
}

.mh-ai-immersive .workflow-at-glance .step { padding:0; min-height:0; background:none; border:0; border-radius:0; box-shadow:none; text-align:left; }
.mh-ai-immersive .workflow-at-glance .step-num { color:#0071e3; font-size:13px; font-weight:600; margin:0 0 12px; }
.mh-ai-immersive .workflow-at-glance .step h3 { font-size:19px; line-height:1.3; margin:0 0 9px; }
.mh-ai-immersive .workflow-at-glance .step p { font-size:15px; line-height:1.5; margin:0; color:#526573; }
@media(max-width:620px){
 .mh-ai-immersive .workflow-at-glance .workflow { grid-template-columns:1fr; gap:22px; }
 .mh-ai-immersive .workflow-at-glance .step { display:grid; grid-template-columns:28px 1fr; column-gap:14px; }
 .mh-ai-immersive .workflow-at-glance .step-num { grid-row:1 / 3; margin-top:3px; }
 .mh-ai-immersive .workflow-at-glance .step p { grid-column:2; }
}

/* Editorial workflow: confident typography, framed film and a shared numbered band. */
.mh-ai-immersive .imaging-workflow-editorial { grid-template-columns:minmax(300px,.46fr) minmax(0,1fr); gap:48px; }
.mh-ai-immersive .imaging-workflow-intro .eyebrow { color:#0071e3; display:flex; align-items:center; gap:12px; letter-spacing:.085em; }
.mh-ai-immersive .imaging-workflow-intro .eyebrow::before { content:""; width:30px; height:3px; background:#0071e3; flex-shrink:0; }
.mh-ai-immersive .imaging-workflow-intro .section-title { font-size:clamp(36px,3.55vw,50px); font-weight:700; line-height:1.06; letter-spacing:-.04em; margin-bottom:24px; }
.mh-ai-immersive .workflow-title-accent { color:#0071e3; }
.mh-ai-immersive .imaging-workflow-intro .section-copy { color:#526573; font-size:17px; line-height:1.65; }
.mh-ai-immersive .imaging-workflow-editorial .imaging-workflow-video { border:1px solid #cad8e3; border-top:3px solid #0071e3; border-radius:14px; box-shadow:0 18px 42px rgba(20,51,74,.13); }
.mh-ai-immersive .workflow-at-glance { margin-top:48px; padding:30px 32px 32px; border:0; border-radius:16px; background:#eef4f8; }
.mh-ai-immersive .workflow-at-glance h2 { color:#17364b; font-size:23px; }
.mh-ai-immersive .workflow-at-glance .workflow { margin-top:28px; gap:26px; }
.mh-ai-immersive .workflow-at-glance .step { border-top:1px solid #c7d9e5; padding-top:18px; }
.mh-ai-immersive .workflow-at-glance .step-num { font-size:42px; font-weight:500; line-height:1; letter-spacing:-.055em; margin-bottom:18px; color:#0071e3; }
.mh-ai-immersive .workflow-at-glance .step h3 { font-size:19px; font-weight:600; color:#17364b; }
.mh-ai-immersive .workflow-at-glance .step p { font-size:15px; line-height:1.6; }
@media(max-width:850px){
 .mh-ai-immersive .imaging-workflow-editorial { grid-template-columns:1fr; gap:28px; }
 .mh-ai-immersive .workflow-at-glance { margin-top:36px; padding:26px; }
}
@media(max-width:620px){
 .mh-ai-immersive .workflow-at-glance { padding:24px 20px; }
 .mh-ai-immersive .workflow-at-glance .step { grid-template-columns:44px 1fr; column-gap:18px; padding-top:20px; }
 .mh-ai-immersive .workflow-at-glance .step-num { font-size:32px; margin:0; }
}

/* Static user-supplied dental segmentation background. */
.mh-ai-immersive .workflow-film { position:relative; isolation:isolate; overflow:hidden; padding:0; background:#07121c; color:#fff; scroll-margin-top:101px; }
.mh-ai-immersive .workflow-still-background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-3; }
.mh-ai-immersive .workflow-film::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(3,13,23,.6474),rgba(3,13,23,.4316)),linear-gradient(0deg,rgba(3,13,23,.8134),transparent 85%); }
.mh-ai-immersive .workflow-film-inner { position:relative; min-height:830px; padding-top:85px; padding-bottom:42px; display:flex; flex-direction:column; }
.mh-ai-immersive .workflow-film-intro { margin-bottom:80px; }
.mh-ai-immersive .workflow-film .eyebrow { color:#b5d8fa; font-size:12px; font-weight:700; letter-spacing:.12em; margin-bottom:24px; }
.mh-ai-immersive .workflow-film h2 { font-size:clamp(40px,4.55vw,62px); line-height:1.03; letter-spacing:-.045em; max-width:780px; color:#fff; margin:0 0 24px; }
.mh-ai-immersive .workflow-film-intro p { font-size:18px; line-height:1.55; color:#dce7ef; margin:0; max-width:620px; }
.mh-ai-immersive .workflow-film-steps { list-style:none; padding:32px 0 0; margin:auto 0 0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:26px; }
.mh-ai-immersive .workflow-film-steps li { border-top:2px solid #0071e3; padding-top:22px; }
.mh-ai-immersive .workflow-film-number { display:block; font-size:44px; color:#70b6ff; font-weight:500; letter-spacing:-.06em; line-height:1; margin-bottom:16px; }
.mh-ai-immersive .workflow-film-steps h3 { color:#fff; font-size:20px; line-height:1.2; margin:0 0 10px; }
.mh-ai-immersive .workflow-film-steps p { font-size:15px; color:#d3e0ea; line-height:1.5; margin:0; }
@media(max-width:850px){
 .mh-ai-immersive .workflow-film-inner { min-height:0; padding-top:85px; padding-bottom:36px; }
 .mh-ai-immersive .workflow-film-intro { margin-bottom:34px; }
 .mh-ai-immersive .workflow-film-steps { grid-template-columns:1fr; gap:22px; margin:0; padding:0; }
 .mh-ai-immersive .workflow-film-steps li { display:grid; grid-template-columns:42px 1fr; gap:16px; padding-top:20px; }
 .mh-ai-immersive .workflow-film-number { font-size:32px; margin:0; }
 .mh-ai-immersive .workflow-film h2 { font-size:39px; }
 .mh-ai-immersive .workflow-film::before { background:rgba(3,13,23,.83); }
}

@media(max-width:850px){
 .mh-ai-immersive .workflow-film { background:#08131b; }
 .mh-ai-immersive .workflow-still-background { height:560px; object-position:28% center; }
 .mh-ai-immersive .workflow-film::before { background:linear-gradient(180deg,rgba(3,13,23,.6474) 0,rgba(8,19,27,.7304) 360px,#08131b 560px); }
 .mh-ai-immersive .workflow-film-inner { padding-top:48px; }
}

.mh-ai-immersive .cloud-deployment { border-bottom:1px solid #304657; }
.mh-ai-immersive .cloud-deployment-illustration svg { display:block; width:100%; height:auto; max-width:340px; margin:12px 0 22px; }
.mh-ai-immersive .cloud-deployment-illustration figcaption { margin-top:0; }

/* Shared Cloud / Local / Enterprise detail section. */
.mh-ai-immersive .ai-usage-header { margin-bottom:48px; }
.mh-ai-immersive .ai-usage-header h2 { color:#fff; font-size:clamp(28px,3vw,40px); line-height:1.15; letter-spacing:-.03em; margin:0 0 28px; max-width:800px; }
.mh-ai-immersive .ai-usage-tabs { display:flex; gap:8px; border-bottom:1px solid #3a5366; padding-bottom:12px; }
.mh-ai-immersive .ai-usage-tabs button { border:1px solid transparent; border-radius:8px; padding:13px 26px; background:transparent; color:#cadce9; font:600 16px Inter,Arial,sans-serif; cursor:pointer; }
.mh-ai-immersive .ai-usage-tabs button[aria-selected="true"] { background:#0071e3; color:#fff; }
.mh-ai-immersive .ai-usage-tabs button:focus-visible { outline:2px solid #8dc5ff; outline-offset:3px; }
.mh-ai-immersive .ai-usage-panel { min-height:0; }
.mh-ai-immersive .ai-usage-panel[hidden] { display:none; }
@media(max-width:850px){
 .mh-ai-immersive .ai-usage-header { margin-bottom:32px; }
 .mh-ai-immersive .ai-usage-tabs { gap:4px; }
 .mh-ai-immersive .ai-usage-tabs button { flex:1; padding:12px 8px; font-size:15px; }
 .mh-ai-immersive .ai-usage-panel { min-height:0; }
}

/* Subtle accents for the new panels; Local retains its approved palette. */
.mh-ai-immersive #usage-panel-cloud .local-deployment-flow li { border-color:#476174; }
.mh-ai-immersive #usage-panel-cloud .local-deployment-flow li::before { color:#a0d2f0; }
.mh-ai-immersive #usage-panel-enterprise .local-deployment-flow li { border-color:#406362; }
.mh-ai-immersive #usage-panel-enterprise .local-deployment-flow li::before,
.mh-ai-immersive #usage-panel-enterprise .eyebrow { color:#a3d4cf; }
@media(hover:hover) and (pointer:fine){
 .mh-ai-immersive #usage-panel-cloud .local-deployment-flow li:hover,
 .mh-ai-immersive #usage-panel-enterprise .local-deployment-flow li:hover { border-color:#0071e3; }
 .mh-ai-immersive #usage-panel-cloud .local-deployment-flow li:hover::before,
 .mh-ai-immersive #usage-panel-enterprise .local-deployment-flow li:hover::before { color:#fff; }
}

/* The active surface moves behind the buttons; panels remain stationary. */
.mh-ai-immersive .ai-usage-tabs { position:relative; isolation:isolate; }
.mh-ai-immersive .ai-usage-tabs.has-highlight::before { content:""; position:absolute; left:0; top:0; width:var(--tab-width); height:var(--tab-height); transform:translate(var(--tab-x),var(--tab-y)); background:#0071e3; border-radius:8px; pointer-events:none; z-index:-1; transition:transform 220ms ease,width 220ms ease,height 220ms ease; }
.mh-ai-immersive .ai-usage-tabs button { transition:color 220ms ease,background-color 220ms ease; }
.mh-ai-immersive .ai-usage-tabs.has-highlight button[aria-selected="true"] { background:transparent; }
@media(prefers-reduced-motion:reduce){
 .mh-ai-immersive .ai-usage-tabs.has-highlight::before,
 .mh-ai-immersive .ai-usage-tabs button { transition:none; }
}

/* Standalone, uncropped playback following the workflow chapter. */
.mh-ai-immersive .workflow-video-only { background:#eef2f5; padding:clamp(40px,5.6vw,80px) 0; scroll-margin-top:101px; }
.mh-ai-immersive .workflow-video-only .container { width:83.333%; max-width:1280px; }
.mh-ai-immersive .workflow-video-only video { display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:contain; background:#000; border-radius:12px; border:1px solid #c2cfd8; box-shadow:0 22px 42px -12px rgba(8,28,44,.28),0 4px 12px rgba(8,28,44,.06); }
@media(max-width:850px){
 .mh-ai-immersive .workflow-video-only { padding:32px 0; }
 .mh-ai-immersive .workflow-video-only .container { width:calc(100% - 32px); }
 .mh-ai-immersive .workflow-video-only video { border-radius:8px; }
}

.mh-ai-immersive .workflow-video-only figure { margin:0 auto; }
.mh-ai-immersive .workflow-video-only figcaption { margin-top:22px; padding:0 8px; text-align:center; color:#526573; font-size:15px; line-height:1.55; }
@media(max-width:850px){
 .mh-ai-immersive .workflow-video-only figcaption { margin-top:18px; font-size:14px; }
}

/* AI model layer: clearer hierarchy, readable data and explicit disclosure states. */
.mh-ai-immersive #models { background:#fff !important; }
.mh-ai-immersive #models .eyebrow,
.mh-ai-immersive #models .clinical-label { color:#506b7e; font-size:14px; font-weight:600; letter-spacing:.06em; }
.mh-ai-immersive #models .section-title { color:#304655; font-size:clamp(36px,4.5vw,64px); line-height:1.08; letter-spacing:-.04em; }
.mh-ai-immersive #models .section-copy { color:#526371; font-size:clamp(19px,2vw,25px); line-height:1.55; }
.mh-ai-immersive #models .family-card { background:#f8fafb; border-color:#e0e6eb; box-shadow:none; }
.mh-ai-immersive #models .family-card h3 { color:#304655; font-size:clamp(26px,2.3vw,32px); font-weight:550; line-height:1.2; letter-spacing:-.025em; }
.mh-ai-immersive #models .family-card p { color:#526371; font-size:18px; line-height:1.65; }
.mh-ai-immersive #models .family-points { color:#526371; font-size:15px; line-height:1.55; gap:10px; }
.mh-ai-immersive #models .family-points span::before { color:#005fae; }
.mh-ai-immersive #models .model-family { border:1px solid #dce4ea; box-shadow:none; }
.mh-ai-immersive #models .model-family summary { background:#fff; transition:background-color 180ms ease; }
.mh-ai-immersive #models .model-family summary h3 { color:#354d5e; font-size:clamp(22px,2.1vw,28px); font-weight:550; line-height:1.25; letter-spacing:-.025em; }
.mh-ai-immersive #models .model-family summary p { color:#596c7a; font-size:16px; line-height:1.5; }
.mh-ai-immersive #models .model-family summary .open-icon { width:40px; height:40px; border:1px solid #cbd7e0; background:#f8fafc; color:#426b8a; font-size:24px; }
.mh-ai-immersive #models .model-family[open] summary { background:#f2f6f9; }
.mh-ai-immersive #models .model-family[open] summary .open-icon { background:#e4edf4; border-color:#b7cbdc; color:#365f80; }
.mh-ai-immersive #models .model-family summary:hover { background:#edf3f7; }
.mh-ai-immersive #models .model-family summary:focus-visible { outline:2px solid #517998; outline-offset:-3px; }
.mh-ai-immersive #models .model-table-wrap { border-top-color:#e0e7ed; }
.mh-ai-immersive #models .model-table { font-size:15px; line-height:1.5; }
.mh-ai-immersive #models .model-table th { color:#526978; background:#f6f8fa; font-size:12px; font-weight:600; }
.mh-ai-immersive #models .model-table td { color:#506271; border-color:#e7ecf0; }
.mh-ai-immersive #models .model-table tbody tr:nth-child(even) { background:#fafbfc; }
.mh-ai-immersive #models .model-table tr:hover td { background:#f1f6fa; }
.mh-ai-immersive #models .model-table td:first-child { color:#354d5e; }
.mh-ai-immersive #models .modality { color:#49687f; background:#eef3f7; font-size:12px; }
.mh-ai-immersive #models .model-table td.availability { color:#496b5d; }
.mh-ai-immersive #models .model-note { color:#596c7a; background:#f8fafb; font-size:14px; line-height:1.65; border-color:#e2e8ed; }
@media(max-width:620px){
 .mh-ai-immersive #models .family-card { padding:26px; }
 .mh-ai-immersive #models .model-family summary { padding:22px; gap:14px; }
}
@media(prefers-reduced-motion:reduce){
 .mh-ai-immersive #models .model-family summary,
 .mh-ai-immersive #models .model-family summary .open-icon { transition:none; }
}

.mh-ai-immersive #models .section-title { font-weight:550; }
.mh-ai-immersive #models .model-table td:first-child { font-weight:600; }

/* Cinematic media chapter, distinct from the white model explorer. */
.mh-ai-immersive #media { background:radial-gradient(ellipse at 50% 38%,#18394f 0%,#0a1a28 48%,#050b12 100%); border-top:1px solid #263b4b; padding:112px 0; scroll-margin-top:101px; }
.mh-ai-immersive #media > .container > .eyebrow { color:#9bc5e4; text-align:center; margin-bottom:24px; }
.mh-ai-immersive #media > .container > .section-title { max-width:1000px; margin:0 auto 24px; text-align:center; color:#f5f8fb; font-size:clamp(38px,4.8vw,68px); font-weight:600; line-height:1.12; }
.mh-ai-immersive #media > .container > .section-copy { max-width:780px; margin:0 auto; text-align:center; color:#c2d0dc; font-size:clamp(18px,1.8vw,24px); line-height:1.55; }
.mh-ai-immersive #media .media-grid { margin-top:48px; }
@media(max-width:620px){
 .mh-ai-immersive #media { padding:64px 0; }
 .mh-ai-immersive #media .media-grid { margin-top:32px; }
}

.mh-ai-immersive #media .video-card { background:#0e1d2b; border-color:#344c60; border-radius:18px; box-shadow:0 24px 55px rgba(0,0,0,.3); }
.mh-ai-immersive #media .media-copy h3 { color:#f0f5f9; font-weight:600; }
.mh-ai-immersive #media .media-copy p { color:#bdcedb; font-size:15px; line-height:1.6; }

/* Luminous illustration gallery following the cinematic media chapter. */
.mh-ai-immersive #workflow-illustrations { background:radial-gradient(ellipse at 75% 38%,#e8f2f9 0%,#f7fafc 45%,#fff 78%); padding:112px 0; scroll-margin-top:101px; }
.mh-ai-immersive #workflow-illustrations .eyebrow { color:#4b6d83; margin-bottom:28px; }
.mh-ai-immersive #workflow-illustrations .section-title { color:#203c50; font-size:clamp(44px,6.5vw,88px); font-weight:550; letter-spacing:-.045em; line-height:1.06; margin-bottom:28px; }
.mh-ai-immersive #workflow-illustrations .section-copy { color:#526778; font-size:clamp(18px,1.9vw,24px); line-height:1.6; max-width:840px; }
.mh-ai-immersive #workflow-illustrations .still-gallery { grid-template-columns:1.22fr 1fr; gap:28px; margin-top:64px; align-items:stretch; }
.mh-ai-immersive #workflow-illustrations .still-card { background:#fff; border:1px solid #e0e8ee; border-radius:20px; box-shadow:0 18px 40px -18px rgba(37,70,93,.23); display:flex; flex-direction:column; }
.mh-ai-immersive #workflow-illustrations .still-large .clinical-still { flex:1; height:auto; min-height:520px; }
.mh-ai-immersive #workflow-illustrations .still-stack { gap:28px; }
.mh-ai-immersive #workflow-illustrations .clinical-still { height:260px; min-height:0; }
.mh-ai-immersive #workflow-illustrations .still-tag { top:22px; left:22px; font-size:11px; font-weight:600; background:#f5f9fc; color:#345870; }
.mh-ai-immersive #workflow-illustrations .media-copy { padding:28px 30px 30px; }
.mh-ai-immersive #workflow-illustrations .media-copy h3 { color:#29475c; font-size:25px; font-weight:550; line-height:1.25; }
.mh-ai-immersive #workflow-illustrations .media-copy p { color:#526778; font-size:16px; line-height:1.6; }
@media(max-width:980px){
 .mh-ai-immersive #workflow-illustrations .still-gallery { grid-template-columns:1fr; }
 .mh-ai-immersive #workflow-illustrations .still-large .clinical-still { min-height:420px; }
}
@media(max-width:620px){
 .mh-ai-immersive #workflow-illustrations { padding:64px 0; }
 .mh-ai-immersive #workflow-illustrations .still-gallery { margin-top:36px; gap:24px; }
 .mh-ai-immersive #workflow-illustrations .still-stack { grid-template-columns:1fr; gap:24px; }
 .mh-ai-immersive #workflow-illustrations .still-large .clinical-still { min-height:330px; }
 .mh-ai-immersive #workflow-illustrations .clinical-still { height:240px; }
 .mh-ai-immersive #workflow-illustrations .media-copy { padding:24px; }
}

/* Platform statement: editorial typography with a concise explanation. */
.mh-ai-immersive .platform-principle { padding:104px 0 112px; background:linear-gradient(115deg,#edf4f9,#f7f9fb 72%); border-top:1px solid #e5ecf1; scroll-margin-top:101px; }
.mh-ai-immersive .platform-principle .eyebrow { color:#506f84; margin-bottom:36px; }
.mh-ai-immersive .platform-principle-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:clamp(40px,6vw,96px); align-items:center; }
.mh-ai-immersive .platform-principle h2 { margin:0; color:#284456; font-size:clamp(40px,4.8vw,66px); font-weight:550; letter-spacing:-.045em; line-height:1.12; }
.mh-ai-immersive .platform-principle h2 span { display:block; color:#416f91; margin-top:12px; }
.mh-ai-immersive .platform-principle-copy { border-left:2px solid #c5d9e7; padding-left:32px; }
.mh-ai-immersive .platform-principle-copy p { color:#4b6272; font-size:19px; line-height:1.65; margin:0 0 20px; }
.mh-ai-immersive .platform-principle-copy p:last-child { margin-bottom:0; }
@media(max-width:850px){
 .mh-ai-immersive .platform-principle { padding:64px 0; }
 .mh-ai-immersive .platform-principle-grid { grid-template-columns:1fr; gap:32px; }
 .mh-ai-immersive .platform-principle-copy { border-left:0; border-top:1px solid #c5d9e7; padding:24px 0 0; }
 .mh-ai-immersive .platform-principle-copy p { font-size:18px; }
}

/* Existing September imagery with edge-to-edge image areas. */
.mh-ai-immersive #spatial { scroll-margin-top:101px; }
.mh-ai-immersive #spatial .spatial-visual { grid-template-columns:1fr; }
.mh-ai-immersive #spatial .device-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.mh-ai-immersive #spatial .display { padding:0; background:#101820; min-height:0; aspect-ratio:1400/637; }
.mh-ai-immersive #spatial .spatial-scene { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.mh-ai-immersive #spatial .device { min-width:0; padding:0 0 18px; overflow:hidden; justify-content:flex-start; border-radius:8px; }
.mh-ai-immersive #spatial .device-image { display:block; width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; object-position:center; border-radius:0; margin:0 0 18px; }
.mh-ai-immersive #spatial .device-image[src$="desktop.webp"],
.mh-ai-immersive #spatial .device-image[src$="glasses-free-3d.webp"],
.mh-ai-immersive #spatial .device-image[src$="interactive-display.webp"] { object-position:center top; }
.mh-ai-immersive #spatial .device h4,
.mh-ai-immersive #spatial .device p { margin-left:18px; margin-right:18px; }
@media(max-width:980px){ .mh-ai-immersive #spatial .device-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px){
 .mh-ai-immersive #spatial .device-list { grid-template-columns:1fr; }
 .mh-ai-immersive #spatial .device { min-height:0; }

}

/* Use-case imagery retains the complete wide scenes. */
.mh-ai-immersive #use-cases { scroll-margin-top:101px; }
.mh-ai-immersive #use-cases .usecase { min-height:0; padding:0 0 28px; border-radius:8px; border:1px solid #e0e6eb; background:#f8fafb; justify-content:flex-start; }
.mh-ai-immersive #use-cases .usecase::before { content:none; }
.mh-ai-immersive #use-cases .usecase-image { display:block; flex:none; width:100%; height:auto; aspect-ratio:1862/845; border-radius:0; object-fit:cover; object-position:center; margin:0 0 26px; }
.mh-ai-immersive #use-cases .usecase h3 { margin:0 28px 12px; font-size:32px; font-weight:550; color:#29475c; }
.mh-ai-immersive #use-cases .usecase p { margin:0 28px; color:#526778; }
@media(max-width:620px){
 .mh-ai-immersive #use-cases .usecase h3 { margin-left:22px; margin-right:22px; font-size:28px; }
 .mh-ai-immersive #use-cases .usecase p { margin-left:22px; margin-right:22px; }
}


/* Section links follow document order and remain reachable on small screens. */
.mh-ai-immersive #overview,
.mh-ai-immersive #deployment,
.mh-ai-immersive #models,
.mh-ai-immersive #media,
.mh-ai-immersive #spatial,
.mh-ai-immersive #developers,
.mh-ai-immersive #contact { scroll-margin-top:112px; }
.mh-ai-immersive .nav-links a:focus-visible { outline:2px solid #1778b5; outline-offset:4px; }
@media(max-width:980px){
 .mh-ai-immersive .nav-inner { display:block; height:auto; padding-top:10px; padding-bottom:8px; }
 .mh-ai-immersive .nav .brand { margin-bottom:8px; }
 .mh-ai-immersive .nav-links { display:flex; gap:22px; overflow-x:auto; white-space:nowrap; padding:4px 2px 7px; }
 .mh-ai-immersive .nav-links a:not(.btn) { display:block; }
 .mh-ai-immersive .nav-links a { flex:none; }
 .mh-ai-immersive #overview,
 .mh-ai-immersive #deployment,
 .mh-ai-immersive #models,
 .mh-ai-immersive #media,
 .mh-ai-immersive #spatial,
 .mh-ai-immersive #developers,
 .mh-ai-immersive #contact { scroll-margin-top:166px; }
}

/* Button labels stay free of decorative arrows on this page. */
body:has(.mh-ai-immersive) .navbar-button .cta-icon { display:none; }

/* Platform principle reads in one continuous column. */
.mh-ai-immersive .platform-principle-grid { grid-template-columns:1fr; gap:36px; }
.mh-ai-immersive .platform-principle h2 { color:#152f43; }
.mh-ai-immersive .platform-principle h2 span { color:#235675; }
.mh-ai-immersive .platform-principle-copy { max-width:920px; border:0; padding:0; }

/* Featured overview followed by the two workflow videos. */
.mh-ai-immersive #media .media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mh-ai-immersive #media .video-card:first-child { grid-column:1/-1; width:80%; justify-self:center; }
.mh-ai-immersive #media .video-card { border-radius:8px; }
.mh-ai-immersive #media .media-copy { padding:22px; }
.mh-ai-immersive #media .media-copy h3 { font-size:21px; line-height:1.35; margin:0; }
@media(max-width:980px){ .mh-ai-immersive #media .media-grid { grid-template-columns:1fr; } }

@media(max-width:980px){ .mh-ai-immersive #media .video-card:first-child { width:100%; } }

/* Authentic screenshots fill their result cards with subject-focused crops. */
.mh-ai-immersive #workflow-illustrations .segmentation-screenshot { background:#020b14; }
.mh-ai-immersive #workflow-illustrations .segmentation-screenshot::before { content:none; }
.mh-ai-immersive #workflow-illustrations .segmentation-screenshot img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }

@media(max-width:980px) {
 .mh-ai-immersive #workflow-illustrations .clinical-still.segmentation-screenshot { flex:none; height:auto; min-height:0; aspect-ratio:16/9; }
}

/* Scan-friendly hierarchy within the single-column platform explanation. */
.mh-ai-immersive .platform-principle-copy h3 { margin:34px 0 10px; color:#203e53; font-size:clamp(21px,2vw,25px); font-weight:600; letter-spacing:-.018em; line-height:1.3; }
.mh-ai-immersive .platform-principle-copy h3:first-child { margin-top:0; }
.mh-ai-immersive .platform-principle-copy strong { font-weight:600; color:#294b61; }

.mh-ai-immersive #workflow-illustrations img[src$="patient-specific-abdomen.webp"] { object-position:56% 50%; }
.mh-ai-immersive #workflow-illustrations img[src$="3d-anatomy-lungs.webp"] { object-position:58% 50%; }
.mh-ai-immersive #workflow-illustrations img[src$="spatial-result-kidney.webp"] { object-position:52% 58%; }

.mh-ai-immersive a.project-link { color:inherit; text-decoration-line:underline; text-decoration-thickness:1px; text-underline-offset:.18em; }
.mh-ai-immersive a.project-link:hover { text-decoration-thickness:2px; }
.mh-ai-immersive a.project-link:focus-visible { outline:2px solid currentColor; outline-offset:4px; border-radius:2px; }

.mh-ai-immersive .platform-principle-cta { justify-self:start; text-align:left; }

.mh-ai-immersive .mesh-video { margin:48px auto 0; border-radius:12px; overflow:hidden; background:#07111a; }
.mh-ai-immersive .mesh-video video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }

/* Small option labels match the support-button blue. */
.mh-ai-immersive #local-deployment .ai-usage-panel .eyebrow { color:#2090ff; opacity:1; }