/* MOUSE approved design system, 2026-11-01. Policy: docs/DESIGN_RULES.md. */
/* November 1: shared editorial grid. The 20px reference gap is the content beat;
   adjacent 20px section insets create one 40px transition, never 80px. */
.mg01 { --mg-unit:20px; --mg-section:40px; }
.mg01 .mh-breadcrumb { padding-top:20px; }
.mg01.mh-refined .mh-detail-hero {
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;
  padding-block:20px; align-items:start;
}
.mg01.mh-refined .mh-detail-hero__copy { padding-top:0; max-width:66ch; }
.mg01.mh-refined .mr23-product-context { margin-bottom:20px; }
.mg01.mh-refined .mh-detail-hero__sub,
.mg01.mh-refined .mh-detail-hero__intro { margin-top:20px!important; }
.mg01.mh-refined .mh-detail-hero__intro p+p { margin-top:20px; }
.mg01.mh-refined .mh-detail-hero .mh-pill { margin-top:20px; }
.mg01.mh-refined .mh-detail-hero__image img { max-height:400px; object-position:50% 35%; }
/* FLOW's longer introduction determines the image height, avoiding an empty
   area below the CTA. The other product photographs retain their own ratio. */
.mg01.mh-refined[data-catalog-page="flow"] .mh-detail-hero { align-items:stretch; }
.mg01.mh-refined[data-catalog-page="flow"] .mh-detail-hero__image {
  position:relative; align-self:stretch; min-height:320px; overflow:hidden;
}
.mg01.mh-refined[data-catalog-page="flow"] .mh-detail-hero__image img {
  position:absolute; inset:0; width:100%; height:100%; max-height:none; aspect-ratio:auto;
}
.mg01.mh-refined .r29-text-hero { grid-template-columns:1fr; max-width:1120px; }
.mg01.mh-refined .mh-detail-section { padding-block:20px; }
/* Headings precede prose instead of occupying a tall, mostly empty side rail. */
.mg01.mh-refined .mh-detail-section__head { display:block; margin-bottom:20px; }
.mg01.mh-refined .mh-detail-section__head h2 { max-width:40ch; }
.mg01.mh-refined .mh-detail-section__head .mh-detail-section__body {
  max-width:none; margin-top:20px; display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;
}
.mg01.mh-refined .mh-detail-section__body>p { margin:0; max-width:68ch; }
.mg01.mh-refined .mh-detail-section__body>p:only-child { grid-column:1/-1; max-width:88ch; }
.mg01.mh-refined .mh-detail-section__body>p:last-child:nth-child(odd):not(:only-child) {
  grid-column:1/-1; max-width:88ch;
}
.mg01.mh-refined .mh-detail-section__head:last-child { margin-bottom:0; }
.mg01.mh-refined .mr23-columns { gap:20px; }
.mg01.mh-refined .mr23-columns article { padding-top:20px; }
.mg01.mh-refined .mr23-columns h3 { margin-bottom:20px; }
.mg01.mh-refined .mr23-columns p+p { margin-top:20px; }
.mg01.mh-refined .mr23-overview-row {
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-block:20px;
}
.mg01.mh-refined .mr23-overview-row:first-child { padding-top:0; }
.mg01.mh-refined .mr23-overview-copy { padding-top:0; max-width:68ch; }
.mg01.mh-refined .mr23-overview-copy p { margin-top:20px; }
.mg01.mh-refined .mr23-overview-row:only-child { padding-bottom:0; }
.mg01 .mh-detail-cta { padding-block:20px; }
.mg01 .mh-detail-cta>.mh-wrap { gap:20px; }
.mg01 .mh-detail-cta p { margin-top:20px!important; max-width:68ch; }
.mg01 .mh-detail-cta h2 { max-width:30ch; }
/* Overview pages use the same half-width column starts. */
.mg01.mh-refined .r29-services-intro {
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-block:20px;
  max-width:none;
}
.mg01 .r29-services-intro p { margin:0!important; }
.mg01 .r29-services-grid { padding-bottom:20px; }
.mg01 .r29-service-card,.mg01 .r29-service-card--media {
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:20px; align-items:start;
}
.mg01 .r29-service-card+.r29-service-card { margin-top:20px; }
.mg01 .r29-service-card--media img { max-height:280px; }
.mg01 .r29-service-card p,.mg01 .r29-service-card--media .r29-service-copy>p { margin-top:20px; }
.mg01 .r29-service-card .r29-service-copy>p:first-child { margin-top:0; }
.mg01 .mh-training-journey { margin-bottom:20px; }
.mg01 .tj25-intro>p { margin-top:20px; }
.mg01 .tj25-note { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:20px; margin-top:20px; }
.mg01 .tj25-note__copy .tj25-note__context,.mg01 .tj25-note__copy .mh-link { margin-top:20px; }
.mg01 .mp-overview { --mp-gap:20px; }
.mg01 .mp-overview .mp-intro { padding-block:20px; }
.mg01 .mp-overview .mp-intro__lead { margin-top:20px; }
.mg01 .mp-overview .mp-product__heading { margin-bottom:20px; }
.mg01 .mp-overview .mp-copy { margin-top:20px; }
.mg01 .mp-overview .mp-row:not(.mp-product--text) .mp-summary { margin-top:20px; }
.mg01 .mp-overview .mp-link { margin-top:20px; }
.mg01 .mp-overview .mp-product--text { padding-block:20px; }
.mg01 .mp-overview .mp-product--text .mp-product__heading,.mg01 .mp-overview .mp-product--text .mp-copy { margin:0; }
/* Static Home sections; 3D hero, orbit, and wave internals are intentionally untouched. */
.mg01 #one-source.mh-s02,.mg01 #what-we-deliver.mh-deliver,
.mg01 .mh-trust29,.mg01 .mh-proof,.mg01 .mh-cta { padding-block:20px; }
.mg01 #one-source .mh-traits { gap:20px; margin-top:40px; }
.mg01 #one-source .mh-trait h3 { margin-bottom:20px; }
.mg01 #what-we-deliver .mh-deliver__intro { margin-bottom:40px; }
.mg01 #products.hpo+#services.ce23-story { margin-top:20px; }
.mg01 .mh-deliver__lead { margin-top:20px; }
.mg01 #what-we-deliver .ce23-story { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-block:20px; }
.mg01 .mh-trust29 h2,.mg01 .mh-proof__title { margin-bottom:20px; }
.mg01 .mh-trust29__cards { gap:20px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.mg01 .mh-proof>.mh-wrap { gap:20px; }
.mg01 .mh-figs__row { gap:20px; }
.mg01 .mh-cta__bottom { margin-top:20px; gap:20px; }
/* Contact and legal retain reading measures and semantic source order. */
.mg01.mh-refined.os23-contact .mh-contact { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-block:20px; }
.mg01 .r29-contact-card { padding:20px; }
.mg01 .r29-contact-card dl { margin-block:20px; }
.mg01 .r29-contact-card dl>div+div { margin-top:20px; padding-top:20px; }
.mg01 .r29-email-cta { margin-top:20px; }
.mg01.mh-refined.os23-privacy .mh-policy { padding-block:20px; column-gap:40px; }
.mg01.mh-refined.os23-privacy .mh-policy__section { padding-block:20px; }
.mg01.mh-refined.os23-privacy .mh-policy__section h2 { margin-bottom:20px; }
.mg01 .mh-policy__section p+p { margin-top:20px; }
.mg01 .mh-foot { padding-block:40px 20px; }
.mg01 .mh-foot__main { gap:20px; }
.mg01 .mh-foot__cols { gap:20px; }
.mg01 .mh-foot__name,.mg01 .mh-foot__social { margin-top:20px; }
.mg01 .mh-foot__legal { margin-top:40px; padding-top:20px; gap:20px; }
.mg01 .mh-foot__policies { gap:0 20px; }
.mg01 .mh-foot__policies :is(a,button) { display:inline-flex; align-items:center; min-height:44px; }
@supports(grid-template-rows:subgrid) {
 @media(min-width:901px) {
  .mg01 .mp-overview .mp-row:not(.mp-product--text)>.mp-copy { margin-top:0; }
  .mg01 .mp-overview .mp-row:not(.mp-product--text) .mp-link,
  .mg01 .mp-overview .mp-product--text { margin-bottom:40px; }
 }
}
@media(max-width:1000px) {
 .mg01.mh-refined .mh-detail-hero,.mg01.mh-refined .mr23-overview-row { grid-template-columns:1fr; gap:20px; }
 .mg01.mh-refined .mh-detail-hero__image { width:100%; }
 .mg01.mh-refined .mh-detail-hero__image img { max-height:360px; }
 .mg01.mh-refined[data-catalog-page="flow"] .mh-detail-hero__image { min-height:0; }
 .mg01.mh-refined[data-catalog-page="flow"] .mh-detail-hero__image img {
   position:static; height:auto; aspect-ratio:16/9; max-height:360px;
 }
 .mg01.mh-refined .mr23-overview-row img { max-height:400px; }
 .mg01.mh-refined .mr23-overview-row .ms23-technical img { max-height:none; object-fit:contain; }
 .mg01.mh-refined.os23-contact .mh-contact { grid-template-columns:1fr; }
}
@media(max-width:1000px) {
 .mg01 .mh-trust29__cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
 .mg01 .mp-overview .mp-list { gap:40px; padding-bottom:20px; }
 .mg01 .mp-overview .mp-row:not(.mp-product--text) .mp-summary { margin-top:0; }
 .mg01 .mp-overview .mp-product--text .mp-copy { margin-top:20px; }
 .mg01 .mh-proof>.mh-wrap { gap:20px; }
}
@media(max-width:767px) {
 .mg01.mh-refined .r29-services-intro,.mg01 .r29-service-card,.mg01 .r29-service-card--media,
 .mg01 .tj25-note,.mg01 #what-we-deliver .ce23-story { grid-template-columns:1fr; }
 .mg01 .r29-service-card h2 { max-width:28ch; }
 .mg01 .ce23-story h2 { max-width:none; }
}
@media(max-width:700px) {
 .mg01.mh-refined .mh-detail-section__head .mh-detail-section__body { grid-template-columns:1fr; }
 .mg01.mh-refined .mr23-columns,.mg01.mh-refined .mr23-columns--three { grid-template-columns:1fr; gap:20px; }
 .mg01.mh-refined .mh-detail-section__body>p { grid-column:auto!important; }
 .mg01.mh-refined.os23-privacy .mh-policy { gap:0; }
 .mg01 .mh-detail-cta>.mh-wrap { align-items:start; flex-direction:column; }
}
@media(max-width:639px) {
 .mg01 { --mh-gutter:20px; }
 .mg01 .mh-theme-toggle,.mg01 .mh-nav__menu { width:44px; min-width:44px; height:44px; }
 .mg01 .mh-foot__main { gap:20px; }
 .mg01 .mh-cta__bottom>p { margin-bottom:20px; }
}
/* Cap the shared canvas on ultrawide displays so paragraph measures do not
   leave half-column voids. Component sizes use the same capped growth. */
@media(min-width:1921px) {
 .mg01 { --mh-wide-growth:480px; --mh-gutter:80px; --mh-content:1760px; }
 .mg01 .mh-wrap,.mg01 .mh-nav__in { max-width:1920px; }
}

/* Approved role-based scale. Shared tokens own typography and spacing. */
.mds {
 --mds-display:5rem; --mds-page:3.5rem; --mds-section:2rem; --mds-component:1.375rem;
 --mds-callout:1.5rem; --mds-body:1.0625rem; --mds-lead:1.375rem;
 --mds-section-inset:1.5rem; --mds-section-gap:3rem;
 --mds-group:1.5rem; --mds-related:1rem; --mds-tight:.75rem; --mds-column:1.5rem;
 --mds-heading-weight:500; --mds-page-weight:600;
 --mds-block-title-gap:.75rem; --mds-block-gap:2rem; --mds-divider-inset:1rem;
}
.mds .mh-h1 { font-size:var(--mds-display); font-weight:var(--mds-page-weight); }
.mds.mh-refined .mh-detail-hero h1,.mds.mh-refined .r29-services-intro h1 {
 font:var(--mds-page-weight) var(--mds-page)/1.08 var(--mh-display); letter-spacing:-.04em;
}
.mds main :is(h2,.hpo__title,.tj25-note__intro h3) {
 font:var(--mds-heading-weight) var(--mds-section)/1.2 var(--mh-display); letter-spacing:-.03em;
 text-wrap:pretty;
}
.mds #products .hpo__title,
.mds.mh-refined .mh-detail-section h2,
.mds.mh-refined .mr23-overview-copy h2,
.mds .mh-detail-cta h2 { font-size:var(--mds-section); font-weight:var(--mds-heading-weight); }
.mds main .r29-service-card h2,.mds main .tj25-note__intro h3,
.mds.mh-refined .mr23-columns h3,.mds #one-source .mh-trait h3 {
 font:var(--mds-heading-weight) var(--mds-component)/1.3 var(--mh-display); letter-spacing:-.02em;
}
.mds #one-source .mh-source-grid>.mh-h2 { max-inline-size:44ch; }
.mds #what-we-deliver .mh-deliver__statement {
 font:500 var(--mds-callout)/1.4 var(--mh-display); letter-spacing:-.02em;
 max-width:68ch; margin-top:var(--mds-related);
}
.mds .mh-hero__lead,.mds.mh-refined .mh-detail-hero__sub {
 font-size:var(--mds-lead); line-height:1.4;
}
.mds :is(.mh-trait p,.mh-detail-section__body,.mh-detail-hero__intro,
 .mr23-columns p,.mr23-overview-copy p,.r29-services-intro p,.r29-service-card p,
 .ce23-copy p,.mh-detail-cta p,.mh-deliver__lead) {
 font-size:var(--mds-body); line-height:1.6;
}
.mds.mh-refined .mh-detail-hero,
.mds.mh-refined .mh-detail-section,
.mds.mh-refined .r29-services-intro,
.mds #one-source.mh-s02,.mds #what-we-deliver.mh-deliver,
.mds #what-we-deliver .ce23-story,
.mds .mh-trust29,.mds .mh-proof,.mds .mh-cta,
.mds .mh-detail-cta { padding-block:var(--mds-section-inset); }
.mds.mh-refined .mh-detail-hero,
.mds.mh-refined .mr23-overview-row,
.mds.mh-refined .r29-services-intro,
.mds.mh-refined .mr23-columns,
.mds #what-we-deliver .ce23-story,
.mds .mh-trust29__cards,.mds .mh-figs__row { column-gap:var(--mds-column); }
.mds.mh-refined .mh-detail-hero__copy { max-width:none; }
.mds.mh-refined .mh-detail-hero__intro { max-width:65ch; }
.mds.mh-refined .mh-detail-hero__sub,
.mds.mh-refined .mh-detail-hero__intro { margin-top:var(--mds-related)!important; }
.mds.mh-refined .mh-detail-hero__intro p+p { margin-top:var(--mds-related); }
.mds.mh-refined .mh-detail-hero .mh-pill { margin-top:var(--mds-group); }
.mds.mh-refined .mh-detail-section__head { margin-bottom:var(--mds-group); }
.mds.mh-refined .mh-detail-section__head:last-child { margin-bottom:0; }
.mds.mh-refined .mh-detail-section__head .mh-detail-section__body {
 margin-top:var(--mds-related); column-gap:var(--mds-column); row-gap:var(--mds-related);
}
.mds.mh-refined .mh-detail-section__head h2 { max-width:42ch; }
.mds.mh-refined .mh-detail-section__body>p { max-width:65ch; }
.mds.mh-refined .mh-detail-section__body>p:only-child,
.mds.mh-refined .mh-detail-section__body>p:last-child:nth-child(odd):not(:only-child) { max-width:80ch; }
.mds.mh-refined .mr23-columns { row-gap:calc(var(--mds-block-gap) - var(--mds-divider-inset)); }
.mds.mh-refined .mr23-columns article { padding-top:var(--mds-divider-inset); }
.mds.mh-refined .mr23-columns h3 { margin-bottom:var(--mds-block-title-gap); }
.mds.mh-refined .mr23-columns p+p { margin-top:var(--mds-related); }
.mds.mh-refined .mr23-overview-copy p { margin-top:var(--mds-related); }
.mds.mh-refined .mr23-overview-copy p:first-of-type { margin-top:var(--mds-block-title-gap); }
.mds .mh-detail-cta p { margin-top:var(--mds-related)!important; }
.mds .mh-detail-cta>.mh-wrap { gap:var(--mds-group); }
.mds #one-source .mh-traits { gap:var(--mds-block-gap) var(--mds-column); margin-top:var(--mds-group); }
.mds #one-source .mh-trait h3 { margin-bottom:var(--mds-block-title-gap); }
.mds #what-we-deliver .mh-deliver__intro { margin-bottom:var(--mds-group); }
.mds #products.hpo+#services.ce23-story { margin-top:var(--mds-group); }
.mds #what-we-deliver .ce23-story { row-gap:var(--mds-related); }
.mds .mh-deliver__lead { margin-top:var(--mds-related); }
.mds .mh-trust29 h2,.mds .mh-proof__title { margin-bottom:var(--mds-group); }
.mds .mh-cta__bottom { margin-top:var(--mds-group); gap:var(--mds-group); }
/* Service listings are editorial rows; only the capability chain owns a panel. */
.mds .r29-services-grid { padding-bottom:var(--mds-section-inset); }
.mds .r29-service-card,.mds .r29-service-card--media {
 background:transparent; border:0; border-top:1px solid var(--mh-line-2); border-radius:0;
 padding:var(--mds-section-inset) 0; gap:var(--mds-group) var(--mds-column);
}
.mds .r29-service-card+.r29-service-card { margin-top:0; }
.mds .r29-service-card:not(.r29-service-card--media) { row-gap:var(--mds-block-title-gap); }
.mds .r29-service-card--media .r29-service-copy>p { margin-top:var(--mds-block-title-gap); }
.mds .r29-service-card .mr23-link { margin-top:var(--mds-related); }
.mds .mh-training-journey { padding:var(--mds-group); margin-bottom:var(--mds-group); }
.mds .tj25-intro>p { margin-top:var(--mds-related); }
.mds .tj25-note { margin-top:var(--mds-group); padding:var(--mds-group); gap:var(--mds-related) var(--mds-column); }
.mds .tj25-note__copy .tj25-note__context { margin-top:var(--mds-related); }
.mds .tj25-note__copy .mh-link { margin-top:var(--mds-related); }
.mds .mh-foot { padding-block:var(--mds-section-inset); }
.mds .mh-foot__legal { margin-top:var(--mds-group); padding-top:var(--mds-group); }
@media(max-width:1099px) and (min-width:768px) { .mds { --mds-display:4rem; } }
@media(max-width:767px) {
 .mds {
  --mds-display:2.75rem; --mds-page:2.5rem; --mds-section:1.75rem; --mds-component:1.25rem;
  --mds-callout:1.375rem; --mds-body:1rem; --mds-lead:1.25rem;
  --mds-section-inset:1rem; --mds-section-gap:2rem;
  --mds-group:1.25rem; --mds-related:.75rem; --mds-column:1.25rem;
 }
 .mds #one-source .mh-traits { margin-top:var(--mds-group); }
 .mds .mh-cta__bottom>p { margin-bottom:var(--mds-group); }
}
/* A short desktop keeps the existing hero's usable first-screen composition. */
@media(min-width:1100px) and (max-height:820px) { .mds { --mds-display:4.5rem; } }
/* Review refinement: balanced H2 title bands. Measure above from the section
   edge and below to the next content group. Component titles keep their12px gap. */
