@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&display=swap');

/* u218: presentation-only, deliberately confined to the Owner overview. */
.mov-page.mov-page {
  --mov-charcoal:var(--mkt-charcoal-2);
  --mov-gold:var(--cp-yellow, rgb(247 209 71));
  --mov-red:var(--mkt-red-2);
  width:100%;
  max-width:none;
  padding:32px 32px 72px;
  counter-reset:overview-part;
}
.mov-page .mov-hero {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  align-items:center;
  gap:24px 48px;
  position:relative;
  padding:44px;
  margin-bottom:36px;
  background:var(--mov-charcoal);
  border:1px solid var(--mkt-charcoal);
  border-bottom:5px solid var(--mov-red);
  border-radius:8px;
  box-shadow:0 16px 32px rgb(20 25 30 / 12%);
}
.mov-page .mov-hero::before {
  content:'THE NEXT CHAPTER OF YOUR BUSINESS';
  grid-column:1/-1;
  color:var(--mov-gold);
  font:800 12px/1.5 'Manrope',sans-serif;
  letter-spacing:.12em;
}
.mov-page .mov-hero__headline {
  font:800 clamp(30px,3.2vw,44px)/1.16 'Manrope',sans-serif;
  letter-spacing:-.045em;
  margin:0;
  max-width:560px;
  color:var(--mkt-white);
}
.mov-page .mov-hero__subhead {
  color:var(--mkt-text-on-dark-1);
  font-size:16px;
  line-height:1.8;
  border-left:2px solid var(--mov-gold);
  padding-left:28px;
}
.mov-page .mov-tile {
  border-radius:8px;
  margin-bottom:32px;
  box-shadow:0 8px 22px rgb(20 25 30 / 5%);
}
.mov-page .mov-tile__head {
  counter-increment:overview-part;
  position:relative;
  padding:28px 32px 28px 98px;
  background:var(--mkt-paper);
  border-bottom:1px solid var(--mkt-line);
}
.mov-page .mov-tile__head::before {
  content:'0' counter(overview-part);
  position:absolute;
  top:28px;
  left:28px;
  font:800 30px/1.2 'Manrope',sans-serif;
  color:var(--mov-red);
}
.mov-page .mov-tile__title {
  font:800 clamp(23px,2.1vw,29px)/1.2 'Manrope',sans-serif;
  letter-spacing:-.025em;
  color:var(--mov-charcoal);
  margin-bottom:9px;
}
.mov-page .mov-tile__subtitle {font-size:15px;color:var(--mkt-ink-2)}
.mov-page .mov-tile__body {padding:30px 32px}
.mov-page .mov-tile__lead {font-size:16px;line-height:1.8;margin-bottom:26px;max-width:960px}
.mov-page .mov-tile__para {font-size:16px;line-height:1.8}
.mov-page .mov-stages {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  border:0;
  margin:0;
}
.mov-page .mov-stages__item {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:18px;
  padding:24px;
  border:1px solid var(--mkt-line);
  border-top:3px solid var(--mov-red);
  border-radius:5px;
  background:var(--mkt-grey-3);
}
.mov-page .mov-stages__item:last-child {border:1px solid var(--mkt-line);border-top:3px solid var(--mov-red)}
.mov-page .mov-stages__label {display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.mov-page .mov-stages__num {font:800 36px/1 'Manrope',sans-serif;color:var(--mov-red)}
.mov-page .mov-stages__name {font:800 14px/1.35 'Manrope',sans-serif;letter-spacing:.015em}
.mov-page .mov-stages__body {font-size:14px;line-height:1.75}
.mov-page .mov-stages__item:nth-child(1),
.mov-page .mov-stages__item:nth-child(6) {
  background:var(--mov-charcoal);
  border-color:var(--mov-charcoal);
  border-top-color:var(--mov-gold);
}
.mov-page .mov-stages__item:nth-child(1) .mov-stages__num,
.mov-page .mov-stages__item:nth-child(6) .mov-stages__num {color:var(--mov-gold)}
.mov-page .mov-stages__item:nth-child(1) .mov-stages__name,
.mov-page .mov-stages__item:nth-child(6) .mov-stages__name {color:var(--mkt-white)}
.mov-page .mov-stages__item:nth-child(1) .mov-stages__body,
.mov-page .mov-stages__item:nth-child(6) .mov-stages__body {color:var(--mkt-text-on-dark-1)}
.mov-page .mov-tile:nth-of-type(3) .mov-tile__body {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.mov-page .mov-tile:nth-of-type(3) .mov-tile__lead {grid-column:1/-1;margin:0}
.mov-page .mov-tile:nth-of-type(3) .mov-tile__para:nth-child(2),
.mov-page .mov-tile:nth-of-type(3) .mov-tile__para:nth-child(3) {
  padding:24px;
  margin:0;
  background:var(--mkt-paper);
  border-left:3px solid var(--mov-red);
  color:var(--mkt-ink-1);
  font-weight:600;
}
.mov-page .mov-tile:nth-of-type(3) .mov-tile__para:last-child {
  grid-column:1/-1;
  border-top:1px solid var(--mkt-line);
  padding-top:20px;
  margin:0;
}
.mov-page .mov-tile:nth-of-type(4) .mov-tile__head {
  background:var(--mov-charcoal);
  border-bottom:3px solid var(--mov-gold);
}
.mov-page .mov-tile:nth-of-type(4) .mov-tile__head::before {color:var(--mov-gold)}
.mov-page .mov-tile:nth-of-type(4) .mov-tile__title {color:var(--mkt-white)}
.mov-page .mov-tile:nth-of-type(4) .mov-tile__subtitle {color:var(--mkt-text-on-dark-1)}
.mov-page .mov-tile__footer {padding:20px 32px;background:var(--mkt-paper);font-size:14px;line-height:1.7}
.mov-page .mov-tile__footer-link {color:var(--mov-red);text-decoration:underline;text-underline-offset:4px;font-weight:600}
.mov-page .mov-tile__footer--static {text-align:left;border-left:4px solid var(--mov-gold)}
.mov-page .mov-cta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:32px;
  text-align:left;
  background:var(--mov-charcoal);
  border-top:4px solid var(--mov-gold);
  padding:36px;
  box-shadow:0 12px 24px rgb(20 25 30 / 10%);
}
.mov-page .mov-cta__text {font:600 21px/1.55 'Manrope',sans-serif;color:var(--mkt-white);margin:0;max-width:700px}
.mov-page .mov-cta__button {flex-shrink:0;background:var(--mov-red);border:1px solid var(--mkt-red-3);padding:16px 26px;min-height:48px;font:800 15px/1.4 'Manrope',sans-serif}
.mov-page .mov-cta__button:hover {background:var(--mkt-red)}
.mov-page a:focus-visible {outline:3px solid var(--mov-gold);outline-offset:4px}
@media(max-width:1100px) {
  .mov-page .mov-hero {grid-template-columns:1fr;padding:32px;gap:24px}
  .mov-page .mov-hero__headline {max-width:700px}
  .mov-page .mov-stages {grid-template-columns:repeat(2,minmax(0,1fr))}
  .mov-page .mov-cta {flex-wrap:wrap}
}
@media(max-width:600px) {
  .mov-page.mov-page {padding:20px 14px 48px}
  .mov-page .mov-hero {padding:28px 22px}
  .mov-page .mov-hero__headline {font-size:30px}
  .mov-page .mov-hero__subhead {padding-left:18px;font-size:15px}
  .mov-page .mov-tile__head {padding:24px 20px 24px 70px}
  .mov-page .mov-tile__head::before {left:20px;top:24px;font-size:25px}
  .mov-page .mov-tile__body {padding:24px 20px}
  .mov-page .mov-stages,.mov-page .mov-tile:nth-of-type(3) .mov-tile__body {grid-template-columns:1fr}
  .mov-page .mov-stages__label {flex-direction:row;align-items:center;gap:18px}
  .mov-page .mov-stages__item {padding:22px}
  .mov-page .mov-tile__footer {padding:20px}
  .mov-page .mov-cta {padding:28px 24px}
  .mov-page .mov-cta__text {font-size:19px}
  .mov-page .mov-cta__button {width:100%;text-align:center}
}
