/* Current presentation layout. Loaded last so historical display styles cannot
   enlarge shared components again. Images retain their full aspect ratio;
   the existing zoom controls provide the full-size view. */

/* Home hero with the two real product views. */
.home-workbench {
  display:grid; grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr); align-items:center;
  column-gap:clamp(28px,4.2vw,68px); row-gap:24px; padding-block:clamp(36px,5vw,76px) 20px;
}
.home-workbench > * { min-width:0; }
.home-workbench-eyebrow { margin:0 0 22px; color:#c8d3c1; font:11px/1.6 var(--mv-font-meta,'DM Mono',monospace); letter-spacing:.06em; }
.movely-landing .home-workbench h1 { margin:0; font-size:clamp(44px,4.65vw,82px); line-height:.99; letter-spacing:-.025em; }
.home-workbench h1 em { color:#d8ee83; font-style:normal; }
.home-workbench-lead { max-width:380px; margin:22px 0 0; font-size:16px; line-height:1.65; color:#c8d3c1; }
.home-workbench .landing-actions { gap:6px 18px; margin-top:24px; }
.home-workbench .landing-actions .button { min-height:48px; }
.home-workbench-access, .home-preview-link {
  display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#f5f3eb;
  font-size:13px; text-decoration:underline; text-underline-offset:4px;
}
.home-preview-link { margin-top:6px; color:#d8ee83; }
.home-preview-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.home-preview-tabs > button {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 12px;
  min-height:44px; border:1px solid #64765f; border-radius:6px; background:transparent;
  color:#e3eade; font-size:13px; font-weight:600; line-height:1.3; text-align:left;
}
.home-preview-tabs > button:hover { background:#294235; }
.home-preview-tabs > button[aria-selected=true] { background:#d8ee83; border-color:#d8ee83; color:#15271f; }
.home-preview-tabs svg { flex:none; }
.home-preview-stage {
  overflow:hidden; padding:clamp(14px,2.2vw,32px); border:1px solid #526b54; border-radius:12px;
  background:linear-gradient(135deg,#344e3b,#223a2d 70%);
}
.home-preview-stage .course-product-pair {
  grid-template-columns:minmax(0,1fr) minmax(0,28%); gap:0; align-items:center;
}
.home-preview-stage .course-product-pair-agenda { margin-top:-3%; }
.home-preview-stage .course-product-pair-agenda button { box-shadow:0 10px 24px #10211870; }
.home-preview-stage .course-product-pair-public { width:100%; margin-top:14%; margin-left:-6%; }
.home-preview-stage .course-product-pair-device { box-shadow:0 8px 18px #10211890; }
.home-workbench-video { display:block; width:min(100%,760px); grid-column:1 / -1; justify-self:center; }
.home-workbench :is(a,button):focus-visible { outline:3px solid #d8ee83; outline-offset:3px; }
.home-workbench + .landing-reassurance { padding-block:16px 24px; }

@media(max-width:900px) {
  .home-workbench { grid-template-columns:minmax(0,1fr); }
  .home-workbench-evidence { width:100%; max-width:740px; }
}
@media(max-width:650px) {
  .home-workbench { row-gap:20px; padding-block:26px 8px; }
  .home-workbench-eyebrow { font-size:9px; margin-bottom:12px; }
  .movely-landing .home-workbench h1 { font-size:clamp(43px,11.3vw,64px); }
  .home-workbench-lead { margin-top:14px; font-size:14px; }
  .home-workbench .landing-actions { flex-direction:row; flex-wrap:wrap; gap:6px 8px; margin-top:16px; }
  .home-workbench .landing-actions .button { flex:0 0 auto; padding-inline:12px; }
  .home-preview-tabs > button { flex:1 1 0; font-size:12px; gap:6px; padding-inline:9px; }
  .home-preview-stage .course-product-pair-device { padding:9px 3px 3px; border-radius:12px; }
  .home-preview-stage .course-product-pair-device::before { top:3px; height:3px; }
  .home-preview-stage .course-product-pair-viewport { border-radius:4px 4px 7px 7px; }
}
@media(max-width:359px) {
  .home-preview-tabs svg { display:none; }
}

.home-feature-explorer .landing-section-heading { display:block; }
.home-feature-explorer .landing-feature-panel { grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); }
.home-feature-explorer .landing-feature-copy > a { min-height:44px; }
@media(max-width:899px) {
  .home-feature-explorer .landing-feature-panel { grid-template-columns:minmax(0,1fr); }
  .home-feature-explorer .landing-feature-tabs { margin-bottom:16px; }
}

.home-courses-screen { position:relative; aspect-ratio:1.86; cursor:zoom-in; }
.home-courses-screen > img { position:absolute; width:124%; max-width:none; top:0; left:0; transform:translate(-18%,-37.5%); }

.current-pilot-demo-link { margin:16px 0 0; }
.current-public-pilot form[hidden] ~ .current-pilot-demo-link { display:none; }
.current-pilot-demo-link > a { min-height:44px; }
.current-demo-request { max-width:760px; }
.movely-landing .current-demo-request h1 { font-size:clamp(44px,6vw,72px); }
.current-demo-request h1 em { color:#d8ee83; font-style:normal; }
.current-demo-request > p:not(.overline) { margin-top:20px; line-height:1.7; color:#c8d3c1; overflow-wrap:anywhere; }
.current-demo-request .text-link { font-size:inherit; text-decoration:underline; text-underline-offset:4px; }
.current-demo-request > .landing-actions .button { white-space:normal; }

.movely-landing .current-public-main .home-closing {
  padding-block: 64px;
}

.movely-landing .home-closing .closing-mark {
  margin-bottom: 20px;
}

.movely-landing .home-closing h2 {
  max-width: 900px;
  margin: 0 auto;
  font-size: clamp(44px, 4.5vw, 64px);
  line-height: 1.08;
  letter-spacing: -.015em;
  text-wrap: balance;
}

.movely-landing .home-closing > p {
  max-width: 620px;
}

.home-closing-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px 28px;
}

.home-closing-actions .landing-closing-contact {
  margin: 0;
}

@media (min-width: 1001px) {
  .landing-feature-panel {
    max-width: 1120px;
    margin-inline: auto;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: 40px;
  }

  .product-story-grid {
    max-width: 1020px;
    margin-inline: auto;
    grid-template-columns: minmax(0, 780px) minmax(0, 200px);
    gap: 28px 40px;
  }


}

@media (min-width: 651px) and (max-width: 1000px) {
  .landing-feature-screen {
    max-width: 720px;
    justify-self: center;
  }
}

@media (max-width: 650px) {
  .movely-landing .current-public-main .home-closing {
    padding-block: 48px;
  }

  .movely-landing .home-closing h2 {
    font-size: clamp(36px, 9vw, 48px);
  }

  .home-closing-actions {
    flex-direction: column;
    gap: 12px;
  }

  .home-closing-actions > a {
    width: 100%;
    max-width: 340px;
    justify-content: space-between;
  }
}