/* Additive presentation layer. Shared SEO content and section order stay intact. */
.mps-cinema {
  --cinema-ink: #0e1c25;
  --cinema-gold: #e4c99f;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fbfaf8;
  background: var(--cinema-ink);
}
.mps-cinema__scene {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mps-cinema::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(8, 20, 29, .94), rgba(8, 20, 29, .74) 43%, rgba(8, 20, 29, .26)), linear-gradient(0deg, rgba(8, 20, 29, .8), transparent 40%);
}
.mps-cinema__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  padding-block: clamp(3rem, 7vw, 6rem);
}
.mps-cinema.page-hero { padding: var(--nav-h, 92px) 0 0; }
.mps-owner-story .mps-cinema.page-hero::before, .mps-tech-story .mps-cinema.page-hero::before {
  background: linear-gradient(90deg, rgba(8,20,29,.82), rgba(8,20,29,.48) 43%, rgba(8,20,29,.08)), linear-gradient(0deg, rgba(8,20,29,.45), transparent 35%);
}
.mps-owner-story .mps-cinema.page-hero .mps-cinema__scene, .mps-tech-story .mps-cinema.page-hero .mps-cinema__scene { filter: brightness(1.12); }
.hostpilot-teaser.mps-cinema::before { background: linear-gradient(90deg,rgba(8,20,29,.87),rgba(8,20,29,.57) 43%,rgba(8,20,29,.12)),linear-gradient(0deg,rgba(8,20,29,.6),transparent 45%); }
.mps-cinema.page-hero .mps-cinema__grid { padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.mps-cinema.page-hero .hr-gold { margin-left: 0; }
.mps-cinema.page-hero .cta-row { justify-content: flex-start; }
.mps-cinema.page-hero p { max-width: none; margin-inline: 0; }
.mps-cinema.page-hero figure { margin: 0; }
.mps-cinema .section-title,
.mps-cinema h1 { color: #fbfaf8; }
.mps-cinema .eyebrow { color: var(--cinema-gold); }
.mps-cinema__copy { text-align: left; }
.mps-cinema__copy p { color: #eee9e0; line-height: 1.75; }
.mps-cinema .mps-product-position { font-family: var(--font-serif); font-size: clamp(1.3rem,2vw,1.75rem); color: #f0d8b6; line-height: 1.3; margin-bottom: 1rem; }
.mps-product-story-link { display: inline-block; color: #e4c99f; margin-top: 1rem; font-size: .875rem; text-underline-offset: .3em; }
.mps-founder-credit { display: flex; align-items: center; gap: 1.25rem; padding-top: 1.5rem; margin-top: 2rem; border-top: 1px solid var(--border); }
.mps-founder-credit img { width: 80px; height: 80px; object-fit: cover; border-radius: 50%; border: 1px solid var(--border); }
.mps-founder-credit span { font-size: .65rem; letter-spacing: .15em; color: var(--text-muted); }
.mps-founder-credit strong { display: block; font-family: var(--font-serif); font-size: 1.3rem; font-weight: 500; }
.mps-founder-credit p { margin: .3rem 0 0; font-size: .8rem; color: var(--text-muted); }
.mps-product-reasons { margin-top: 3rem; padding: clamp(1.5rem,4vw,3rem); background: #112a33; color: #f9f5ed; border-radius: 16px; }
.mps-product-reasons__intro { max-width: 650px; }
.mps-product-reasons .eyebrow { color: #e4c99f; }
.mps-product-reasons h3 { font-family: var(--font-serif); font-size: clamp(1.8rem,3vw,2.6rem); line-height: 1.25; color: #fbfaf8; margin-bottom: 1rem; }
.mps-product-reasons p { color: #e3ded4; line-height: 1.7; }
.mps-product-reasons__cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; margin-top: 2rem; }
.mps-product-reasons__cards article { padding-top: 1.5rem; border-top: 1px solid rgba(228,201,159,.4); }
.mps-product-reasons__number { color: #e4c99f; font-size: .65rem; letter-spacing: .12em; }
.mps-product-reasons h4 { font-family: var(--font-serif); font-size: 1.5rem; line-height: 1.3; color: #fbfaf8; margin: .9rem 0; }
.mps-product-reasons__cards p { font-size: .875rem; }
.mps-product-reasons__cards a { color: #e4c99f; font-size: .8rem; text-underline-offset: .3em; }
.mps-product-reasons__cta { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(228,201,159,.25); }
.mps-product-reasons__cta strong { font-family: var(--font-serif); font-size: 1.5rem; font-weight: 500; }
.mps-product-reasons__cta p { margin: .5rem 0 0; font-size: .875rem; }
.mps-product-reasons__cta .btn { flex-shrink: 0; }
#owner-portal, #team-operations, #finance-controls { scroll-margin-top: 110px; }
@media (max-width:900px) {
  .mps-product-reasons__cards { grid-template-columns: 1fr; }
  .mps-product-reasons__cta { align-items: flex-start; flex-direction: column; }
}
.mps-cinema__copy h1 { font-size: clamp(2.2rem, 3.6vw, 3.4rem); line-height: 1.15; }
.mps-cinema__copy .hr-gold { margin-left: 0; }
.mps-cinema__copy .partner-hero-sub { margin-inline: 0; max-width: 53ch; }
.mps-cinema__copy .cta-row { justify-content: flex-start; }
.mps-cinema .btn-outline { color: #fff; border-color: #d8c3a2; background: rgba(8, 20, 29, .28); }
.mps-cinema .btn-outline:hover { background: #e4c99f; color: #10202a; }
.mps-cinema__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.6rem; }
.mps-cinema__stage { min-width: 0; perspective: 1400px; }
.mps-cinema__frame {
  display: block;
  position: relative;
  padding: 9px;
  border: 1px solid rgba(228, 201, 159, .55);
  border-radius: 12px;
  background: #111b23;
  box-shadow: 0 35px 70px rgba(0, 0, 0, .45), 0 0 40px rgba(201, 152, 79, .12);
  transform: rotateY(-6deg) rotateX(2deg);
  transition: transform .5s ease, border-color .5s ease;
}
.mps-cinema__frame:hover { transform: rotateY(0) rotateX(0); border-color: #e4c99f; }
.mps-cinema__frame img { display: block; width: 100%; height: auto; border-radius: 5px; }
.mps-cinema__caption { margin-top: 1.2rem; display: flex; justify-content: space-between; gap: 1rem; color: #f0e8dc; font-size: .875rem; line-height: 1.5; }
.mps-cinema__caption span:first-child { color: #e4c99f; }
.mps-cinema__note { font-size: .8rem; color: #d8cdbc; margin-top: .75rem; line-height: 1.6; }
.mps-cinema.page-hero .mps-cinema__note { font-size: .8rem; color: #d8cdbc; line-height: 1.6; margin-top: .75rem; }
.mps-cinema__tabs { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.15rem; }
.mps-cinema__tabs button {
  font: inherit;
  font-size: .875rem;
  line-height: 1.4;
  padding: .75rem 1rem;
  border: 1px solid rgba(228, 201, 159, .5);
  border-radius: 3px;
  background: rgba(10, 24, 32, .65);
  color: #f4ecdf;
  cursor: pointer;
}
.mps-cinema__tabs button[aria-pressed="true"] { background: #e4c99f; border-color: #e4c99f; color: #10202a; }
.mps-cinema__panel[hidden] { display: none; }
.mps-cinema__benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid rgba(228, 201, 159, .35); }
.mps-cinema__benefits strong { display: block; font-size: .95rem; color: #e4c99f; margin-bottom: .35rem; }
.mps-cinema__benefits p { margin: 0; font-size: .875rem; line-height: 1.6; color: #eee9e0; }
.mps-cinema__footer { padding-bottom: 1.5rem; font-size: .8rem; color: #ddd0bb; text-align: right; }
.mps-portal-proof { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid var(--border); }
.mps-portal-proof__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 2rem; align-items: center; }
.mps-portal-proof h3 { font-family: var(--font-serif); font-size: clamp(1.75rem, 3vw, 2.6rem); line-height: 1.2; margin-bottom: 1rem; }
.mps-portal-proof figure { margin: 0; }
.mps-portal-proof figcaption { color: var(--text-muted); font-size: .875rem; line-height: 1.6; margin-top: .8rem; }
.mps-proof-screen { display: block; border: 1px solid var(--border); padding: 8px; background: var(--bg-elev); border-radius: 12px; box-shadow: 0 18px 45px rgba(20, 32, 40, .14); }
.mps-proof-screen img { display: block; width: 100%; height: auto; border-radius: 6px; }
.mps-design-story { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 2rem; align-items: center; margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid rgba(228, 201, 159, .3); }
.mps-design-story figure { margin: 0; }
.mps-design-story h3 { color: #fbfaf8; font-family: var(--font-serif); font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.2; margin-bottom: 1rem; }
.mps-design-story figcaption { color: #ddd0bb; font-size: .8rem; margin-top: .8rem; }
.mps-design-story .eyebrow { color: #e4c99f; }
.mps-screen-dialog { width: min(1250px, 96vw); max-height: 94vh; border: 1px solid #b9a27f; border-radius: 12px; padding: 1rem; background: var(--bg); color: var(--text); }
.mps-screen-dialog::backdrop { background: rgba(6, 15, 24, .88); }
.mps-screen-dialog__bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.mps-screen-dialog__bar p { margin: 0; font-size: .875rem; }
.mps-screen-dialog__bar button { font: inherit; padding: .65rem 1rem; border: 1px solid var(--border); border-radius: 5px; background: var(--bg-elev); color: var(--text); cursor: pointer; }
.mps-screen-dialog img { display: block; width: 100%; height: auto; }
.mps-cinema a:focus-visible,
.mps-cinema button:focus-visible,
.mps-proof-screen:focus-visible,
.mps-screen-dialog button:focus-visible { outline: 3px solid #e4c99f; outline-offset: 5px; }
.mps-cinema a { scroll-margin-top: 120px; }
/* The stay hero retains its real footage and poster. */
.hero-video .hero-overlay { background: linear-gradient(180deg, rgba(8, 22, 28, .25), rgba(8, 22, 28, .48) 65%, rgba(8, 22, 28, .72)); }
.mps-hero-kicker { text-transform: uppercase; letter-spacing: .2em; font-size: .8rem; color: #f0d8b6; margin-bottom: 1.25rem; }
@media (min-width: 900px) {
  .mps-cinema__frame { animation: mps-screen-arrive 1.2s ease both; }
}
@keyframes mps-screen-arrive { from { transform: translateY(18px) rotateY(-6deg) rotateX(2deg); } to { transform: translateY(0) rotateY(-6deg) rotateX(2deg); } }
@media (max-width: 900px) {
  .mps-cinema__grid { grid-template-columns: 1fr; gap: 2rem; }
  .mps-cinema::before { background: linear-gradient(180deg, rgba(8, 20, 29, .9), rgba(8, 20, 29, .7)); }
  .mps-cinema__copy { max-width: 650px; }
  .mps-cinema__stage { width: 100%; max-width: 760px; margin-inline: auto; }
  .mps-cinema__frame { transform: none; }
  .mps-portal-proof__grid, .mps-design-story { grid-template-columns: 1fr; }
  .mps-tech-grid { grid-template-columns: 1fr !important; }
  .mps-cinema.page-hero { min-height: auto; }
  .mps-cinema.page-hero { padding-top: var(--nav-h-mobile, 76px); }
}
@media (max-width: 560px) {
  .mps-cinema__benefits { grid-template-columns: 1fr; gap: 1rem; }
  .mps-cinema__caption { flex-direction: column; gap: .3rem; }
  .mps-cinema__tabs { gap: .4rem; }
  .mps-cinema__tabs button { flex: 1; padding: .7rem .55rem; }
  .mps-cinema__frame { padding: 5px; }
  .mps-cinema__actions .btn { width: 100%; text-align: center; }
  .mps-cinema__footer { text-align: left; }
  .mps-screen-dialog { padding: .65rem; }
}
@media (prefers-reduced-motion: reduce) {
  .mps-cinema__frame { animation: none; transition: none; transform: none; }
}

/* Chapters sit inside the existing hero; editorial panels keep the SEO layers. */
.mps-owner-chapters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(228,201,159,.3); }
.mps-owner-chapters a { display: flex; align-items: center; gap: .8rem; color: #f3ebdf; padding: 1.35rem 1rem; text-decoration: none; font-size: .875rem; }
.mps-owner-chapters a + a { border-left: 1px solid rgba(228,201,159,.3); }
.mps-owner-chapters span { color: #e4c99f; font-size: .7rem; letter-spacing: .15em; }
.mps-owner-chapters b { margin-left: auto; color: #e4c99f; font-size: 1.2rem; font-weight: 400; }
.mps-owner-chapters a:hover { background: rgba(228,201,159,.08); }
.mps-report-story, .mps-prep-story { scroll-margin-top: 120px; border: 0; padding: clamp(1.5rem,4vw,3.5rem); border-radius: 16px; overflow: hidden; }
.mps-report-story { position: relative; isolation: isolate; color: #f8f3e9; background: #10232e; box-shadow: 0 24px 55px rgba(16,35,46,.16); }
.mps-report-story::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 90% 0%,rgba(210,167,101,.18),transparent 65%),linear-gradient(135deg,transparent 50%,rgba(86,119,130,.15)); }
.mps-report-story h3, .mps-report-story .section-title { color: #fbfaf8; }
.mps-report-story p { color: #e5ded2; line-height: 1.75; }
.mps-report-story .eyebrow { color: #e4c99f; }
.mps-report-story figcaption { color: #cec4b4; font-size: .8rem; }
.mps-report-story .mps-proof-screen { border-color: rgba(228,201,159,.55); background: #152833; box-shadow: 0 24px 45px rgba(0,0,0,.3); }
.mps-report-path { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.25rem; }
.mps-report-path span { padding: .45rem .75rem; border: 1px solid rgba(228,201,159,.35); border-radius: 50px; font-size: .75rem; color: #e4c99f; }
.mps-prep-story { background: #ece4d6; color: #24342d; border: 1px solid #d7c7ae; box-shadow: 0 18px 45px rgba(80,62,36,.08); }
.mps-prep-story .mps-portal-proof__grid { grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr); }
.mps-prep-story h3 { color: #22382e; }
.mps-prep-story p { color: #38463c; line-height: 1.75; }
.mps-prep-story .eyebrow { color: #6c5737; }
.mps-prep-story figcaption { color: #655f52; font-size: .8rem; }
.mps-prep-story .mps-proof-screen { background: #faf7f1; border-color: #c8b493; box-shadow: 0 18px 35px rgba(76,58,28,.13); }
.mps-design-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; list-style: none; padding: 0; margin: 1.5rem 0; }
.mps-design-steps li { border-top: 1px solid currentColor; padding-top: .75rem; font-size: .75rem; line-height: 1.6; }
.mps-design-steps span { display: block; font-size: .65rem; letter-spacing: .14em; margin-bottom: .3rem; opacity: .7; }
.mps-design-story--editorial { padding: clamp(1.25rem,3vw,2.5rem); border: 1px solid rgba(228,201,159,.28); border-radius: 14px; background: linear-gradient(135deg,rgba(9,23,30,.88),rgba(34,47,47,.88)); box-shadow: 0 20px 45px rgba(0,0,0,.18); margin-bottom: 1.5rem; }
.mps-design-story--editorial .mps-design-steps { color: #e4c99f; }
.mps-ops-showcase { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.32fr); align-items: center; gap: clamp(1.5rem,4vw,3.5rem); margin-top: 3rem; padding: clamp(1.25rem,3vw,2.5rem); border: 1px solid var(--border); background: var(--bg); border-radius: 16px; }
.mps-ops-showcase figure { margin: 0; min-width: 0; }
.mps-ops-showcase__phone { max-width: 260px; }
.mps-ops-showcase figcaption { font-size: .8rem; color: var(--text-muted); line-height: 1.6; margin-top: 1.25rem; }
.mps-ops-showcase figcaption strong { display: block; font-family: var(--font-serif); font-size: 1.3rem; font-weight: 500; color: var(--text); margin-bottom: .3rem; }
.mps-cinema .mps-design-story p { color: #eee9e0; line-height: 1.75; }
.mps-cinema .mps-design-story .eyebrow { color: #e4c99f; }
.mps-potential-band { position: relative; overflow: hidden; background: radial-gradient(ellipse at 0% 100%,rgba(203,169,111,.16),transparent 65%),#172b35; }
.mps-potential-band .container { position: relative; }
.mps-owner-story .svc-tile { transition: transform .3s ease,box-shadow .3s ease; }
.mps-owner-story .svc-tile:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(24,42,48,.1); }
[data-cinema-reveal].mps-reveal-ready { transition: transform .75s cubic-bezier(.2,.6,.2,1); transform: translateY(16px); }
[data-cinema-reveal].mps-reveal-ready.mps-in-view { transform: none; }
@media (max-width:900px) {
  .mps-prep-story .mps-portal-proof__grid { grid-template-columns: 1fr; }
  .mps-owner-story .mps-cinema.page-hero::before, .mps-tech-story .mps-cinema.page-hero::before { background: linear-gradient(180deg,rgba(8,20,29,.8),rgba(8,20,29,.38)); }
  .hostpilot-teaser.mps-cinema::before { background: linear-gradient(180deg,rgba(8,20,29,.85),rgba(8,20,29,.48)); }
}
@media (max-width:560px) {
  .mps-ops-showcase { grid-template-columns: 1fr; }
  .mps-ops-showcase__phone { width: min(100%,260px); margin-inline: auto !important; }
  .mps-owner-chapters { grid-template-columns: 1fr; }
  .mps-owner-chapters a { padding: 1rem .25rem; }
  .mps-owner-chapters a + a { border-left: 0; border-top: 1px solid rgba(228,201,159,.2); }
  .mps-report-story, .mps-prep-story { border-radius: 10px; }
  .mps-design-steps { gap: .5rem; }
}
@media (prefers-reduced-motion:reduce) {
  [data-cinema-reveal].mps-reveal-ready, .mps-owner-story .svc-tile { transition: none; transform: none; }
  .mps-owner-story .svc-tile:hover { transform: none; }
}