.mds { --mds-title-space:1.5rem; }
.mds #one-source.mh-s02,.mds #what-we-deliver.mh-deliver,
.mds .mh-trust29,.mds .mh-proof,.mds .mh-cta,
.mds.mh-refined .mh-detail-section,.mds .mh-detail-cta { padding-top:var(--mds-title-space); }
.mds #one-source .mh-traits,
.mds #what-we-deliver .mh-deliver__statement,
.mds .mh-cta__bottom,
.mds.mh-refined .mh-detail-section__head .mh-detail-section__body,
.mds .tj25-intro>p { margin-top:var(--mds-title-space); }
.mds .mh-detail-cta p { margin-top:var(--mds-title-space)!important; }
.mds .mh-trust29 h2,.mds .mh-proof__title { margin-bottom:var(--mds-title-space); }
@media(max-width:767px) {
 .mds { --mds-title-space:1.25rem; --mds-section-inset:1.25rem; --mds-section-gap:2.5rem; }
}

/* Proximity: keep a text-block heading12px from its own text. Separate the
   next block by at least32px. A divided grid owns16px in its row gap and16px
   inside the next article, plus the1px hairline. Do not add a second32px margin. */
/* Component frame: top is the approved reference. Bind both block edges to
   that same token, including after mobile overrides, instead of independent values. */
.mds { --mds-section-inset:var(--mds-title-space); }
.mds #one-source.mh-s02,.mds #what-we-deliver.mh-deliver,
.mds #what-we-deliver .ce23-story,
.mds .mh-trust29,.mds .mh-proof,.mds .mh-cta,
.mds.mh-refined .mh-detail-section,.mds .mh-detail-cta {
 padding-block:var(--mds-title-space);
}
.mds.mh-refined .mh-detail-section>.mh-wrap>:last-child { margin-block-end:0; }
/* The same approved roles on catalog, contact and legal templates. */
.mds .mp-overview { --mp-gap:var(--mds-column); }
.mds .mp-overview .mp-intro h1,
.mds.mh-refined.os23-contact .mh-contact__intro h1,
.mds.mh-refined.os23-privacy .mh-policy__title {
 font:var(--mds-page-weight) var(--mds-page)/1.08 var(--mh-display); letter-spacing:-.04em;
}
.mds main.mp-overview .mp-product__heading,.mds main .r29-contact-card h2 {
 font:var(--mds-heading-weight) var(--mds-component)/1.3 var(--mh-display); letter-spacing:-.02em;
}
.mds.mh-refined.os23-privacy .mh-policy__section h2 {
 font:var(--mds-heading-weight) var(--mds-section)/1.2 var(--mh-display); letter-spacing:-.03em;
 margin-bottom:var(--mds-block-title-gap);
}
.mds .mp-overview .mp-intro,
.mds main.mp-overview .mh-detail-cta,
.mds .mp-overview .mp-product--text,
.mds.mh-refined.os23-contact .mh-contact,
.mds.mh-refined.os23-privacy .mh-policy,
.mds.mh-refined.os23-privacy .mh-policy__section { padding-block:var(--mds-title-space); }
.mds .mp-overview .mp-intro__lead { margin-top:var(--mds-related); font-size:var(--mds-lead); }
.mds .mp-overview .mp-product__heading { margin-bottom:var(--mds-block-title-gap); }
.mds .mp-overview .mp-copy { margin-top:var(--mds-related); }
.mds .mp-overview .mp-row:not(.mp-product--text) .mp-summary { margin-top:var(--mds-related); }
.mds .mp-overview .mp-summary,.mds .mp-overview .mp-link,
.mds.mh-refined.os23-contact .os23-contact-context,
.mds .r29-contact-card dd,.mds .r29-contact-card p,
.mds.mh-refined.os23-privacy .mh-policy__section p {
 font-size:var(--mds-body); line-height:1.6;
}
.mds .mp-overview .mp-link { margin-top:var(--mds-related); }
.mds .mp-overview .mp-product--text .mp-product__heading,
.mds .mp-overview .mp-product--text .mp-copy { margin:0; }
.mds.mh-refined.os23-contact .mh-contact { gap:var(--mds-group) var(--mds-column); }
.mds.mh-refined.os23-contact .mh-contact__lead { font-size:var(--mds-lead); }
.mds .r29-contact-card { padding:var(--mds-title-space) var(--mds-group); }
.mds .r29-contact-card dl { margin-block:var(--mds-group); }
.mds .r29-contact-card dl>div+div { margin-top:var(--mds-divider-inset); padding-top:var(--mds-divider-inset); }
.mds .r29-contact-card dt { margin-bottom:var(--mds-block-title-gap); }
.mds .r29-email-cta { margin-top:var(--mds-group); }
.mds .mh-policy__section p+p { margin-top:var(--mds-related); }
.mds .mh-foot__main,.mds .mh-foot__cols { gap:var(--mds-group) var(--mds-column); }
@supports(grid-template-rows:subgrid) {
 @media(min-width:901px) {
  .mds .mp-overview .mp-row:not(.mp-product--text)>.mp-copy { margin-top:0; }
  .mds .mp-overview .mp-row:not(.mp-product--text) .mp-link,
  .mds .mp-overview .mp-product--text { margin-bottom:var(--mds-section-gap); }
 }
}
@media(max-width:900px) {
 .mds .mp-overview .mp-list { row-gap:var(--mds-section-gap); padding-bottom:var(--mds-title-space); }
 .mds .mp-overview .mp-row:not(.mp-product--text) .mp-summary { margin-top:0; }
 .mds .mp-overview .mp-product--text .mp-copy { margin-top:var(--mds-block-title-gap); }
}

/* FLOW portrait media: preserve the supplied dashboard and shared spacing roles. */
.mds[data-catalog-page="flow"] .flow-dashboard-layout {
 display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,360px);
 gap:var(--mds-column); align-items:start;
}
.mds[data-catalog-page="flow"] .flow-dashboard-media {
 width:100%; max-width:360px; min-width:0; margin:0; justify-self:center;
}
.mds[data-catalog-page="flow"] .flow-dashboard-media img {
 display:block; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain;
}
.mds[data-catalog-page="flow"] .flow-dashboard-image-link {
 display:block; color:inherit; text-decoration:none; border-radius:8px;
}
.mds[data-catalog-page="flow"] .flow-dashboard-image-link .mr23-link { margin-top:var(--mds-block-title-gap); }
.mds[data-catalog-page="flow"] .flow-dashboard-layout .ce23-copy p { max-inline-size:65ch; }
.mds[data-catalog-page="flow"] .flow-dashboard-layout .ce23-copy p+p { margin-block-start:var(--mds-related); }
@media(max-width:767px) {
 .mds[data-catalog-page="flow"] .flow-dashboard-layout { grid-template-columns:1fr; gap:var(--mds-group); }
}

/* Simulator gallery: supplied imagery, native proportions and shared grid tokens. */
.mds[data-catalog-page="simulators"] .mh-detail-hero__image > img.simulator-hero-photo {
 width:100%; height:auto; aspect-ratio:1672/941; max-height:none; object-fit:contain;
}
.mds[data-catalog-page="simulators"] .simulator-gallery {
 gap:var(--mds-group) var(--mds-column); align-items:start;
}
.mds[data-catalog-page="simulators"] .simulator-gallery__item--wide { grid-column:1/-1; }
.mds[data-catalog-page="simulators"] .simulator-gallery a {
 display:block; border-radius:8px; overflow:hidden; background:var(--mh-panel-2);
}
.mds[data-catalog-page="simulators"] .simulator-gallery a:focus-visible {
 outline:2px solid var(--mh-signal); outline-offset:4px;
}
.mds[data-catalog-page="simulators"] .simulator-gallery img {
 display:block; width:100%; height:auto; max-height:none; aspect-ratio:4/3; object-fit:contain;
 padding:0; background:var(--mh-panel-2);
}
.mds[data-catalog-page="simulators"] .simulator-gallery__item--wide img { aspect-ratio:16/9; }
.mds[data-catalog-page="simulators"] .simulator-gallery__item--black img { background:#000; }
@media(max-width:700px) {
 .mds[data-catalog-page="simulators"] .simulator-gallery { grid-template-columns:1fr; }
 .mds[data-catalog-page="simulators"] .simulator-gallery__item--portrait img { aspect-ratio:auto; }
}

/* Simulator content: existing role scale, reading measures and symmetric frames. */
.mds[data-catalog-page="simulators"] .simulator-updated {
 margin-top:var(--mds-related); font-size:.875rem; line-height:1.5; color:var(--mh-muted);
}
.mds[data-catalog-page="simulators"] .mh-detail-hero__image > img.simulator-hall-hero {
 display:block; width:100%; height:auto; max-height:none; aspect-ratio:1381/1139; object-fit:contain;
}
.mds[data-catalog-page="simulators"] .simulator-proof { row-gap:var(--mds-group); }
.mds[data-catalog-page="simulators"] .simulator-interactive { margin-bottom:var(--mds-group); }
.mds[data-catalog-page="simulators"] motion-sim {
 display:block; position:relative; width:100%; aspect-ratio:1400/736; border-radius:8px;
 --sim-font:"IBM Plex Mono",ui-monospace,monospace;
}
.mds[data-catalog-page="simulators"] motion-sim:focus-visible {
 outline:2px solid var(--mh-signal); outline-offset:4px;
}
.mds[data-catalog-page="simulators"] motion-sim > img {
 display:block; width:100%; height:100%; object-fit:contain; border-radius:8px;
}
.mds[data-catalog-page="simulators"] .simulator-motion-help {
 margin-top:var(--mds-tight); color:var(--mh-muted); font-size:.875rem; line-height:1.5;
}
.mds[data-catalog-page="simulators"] .simulator-motion-touch { display:none; }
.mds[data-catalog-page="simulators"] .simulator-process-media img {
 display:block; width:100%; height:auto; border-radius:8px;
}
@media (pointer:coarse) {
 .mds[data-catalog-page="simulators"] .simulator-motion-pointer { display:none; }
 .mds[data-catalog-page="simulators"] .simulator-motion-touch { display:inline; }
}
@media (max-width:640px) {
 .mds[data-catalog-page="simulators"] motion-sim { aspect-ratio:4/5; }
}
.mds[data-catalog-page="simulators"] .simulator-config-grid {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--mds-block-gap) var(--mds-column);
}
.mds[data-catalog-page="simulators"] .simulator-config-card { min-width:0; }
.mds[data-catalog-page="simulators"] .simulator-config-media a {
 display:block; border-radius:8px; overflow:hidden; background:var(--mh-panel-2);
}
.mds[data-catalog-page="simulators"] .simulator-config-media img {
 display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:contain; border-radius:8px;
}
.mds[data-catalog-page="simulators"] .simulator-config-copy { margin-top:var(--mds-related); }
.mds[data-catalog-page="simulators"] .simulator-config-copy p+p { margin-top:var(--mds-related); }
.mds[data-catalog-page="simulators"] :is(.simulator-fixed-combined,.simulator-motion-cabin) img { aspect-ratio:1634/840; }
.mds[data-catalog-page="simulators"] .simulator-config-card > h3 {
 font:var(--mds-heading-weight) var(--mds-component)/1.3 var(--mh-display); letter-spacing:-.02em;
 margin:0 0 var(--mds-block-title-gap);
}
.mds[data-catalog-page="simulators"] :is(.simulator-config-copy p,.simulator-body) {
 font-size:var(--mds-body); line-height:1.6; color:var(--mh-muted); max-width:65ch;
}
.mds[data-catalog-page="simulators"] .simulator-media-row {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--mds-group) var(--mds-column); align-items:start;
}
.mds[data-catalog-page="simulators"] .simulator-media-row figure { margin:0; min-width:0; }
.mds[data-catalog-page="simulators"] .simulator-media-row img {
 display:block; width:100%; height:auto; border-radius:8px;
}
.mds[data-catalog-page="simulators"] .simulator-list { margin:0; padding-inline-start:1.25rem; }
.mds[data-catalog-page="simulators"] .simulator-list li+li { margin-top:var(--mds-tight); }
.mds[data-catalog-page="simulators"] .simulator-quote {
 margin:var(--mds-block-gap) 0 0; padding-inline-start:var(--mds-group); border-inline-start:2px solid var(--mh-signal);
 font:500 var(--mds-callout)/1.4 var(--mh-display); color:var(--mh-text);
}
.mds[data-catalog-page="simulators"] .simulator-narrative p+p { margin-top:var(--mds-related); }
.mds[data-catalog-page="simulators"] .simulator-related {
 display:flex; flex-wrap:wrap; gap:var(--mds-tight) var(--mds-column); margin-top:var(--mds-related);
}
.mds[data-catalog-page="simulators"] .simulator-related a {
 display:inline-flex; align-items:center; min-height:44px; font-size:var(--mds-body); text-underline-offset:4px;
}
.mds[data-catalog-page="simulators"] :is(.simulator-body,.mr23-columns) a { text-decoration:underline; text-underline-offset:4px; }
.mds[data-catalog-page="simulators"] .simulator-gallery figcaption {
 display:block; margin-top:var(--mds-tight); padding:0; font-size:.875rem; line-height:1.5; color:var(--mh-muted);
}
@media(max-width:767px) {
 .mds[data-catalog-page="simulators"] :is(.simulator-config-grid,.simulator-media-row) { grid-template-columns:1fr; }
}

/* Remote support glasses: preserve the complete supplied field photograph. */
.mds.mh-refined[data-catalog-page="remote-support-glasses"] .mh-detail-hero {
 align-items:start;
}
.mds[data-catalog-page="remote-support-glasses"] .mh-detail-hero__image img {
 width:100%; height:auto; max-height:none; aspect-ratio:1376/768; object-fit:contain;
}
.mds[data-catalog-page="remote-support-glasses"] .mh-detail-section__body {
 margin-top:0!important;
}
.mds[data-catalog-page="remote-support-glasses"] .glasses-contact {
 margin-top:var(--mds-group);
}

/* Three reading blocks and the supplied holographic remote-assistance diagram. */
.mds[data-catalog-page="remote-support-glasses"] :is(.glasses-assistance__grid,.glasses-capabilities) {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
 column-gap:var(--mds-column); row-gap:var(--mds-block-gap); align-items:start;
}
.mds[data-catalog-page="remote-support-glasses"] .glasses-text-block h2 {
 margin:0 0 var(--mds-block-title-gap); max-width:30ch;
}
.mds[data-catalog-page="remote-support-glasses"] .glasses-text-block p {
 margin:0; max-width:65ch; font-size:var(--mds-body); line-height:1.6; color:var(--mh-muted);
}
.mds[data-catalog-page="remote-support-glasses"] .glasses-capabilities > .glasses-text-block { margin:0; }
.mds[data-catalog-page="remote-support-glasses"] .glasses-process { margin:0; }
.mds[data-catalog-page="remote-support-glasses"] .glasses-process>img {
 display:block; width:100%; height:auto; filter:invert(1); opacity:1;
}
html[data-theme="light"] .mds[data-catalog-page="remote-support-glasses"] .glasses-process>img {
 filter:none; opacity:1;
}
.mds[data-catalog-page="remote-support-glasses"] .glasses-process__labels {
 display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; text-align:center;
 font-size:var(--mds-body); line-height:1.4; font-weight:600;
}
.mds[data-catalog-page="remote-support-glasses"] .glasses-process__labels small {
 display:block; margin-top:4px; font-size:.875rem; font-weight:400; line-height:1.4; color:var(--mh-muted);
}
@media(max-width:900px) {
 .mds[data-catalog-page="remote-support-glasses"] :is(.glasses-assistance__grid,.glasses-capabilities) { grid-template-columns:1fr; }
}
@media(forced-colors:active) {
 .mds[data-catalog-page="remote-support-glasses"] .glasses-process>img { filter:none; background:white; }
}

/* Native, responsive implementation of the supplied Holo.dc reference. */
.mds[data-catalog-page="remote-support-glasses"] .glasses-holo {
 background:#070c17; color:#f5f7fa; border:1px solid #20314a; border-radius:8px;
 padding:var(--mds-group) 0; overflow:hidden; isolation:isolate;
}
.mds[data-catalog-page="remote-support-glasses"] .glasses-holo__diagram {
 display:block; width:100%; height:auto; overflow:visible; font-family:var(--mh-body);
}
.mds[data-catalog-page="remote-support-glasses"] .glasses-holo .glasses-process__labels {
 margin-inline:9%; padding-top:var(--mds-tight); color:#f5f7fa;
}
.mds[data-catalog-page="remote-support-glasses"] .glasses-holo .glasses-process__labels small {
 color:#a6b6cd;
}
@media(max-width:639px) {
 .mds[data-catalog-page="remote-support-glasses"] .glasses-holo .glasses-process__labels {
  margin-inline:4%; gap:8px; font-size:.9375rem;
 }
 .mds[data-catalog-page="remote-support-glasses"] .glasses-holo .glasses-process__labels small {
  font-size:.8125rem;
 }
}

/* Fixed-base crew stations: image left, title and copy right. */
.mds[data-catalog-page="simulators"] #fixed-base-crew-stations {
 grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
 gap:var(--mds-column); align-items:start;
}
.mds[data-catalog-page="simulators"] #fixed-base-crew-stations .simulator-config-copy {
 margin-top:0;
}
.mds[data-catalog-page="simulators"] #fixed-base-crew-stations .simulator-config-copy > h3 {
 font:var(--mds-heading-weight) var(--mds-component)/1.3 var(--mh-display);
 letter-spacing:-.02em; margin:0 0 var(--mds-block-title-gap);
}
@media(max-width:767px) {
 .mds[data-catalog-page="simulators"] #fixed-base-crew-stations { grid-template-columns:1fr; }
}

