/* Hug-only full-bleed hero. Navigation uses the shared shell's opt-in hero mode. */
#movo-content { padding-top:0; }
#movo-content .ads-hero {
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  width:100%;
  min-height:100svh;
  padding:160px 32px 120px;
  color:#fff;
  text-align:center;
}
#movo-content .hug-hero-background {
  position:absolute;
  inset:0;
  z-index:-1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}
#movo-content .hug-hero-copy { width:100%; max-width:1180px; }
#movo-content .ads-hero h1 { color:#fff; padding-block:0; line-height:1.12; }
#movo-content .ads-hero .hero-description {
  max-width:980px;
  margin:16px auto 0;
  color:#fff;
  font-size:20px;
  line-height:1.4;
}
#movo-content .ads-hero .ads-workspace {
  width:min(640px,100%);
  margin:22px auto 0;
  padding:12px 16px;
  border:0;
  background:#fff;
  box-shadow:none;
  border-radius:20px;
  color:#252331;
}
#movo-content .ads-hero .ads-workspace textarea {
  min-height:56px;
  height:56px;
  padding:2px 0 6px;
  font-size:14px;
  line-height:22px;
}
#movo-content .ads-hero .workspace-toolbar { margin-top:8px; gap:12px; }
#movo-content .ads-hero .workspace-add,
#movo-content .ads-hero .generate-button { min-height:36px; font-size:12px; padding-inline:12px; }
#movo-content .ads-hero .workspace-mode { font-size:12px; padding:8px 10px; }
#movo-content .ads-examples { padding-top:100px; }
/* Match near-white image margins without multiplying the lavender artwork. */
#movo-content #how-it-works .info-card { display:flex; flex-direction:column; }
#movo-content #how-it-works .ads-media { flex:none; aspect-ratio:3/4; background:#f8f6fd; isolation:isolate; }
#movo-content #how-it-works .ads-media img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; mix-blend-mode:darken; }
#movo-content #how-it-works .info-card h3 { margin-bottom:0; }
#movo-content #how-it-works .info-card p { margin-bottom:0; }
@media(max-width:700px) {
  #movo-content .ads-hero { padding:120px 20px 80px; }
  #movo-content .ads-hero h1 { font-size:clamp(36px,8vw,52px); }
  #movo-content .ads-hero .hero-description { margin-top:12px; font-size:16px; line-height:1.4; }
  #movo-content .ads-hero .ads-workspace { margin-top:18px; padding:12px; }
  #movo-content .ads-hero .ads-workspace textarea { min-height:66px; height:66px; }
  #movo-content .ads-examples { padding-top:64px; }
}
/* Keep feature titles on one line in the existing desktop columns. */
@media(min-width:701px) {
  #movo-content #features .feature-copy h3 { font-size:clamp(16px,2.15vw,26px); }
}
/* Three hug categories, following the Hotel Lobby image/title/description layout. */
#movo-content .hug-types .section-heading p { max-width:850px; margin:20px auto 0; color:var(--muted); font-size:18px; line-height:1.65; }
#movo-content .hug-types-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
#movo-content .hug-type-media { aspect-ratio:4/3; border-radius:20px; background:#f7f7fa; }
#movo-content .hug-type-card h3 { margin-top:24px; font-size:22px; font-weight:600; line-height:1.3; letter-spacing:-.025em; }
#movo-content .hug-type-card p { margin-top:12px; color:var(--muted); font-size:18px; line-height:1.65; }
@media(max-width:700px) {
  #movo-content .hug-types-grid { grid-template-columns:1fr; gap:30px; }
  #movo-content .hug-types .section-heading p { font-size:16px; margin-top:16px; }
  #movo-content .hug-type-card h3 { margin-top:18px; }
  #movo-content .hug-type-card p { font-size:16px; }
}
#movo-content .hug-type-media img { display:block; width:100%; height:100%; aspect-ratio:4/3; object-fit:cover; object-position:center; border-radius:inherit; }