/* Instructor copy follows the image row, using approved group spacing. */
.mds[data-catalog-page="simulators"] #instructor-control .simulator-body > p { margin:0; }
.mds[data-catalog-page="simulators"] #instructor-control .simulator-body > .simulator-list {
 margin-top:var(--mds-group);
}
/* Simulators: approved Figma frame 362:679, 2026-11-08.
   Editorial layout only. The supplied motion-sim rules above remain intact. */
body.mds[data-figma-design="362:679"] .sf-main { padding:0; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:679"] .sf-canvas { width:100%; max-width:1440px; margin-inline:auto; padding-inline:64px; }
body.mds[data-figma-design="362:679"] .sf-section { margin:0; padding:36px 0; border:0; }
body.mds[data-figma-design="362:679"] .sf-white { background:var(--mh-deep); }
body.mds[data-figma-design="362:679"] .sf-main :is(h1,h2,h3,figure,blockquote) { margin:0; }
body.mds[data-figma-design="362:679"] .sf-main h1 { font:600 56px/63px var(--mh-display); letter-spacing:-.015em; color:var(--mh-text); }
body.mds[data-figma-design="362:679"] .sf-main h2 { font:500 32px/36px var(--mh-display); letter-spacing:-.015em; color:var(--mh-text); max-width:none; }
body.mds[data-figma-design="362:679"] .sf-main h3 { font:500 22px/29px var(--mh-display); letter-spacing:-.005em; color:var(--mh-text); }
body.mds[data-figma-design="362:679"] .sf-main p:where(:not(.simulator-motion-help)) { margin:0; font:400 17px/28px var(--mh-text-f); color:var(--mh-muted); max-width:none; }
body.mds[data-figma-design="362:679"] .sf-main a { color:inherit; }
body.mds[data-figma-design="362:679"] .sf-main .mh-pill { gap:16px; font:600 17px/28px var(--mh-text-f); min-height:48px; padding:14px 23px; background:var(--mh-text); color:var(--mh-bg); }
body.mds[data-figma-design="362:679"] .sf-intro { padding-block:36px; }
body.mds[data-figma-design="362:679"] .sf-breadcrumb { display:flex; align-items:center; gap:12px; padding-top:20px; color:var(--mh-muted); font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:679"] .sf-breadcrumb [aria-current] { color:var(--mh-text-2); }
body.mds[data-figma-design="362:679"] .sf-hero { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; grid-template-rows:541px; padding-block:24px; align-items:start; }
body.mds[data-figma-design="362:679"] .sf-hero h1 { width:543px; max-width:100%; }
body.mds[data-figma-design="362:679"] .sf-main .sf-tagline { margin-top:16px; width:424px; max-width:100%; font:500 22px/29px var(--mh-display); letter-spacing:-.005em; color:var(--mh-signal); }
body.mds[data-figma-design="362:679"] .sf-main .sf-hero-description { margin-top:16px; width:544px; max-width:100%; }
body.mds[data-figma-design="362:679"] .sf-hero-action { height:72px; padding-top:24px; }
body.mds[data-figma-design="362:679"] .sf-hero-media { position:relative; width:100%; aspect-ratio:644/531; border-radius:8px; overflow:hidden; }
body.mds[data-figma-design="362:679"] .sf-hero-media img { position:absolute; width:102.933%; height:102.933%; left:-1.466%; top:-1.399%; max-width:none; max-height:none; object-fit:contain; opacity:.97; border-radius:8.235px; }
body.mds[data-figma-design="362:679"] .sf-section-intro { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:81.586px; margin-top:32px; }
body.mds[data-figma-design="362:679"] .sf-section-intro p { width:670px; max-width:100%; }
body.mds[data-figma-design="362:679"] .sf-motion-shell { padding-top:24px; }
body.mds[data-figma-design="362:679"] .sf-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:111.984px 84.789px; gap:40px 32px; padding-top:10px; }
body.mds[data-figma-design="362:679"] .sf-benefit { padding-top:16px; border-top:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:679"] .sf-benefit p { margin-top:12px; width:485.109px; max-width:100%; }
body.mds[data-figma-design="362:679"] .sf-benefit-1 p { margin-top:16px; width:486px; }
body.mds[data-figma-design="362:679"] .sf-config-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:584.68px auto; gap:40px 32px; margin-top:32px; }
body.mds[data-figma-design="362:679"] .sf-config-card { min-width:0; }
body.mds[data-figma-design="362:679"] .sf-media a { display:block; position:relative; overflow:hidden; border-radius:8px; background:var(--mh-panel-2); }
body.mds[data-figma-design="362:679"] .sf-media img { display:block; width:100%; height:auto; border-radius:8px; opacity:1; filter:none; }
body.mds[data-figma-design="362:679"] .sf-config-card>.sf-media { margin-top:16px; height:402.5px; }
body.mds[data-figma-design="362:679"] .sf-config-card>.sf-media a { aspect-ratio:644/402.5; }
body.mds[data-figma-design="362:679"] .sf-config-card>.sf-media img { width:100%; height:100%; object-fit:contain; }
body.mds[data-figma-design="362:679"] .sf-classroom a { overflow:hidden; }
body.mds[data-figma-design="362:679"] .sf-config-card>.sf-classroom img { position:absolute; left:.05%; top:.09%; width:110.84%; height:99.85%; max-width:none; object-fit:fill; }
body.mds[data-figma-design="362:679"] .sf-card-copy { padding-top:16px; }
body.mds[data-figma-design="362:679"] .sf-card-copy p { width:544px; max-width:100%; }
body.mds[data-figma-design="362:679"] .sf-classroom-link { display:inline-flex; align-items:center; min-height:44px; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
body.mds[data-figma-design="362:679"] .sf-fixed { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; align-items:start; }
body.mds[data-figma-design="362:679"] .sf-fixed p { margin-top:16px; width:544px; max-width:100%; }
body.mds[data-figma-design="362:679"] .sf-main .sf-process { margin-top:32px; }
body.mds[data-figma-design="362:679"] .sf-process a { background:white; }
body.mds[data-figma-design="362:679"] .sf-instructor-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:32px; align-items:start; }
body.mds[data-figma-design="362:679"] .sf-instructor-copy { width:544px; max-width:100%; }
body.mds[data-figma-design="362:679"] .sf-instructor-list { margin:24px 0 0; padding-left:20px; color:var(--mh-muted); font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:679"] .sf-instructor-list li+li { margin-top:12px; }
body.mds[data-figma-design="362:679"] .sf-instructor-list a { text-decoration:underline; font-weight:600; }
body.mds[data-figma-design="362:679"] .sf-main blockquote { margin-top:48px; border-left:2px solid var(--mh-signal); padding-left:24px; font:500 22px/29px var(--mh-display); letter-spacing:-.005em; color:var(--mh-text); }
body.mds[data-figma-design="362:679"] .sf-editorial { overflow:hidden; }
body.mds[data-figma-design="362:679"] .sf-editorial-grid { display:grid; grid-template-columns:416px minmax(0,1fr); gap:96px; align-items:start; }
body.mds[data-figma-design="362:679"] .sf-editorial h2 { font:500 43px/48px var(--mh-display); letter-spacing:-.015em; }
body.mds[data-figma-design="362:679"] .sf-main .sf-statement { width:800px; font:400 26px/38px var(--mh-display); letter-spacing:-.008em; color:var(--mh-text); }
body.mds[data-figma-design="362:679"] .sf-supporting { width:640px; }
body.mds[data-figma-design="362:679"] .sf-editorial-content { display:flex; flex-direction:column; gap:40px; overflow:hidden; }
body.mds[data-figma-design="362:679"] .sf-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
body.mds[data-figma-design="362:679"] .sf-points article { border-top:1px solid var(--mh-line-2); padding-top:20px; }
body.mds[data-figma-design="362:679"] .sf-points h3 { font-size:20px; line-height:29px; letter-spacing:-.01em; }
body.mds[data-figma-design="362:679"] .sf-points p { margin-top:8px; }
body.mds[data-figma-design="362:679"] .sf-audiences-intro p { margin-top:24px; }
body.mds[data-figma-design="362:679"] .sf-role-list { border-top:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:679"] .sf-role-list article { display:grid; grid-template-columns:220px minmax(0,1fr); gap:40px; padding-block:24px; border-bottom:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:679"] .sf-practice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:32px; }
body.mds[data-figma-design="362:679"] .sf-practice-grid .sf-media a { aspect-ratio:4/3; }
body.mds[data-figma-design="362:679"] .sf-practice-grid .sf-media img { height:100%; object-fit:contain; }
body.mds[data-figma-design="362:679"] .sf-media figcaption { margin-top:12px; padding:0; font:400 15px/23px var(--mh-text-f); color:var(--mh-muted); }
body.mds[data-figma-design="362:679"] .sf-first-practice { display:flex; gap:96px; align-items:start; }
body.mds[data-figma-design="362:679"] .sf-spacer { width:100px; height:100px; flex:none; }
body.mds[data-figma-design="362:679"] .sf-first-practice h2 { width:416px; flex:none; }
body.mds[data-figma-design="362:679"] .sf-first-copy { flex:1; min-width:0; overflow:hidden; }
body.mds[data-figma-design="362:679"] .sf-first-copy .sf-supporting { margin-top:24px; }
body.mds[data-figma-design="362:679"] .sf-value-chain { display:flex; flex-wrap:wrap; gap:10px 8px; align-items:center; margin-top:24px; }
body.mds[data-figma-design="362:679"] .sf-value-chain a { padding:8px 16px; border:1px solid var(--mh-line-2); border-radius:999px; background:var(--mh-deep); font:500 13px/18px var(--mh-display); letter-spacing:.01em; white-space:nowrap; }
body.mds[data-figma-design="362:679"] .sf-value-chain a.is-current { background:var(--mh-signal); color:#fff; border-color:var(--mh-signal); }
body.mds[data-figma-design="362:679"] .sf-value-chain>span { font:400 15px/23px var(--mh-text-f); color:var(--mh-muted); }
body.mds[data-figma-design="362:679"] .sf-main .sf-value-note { width:900px; max-width:100%; margin-top:24px; font:400 22px/31px var(--mh-text-f); color:var(--mh-text); }
body.mds[data-figma-design="362:679"] .sf-closing { border-top:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:679"] .sf-closing-grid { display:flex; justify-content:space-between; align-items:end; gap:32px; }
body.mds[data-figma-design="362:679"] .sf-closing-grid>div { width:665.672px; max-width:100%; }
body.mds[data-figma-design="362:679"] .sf-closing p { width:569px; max-width:100%; margin-top:32px; }
body.mds[data-figma-design="362:679"] .sf-related { display:flex; gap:24px; margin-top:24px; }
body.mds[data-figma-design="362:679"] .sf-related a { display:inline-flex; min-height:44px; align-items:center; white-space:nowrap; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:679"] .mh-nav__in { max-width:1440px; padding-inline:64px; height:88px; }
body.mds[data-figma-design="362:679"] .mh-nav__in::after { inset-inline:64px; }
body.mds[data-figma-design="362:679"] .mh-logo { gap:12px; }
body.mds[data-figma-design="362:679"] .mh-menu__list { gap:16px; }
body.mds[data-figma-design="362:679"] .mh-menu__btn { padding-inline:4px; gap:12px; font:500 14px/1.2 var(--mh-display); }
body.mds[data-figma-design="362:679"] .mh-nav__actions { gap:16px; }
body.mds[data-figma-design="362:679"] .mh-nav__cta { padding:12px 23px; font:600 15px/23px var(--mh-text-f); gap:16px; }
body.mds[data-figma-design="362:679"] .mh-foot { padding-block:24px; background:var(--mh-deep); }
body.mds[data-figma-design="362:679"] .mh-foot>.mh-wrap { max-width:1440px; padding-inline:64px; }
body.mds[data-figma-design="362:679"] .mh-foot__main { grid-template-columns:322fr 966fr; gap:32px; }
body.mds[data-figma-design="362:679"] .mh-foot__cols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
body.mds[data-figma-design="362:679"] .mh-foot__h { font:500 13px/18px var(--mh-display); letter-spacing:.01em; margin:0 0 20px; }
body.mds[data-figma-design="362:679"] .mh-foot__col a { font:400 15px/23px var(--mh-text-f); padding-block:5px; min-height:33px; }
body.mds[data-figma-design="362:679"] .mh-foot__name { font:400 17px/28px var(--mh-text-f); margin-top:20px; }
body.mds[data-figma-design="362:679"] .mh-foot__social { margin-top:20px; }
body.mds[data-figma-design="362:679"] .mh-foot__legal { margin-top:32px; padding-top:24px; gap:16px; }
body.mds[data-figma-design="362:679"] .mh-foot__policies { gap:16px; }
@media(min-width:1441px) {
 body.mds[data-figma-design="362:679"] .sf-config-card>.sf-media { height:auto; }
}
@media(max-width:1199px) {
 body.mds[data-figma-design="362:679"] :is(.sf-canvas,.mh-nav__in,.mh-foot>.mh-wrap) { padding-inline:40px; }
 body.mds[data-figma-design="362:679"] .mh-nav__in::after { inset-inline:40px; }
 body.mds[data-figma-design="362:679"] .sf-hero { grid-template-rows:auto; }
 body.mds[data-figma-design="362:679"] :is(.sf-section-intro,.sf-config-grid,.sf-benefits) { grid-template-rows:auto; }
 body.mds[data-figma-design="362:679"] .sf-config-card>.sf-media { height:auto; }
 body.mds[data-figma-design="362:679"] .sf-editorial-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:48px; }
 body.mds[data-figma-design="362:679"] :is(.sf-statement,.sf-supporting) { max-width:100%; }
 body.mds[data-figma-design="362:679"] .sf-role-list article { grid-template-columns:140px minmax(0,1fr); gap:24px; }
 body.mds[data-figma-design="362:679"] .sf-spacer { display:none; }
 body.mds[data-figma-design="362:679"] .sf-first-practice { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:48px; }
 body.mds[data-figma-design="362:679"] .sf-first-practice h2 { width:auto; }
 body.mds[data-figma-design="362:679"] .sf-related { flex-wrap:wrap; gap:8px 24px; }
 body.mds[data-figma-design="362:679"] .sf-closing-grid { flex-wrap:wrap; }
}
@media(max-width:767px) {
 body.mds[data-figma-design="362:679"] :is(.sf-canvas,.mh-nav__in,.mh-foot>.mh-wrap) { padding-inline:20px; }
 body.mds[data-figma-design="362:679"] .mh-nav__in::after { inset-inline:20px; }
 body.mds[data-figma-design="362:679"] .sf-section { padding-block:28px; }
 body.mds[data-figma-design="362:679"] .sf-intro { padding-block:20px; }
 body.mds[data-figma-design="362:679"] .sf-main h1 { font-size:40px; line-height:1.12; }
 body.mds[data-figma-design="362:679"] .sf-main h2 { font-size:28px; line-height:1.2; }
 body.mds[data-figma-design="362:679"] .sf-main h3 { font-size:20px; line-height:1.3; }
 body.mds[data-figma-design="362:679"] .sf-main p:where(:not(.simulator-motion-help)) { font-size:16px; line-height:26px; }
 body.mds[data-figma-design="362:679"] :is(.sf-hero,.sf-config-grid,.sf-fixed,.sf-instructor-row,.sf-editorial-grid,.sf-first-practice,.sf-practice-grid) { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mds[data-figma-design="362:679"] .sf-hero-action { height:auto; }
 body.mds[data-figma-design="362:679"] .sf-hero-media { margin-top:8px; }
 body.mds[data-figma-design="362:679"] .sf-main .sf-tagline { font-size:20px; line-height:1.3; }
 body.mds[data-figma-design="362:679"] .sf-section-intro { margin-top:24px; }
 body.mds[data-figma-design="362:679"] .sf-benefits { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mds[data-figma-design="362:679"] :is(.sf-config-grid,.sf-process,.sf-instructor-row,.sf-practice-grid) { margin-top:24px; }
 body.mds[data-figma-design="362:679"] .sf-config-card>.sf-media { margin-top:12px; }
 body.mds[data-figma-design="362:679"] .sf-main .sf-statement { font-size:22px; line-height:32px; }
 body.mds[data-figma-design="362:679"] .sf-editorial-content { gap:24px; }
 body.mds[data-figma-design="362:679"] .sf-role-list article { grid-template-columns:minmax(0,1fr); gap:12px; padding-block:20px; }
 body.mds[data-figma-design="362:679"] .sf-points { grid-template-columns:minmax(0,1fr); gap:24px; }
 body.mds[data-figma-design="362:679"] .sf-closing-grid { align-items:start; }
 body.mds[data-figma-design="362:679"] .sf-main blockquote { font-size:20px; line-height:28px; margin-top:32px; }
 body.mds[data-figma-design="362:679"] .mh-foot__main { grid-template-columns:minmax(0,1fr); }
 body.mds[data-figma-design="362:679"] .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
}

body.mds[data-figma-design="362:679"] .mh-logo__word { background:var(--mh-text); -webkit-mask-image:url("../img/simulators-figma-nov08/wordmark.png"); mask-image:url("../img/simulators-figma-nov08/wordmark.png"); }
@media(min-width:1200px) {
 body.mds[data-figma-design="362:679"] :is(.sf-hero,.sf-benefits,.sf-config-grid,.sf-instructor-row,.sf-practice-grid) { grid-template-columns:repeat(2,calc((100% - 24px)/2)); }
 body.mds[data-figma-design="362:679"] #fixed-base-crew-stations.sf-fixed { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
 body.mds[data-figma-design="362:679"] .sf-practice-grid { grid-template-rows:516px; }
 body.mds[data-figma-design="362:679"] .mh-foot__main { grid-template-columns:calc((100% - 24px)/4) calc((100% - 24px)*.75); }
 body.mds[data-figma-design="362:679"] .mh-foot__cols { grid-template-columns:repeat(3,calc((100% - 48px)/3)); }
}
@media(max-width:1199px) {
 body.mds[data-figma-design="362:679"] .sf-main :is(.sf-statement,.sf-supporting) { max-width:100%; }
}

body.mds[data-figma-design="362:679"] :is(.sf-hero,.sf-benefits,.sf-section-intro,.sf-config-grid,.sf-fixed,.sf-instructor-row,.sf-practice-grid)>* { min-width:0; }
/* FLOW: newest human-selected Figma frame 362:1468, November 8, 2026.
   Scoped editorial layout; existing site/theme/cookie behavior is untouched. */
body.mds[data-figma-design="362:1468"] .ff-main { padding:0; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:1468"] .ff-canvas { width:100%; max-width:1440px; margin-inline:auto; padding-inline:64px; }
body.mds[data-figma-design="362:1468"] .ff-section { padding-block:36px; margin:0; border:0; }
body.mds[data-figma-design="362:1468"] .ff-white { background:var(--mh-deep); }
body.mds[data-figma-design="362:1468"] .ff-main :is(h1,h2,h3,p,figure) { margin:0; max-width:none; }
body.mds[data-figma-design="362:1468"] .ff-main h1 { font:600 56px/63px var(--mh-display); letter-spacing:-.84px; color:var(--mh-text); }
body.mds[data-figma-design="362:1468"] .ff-main h2 { font:500 32px/36px var(--mh-display); letter-spacing:-.48px; color:var(--mh-text); }
body.mds[data-figma-design="362:1468"] .ff-main h3 { font:500 22px/29px var(--mh-display); letter-spacing:-.11px; color:var(--mh-text); }
body.mds[data-figma-design="362:1468"] .ff-main p { font:400 17px/28px var(--mh-text-f); color:var(--mh-muted); }
body.mds[data-figma-design="362:1468"] .ff-main .ff-narrative { font:500 43px/48px var(--mh-display); letter-spacing:-.645px; }
body.mds[data-figma-design="362:1468"] .ff-main .ff-statement { font:400 22px/33px var(--mh-display); letter-spacing:-.11px; color:var(--mh-text); }
body.mds[data-figma-design="362:1468"] .ff-main a { color:inherit; }
body.mds[data-figma-design="362:1468"] .ff-main .mh-pill { font:600 17px/28px var(--mh-text-f); padding:14px 23px; min-height:48px; gap:16px; background:var(--mh-text); color:var(--mh-bg); }
body.mds[data-figma-design="362:1468"] .ff-intro { padding-block:36px; }
body.mds[data-figma-design="362:1468"] .ff-breadcrumb { display:flex; align-items:center; gap:12px; padding-top:20px; font:400 15px/23px var(--mh-text-f); color:var(--mh-muted); }
body.mds[data-figma-design="362:1468"] .ff-breadcrumb [aria-current] { color:var(--mh-text-2); }
body.mds[data-figma-design="362:1468"] .ff-hero { display:grid; grid-template-columns:repeat(2,calc((100% - 24px)/2)); column-gap:32px; padding-block:24px; align-items:start; }
body.mds[data-figma-design="362:1468"] .ff-hero-copy { min-height:419.047px; }
body.mds[data-figma-design="362:1468"] .ff-main .ff-tagline { width:424px; max-width:100%; margin-top:16px; font:500 22px/29px var(--mh-display); letter-spacing:-.11px; color:var(--mh-signal); }
body.mds[data-figma-design="362:1468"] .ff-hero-description { margin-top:16px; width:544px; max-width:100%; }
body.mds[data-figma-design="362:1468"] .ff-hero-description p+p { margin-top:16px; }
body.mds[data-figma-design="362:1468"] .ff-hero-action { padding-top:24px; }
body.mds[data-figma-design="362:1468"] .ff-hero-media { position:relative; width:100%; aspect-ratio:644/419.047; min-height:320px; overflow:hidden; border-radius:8px; }
body.mds[data-figma-design="362:1468"] .ff-hero-media img { position:absolute; left:-1.400621%; top:-1.138297%; width:101.575466%; height:94.312339%; max-width:none; object-fit:cover; opacity:1; border-radius:10.902px; }
body.mds[data-figma-design="362:1468"] .ff-audiences { display:flex; flex-direction:column; gap:56px; }
body.mds[data-figma-design="362:1468"] .ff-audiences h2 { width:640px; max-width:100%; }
body.mds[data-figma-design="362:1468"] .ff-tabs { display:flex; align-items:start; gap:40px; border-bottom:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:1468"] .ff-tabs button { flex:none; border:0; border-bottom:2px solid transparent; padding:0 0 20px; background:transparent; color:var(--mh-muted); font:500 22px/29px var(--mh-display); letter-spacing:-.11px; cursor:pointer; }
body.mds[data-figma-design="362:1468"] .ff-tabs [aria-selected="true"] { color:var(--mh-text); border-bottom-color:var(--mh-signal); }
body.mds[data-figma-design="362:1468"] .ff-tab-panel { display:grid; grid-template-columns:560px minmax(0,1fr); gap:96px; }
body.mds[data-figma-design="362:1468"] .ff-tab-panel[hidden] { display:none; }
body.mds[data-figma-design="362:1468"] .ff-main .ff-role-statement { font:400 26px/38px var(--mh-display); letter-spacing:-.208px; color:var(--mh-text); }
body.mds[data-figma-design="362:1468"] .ff-two { display:grid; grid-template-columns:repeat(2,calc((100% - 24px)/2)); gap:32px; }
body.mds[data-figma-design="362:1468"] .ff-three { display:grid; grid-template-columns:repeat(3,calc((100% - 48px)/3)); gap:32px; }
body.mds[data-figma-design="362:1468"] .ff-section-copy { margin-top:32px; }
body.mds[data-figma-design="362:1468"] .ff-two>p { width:544px; max-width:100%; }
body.mds[data-figma-design="362:1468"] #training-growth .ff-section-copy { min-height:81.586px; }
body.mds[data-figma-design="362:1468"] .ff-insight-grid { display:grid; grid-template-columns:416px minmax(0,1fr); gap:96px; }
body.mds[data-figma-design="362:1468"] .ff-insight-intro { display:flex; flex-direction:column; gap:24px; }
body.mds[data-figma-design="362:1468"] .ff-accordion { border-top:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:1468"] .ff-accordion details { border:0; border-bottom:1px solid var(--mh-line-2); margin:0; padding:28px 0; background:transparent; }
body.mds[data-figma-design="362:1468"] .ff-accordion summary { display:flex; justify-content:space-between; align-items:center; gap:20px; list-style:none; cursor:pointer; color:var(--mh-text); font:500 22px/29px var(--mh-display); letter-spacing:-.11px; padding:0; }
body.mds[data-figma-design="362:1468"] .ff-accordion summary::-webkit-details-marker { display:none; }
body.mds[data-figma-design="362:1468"] .ff-accordion details>p { width:640px; max-width:100%; margin-top:12px; }
body.mds[data-figma-design="362:1468"] .ff-expand { position:relative; width:20px; height:20px; flex:none; }
body.mds[data-figma-design="362:1468"] .ff-expand::before,body.mds[data-figma-design="362:1468"] .ff-expand::after { content:''; position:absolute; background:currentColor; }
body.mds[data-figma-design="362:1468"] .ff-expand::before { width:14px; height:1.5px; left:3px; top:9.25px; }
body.mds[data-figma-design="362:1468"] .ff-expand::after { height:14px; width:1.5px; top:3px; left:9.25px; }
body.mds[data-figma-design="362:1468"] details[open] .ff-expand::after { display:none; }
body.mds[data-figma-design="362:1468"] .ff-coaching-grid { display:grid; grid-template-columns:568px 552px; gap:96px; align-items:start; }
body.mds[data-figma-design="362:1468"] .ff-coaching-media img { display:block; width:100%; height:auto; aspect-ratio:568/440; object-fit:cover; border-radius:12px; }
body.mds[data-figma-design="362:1468"] .ff-editorial-copy { display:flex; flex-direction:column; gap:32px; }
body.mds[data-figma-design="362:1468"] .ff-points { display:flex; flex-direction:column; gap:24px; }
body.mds[data-figma-design="362:1468"] .ff-points>p { padding-top:20px; border-top:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:1468"] .ff-security-intro { min-height:81.586px; }
body.mds[data-figma-design="362:1468"] .ff-security-intro p { width:670px; max-width:100%; }
body.mds[data-figma-design="362:1468"] :is(.ff-three,.ff-overview-points)>article { border-top:1px solid var(--mh-line-2); padding-top:16px; }
body.mds[data-figma-design="362:1468"] .ff-three article p { margin-top:12px; }
body.mds[data-figma-design="362:1468"] .ff-overview-points article p { width:486px; max-width:100%; margin-top:16px; }
body.mds[data-figma-design="362:1468"] #what-it-delivers .ff-two { min-height:81.586px; }
body.mds[data-figma-design="362:1468"] #what-it-delivers .ff-overview-points { min-height:139.18px; }
body.mds[data-figma-design="362:1468"] .ff-tools-grid { display:grid; grid-template-columns:552px 606.482px; gap:96px; align-items:start; }
body.mds[data-figma-design="362:1468"] .ff-tools-media a { display:block; text-decoration:none; }
body.mds[data-figma-design="362:1468"] .ff-tools-media img { display:block; width:100%; height:auto; aspect-ratio:606.482/460; object-fit:cover; border-radius:8px; }
body.mds[data-figma-design="362:1468"] .ff-full-size { display:block; margin-top:20px; font:600 17px/28px var(--mh-text-f); color:var(--mh-text); text-decoration:underline; }
body.mds[data-figma-design="362:1468"] .ff-value-chain { display:flex; flex-wrap:wrap; gap:10px 8px; align-items:center; margin-top:24px; }
body.mds[data-figma-design="362:1468"] .ff-chain-stage { display:block; padding:8px 16px; border:1px solid var(--mh-line-2); border-radius:999px; background:var(--mh-deep); color:var(--mh-text); font:500 13px/18px var(--mh-display); letter-spacing:.13px; white-space:nowrap; }
body.mds[data-figma-design="362:1468"] .ff-chain-stage.is-current { background:var(--mh-signal); border-color:var(--mh-signal); color:#fff; padding:8px 16px; border-width:0; }
body.mds[data-figma-design="362:1468"] .ff-chain-arrow { color:var(--mh-muted); font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:1468"] .ff-main .ff-value-note { margin-top:24px; max-width:900px; font:400 22px/31px var(--mh-text-f); color:var(--mh-text); }
body.mds[data-figma-design="362:1468"] .ff-closing { border-top:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:1468"] .ff-closing-grid { display:flex; align-items:end; justify-content:space-between; gap:32px; }
body.mds[data-figma-design="362:1468"] .ff-closing-grid>div { width:568.75px; max-width:100%; }
body.mds[data-figma-design="362:1468"] .ff-closing p { margin-top:24px; }
body.mds[data-figma-design="362:1468"] :is(.ff-hero,.ff-tab-panel,.ff-two,.ff-three,.ff-insight-grid,.ff-coaching-grid,.ff-tools-grid)>* { min-width:0; }
@media(max-width:1199px) {
 body.mds[data-figma-design="362:1468"] .ff-canvas { padding-inline:40px; }
 body.mds[data-figma-design="362:1468"] :is(.ff-hero,.ff-two) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.mds[data-figma-design="362:1468"] .ff-three { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
 body.mds[data-figma-design="362:1468"] :is(.ff-coaching-grid,.ff-tools-grid,.ff-insight-grid,.ff-tab-panel) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; }
 body.mds[data-figma-design="362:1468"] .ff-hero-media { min-height:0; }
 body.mds[data-figma-design="362:1468"] .ff-hero-copy { min-height:0; }
 body.mds[data-figma-design="362:1468"] .ff-closing-grid { flex-wrap:wrap; }
}
@media(max-width:767px) {
 body.mds[data-figma-design="362:1468"] .ff-canvas { padding-inline:20px; }
 body.mds[data-figma-design="362:1468"] .ff-intro { padding-block:20px; }
 body.mds[data-figma-design="362:1468"] .ff-section { padding-block:28px; }
 body.mds[data-figma-design="362:1468"] .ff-main h1 { font-size:40px; line-height:1.12; }
 body.mds[data-figma-design="362:1468"] .ff-main :is(h2,.ff-narrative) { font-size:28px; line-height:1.2; }
 body.mds[data-figma-design="362:1468"] .ff-main h3 { font-size:20px; line-height:1.3; }
 body.mds[data-figma-design="362:1468"] .ff-main p { font-size:16px; line-height:26px; }
 body.mds[data-figma-design="362:1468"] .ff-main :is(.ff-statement,.ff-role-statement) { font-size:22px; line-height:32px; }
 body.mds[data-figma-design="362:1468"] .ff-main .ff-tagline { font-size:20px; line-height:1.3; }
 body.mds[data-figma-design="362:1468"] :is(.ff-hero,.ff-tab-panel,.ff-two,.ff-three,.ff-insight-grid,.ff-coaching-grid,.ff-tools-grid) { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mds[data-figma-design="362:1468"] .ff-hero { padding-block:24px; }
 body.mds[data-figma-design="362:1468"] .ff-audiences { gap:32px; }
 body.mds[data-figma-design="362:1468"] .ff-tabs { gap:24px; overflow-x:auto; }
 body.mds[data-figma-design="362:1468"] .ff-tabs button { font-size:18px; line-height:26px; padding-bottom:16px; }
 body.mds[data-figma-design="362:1468"] .ff-section-copy { margin-top:24px; }
 body.mds[data-figma-design="362:1468"] :is(.ff-editorial-copy,.ff-insight-intro) { gap:24px; }
 body.mds[data-figma-design="362:1468"] .ff-accordion summary { font-size:20px; line-height:28px; }
 body.mds[data-figma-design="362:1468"] .ff-accordion details { padding-block:24px; }
 body.mds[data-figma-design="362:1468"] .ff-main .ff-value-note { font-size:20px; line-height:28px; }
}
@media(min-width:1200px) {
 body.mds[data-figma-design="362:1468"] #training-growth .ff-section-copy,
 body.mds[data-figma-design="362:1468"] #what-it-delivers .ff-two:not(.ff-overview-points) { grid-template-rows:81.586px; }
 body.mds[data-figma-design="362:1468"] .ff-security-intro { display:grid; grid-template-rows:81.586px; }
 body.mds[data-figma-design="362:1468"] :is(.ff-three,.ff-overview-points) { grid-template-rows:139.18px; }
}

body.mds[data-figma-design="362:1468"] .mh-nav__in { max-width:1440px; padding-inline:64px; height:88px; }
body.mds[data-figma-design="362:1468"] .mh-nav__in::after { inset-inline:64px; }
body.mds[data-figma-design="362:1468"] .mh-logo { gap:12px; }
body.mds[data-figma-design="362:1468"] .mh-menu__list { gap:16px; }
body.mds[data-figma-design="362:1468"] .mh-menu__btn { padding-inline:4px; gap:12px; font:500 14px/1.2 var(--mh-display); }
body.mds[data-figma-design="362:1468"] .mh-nav__actions { gap:16px; }
body.mds[data-figma-design="362:1468"] .mh-nav__cta { padding:12px 23px; font:600 15px/23px var(--mh-text-f); gap:16px; }
body.mds[data-figma-design="362:1468"] .mh-foot { padding-block:24px; background:var(--mh-deep); }
body.mds[data-figma-design="362:1468"] .mh-foot>.mh-wrap { max-width:1440px; padding-inline:64px; }
body.mds[data-figma-design="362:1468"] .mh-foot__main { grid-template-columns:322fr 966fr; gap:32px; }
body.mds[data-figma-design="362:1468"] .mh-foot__cols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
body.mds[data-figma-design="362:1468"] .mh-foot__h { font:500 13px/18px var(--mh-display); letter-spacing:.01em; margin:0 0 20px; }
body.mds[data-figma-design="362:1468"] .mh-foot__col a { font:400 15px/23px var(--mh-text-f); padding-block:5px; min-height:33px; }
body.mds[data-figma-design="362:1468"] .mh-foot__name { font:400 17px/28px var(--mh-text-f); margin-top:20px; }
body.mds[data-figma-design="362:1468"] .mh-foot__social { margin-top:20px; }
body.mds[data-figma-design="362:1468"] .mh-foot__legal { margin-top:32px; padding-top:24px; gap:16px; }
body.mds[data-figma-design="362:1468"] .mh-foot__policies { gap:16px; }

body.mds[data-figma-design="362:1468"] .mh-logo__word { background:var(--mh-text); -webkit-mask-image:url("../img/flow-figma/wordmark.png"); mask-image:url("../img/flow-figma/wordmark.png"); }
@media(max-width:1199px) {
 body.mds[data-figma-design="362:1468"] :is(.mh-nav__in,.mh-foot>.mh-wrap) { padding-inline:40px; }
 body.mds[data-figma-design="362:1468"] .mh-nav__in::after { inset-inline:40px; }
}
@media(max-width:767px) {
 body.mds[data-figma-design="362:1468"] :is(.mh-nav__in,.mh-foot>.mh-wrap) { padding-inline:20px; }
 body.mds[data-figma-design="362:1468"] .mh-nav__in::after { inset-inline:20px; }
 body.mds[data-figma-design="362:1468"] .mh-nav__in { height:var(--mh-nav-h); }
 body.mds[data-figma-design="362:1468"] .mh-foot__main { grid-template-columns:minmax(0,1fr); }
 body.mds[data-figma-design="362:1468"] .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
}
@media(min-width:1200px) {
 body.mds[data-figma-design="362:1468"] .mh-foot__main { grid-template-columns:calc((100% - 24px)/4) calc((100% - 24px)*.75); }
 body.mds[data-figma-design="362:1468"] .mh-foot__cols { grid-template-columns:repeat(3,calc((100% - 48px)/3)); }
}

/* Remote support glasses — newest Figma frame 362:4004, November 8, 2026.
   Page-scoped editorial layout; existing navigation, theme, cookie and action
   runtimes are preserved. The architecture illustration is static in both sources. */
body.mds[data-figma-design="362:4004"] { --gf-canvas:1440px; --gf-inset:64px; }
body.mds[data-figma-design="362:4004"] .gf-main { overflow:clip; }
body.mds[data-figma-design="362:4004"] .gf-section { padding-block:36px; }
body.mds[data-figma-design="362:4004"] .gf-canvas { width:100%; max-width:var(--gf-canvas); margin-inline:auto; padding-inline:var(--gf-inset); }
body.mds[data-figma-design="362:4004"] .gf-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:center; }
body.mds[data-figma-design="362:4004"] .gf-row>* { min-width:0; }
body.mds[data-figma-design="362:4004"] .gf-main :is(h1,h2,p,figure) { margin:0; text-wrap:wrap; }
body.mds[data-figma-design="362:4004"] .gf-main h1 { font:600 56px/1.12 var(--mh-display); letter-spacing:-.84px; min-height:126px; }
body.mds[data-figma-design="362:4004"] .gf-main h2 { font:500 32px/36px var(--mh-display); letter-spacing:-.48px; max-width:none; }
body.mds[data-figma-design="362:4004"] .gf-text { display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0; }
body.mds[data-figma-design="362:4004"] .gf-text>p { width:544px; max-width:100%; color:var(--mh-muted); font:400 17px/27.2px var(--mh-text-f); }
body.mds[data-figma-design="362:4004"] .gf-main .mh-pill { min-height:44px; padding:12px 23px; gap:18px; font:600 15px/1.1 var(--mh-text-f); margin:0; }
body.mds[data-figma-design="362:4004"] .gf-main .glasses-contact { margin:0; }
body.mds[data-figma-design="362:4004"] .gf-hero .mh-breadcrumb { padding:0; margin:0 0 32px; min-height:21px; gap:3px; color:var(--mh-muted); font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:4004"] .gf-hero__row { align-items:start; }
body.mds[data-figma-design="362:4004"] .gf-hero__copy { display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-width:0; }
body.mds[data-figma-design="362:4004"] .gf-main .gf-eyebrow { font:600 14px/28px var(--mh-text-f); color:var(--mh-muted); }
body.mds[data-figma-design="362:4004"] .gf-main .gf-tagline { font:500 22px/30.8px var(--mh-display); min-height:62px; color:var(--mh-signal); }
body.mds[data-figma-design="362:4004"] .gf-hero__image { width:100%; aspect-ratio:644/359; border-radius:8px; overflow:hidden; }
body.mds[data-figma-design="362:4004"] .gf-hero__image img { width:100%; height:100%; object-fit:cover; }
body.mds[data-figma-design="362:4004"] :is(.gf-expert,.gf-ai,.gf-training) { background:var(--mh-deep); }
body.mds[data-figma-design="362:4004"] .gf-expert__row { display:grid; grid-template-columns:minmax(0,calc((100% - 67px)/2)) minmax(0,calc((100% - 45px)/2)); gap:54px; align-items:start; padding-left:calc(var(--gf-inset) - 21px); }
body.mds[data-figma-design="362:4004"] .gf-architecture { position:relative; width:100%; aspect-ratio:633/262; overflow:hidden; }
body.mds[data-figma-design="362:4004"] .gf-architecture img { position:absolute; left:-4.76%; top:-12.86%; width:118.8%; height:125.71%; max-width:none; }
/* Responsive photographic band: keep the complete composition centered and
   extend only its empty edge colors across larger screens. The 1685px source
   uses a one-pixel background strip sampled just inside each empty edge. */
body.mds[data-figma-design="362:4004"] .gf-main .gf-glasses-visual {
 position:relative; isolation:isolate; width:100%; max-width:none;
 margin:0; overflow:hidden; background:#d9dced;
}
body.mds[data-figma-design="362:4004"] .gf-glasses-visual::before,
body.mds[data-figma-design="362:4004"] .gf-glasses-visual::after {
 content:""; position:absolute; inset-block:0;
 width:max(0px,calc((100% - var(--gf-canvas))/2));
 background-image:url('../img/glasses-figma08/39adf.png');
 background-repeat:no-repeat; background-size:168500% 100%;
 pointer-events:none;
}
body.mds[data-figma-design="362:4004"] .gf-glasses-visual::before {
 left:0; background-position:.5% 50%;
}
body.mds[data-figma-design="362:4004"] .gf-glasses-visual::after {
 right:0; background-position:99.5% 50%;
}
body.mds[data-figma-design="362:4004"] .gf-main .gf-glasses-visual>img {
 display:block; width:100%; max-width:var(--gf-canvas); height:auto;
 margin-inline:auto; position:relative; z-index:1;
}
@media(min-width:1441px) {
 body.mds[data-figma-design="362:4004"] .gf-glasses-visual::before,
 body.mds[data-figma-design="362:4004"] .gf-glasses-visual::after {
  width:calc((100% - var(--gf-canvas))/2 + 24px);
  filter:blur(3px);
 }
 body.mds[data-figma-design="362:4004"] .gf-glasses-visual::before { left:-12px; }
 body.mds[data-figma-design="362:4004"] .gf-glasses-visual::after { right:-12px; }
 body.mds[data-figma-design="362:4004"] .gf-main .gf-glasses-visual>img { border-radius:4px; }
}
body.mds[data-figma-design="362:4004"] .gf-section-image { width:100%; aspect-ratio:644/420; border-radius:8px; overflow:hidden; }
body.mds[data-figma-design="362:4004"] .gf-section-image img { width:100%; height:100%; object-fit:cover; }
body.mds[data-figma-design="362:4004"] .gf-training>.gf-canvas { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
body.mds[data-figma-design="362:4004"] .gf-chain { display:flex; align-items:center; flex-wrap:wrap; gap:10px 8px; width:100%; }
body.mds[data-figma-design="362:4004"] .gf-chain__step { flex:none; padding:8px 16px; border:1px solid var(--mh-line-2); border-radius:999px; background:var(--mh-deep); color:var(--mh-text); font:500 13px/18px var(--mh-display); letter-spacing:.13px; white-space:nowrap; }
body.mds[data-figma-design="362:4004"] .gf-chain__step.is-current { border:0; background:#c41e3a; color:white; }
body.mds[data-figma-design="362:4004"] .gf-chain__arrow { flex:none; color:var(--mh-muted); font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:4004"] .gf-main .gf-training__lead { width:900px; max-width:100%; color:var(--mh-text); font:400 22px/31px var(--mh-text-f); }
body.mds[data-figma-design="362:4004"] .mh-logo__word { -webkit-mask-image:url('../img/glasses-figma08/0443a.png'); mask-image:url('../img/glasses-figma08/0443a.png'); }
body.mds[data-figma-design="362:4004"] .mh-nav__in { max-width:var(--gf-canvas); padding-inline:var(--gf-inset); }
body.mds[data-figma-design="362:4004"] .mh-nav__in::after { inset-inline:var(--gf-inset); }
body.mds[data-figma-design="362:4004"] .mh-foot { padding-block:24px; }
body.mds[data-figma-design="362:4004"] .mh-foot>.mh-wrap { max-width:var(--gf-canvas); padding-inline:var(--gf-inset); }
body.mds[data-figma-design="362:4004"] .mh-foot__main { grid-template-columns:minmax(0,322fr) minmax(0,966fr); gap:24px; }
body.mds[data-figma-design="362:4004"] .mh-foot__cols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.mds[data-figma-design="362:4004"] .mh-foot__h { font:500 13px/18px var(--mh-display); letter-spacing:.13px; margin:0 0 20px; }
body.mds[data-figma-design="362:4004"] .mh-foot__col a { min-height:33px; padding-block:5px; font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:4004"] .mh-foot__name { margin-top:20px; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:4004"] .mh-foot__social { margin-top:16px; }
body.mds[data-figma-design="362:4004"] .mh-foot__social a { font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:4004"] .mh-foot__legal { margin-top:24px; padding-top:24px; gap:20px; font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:4004"] .mh-foot__policies { gap:20px; }
@media(max-width:1199px) {
 body.mds[data-figma-design="362:4004"] { --gf-inset:40px; }
 body.mds[data-figma-design="362:4004"] .gf-main h1 { font-size:46px; min-height:0; }
 body.mds[data-figma-design="362:4004"] .gf-main h2 { font-size:28px; line-height:1.2; }
 body.mds[data-figma-design="362:4004"] .gf-main .gf-tagline { font-size:20px; min-height:0; }
 body.mds[data-figma-design="362:4004"] .gf-tagline br { display:none; }
 body.mds[data-figma-design="362:4004"] .gf-expert__row { gap:24px; padding-left:var(--gf-inset); grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.mds[data-figma-design="362:4004"] .gf-expert__row .gf-text { align-self:center; }
}
@media(max-width:767px) {
 body.mds[data-figma-design="362:4004"] { --gf-inset:20px; }
 body.mds[data-figma-design="362:4004"] .gf-section { padding-block:28px; }
 body.mds[data-figma-design="362:4004"] .gf-hero .mh-breadcrumb { margin-bottom:28px; }
 body.mds[data-figma-design="362:4004"] :is(.gf-row,.gf-expert__row) { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mds[data-figma-design="362:4004"] .gf-main h1 { font-size:clamp(28px,8.8vw,40px); line-height:1.12; }
 body.mds[data-figma-design="362:4004"] .gf-main h2 { font-size:28px; line-height:1.2; }
 body.mds[data-figma-design="362:4004"] .gf-main .gf-tagline { font-size:20px; line-height:1.4; }
 body.mds[data-figma-design="362:4004"] .gf-text>p { font-size:16px; line-height:26px; }
 body.mds[data-figma-design="362:4004"] .gf-main .gf-training__lead { font-size:20px; line-height:28px; }
 body.mds[data-figma-design="362:4004"] .mh-foot__main { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mds[data-figma-design="362:4004"] .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
}
@media(min-width:1200px) {
 body.mds[data-figma-design="362:4004"] .gf-expert .gf-text { min-height:266px; }
}
html[data-theme="light"] body.mds[data-figma-design="362:4004"] .gf-main .mh-pill { color:#f1f3f5; }
@media(min-width:768px) and (max-width:999px) {
 body.mds[data-figma-design="362:4004"] :is(.gf-row,.gf-expert__row) { grid-template-columns:minmax(0,1fr); gap:28px; }
}

body.mds[data-figma-design="362:4004"] .gf-main h1>span { white-space:nowrap; }
@font-face { font-family:"Simulator Process"; src:url("../../../assets/fonts/inter/Inter-Variable.ttf") format("truetype"); font-weight:100 900; font-style:normal; font-display:block; }
/* The process captions are live HTML; the original illustration pixels above
   the divider are displayed unchanged. Source geometry: 3200 x 1600. */
body.mds[data-figma-design="362:679"] .sf-process-live {
 container-type:inline-size; aspect-ratio:2/1; background:#fff; border-radius:8px; overflow:hidden;
}
body.mds[data-figma-design="362:679"] .sf-process-art { height:36.375cqw; overflow:hidden; }
body.mds[data-figma-design="362:679"] .sf-process-art a { height:100%; border-radius:0; }
body.mds[data-figma-design="362:679"] .sf-process-art img { display:block; width:100%; height:auto; max-width:none; border-radius:0; }
body.mds[data-figma-design="362:679"] .sf-process-steps {
 display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2cqw;
 margin:0 4cqw; padding:1.25cqw 0 0; border-top:.0625cqw solid #dadade; list-style:none;
}
body.mds[data-figma-design="362:679"] .sf-process-steps li { min-width:0; padding:0; margin:0; }
body.mds[data-figma-design="362:679"] .sf-process-number {
 display:block; color:#0071e3; font:700 .75cqw/1.125cqw "Simulator Process",sans-serif; letter-spacing:.04em;
}
body.mds[data-figma-design="362:679"] .sf-process-steps h3 {
 margin:.25cqw 0 0; color:#1d1d1f; font:700 1.125cqw/1.5cqw "Simulator Process",sans-serif; letter-spacing:0;
}
body.mds[data-figma-design="362:679"] .sf-process-steps p {
 margin:.375cqw 0 0; color:#6e6e73; font:400 .875cqw/1.25cqw "Simulator Process",sans-serif; letter-spacing:0;
}
@media(max-width:1000px) {
 body.mds[data-figma-design="362:679"] .sf-process-live { aspect-ratio:auto; padding-bottom:28px; }
 body.mds[data-figma-design="362:679"] .sf-process-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-top:24px; border-top-width:1px; }
 body.mds[data-figma-design="362:679"] .sf-process-number { font-size:13px; line-height:18px; }
 body.mds[data-figma-design="362:679"] .sf-process-steps h3 { margin-top:4px; font-size:20px; line-height:24px; }
 body.mds[data-figma-design="362:679"] .sf-process-steps p { margin-top:4px; font-size:16px; line-height:20px; }
}
@media(max-width:480px) {
 body.mds[data-figma-design="362:679"] .sf-process-steps { grid-template-columns:minmax(0,1fr); gap:24px; margin-inline:20px; }
}

body.mds[data-figma-design="362:679"] .sf-process-steps { font-optical-sizing:none; }

/* Dark process plate: re-ink only the technical drawing; the completed cabin
   keeps its source colors and shading with the white backdrop keyed away.
   The original image remains the unchanged light-theme illustration/size. */
body.mds[data-figma-design="362:679"] .sf-process-dark-art { display:none; }
html[data-theme="dark"] body.mds[data-figma-design="362:679"] .sf-process-live { background:var(--mh-panel); }
html[data-theme="dark"] body.mds[data-figma-design="362:679"] .sf-process-art a { background:var(--mh-panel); }
html[data-theme="dark"] body.mds[data-figma-design="362:679"] .sf-process-art img { visibility:hidden; }
html[data-theme="dark"] body.mds[data-figma-design="362:679"] .sf-process-dark-art {
 display:block; position:absolute; inset:0; width:100%; height:auto; max-width:none; pointer-events:none;
}
html[data-theme="dark"] body.mds[data-figma-design="362:679"] .sf-process-steps { border-top-color:var(--mh-line-3); }
html[data-theme="dark"] body.mds[data-figma-design="362:679"] .sf-process-number { color:#62ADFF; }
html[data-theme="dark"] body.mds[data-figma-design="362:679"] .sf-process-steps h3 { color:var(--mh-text); }
html[data-theme="dark"] body.mds[data-figma-design="362:679"] .sf-process-steps p { color:var(--mh-muted); }


/* Services overview: latest human-selected Figma frame 362:1904.
   Existing navigation, theme, cookie, review, and link behavior is retained. */
body.mds[data-figma-design="362:1904"] { --sv-canvas:1440px; --sv-inset:64px; }
body.mds[data-figma-design="362:1904"] .sv-main { padding:0; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:1904"] .sv-canvas { width:100%; max-width:var(--sv-canvas); margin-inline:auto; padding-inline:var(--sv-inset); }
body.mds[data-figma-design="362:1904"] .sv-section { padding-block:36px; margin:0; border:0; }
body.mds[data-figma-design="362:1904"] .sv-white { background:var(--mh-deep); }
body.mds[data-figma-design="362:1904"] .sv-main :is(h1,h2,h3,p,figure) { margin:0; max-width:none; text-wrap:wrap; }
body.mds[data-figma-design="362:1904"] .sv-main p { color:var(--mh-muted); font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:1904"] .sv-breadcrumb { display:flex; font:400 13px/20.8px var(--mh-text-f); color:var(--mh-muted); white-space:pre; margin-bottom:32px; }
body.mds[data-figma-design="362:1904"] .sv-hero__copy { display:flex; flex-direction:column; gap:20px; width:760px; max-width:100%; }
body.mds[data-figma-design="362:1904"] .sv-main h1 { color:var(--mh-text); font:600 56px/1.12 var(--mh-display); letter-spacing:-.84px; }
body.mds[data-figma-design="362:1904"] .sv-main .sv-lead { color:var(--mh-text); font:400 22px/1.4 var(--mh-text-f); }
body.mds[data-figma-design="362:1904"] .sv-intro { display:flex; flex-direction:column; gap:16px; }
body.mds[data-figma-design="362:1904"] .sv-intro h2 { color:var(--mh-text); font:500 32px/1.12 var(--mh-display); letter-spacing:-.48px; }
body.mds[data-figma-design="362:1904"] .sv-journey { display:flex; flex-direction:column; gap:48px; }
body.mds[data-figma-design="362:1904"] .sv-scroll { width:100%; overflow-x:auto; }
body.mds[data-figma-design="362:1904"] .sv-stages { display:flex; justify-content:space-between; align-items:flex-start; list-style:none; padding:0; margin:0; min-width:1312px; }
body.mds[data-figma-design="362:1904"] .sv-stage { display:grid; grid-template-rows:132px 200px 132px; gap:20px; width:240px; flex:none; overflow:hidden; }
body.mds[data-figma-design="362:1904"] .sv-stage__copy { display:flex; flex-direction:column; gap:6px; align-items:center; justify-content:flex-end; text-align:center; }
body.mds[data-figma-design="362:1904"] .sv-stage:nth-child(even) .sv-stage__copy { grid-row:3; justify-content:flex-start; }
body.mds[data-figma-design="362:1904"] .sv-number { width:100%; color:var(--sv-accent); font:500 10px/12px var(--mh-mono); letter-spacing:.6px; }
body.mds[data-figma-design="362:1904"] .sv-stage h3 { width:100%; color:var(--sv-accent); font:500 13px/18.2px var(--mh-display); letter-spacing:.13px; }
body.mds[data-figma-design="362:1904"] .sv-stage p { width:100%; font:400 13px/20.8px var(--mh-text-f); }
body.mds[data-figma-design="362:1904"] .sv-stage__photo { grid-row:2; position:relative; width:200px; height:200px; justify-self:center; }
body.mds[data-figma-design="362:1904"] .sv-stage__photo img { position:absolute; inset:-16px; display:block; width:232px; height:232px; max-width:none; }
body.mds[data-figma-design="362:1904"] .sv-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px 48px; }
body.mds[data-figma-design="362:1904"] .sv-card { display:flex; flex-direction:column; gap:16px; min-width:0; min-height:539px; }
body.mds[data-figma-design="362:1904"] .sv-rule { height:2px; flex:none; width:100%; background:#c41e3a; }
body.mds[data-figma-design="362:1904"] .sv-card__photo { position:relative; width:100%; height:300px; flex:none; border-radius:8px; overflow:hidden; }
body.mds[data-figma-design="362:1904"] .sv-card__photo img { display:block; width:100%; height:100%; object-fit:cover; border-radius:8px; }
body.mds[data-figma-design="362:1904"] .sv-card__photo--courseware img { position:absolute; width:100%; height:282.23%; left:0; top:-159.2%; max-width:none; object-fit:fill; border-radius:0; }
body.mds[data-figma-design="362:1904"] .sv-card h2 { font:500 22px/1.3 var(--mh-display); letter-spacing:-.11px; color:var(--mh-text); }
body.mds[data-figma-design="362:1904"] .sv-card p { font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:1904"] .sv-card__action { margin-top:auto; }
body.mds[data-figma-design="362:1904"] .sv-main .sv-link { display:inline-flex; align-items:center; gap:4px; min-height:28px; color:var(--mh-text); font:600 17px/28px var(--mh-text-f); text-decoration:underline; text-underline-position:from-font; text-underline-offset:auto; }
body.mds[data-figma-design="362:1904"] .sv-link .mh-arrow { width:18px; height:18px; }
body.mds[data-figma-design="362:1904"] .sv-closing__row { display:flex; align-items:flex-start; gap:64px; }
body.mds[data-figma-design="362:1904"] .sv-closing__copy { flex:1; min-width:0; display:flex; flex-direction:column; gap:16px; }
body.mds[data-figma-design="362:1904"] .sv-closing h2 { font:500 43px/1.12 var(--mh-display); letter-spacing:-.645px; color:var(--mh-text); }
body.mds[data-figma-design="362:1904"] .sv-closing h2 span { color:#c41e3a; }
body.mds[data-figma-design="362:1904"] .sv-closing .mh-pill { flex:none; gap:18px; min-height:44px; padding:12px 23px; font:600 15px/1.1 var(--mh-text-f); }
html[data-theme="light"] body.mds[data-figma-design="362:1904"] .sv-closing .mh-pill { color:#f1f3f5; }
body.mds[data-figma-design="362:1904"] .mh-nav__in { max-width:var(--sv-canvas); padding-inline:var(--sv-inset); }
body.mds[data-figma-design="362:1904"] .mh-nav__in::after { inset-inline:var(--sv-inset); }
body.mds[data-figma-design="362:1904"] .mh-logo__word { -webkit-mask-image:url('../img/services-figma08/0443a.png'); mask-image:url('../img/services-figma08/0443a.png'); }
body.mds[data-figma-design="362:1904"] .mh-foot { padding-block:24px; }
body.mds[data-figma-design="362:1904"] .mh-foot>.mh-wrap { max-width:var(--sv-canvas); padding-inline:var(--sv-inset); }
body.mds[data-figma-design="362:1904"] .mh-foot__main { grid-template-columns:minmax(0,322fr) minmax(0,966fr); gap:24px; }
body.mds[data-figma-design="362:1904"] .mh-foot__cols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.mds[data-figma-design="362:1904"] .mh-foot__h { font:500 13px/18.2px var(--mh-display); letter-spacing:.13px; margin:0 0 20px; }
body.mds[data-figma-design="362:1904"] .mh-foot__col a { min-height:33px; padding-block:5px; font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:1904"] .mh-foot__name { margin-top:20px; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:1904"] .mh-foot__social { margin-top:16px; }
body.mds[data-figma-design="362:1904"] .mh-foot__social a { font:400 13px/20.8px var(--mh-text-f); }
body.mds[data-figma-design="362:1904"] .mh-foot__legal { margin-top:24px; padding-top:24px; gap:20px; font:400 13px/20.8px var(--mh-text-f); }
body.mds[data-figma-design="362:1904"] .mh-foot__policies { gap:20px; }
@media(max-width:1199px) {
 body.mds[data-figma-design="362:1904"] { --sv-inset:40px; }
 body.mds[data-figma-design="362:1904"] .sv-grid { gap:48px 32px; }
 body.mds[data-figma-design="362:1904"] .sv-card { min-height:0; }
 body.mds[data-figma-design="362:1904"] .sv-card__photo { height:auto; aspect-ratio:632/300; }
 body.mds[data-figma-design="362:1904"] .sv-closing__row { gap:32px; }
 body.mds[data-figma-design="362:1904"] .sv-closing h2 { font-size:36px; }
}
@media(max-width:767px) {
 body.mds[data-figma-design="362:1904"] { --sv-inset:20px; }
 body.mds[data-figma-design="362:1904"] .sv-section { padding-block:28px; }
 body.mds[data-figma-design="362:1904"] .sv-main h1 { font-size:40px; }
 body.mds[data-figma-design="362:1904"] .sv-main .sv-lead { font-size:20px; }
 body.mds[data-figma-design="362:1904"] .sv-hero__copy>p:not(.sv-lead) { font-size:16px; line-height:26px; }
 body.mds[data-figma-design="362:1904"] .sv-intro h2 { font-size:28px; line-height:1.2; }
 body.mds[data-figma-design="362:1904"] .sv-journey { gap:32px; }
 body.mds[data-figma-design="362:1904"] .sv-grid { grid-template-columns:minmax(0,1fr); gap:40px; }
 body.mds[data-figma-design="362:1904"] .sv-closing__row { flex-direction:column; gap:24px; }
 body.mds[data-figma-design="362:1904"] .sv-closing h2 { font-size:32px; }
 body.mds[data-figma-design="362:1904"] .sv-closing h2 br { display:none; }
 body.mds[data-figma-design="362:1904"] .sv-closing h2 span::before { content:' '; }
 body.mds[data-figma-design="362:1904"] .mh-foot__main { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mds[data-figma-design="362:1904"] .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
}
/* Keep the site's existing theme adaptation and narrow-screen ordered chain. */
html[data-theme="dark"] body.mds[data-figma-design="362:1904"] .sv-stage:nth-child(1) :is(.sv-number,h3) { color:#d06274; }
html[data-theme="dark"] body.mds[data-figma-design="362:1904"] .sv-stage:nth-child(2) :is(.sv-number,h3) { color:#e35365; }
html[data-theme="dark"] body.mds[data-figma-design="362:1904"] .sv-stage:nth-child(3) :is(.sv-number,h3) { color:#f0464f; }
html[data-theme="dark"] body.mds[data-figma-design="362:1904"] .sv-stage:nth-child(4) :is(.sv-number,h3) { color:#f15847; }
html[data-theme="dark"] body.mds[data-figma-design="362:1904"] .sv-stage:nth-child(5) :is(.sv-number,h3) { color:#f3a365; }
@media(max-width:767px) {
 body.mds[data-figma-design="362:1904"] .sv-stages { flex-direction:column; min-width:0; gap:28px; }
 body.mds[data-figma-design="362:1904"] .sv-stage { width:100%; grid-template-columns:80px minmax(0,1fr); grid-template-rows:auto; align-items:center; gap:20px; overflow:visible; }
 body.mds[data-figma-design="362:1904"] .sv-stage .sv-stage__copy { grid-column:2; grid-row:1; justify-content:flex-start; align-items:flex-start; text-align:start; }
 body.mds[data-figma-design="362:1904"] .sv-stage__photo { grid-column:1; grid-row:1; width:64px; height:64px; }
 body.mds[data-figma-design="362:1904"] .sv-stage__photo img { inset:-5.12px; width:74.24px; height:74.24px; }
 body.mds[data-figma-design="362:1904"] .sv-main .sv-link { min-height:44px; }
}


/* Publications & 3D — newest Figma frame 362:2101, 2026-11-08.
   Editorial geometry is page-scoped. Existing navigation, theme, motion,
   cookie controls and contact destinations retain their current runtimes. */
body.mds[data-figma-design="362:2101"] { --pf-canvas:1440px; --pf-inset:64px; }
body.mds[data-figma-design="362:2101"] .pf-main { overflow:clip; }
body.mds[data-figma-design="362:2101"] .pf-section { padding-block:36px; }
body.mds[data-figma-design="362:2101"] .pf-canvas { width:100%; max-width:var(--pf-canvas); margin-inline:auto; padding-inline:var(--pf-inset); }
body.mds[data-figma-design="362:2101"] .pf-main :is(h1,h2,h3,p,figure,ul) { margin:0; max-width:none; text-wrap:wrap; }
body.mds[data-figma-design="362:2101"] .pf-main h1 { font:600 56px/1.12 var(--mh-display); letter-spacing:-.84px; }
body.mds[data-figma-design="362:2101"] .pf-main h2 { font:500 32px/1.12 var(--mh-display); letter-spacing:-.48px; }
body.mds[data-figma-design="362:2101"] .pf-main h3 { font:500 20px/29px var(--mh-display); letter-spacing:-.2px; }
body.mds[data-figma-design="362:2101"] .pf-main p { color:var(--mh-muted); font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .pf-text { display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-width:0; }
body.mds[data-figma-design="362:2101"] .pf-text>* { width:100%; }
body.mds[data-figma-design="362:2101"] .pf-text>.mh-pill { width:auto; }
body.mds[data-figma-design="362:2101"] .pf-main .pf-lead { font:400 22px/1.4 var(--mh-text-f); color:var(--mh-text); }
body.mds[data-figma-design="362:2101"] .pf-main .mh-pill { min-height:44px; margin:0; padding:12px 23px; gap:18px; font:600 15px/1.1 var(--mh-text-f); background:var(--mh-text); color:var(--mh-bg); }
body.mds[data-figma-design="362:2101"] .pf-arrow { flex:none; width:18px; height:18px; }
html[data-theme="dark"] body.mds[data-figma-design="362:2101"] .pf-arrow { filter:invert(1); }
body.mds[data-figma-design="362:2101"] .pf-hero .mh-breadcrumb { padding:0; margin:0 0 32px; min-height:20.8px; gap:3px; color:var(--mh-muted); font:400 13px/1.6 var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .pf-hero__row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,624px); gap:64px; align-items:center; }
body.mds[data-figma-design="362:2101"] .pf-image { width:100%; aspect-ratio:624/420; overflow:hidden; border-radius:8px; }
body.mds[data-figma-design="362:2101"] .pf-image>img { display:block; width:100%; height:100%; object-fit:cover; }
body.mds[data-figma-design="362:2101"] :is(.pf-deliver,.pf-nodocs,.pf-training,.pf-related) { background:var(--mh-deep); }
body.mds[data-figma-design="362:2101"] .pf-deliver>.pf-canvas { display:flex; flex-direction:column; gap:48px; }
body.mds[data-figma-design="362:2101"] .pf-scene { position:relative; width:100%; aspect-ratio:1312/820; container-type:inline-size; }
body.mds[data-figma-design="362:2101"] .pf-scene__canvas { --pf-u:calc(100cqw / 1312); position:absolute; inset:0; font-family:var(--mh-mono); }
body.mds[data-figma-design="362:2101"] .pf-scene__canvas>img { position:absolute; max-width:none; pointer-events:none; }
body.mds[data-figma-design="362:2101"] .pf-scene__solid { left:calc(-65.18*var(--pf-u)); top:calc(7.34*var(--pf-u)); width:calc(1442.359*var(--pf-u)); height:calc(805.317*var(--pf-u)); object-fit:cover; }
body.mds[data-figma-design="362:2101"] .pf-scene__lens { position:absolute; left:calc(786.21*var(--pf-u)); top:calc(199.66*var(--pf-u)); width:calc(300.492*var(--pf-u)); height:calc(300.492*var(--pf-u)); border-radius:50%; overflow:hidden; background:#f1f3f5; }
body.mds[data-figma-design="362:2101"] .pf-scene__lens>img { position:absolute; left:calc(-851.39*var(--pf-u)); top:calc(-192.31*var(--pf-u)); width:calc(1442.359*var(--pf-u)); height:calc(805.317*var(--pf-u)); max-width:none; object-fit:cover; }
/* Preserve SVG root dimensions and uniformly scale the complete asset. */
body.mds[data-figma-design="362:2101"] .pf-scene__ring { left:calc(787.21*var(--pf-u)); top:calc(199.66*var(--pf-u)); width:300.492px; height:300.492px; transform-origin:top left; transform:scale(calc(100cqw / 1312px)); }
body.mds[data-figma-design="362:2101"] .pf-scene__outer { left:calc(775.19*var(--pf-u)); top:calc(187.64*var(--pf-u)); width:calc(324.53*var(--pf-u)); height:calc(324.53*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-tick { position:absolute; display:block; background:#c41e3a; }
body.mds[data-figma-design="362:2101"] :is(.pf-tick--left,.pf-tick--right) { top:calc(355.33*var(--pf-u)); width:calc(12.756*var(--pf-u)); height:calc(.911*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-tick--left { left:calc(756.22*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-tick--right { left:calc(1053.24*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] :is(.pf-tick--top,.pf-tick--bottom) { left:calc(937*var(--pf-u)); width:calc(.911*var(--pf-u)); height:calc(12.756*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-tick--top { top:calc(192.39*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-tick--bottom { top:calc(494.66*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-scene__crosshair { position:absolute; left:calc(907.47*var(--pf-u)); top:calc(351.69*var(--pf-u)); width:calc(7.289*var(--pf-u)); height:calc(7.289*var(--pf-u)); border:calc(1.367*var(--pf-u)) solid #c41e3a; border-radius:calc(3.644*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-scene__leader { position:absolute; left:calc(1098.72*var(--pf-u)); top:calc(267.27*var(--pf-u)); width:calc(64.105*var(--pf-u)); height:calc(1.002*var(--pf-u)); background:rgba(19,23,29,.6); }
body.mds[data-figma-design="362:2101"] .pf-scene__readout { position:absolute; left:calc(1158.82*var(--pf-u)); top:calc(247.23*var(--pf-u)); display:flex; flex-direction:column; align-items:flex-start; gap:calc(6.01*var(--pf-u)); padding:calc(10.016*var(--pf-u)) calc(12.02*var(--pf-u)); background:rgba(230,236,242,.9); border:calc(1.002*var(--pf-u)) solid #ccd2d9; border-radius:calc(2.003*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-scene__readout p { color:#53606c; font:400 calc(11.018*var(--pf-u))/normal var(--mh-mono); letter-spacing:calc(.6611*var(--pf-u)); white-space:pre; }
body.mds[data-figma-design="362:2101"] .pf-scene__readout p:first-child { color:#13171d; font-weight:500; font-size:calc(12.02*var(--pf-u)); letter-spacing:calc(.7212*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-scene__hint { position:absolute; left:calc(58.31*var(--pf-u)); top:calc(761.69*var(--pf-u)); display:flex; align-items:center; gap:calc(9.111*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-scene__hint img { width:5.46667px; height:5.46667px; transform:scale(calc(100cqw / 1312px)); transform-origin:left center; }
body.mds[data-figma-design="362:2101"] .pf-scene__hint p,
body.mds[data-figma-design="362:2101"] .pf-scene__layers p { color:#53606c; font:400 calc(10.933*var(--pf-u))/normal var(--mh-mono); letter-spacing:calc(.656*var(--pf-u)); white-space:nowrap; }
body.mds[data-figma-design="362:2101"] .pf-scene__layers { position:absolute; left:calc(58.31*var(--pf-u)); top:calc(87.47*var(--pf-u)); display:flex; flex-direction:column; align-items:flex-start; gap:calc(9.111*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-scene__layers>div { display:flex; align-items:center; gap:calc(9.111*var(--pf-u)); }
body.mds[data-figma-design="362:2101"] .pf-scene__layers i { width:calc(10.933*var(--pf-u)); height:calc(1.822*var(--pf-u)); background:#ccd2d9; }
body.mds[data-figma-design="362:2101"] .pf-scene__layers .is-current i { width:calc(21.867*var(--pf-u)); background:#c41e3a; }
body.mds[data-figma-design="362:2101"] .pf-scene__layers .is-current p { font-weight:500; color:#13171d; }
body.mds[data-figma-design="362:2101"] .pf-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
body.mds[data-figma-design="362:2101"] .pf-cards article { display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0; }
body.mds[data-figma-design="362:2101"] .pf-card__rule { width:100%; height:2px; background:#c41e3a; }
body.mds[data-figma-design="362:2101"] .pf-card__gap { width:1px; height:4px; }
body.mds[data-figma-design="362:2101"] .pf-cards p { font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .pf-nodocs__row { display:grid; grid-template-columns:minmax(0,624px) minmax(0,1fr); gap:80px; align-items:center; }
body.mds[data-figma-design="362:2101"] .pf-reading { display:flex; flex-direction:column; align-items:flex-start; gap:24px; width:960px; max-width:100%; }
body.mds[data-figma-design="362:2101"] .pf-list { display:flex; flex-direction:column; gap:12px; padding:0; list-style:none; width:100%; }
body.mds[data-figma-design="362:2101"] .pf-list li { display:flex; position:relative; padding-left:18px; color:var(--mh-muted); font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .pf-list li::before { content:'•'; position:absolute; left:0; color:var(--mh-text); }
body.mds[data-figma-design="362:2101"] .pf-users .pf-list li { display:block; }
body.mds[data-figma-design="362:2101"] .pf-list strong { color:var(--mh-text); font-weight:600; }
body.mds[data-figma-design="362:2101"] :is(.pf-training,.pf-related)>.pf-canvas { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
body.mds[data-figma-design="362:2101"] .pf-chain { display:flex; align-items:center; flex-wrap:wrap; gap:10px 8px; width:100%; }
body.mds[data-figma-design="362:2101"] .pf-chain__step { flex:none; padding:8px 16px; border:1px solid var(--mh-line-2); border-radius:999px; background:var(--mh-deep); color:var(--mh-text); font:500 13px/1.4 var(--mh-display); letter-spacing:.13px; white-space:nowrap; }
body.mds[data-figma-design="362:2101"] .pf-chain__step.is-current { border:0; background:#c41e3a; color:#fff; }
body.mds[data-figma-design="362:2101"] .pf-chain__arrow { flex:none; color:var(--mh-muted); font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .pf-main .pf-training__lead { width:900px; max-width:100%; color:var(--mh-text); font:400 22px/1.4 var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .pf-related h2 { font:500 22px/1.3 var(--mh-display); letter-spacing:-.11px; }
body.mds[data-figma-design="362:2101"] .pf-pills { display:flex; flex-wrap:wrap; gap:12px; }
body.mds[data-figma-design="362:2101"] .pf-pill { border:1px solid var(--mh-text); padding:8px 16px; border-radius:999px; font:500 13px/1.4 var(--mh-display); letter-spacing:.13px; white-space:nowrap; }
body.mds[data-figma-design="362:2101"] .pf-closing__row { display:flex; align-items:flex-start; gap:64px; }
body.mds[data-figma-design="362:2101"] .pf-closing__copy { flex:1; display:flex; flex-direction:column; gap:16px; }
body.mds[data-figma-design="362:2101"] .pf-closing h2 { font:500 43px/1.12 var(--mh-display); letter-spacing:-.645px; }
body.mds[data-figma-design="362:2101"] .pf-closing h2 span { color:#c41e3a; }
body.mds[data-figma-design="362:2101"] .mh-logo__word { -webkit-mask-image:url('../img/publications-figma08/0443a.png'); mask-image:url('../img/publications-figma08/0443a.png'); }
body.mds[data-figma-design="362:2101"] .mh-nav__in { max-width:var(--pf-canvas); height:88px; padding-inline:var(--pf-inset); }
body.mds[data-figma-design="362:2101"] .mh-nav__in::after { inset-inline:var(--pf-inset); }
body.mds[data-figma-design="362:2101"] .mh-nav__cta { min-height:44px; padding:12px 23px; gap:18px; font:600 15px/1.1 var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .mh-foot { padding-block:24px; }
body.mds[data-figma-design="362:2101"] .mh-foot>.mh-wrap { max-width:var(--pf-canvas); padding-inline:var(--pf-inset); }
body.mds[data-figma-design="362:2101"] .mh-foot__main { grid-template-columns:minmax(0,322fr) minmax(0,966fr); gap:24px; }
body.mds[data-figma-design="362:2101"] .mh-foot__cols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.mds[data-figma-design="362:2101"] .mh-foot__h { font:500 13px/1.4 var(--mh-display); letter-spacing:.13px; margin:0 0 20px; }
body.mds[data-figma-design="362:2101"] .mh-foot__col a { min-height:33px; padding-block:5px; font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .mh-foot__name { margin-top:20px; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .mh-foot__social { margin-top:16px; }
body.mds[data-figma-design="362:2101"] .mh-foot__social a { font:400 13px/1.6 var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .mh-foot__legal { margin-top:24px; padding-top:24px; gap:20px; font:400 13px/1.6 var(--mh-text-f); }
body.mds[data-figma-design="362:2101"] .mh-foot__policies { gap:20px; }
@media(max-width:1199px) {
 body.mds[data-figma-design="362:2101"] { --pf-inset:40px; }
 body.mds[data-figma-design="362:2101"] .pf-hero__row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
 body.mds[data-figma-design="362:2101"] .pf-nodocs__row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
 body.mds[data-figma-design="362:2101"] .pf-main h1 { font-size:46px; }
 body.mds[data-figma-design="362:2101"] .pf-main h2 { font-size:28px; line-height:1.2; }
}
@media(max-width:999px) {
 body.mds[data-figma-design="362:2101"] :is(.pf-hero__row,.pf-nodocs__row) { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mds[data-figma-design="362:2101"] .pf-closing__row { flex-direction:column; gap:24px; }
}
@media(max-width:767px) {
 body.mds[data-figma-design="362:2101"] { --pf-inset:20px; }
 body.mds[data-figma-design="362:2101"] .pf-section { padding-block:28px; }
 body.mds[data-figma-design="362:2101"] .pf-hero .mh-breadcrumb { margin-bottom:28px; }
 body.mds[data-figma-design="362:2101"] .pf-main h1 { font-size:clamp(28px,8.8vw,40px); }
 body.mds[data-figma-design="362:2101"] .pf-main h2 { font-size:28px; line-height:1.2; }
 body.mds[data-figma-design="362:2101"] .pf-main p,
 body.mds[data-figma-design="362:2101"] .pf-list li { font-size:16px; line-height:26px; }
 body.mds[data-figma-design="362:2101"] .pf-main .pf-lead,
 body.mds[data-figma-design="362:2101"] .pf-main .pf-training__lead { font-size:20px; line-height:28px; }
 body.mds[data-figma-design="362:2101"] .pf-cards { grid-template-columns:1fr; gap:28px; }
 body.mds[data-figma-design="362:2101"] .pf-related h2 { font-size:22px; }
 body.mds[data-figma-design="362:2101"] .pf-closing h2 { font-size:clamp(28px,8vw,40px); }
 body.mds[data-figma-design="362:2101"] .mh-nav__in { height:var(--mh-nav-h); }
 body.mds[data-figma-design="362:2101"] .mh-foot__main { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mds[data-figma-design="362:2101"] .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
 /* Keep the illustration's technical labels at the same proportional scale. */
 body.mds[data-figma-design="362:2101"] .pf-scene__readout p { font-size:calc(11.018*var(--pf-u)); line-height:normal; }
 body.mds[data-figma-design="362:2101"] .pf-scene__readout p:first-child { font-size:calc(12.02*var(--pf-u)); }
 body.mds[data-figma-design="362:2101"] :is(.pf-scene__hint,.pf-scene__layers) p { font-size:calc(10.933*var(--pf-u)); line-height:normal; }
}

/* Smart Training Classrooms: newest Figma 362:2605, November 8, 2026.
   Page-scoped static layout; preserve shared controls and their runtime. */
body.mds[data-figma-design="362:2605"] { --cf-inset:64px; --cf-canvas:1440px; }
body.mds[data-figma-design="362:2605"] .mh-logo__word { -webkit-mask-image:url('../img/classrooms-figma08/mouse-wordmark.png'); mask-image:url('../img/classrooms-figma08/mouse-wordmark.png'); }
body.mds[data-figma-design="362:2605"] .cf-canvas { width:100%; max-width:var(--cf-canvas); margin-inline:auto; padding-inline:var(--cf-inset); }
body.mds[data-figma-design="362:2605"] .cf-section { padding-block:36px; background:var(--mh-void); }
body.mds[data-figma-design="362:2605"] .cf-white { background:var(--mh-deep); }
body.mds[data-figma-design="362:2605"] .cf-main :is(h1,h2,h3,p) { margin:0; text-wrap:wrap; }
body.mds[data-figma-design="362:2605"] .cf-main h1 { font:600 56px/63px var(--mh-display); letter-spacing:-.84px; }
body.mds[data-figma-design="362:2605"] .cf-main h2 { font:500 32px/36px var(--mh-display); letter-spacing:-.48px; max-width:none; }
body.mds[data-figma-design="362:2605"] .cf-main p { font:400 17px/28px var(--mh-text-f); color:var(--mh-muted); max-width:none; }
body.mds[data-figma-design="362:2605"] .cf-main .mh-breadcrumb { display:flex; flex-wrap:wrap; gap:0 4px; padding:0; margin:0 0 32px; font:400 13px/21px var(--mh-text-f); color:var(--mh-muted); }
body.mds[data-figma-design="362:2605"] .cf-hero-row { display:grid; grid-template-columns:minmax(0,585.968fr) minmax(0,662.032fr); gap:64px; align-items:center; }
body.mds[data-figma-design="362:2605"] .cf-text { display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-width:0; }
body.mds[data-figma-design="362:2605"] .cf-main .cf-lead { color:var(--mh-text); font:400 22px/31px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .cf-main .mh-pill { min-height:44px; padding:12px 23px; gap:18px; font:600 15px/1.1 var(--mh-text-f); margin:0; }
body.mds[data-figma-design="362:2605"] .cf-main .cf-photo { margin:0; width:100%; height:auto; aspect-ratio:662.032/430.732; border-radius:8.224px; opacity:.97; overflow:hidden; background:none; border:0; }
body.mds[data-figma-design="362:2605"] .cf-main .cf-photo img { display:block; width:100%; height:100%; max-height:none; aspect-ratio:auto; object-fit:cover; object-position:50% 50%; border-radius:8.224px; }
body.mds[data-figma-design="362:2605"] :is(.cf-learning,.cf-theory)>.cf-canvas { display:flex; flex-direction:column; gap:48px; }
body.mds[data-figma-design="362:2605"] .cf-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; width:100%; }
body.mds[data-figma-design="362:2605"] .cf-benefits article { border-top:2px solid var(--mh-signal); padding-top:28px; }
body.mds[data-figma-design="362:2605"] .cf-benefits h3 { font:500 20px/29px var(--mh-display); letter-spacing:-.2px; margin-bottom:12px; }
body.mds[data-figma-design="362:2605"] .cf-main .cf-benefits p { font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .cf-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; width:100%; }
body.mds[data-figma-design="362:2605"] .cf-steps article { background:var(--mh-void); border:1px solid var(--mh-line-2); border-radius:8px; overflow:hidden; }
body.mds[data-figma-design="362:2605"] .cf-steps article::before { content:''; display:block; height:3px; background:var(--mh-signal); }
body.mds[data-figma-design="362:2605"] .cf-steps article>div { padding:20px 20px 24px; display:flex; flex-direction:column; gap:12px; }
body.mds[data-figma-design="362:2605"] .cf-steps h3 { color:var(--mh-text); font:600 17px/28px var(--mh-text-f); letter-spacing:0; }
body.mds[data-figma-design="362:2605"] .cf-main .cf-steps p { font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .cf-who-row { display:grid; grid-template-columns:minmax(0,624fr) minmax(0,608fr); gap:80px; align-items:center; }
body.mds[data-figma-design="362:2605"] .cf-render { width:100%; margin:0; aspect-ratio:624/420; border-radius:8px; overflow:hidden; }
body.mds[data-figma-design="362:2605"] .cf-render img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
body.mds[data-figma-design="362:2605"] .cf-plan-copy { display:flex; flex-direction:column; gap:24px; width:960px; max-width:100%; }
body.mds[data-figma-design="362:2605"] .cf-plan-copy ul { display:flex; flex-direction:column; gap:12px; padding:0; margin:0; list-style:none; }
body.mds[data-figma-design="362:2605"] .cf-plan-copy li { display:flex; gap:12px; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .cf-plan-copy li>span { flex:none; color:var(--mh-text); }
body.mds[data-figma-design="362:2605"] .cf-plan-copy li p { min-width:0; }
body.mds[data-figma-design="362:2605"] .cf-plan-copy strong { color:var(--mh-text); font-weight:600; }
body.mds[data-figma-design="362:2605"] :is(.cf-training,.cf-related)>.cf-canvas { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
body.mds[data-figma-design="362:2605"] .cf-chain { display:flex; align-items:center; flex-wrap:wrap; gap:10px 8px; width:100%; }
body.mds[data-figma-design="362:2605"] .cf-chip { flex:none; border:1px solid var(--mh-line-2); border-radius:999px; padding:8px 16px; color:var(--mh-text); font:500 13px/18px var(--mh-display); letter-spacing:.13px; white-space:nowrap; }
body.mds[data-figma-design="362:2605"] .cf-chain .cf-chip { background:var(--mh-deep); }
body.mds[data-figma-design="362:2605"] .cf-chain .is-current { border:0; background:#c41e3a; color:#fff; }
body.mds[data-figma-design="362:2605"] .cf-chain-arrow { flex:none; color:var(--mh-muted); font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .cf-main .cf-training-lead { width:900px; max-width:100%; color:var(--mh-text); font:400 22px/31px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .cf-main .cf-related h2 { font:500 22px/29px var(--mh-display); letter-spacing:-.11px; }
body.mds[data-figma-design="362:2605"] .cf-related-pills { display:flex; flex-wrap:wrap; gap:12px; }
body.mds[data-figma-design="362:2605"] .cf-related .cf-chip { border-color:var(--mh-text); }
body.mds[data-figma-design="362:2605"] .cf-closing { border:0; }
body.mds[data-figma-design="362:2605"] .cf-closing-row { display:flex; align-items:flex-start; gap:64px; }
body.mds[data-figma-design="362:2605"] .cf-closing-copy { flex:1; min-width:0; }
body.mds[data-figma-design="362:2605"] .cf-main .cf-closing h2 { font:500 43px/48px var(--mh-display); letter-spacing:-.645px; }
body.mds[data-figma-design="362:2605"] .cf-closing h2 span { color:var(--mh-signal); }
body.mds[data-figma-design="362:2605"] .cf-main .cf-closing p { margin-top:16px!important; }
body.mds[data-figma-design="362:2605"] .cf-closing .mh-pill { flex:none; }
body.mds[data-figma-design="362:2605"] .mh-foot { padding-block:24px; }
body.mds[data-figma-design="362:2605"] .mh-foot>.mh-wrap { max-width:var(--cf-canvas); padding-inline:var(--cf-inset); }
body.mds[data-figma-design="362:2605"] .mh-foot__main { grid-template-columns:minmax(0,322fr) minmax(0,966fr); gap:24px; }
body.mds[data-figma-design="362:2605"] .mh-foot__cols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.mds[data-figma-design="362:2605"] .mh-foot__h { font:500 13px/18px var(--mh-display); letter-spacing:.13px; margin:0 0 20px; }
body.mds[data-figma-design="362:2605"] .mh-foot__col a { min-height:33px; padding-block:5px; font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .mh-foot__name { margin-top:20px; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .mh-foot__social { margin-top:16px; }
body.mds[data-figma-design="362:2605"] .mh-foot__social a { font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .mh-foot__legal { margin-top:24px; padding-top:24px; gap:20px; font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:2605"] .mh-foot__policies { gap:20px; }
@media(max-width:1199px) {
 body.mds[data-figma-design="362:2605"] { --cf-inset:40px; }
 body.mds[data-figma-design="362:2605"] .cf-hero-row { gap:40px; }
 body.mds[data-figma-design="362:2605"] .cf-main h1 { font-size:46px; line-height:1.12; }
 body.mds[data-figma-design="362:2605"] .cf-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.mds[data-figma-design="362:2605"] .cf-who-row { gap:40px; }
}
@media(max-width:900px) {
 body.mds[data-figma-design="362:2605"] :is(.cf-hero-row,.cf-who-row) { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mds[data-figma-design="362:2605"] .cf-photo { max-width:662.032px; }
 body.mds[data-figma-design="362:2605"] .cf-render { max-width:624px; }
 body.mds[data-figma-design="362:2605"] .cf-closing { border:0; }
body.mds[data-figma-design="362:2605"] .cf-closing-row { gap:28px; flex-direction:column; }
 body.mds[data-figma-design="362:2605"] .mh-foot__main { grid-template-columns:minmax(0,1fr); gap:28px; }
}
@media(max-width:767px) {
 body.mds[data-figma-design="362:2605"] { --cf-inset:20px; }
 body.mds[data-figma-design="362:2605"] .cf-section { padding-block:28px; }
 body.mds[data-figma-design="362:2605"] .cf-main h1 { font-size:clamp(28px,8.8vw,40px); }
 body.mds[data-figma-design="362:2605"] .cf-main h2 { font-size:28px; line-height:1.2; }
 body.mds[data-figma-design="362:2605"] .cf-main p { font-size:16px; line-height:26px; }
 body.mds[data-figma-design="362:2605"] .cf-main :is(.cf-lead,.cf-training-lead) { font-size:20px; line-height:28px; }
 body.mds[data-figma-design="362:2605"] .cf-steps { grid-template-columns:minmax(0,1fr); }
 body.mds[data-figma-design="362:2605"] :is(.cf-learning,.cf-theory)>.cf-canvas { gap:28px; }
 body.mds[data-figma-design="362:2605"] .cf-main .cf-closing h2 { font-size:32px; line-height:1.12; }
 body.mds[data-figma-design="362:2605"] .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
}
@media(max-width:539px) {
 body.mds[data-figma-design="362:2605"] .cf-benefits { grid-template-columns:minmax(0,1fr); gap:28px; }
}

/* Instructors: newest human-selected Figma frame 362:2856, November 8, 2026.
   Editorial rules are scoped to this page; existing interaction runtimes stay intact. */
body.mds[data-figma-design="362:2856"] { --in08-inset:64px; }
body.mds[data-figma-design="362:2856"] .in08-main { padding:0; color:var(--mh-text); font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .in08-section { margin:0; padding:36px 0; border:0; background:var(--mh-void); }
body.mds[data-figma-design="362:2856"] .in08-white { background:var(--mh-deep); }
body.mds[data-figma-design="362:2856"] .in08-section>.mh-wrap { width:100%; max-width:1440px; padding-inline:var(--in08-inset); }
body.mds[data-figma-design="362:2856"] .in08-main :is(h1,h2,h3,p) { margin:0; max-width:none; text-wrap:wrap; }
body.mds[data-figma-design="362:2856"] .in08-main h1 { font:600 56px/63px var(--mh-display); letter-spacing:-.84px; }
body.mds[data-figma-design="362:2856"] .in08-main h2 { font:500 32px/36px var(--mh-display); letter-spacing:-.48px; }
body.mds[data-figma-design="362:2856"] .in08-main p { color:var(--mh-muted); font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .in08-main .in08-lead { color:var(--mh-text); font:400 22px/31px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .in08-copy { display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-width:0; }
body.mds[data-figma-design="362:2856"] .in08-main .mh-pill { min-height:44px; padding:12px 23px; gap:18px; margin:0; font:600 15px/17px var(--mh-text-f); }
html[data-theme="light"] body.mds[data-figma-design="362:2856"] .in08-main .mh-pill { color:#f1f3f5; }
body.mds[data-figma-design="362:2856"] .in08-hero .mh-breadcrumb { min-height:21px; margin:0 0 32px; padding:0; gap:0; color:var(--mh-muted); font:400 13px/21px var(--mh-text-f); white-space:pre-wrap; }
body.mds[data-figma-design="362:2856"] .in08-hero__row { display:grid; grid-template-columns:minmax(0,1fr) 47.536087%; align-items:center; gap:64px; }
body.mds[data-figma-design="362:2856"] .in08-photo { display:block; width:100%; height:420px; max-height:none; object-fit:cover; object-position:center; border-radius:0; }
body.mds[data-figma-design="362:2856"] .in08-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:48px; }
body.mds[data-figma-design="362:2856"] .in08-feature { min-width:0; border-top:2px solid var(--mh-signal); padding-top:28px; }
body.mds[data-figma-design="362:2856"] .in08-feature h3 { margin:0 0 12px; font:500 20px/29px var(--mh-display); letter-spacing:-.2px; }
body.mds[data-figma-design="362:2856"] .in08-feature p { font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .in08-prose { display:grid; gap:24px; width:960px; max-width:100%; }
body.mds[data-figma-design="362:2856"] .in08-platform__row { display:grid; grid-template-columns:47.536087% minmax(0,1fr); align-items:center; gap:80px; }
body.mds[data-figma-design="362:2856"] .in08-audience { display:grid; gap:12px; list-style:none; padding:0; margin:0; color:var(--mh-muted); font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .in08-audience li { position:relative; padding-left:18px; }
body.mds[data-figma-design="362:2856"] .in08-audience li::before { content:'•'; position:absolute; left:0; top:0; color:var(--mh-text); }
body.mds[data-figma-design="362:2856"] .in08-audience strong { color:var(--mh-text); font-weight:600; }
body.mds[data-figma-design="362:2856"] :is(.in08-training,.in08-related)>.mh-wrap { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
body.mds[data-figma-design="362:2856"] .in08-chain { display:flex; flex-wrap:wrap; align-items:center; gap:10px 8px; width:100%; }
body.mds[data-figma-design="362:2856"] .in08-chip { display:inline-flex; flex:none; align-items:center; padding:8px 16px; border:1px solid var(--mh-line-2); border-radius:999px; background:var(--mh-deep); color:var(--mh-text); font:500 13px/18px var(--mh-display); letter-spacing:.13px; white-space:nowrap; }
body.mds[data-figma-design="362:2856"] .in08-chip.is-current { border:0; background:var(--mh-signal); color:#fff; }
body.mds[data-figma-design="362:2856"] .in08-chain__arrow { color:var(--mh-muted); font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .in08-training__lead { width:min(900px,100%); }
body.mds[data-figma-design="362:2856"] .in08-main .in08-related h2 { font:500 22px/29px var(--mh-display); letter-spacing:-.11px; }
body.mds[data-figma-design="362:2856"] .in08-related__links { display:flex; flex-wrap:wrap; gap:12px; }
body.mds[data-figma-design="362:2856"] .in08-chip--link { border-color:var(--mh-text); }
body.mds[data-figma-design="362:2856"] .in08-chip--link:hover { text-decoration:underline; text-underline-offset:3px; }
body.mds[data-figma-design="362:2856"] .in08-closing__row { display:flex; align-items:flex-start; gap:64px; }
body.mds[data-figma-design="362:2856"] .in08-closing__copy { display:grid; flex:1; min-width:0; gap:16px; }
body.mds[data-figma-design="362:2856"] .in08-main .in08-closing h2 { font:500 43px/48px var(--mh-display); letter-spacing:-.645px; }
/* Reuse the exact local wordmark; leave navigation and theme controls unchanged. */
body.mds[data-figma-design="362:2856"] .mh-logo__word { -webkit-mask-image:url('../img/instructors-figma08/wordmark.png'); mask-image:url('../img/instructors-figma08/wordmark.png'); }
body.mds[data-figma-design="362:2856"] .mh-foot { padding-block:24px; background:var(--mh-deep); }
body.mds[data-figma-design="362:2856"] .mh-foot>.mh-wrap { max-width:1440px; padding-inline:var(--in08-inset); }
body.mds[data-figma-design="362:2856"] .mh-foot__main { grid-template-columns:minmax(0,322fr) minmax(0,966fr); gap:24px; min-height:203.195px; }
body.mds[data-figma-design="362:2856"] .mh-foot__cols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.mds[data-figma-design="362:2856"] .mh-foot__h { margin:0 0 20px; font:500 13px/18.2px var(--mh-display); letter-spacing:.13px; }
body.mds[data-figma-design="362:2856"] .mh-foot__col a { min-height:33px; padding-block:5px; font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .mh-foot__name { height:44px; margin:0; padding-top:20px; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .mh-foot__social { margin-top:20px; }
body.mds[data-figma-design="362:2856"] .mh-foot__social a { font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .mh-foot__legal { margin-top:24px; padding-top:24px; gap:20px; font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:2856"] .mh-foot__legal>p { gap:24px; }
body.mds[data-figma-design="362:2856"] .mh-foot__policies { gap:20px; }
@media(max-width:1199px) {
 body.mds[data-figma-design="362:2856"] { --in08-inset:40px; }
 body.mds[data-figma-design="362:2856"] :is(.in08-hero__row,.in08-platform__row) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
 body.mds[data-figma-design="362:2856"] .mh-foot__main { grid-template-columns:240px minmax(0,1fr); }
}
@media(max-width:900px) {
 body.mds[data-figma-design="362:2856"] :is(.in08-hero__row,.in08-platform__row) { grid-template-columns:1fr; gap:32px; }
 body.mds[data-figma-design="362:2856"] .in08-photo { height:auto; aspect-ratio:1528/1029; }
 body.mds[data-figma-design="362:2856"] .in08-features { gap:24px; }
 body.mds[data-figma-design="362:2856"] .mh-foot__main { grid-template-columns:1fr; gap:28px; }
}
@media(max-width:767px) {
 body.mds[data-figma-design="362:2856"] { --in08-inset:20px; }
 body.mds[data-figma-design="362:2856"] .in08-section { padding-block:24px; }
 body.mds[data-figma-design="362:2856"] .in08-main h1 { font-size:40px; line-height:1.12; letter-spacing:-.6px; }
 body.mds[data-figma-design="362:2856"] .in08-main h2 { font-size:28px; line-height:1.2; letter-spacing:-.42px; }
 body.mds[data-figma-design="362:2856"] .in08-main p { font-size:16px; line-height:26px; }
 body.mds[data-figma-design="362:2856"] .in08-main .in08-lead { font-size:22px; line-height:31px; }
 body.mds[data-figma-design="362:2856"] .in08-features { grid-template-columns:1fr; margin-top:32px; gap:28px; }
 body.mds[data-figma-design="362:2856"] .in08-feature { padding-top:20px; }
 body.mds[data-figma-design="362:2856"] .in08-feature p { font-size:15px; line-height:23px; }
 body.mds[data-figma-design="362:2856"] .in08-audience { font-size:16px; line-height:26px; }
 body.mds[data-figma-design="362:2856"] .in08-closing__row { flex-direction:column; gap:24px; }
 body.mds[data-figma-design="362:2856"] .in08-main .in08-closing h2 { font-size:32px; line-height:36px; letter-spacing:-.48px; }
 body.mds[data-figma-design="362:2856"] .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
 body.mds[data-figma-design="362:2856"] .mh-foot__col a { min-height:44px; padding-block:10px; }
}

/* About MOUSE — exact editorial frame 362:3083, November 8, 2026.
   Scoped to this page. Existing navigation, theme and cookie runtimes retained. */
body.mds[data-figma-design="362:3083"] { --a08-inset:64px; --mh-gutter:var(--a08-inset); }
body.mds[data-figma-design="362:3083"] .mh-wrap { max-width:1440px; padding-inline:var(--a08-inset); }
body.mds[data-figma-design="362:3083"] .a08-section { padding-block:36px; }
body.mds[data-figma-design="362:3083"] .a08-main :is(h1,h2,p) { margin:0; max-width:none; text-wrap:initial; }
body.mds[data-figma-design="362:3083"] .a08-main p { font:400 17px/28px var(--mh-text-f); color:var(--mh-muted); }
body.mds[data-figma-design="362:3083"] .a08-main h1 { font:600 56px/63px var(--mh-display); letter-spacing:-.84px; color:var(--mh-text); }
body.mds[data-figma-design="362:3083"] .a08-main h2 { font:500 32px/36px var(--mh-display); letter-spacing:-.48px; color:var(--mh-text); }
body.mds[data-figma-design="362:3083"] .mh-pill { min-height:44px; gap:18px; padding:12px 23px; font:600 15px/1.1 var(--mh-text-f); }
body.mds[data-figma-design="362:3083"] .a08-arrow { width:18px; height:18px; flex:none; }
html[data-theme="dark"] body.mds[data-figma-design="362:3083"] .a08-arrow { filter:brightness(0); }
body.mds[data-figma-design="362:3083"] .a08-hero { background:var(--mh-void); }
body.mds[data-figma-design="362:3083"] .a08-main .a08-breadcrumb { margin-bottom:32px; font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:3083"] .a08-hero__row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; }
body.mds[data-figma-design="362:3083"] .a08-hero__copy { display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-width:0; }
body.mds[data-figma-design="362:3083"] .a08-main .a08-eyebrow { font-weight:600; color:var(--mh-signal); }
body.mds[data-figma-design="362:3083"] .a08-main .a08-lead { font:400 22px/31px var(--mh-text-f); color:var(--mh-text); }
body.mds[data-figma-design="362:3083"] .a08-main .a08-small { font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:3083"] .a08-main .a08-strong { font-weight:600; }
body.mds[data-figma-design="362:3083"] .a08-hero__image { display:block; width:100%; height:483px; object-fit:cover; border-radius:8px; }
body.mds[data-figma-design="362:3083"] :is(.a08-contract,.a08-field,.a08-proof) { background:var(--mh-deep); }
body.mds[data-figma-design="362:3083"] .a08-contract__copy { display:flex; flex-direction:column; gap:24px; width:min(960px,100%); }
body.mds[data-figma-design="362:3083"] .a08-diagram { display:flex; width:min(1000px,100%); margin-top:48px; border-radius:12px; overflow:hidden; }
body.mds[data-figma-design="362:3083"] .a08-diagram>div { display:flex; flex-direction:column; gap:6px; min-width:0; padding:24px; }
body.mds[data-figma-design="362:3083"] .a08-diagram__platform { flex:0 0 38%; background:var(--mh-panel-2); }
body.mds[data-figma-design="362:3083"] .a08-diagram__delivery { flex:1; background:#8996a4; }
body.mds[data-figma-design="362:3083"] .a08-main .a08-diagram__title { font:500 20px/29px var(--mh-display); letter-spacing:-.2px; color:var(--mh-text); }
body.mds[data-figma-design="362:3083"] .a08-main .a08-diagram__delivery p { color:#f1f3f5; }
body.mds[data-figma-design="362:3083"] .a08-main .a08-diagram__delivery .a08-diagram__title { color:#fff; }
body.mds[data-figma-design="362:3083"] .a08-field__intro { display:flex; flex-direction:column; gap:16px; }
body.mds[data-figma-design="362:3083"] .a08-photos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:48px; }
body.mds[data-figma-design="362:3083"] .a08-photo { min-width:0; margin:0; }
body.mds[data-figma-design="362:3083"] .a08-photo img { display:block; width:100%; height:240px; object-fit:cover; border-radius:8px; }
body.mds[data-figma-design="362:3083"] .a08-photo--2 { overflow:hidden; }
body.mds[data-figma-design="362:3083"] .a08-photo--2 img { border-radius:0; width:calc(100% + .281px); max-width:none; }
body.mds[data-figma-design="362:3083"] .a08-photo figcaption { margin-top:12px; font:400 13px/21px var(--mh-text-f); color:var(--mh-muted); }
body.mds[data-figma-design="362:3083"] .a08-proof { border-block:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:3083"] .a08-proof>.mh-wrap { display:block; }
body.mds[data-figma-design="362:3083"] .a08-proof .mh-figs__row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin:44px 0 0; }
body.mds[data-figma-design="362:3083"] .a08-proof .mh-fig { display:flex; flex-direction:column; justify-content:flex-end; gap:12px; height:73.25px; padding:0 0 0 25px; border:0; border-left:1px solid var(--mh-line-2); }
body.mds[data-figma-design="362:3083"] .a08-proof .mh-fig:first-child { padding-left:0; border-left:0; }
body.mds[data-figma-design="362:3083"] .a08-proof dd { flex:none; order:-1; margin:0; font:500 43px/48px var(--mh-display); letter-spacing:-.645px; color:var(--mh-text); }
body.mds[data-figma-design="362:3083"] .a08-proof dt { flex:none; font:400 15px/23px var(--mh-text-f); color:var(--mh-muted); }
body.mds[data-figma-design="362:3083"] .a08-closing { background:var(--mh-void); }
body.mds[data-figma-design="362:3083"] .a08-closing__row { display:flex; align-items:flex-start; gap:64px; }
body.mds[data-figma-design="362:3083"] .a08-closing__copy { flex:1; min-width:0; display:flex; flex-direction:column; gap:16px; }
body.mds[data-figma-design="362:3083"] .a08-main .a08-closing h2 { font:500 43px/48px var(--mh-display); letter-spacing:-.645px; }
body.mds[data-figma-design="362:3083"] .mh-nav__in { max-width:1440px; padding-inline:var(--a08-inset); }
body.mds[data-figma-design="362:3083"] .mh-nav__in::after { inset-inline:var(--a08-inset); }
body.mds[data-figma-design="362:3083"] .mh-logo__word { -webkit-mask-image:url('../assets/about-figma08/0443a.png'); mask-image:url('../assets/about-figma08/0443a.png'); }
body.mds[data-figma-design="362:3083"] .mh-foot { padding-block:24px; background:var(--mh-deep); border-top:1px solid var(--mh-line-1); }
body.mds[data-figma-design="362:3083"] .mh-foot__main { display:grid; grid-template-columns:minmax(0,322fr) minmax(0,966fr); gap:24px; }
body.mds[data-figma-design="362:3083"] .mh-foot__cols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.mds[data-figma-design="362:3083"] .mh-foot__h { margin:0 0 20px; font:500 13px/1.4 var(--mh-display); letter-spacing:.13px; }
body.mds[data-figma-design="362:3083"] .mh-foot__col a { display:inline-flex; align-items:center; min-height:33px; padding-block:5px; font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:3083"] .mh-foot__name { margin:0; padding-top:20px; height:44px; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:3083"] .mh-foot__social { margin-top:20px; }
body.mds[data-figma-design="362:3083"] .mh-foot__social a { min-height:44px; font:400 13px/21px var(--mh-text-f); text-decoration:underline; }
body.mds[data-figma-design="362:3083"] .mh-foot__legal { margin-top:24px; padding-top:24px; gap:20px; font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:3083"] .mh-foot__legal>p { display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px; }
body.mds[data-figma-design="362:3083"] .mh-foot__legal strong { font-weight:600; }
body.mds[data-figma-design="362:3083"] .mh-foot__policies { gap:20px; }
body.mds[data-figma-design="362:3083"] .mh-foot__policies :is(a,button) { min-height:44px; font:400 13px/21px var(--mh-text-f); text-decoration:underline; }
@media(max-width:1199px) {
 body.mds[data-figma-design="362:3083"] { --a08-inset:40px; }
 body.mds[data-figma-design="362:3083"] .a08-hero__row { gap:40px; }
 body.mds[data-figma-design="362:3083"] .a08-photos { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
 body.mds[data-figma-design="362:3083"] .a08-hero__row { grid-template-columns:1fr; gap:32px; }
 body.mds[data-figma-design="362:3083"] .a08-hero__image { height:auto; aspect-ratio:624/483; }
 body.mds[data-figma-design="362:3083"] .mh-foot__main { grid-template-columns:1fr; gap:28px; }
}
@media(max-width:767px) {
 body.mds[data-figma-design="362:3083"] { --a08-inset:20px; }
 body.mds[data-figma-design="362:3083"] .a08-section { padding-block:24px; }
 body.mds[data-figma-design="362:3083"] .a08-main h1 { font-size:40px; line-height:1.12; letter-spacing:-.6px; }
 body.mds[data-figma-design="362:3083"] .a08-main h2 { font-size:28px; line-height:1.2; letter-spacing:-.42px; }
 body.mds[data-figma-design="362:3083"] .a08-main p { font-size:16px; line-height:26px; }
 body.mds[data-figma-design="362:3083"] .a08-main .a08-lead { font-size:20px; line-height:1.4; }
 body.mds[data-figma-design="362:3083"] .a08-diagram { flex-direction:column; margin-top:32px; }
 body.mds[data-figma-design="362:3083"] .a08-diagram__platform { flex:auto; }
 body.mds[data-figma-design="362:3083"] .a08-photos { margin-top:32px; gap:24px 20px; }
 body.mds[data-figma-design="362:3083"] .a08-proof>.mh-wrap { display:block; }
body.mds[data-figma-design="362:3083"] .a08-proof .mh-figs__row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; margin-top:28px; }
 body.mds[data-figma-design="362:3083"] .a08-proof .mh-fig { height:auto; min-height:83px; }
 body.mds[data-figma-design="362:3083"] .a08-proof .mh-fig:nth-child(3) { border-left:0; padding-left:0; }
 body.mds[data-figma-design="362:3083"] .a08-closing__row { flex-direction:column; gap:24px; }
 body.mds[data-figma-design="362:3083"] .a08-main .a08-closing h2 { font-size:32px; line-height:1.12; letter-spacing:-.48px; }
 body.mds[data-figma-design="362:3083"] .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
 body.mds[data-figma-design="362:3083"] .mh-foot__col a { min-height:44px; }
 body.mds[data-figma-design="362:3083"] .mh-foot__legal>p { flex-direction:column; gap:12px; }
}
@media(max-width:480px) {
 body.mds[data-figma-design="362:3083"] .a08-photos { grid-template-columns:1fr; }
}

/* Updated Services Courseware photo, Figma node 429:486.
   The 16px outside stroke extends a 200px image to 232px visual bounds. */
body.mds[data-figma-design="362:1904"] .sv-stage__photo--courseware { border-radius:50%; outline:16px solid #ad1d36; }
body.mds[data-figma-design="362:1904"] .sv-stage__photo--courseware img { inset:0; width:100%; height:100%; object-fit:cover; border-radius:50%; }
@media(max-width:767px) {
 body.mds[data-figma-design="362:1904"] .sv-stage__photo--courseware { outline-width:5.12px; }
}

/* Fit the video element to its natural frame so the shared 8px image corners clip the visible clip, including the poster. */
body.mds[data-figma-design="362:1468"] .ff-hero-media video { display:block; position:absolute; inset:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; border-radius:8px; background:var(--mh-panel-2); }

/* FLOW video controls use the existing theme tokens and 44px touch targets. */
body.mds[data-figma-design="362:1468"] .ff-video-controls { position:absolute; z-index:1; right:12px; bottom:12px; display:flex; gap:8px; }
body.mds[data-figma-design="362:1468"] .ff-video-controls[hidden] { display:none; }
body.mds[data-figma-design="362:1468"] .ff-video-controls button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 12px; border:1px solid var(--mh-line-3); border-radius:999px; background:var(--mh-bg); color:var(--mh-text); font:600 14px/20px var(--mh-text-f); box-shadow:0 2px 8px #0002; cursor:pointer; }
body.mds[data-figma-design="362:1468"] .ff-video-controls button:hover { background:var(--mh-panel-2); }
body.mds[data-figma-design="362:1468"] .ff-video-controls .ff-video-expand { width:44px; padding:0; }
body.mds[data-figma-design="362:1468"] .ff-video-controls button[hidden] { display:none; }
body.mds[data-figma-design="362:1468"] .ff-video-controls svg { display:block; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
body.mds[data-figma-design="362:1468"] .ff-video-controls .ff-video-play { fill:currentColor; stroke:none; }
body.mds[data-figma-design="362:1468"] [data-video-state="playing"] .ff-video-play,
body.mds[data-figma-design="362:1468"] [data-video-state="paused"] .ff-video-pause { display:none; }
body.mds[data-figma-design="362:1468"] .ff-hero-media:fullscreen { width:100%; height:100%; max-width:none; border-radius:0; background:#0d0f12; }
@media(forced-colors:active) { body.mds[data-figma-design="362:1468"] .ff-video-controls button { border-color:ButtonText; } }