/* Approved management presentation. The existing brand tokens remain authoritative. */
.management-copy { --mg-rule: var(--hairline); --mg-screen: calc(100svh - var(--header-h)); }
html.management-copy-page { scroll-snap-type: y proximity; }
html.management-copy-page.has-fragment { scroll-snap-type: none; }
.management-copy > section {
  height: auto;
  min-height: var(--mg-screen);
  overflow: visible;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  scroll-margin-top: 0;
}
.management-copy > .mg-hero {
  min-height: var(--mg-screen);
  padding-block: clamp(36px, 7svh, 80px);
  align-content: safe center;
  text-align: center;
  justify-items: center;
}
.management-copy .mg-hero h1 { max-width: 1010px; font-size: clamp(46px, 5.7vw, 78px); }
.management-copy .mg-hero .hero-lede { max-width: 735px; margin: 28px auto 0; font-size: clamp(17px, 1.65vw, 20px); }
.management-copy .mg-hero .button-row { margin-top: 32px; justify-content: center; }
.management-copy .mg-hero--experience { padding-block: clamp(36px, 7svh, 80px); }
.management-copy .mg-hero--experience h1 { max-width: 850px; }
.management-copy .mg-preview-jump { margin-top: 24px; justify-self: start; }
.management-copy > .mg-section { display: grid; align-content: safe center; padding-block: clamp(36px, 6svh, 72px); background: var(--bg); }
.management-copy .mg-section-inner { min-width: 0; }
.management-copy .mg-section--editorial .mg-section-inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 18px clamp(42px, 8vw, 110px); align-items: start; }
.management-copy .mg-section-heading { min-width: 0; }
.management-copy .mg-section-number { display: block; margin-bottom: 20px; color: var(--page-accent, var(--teal)); font: 500 11px/1.3 var(--font-mono); letter-spacing: .11em; }
.management-copy h2 { max-width: 810px; margin: 0; font-size: clamp(30px, 3.65vw, 49px); font-weight: 500; line-height: 1.14; letter-spacing: -.05em; text-wrap: balance; }
.management-copy .mg-section-copy { min-width: 0; max-width: 760px; }
.management-copy .mg-section-copy p { margin: 0 0 21px; color: var(--muted); font-size: clamp(16px, 1.5vw, 18px); line-height: 1.67; }
.management-copy .mg-section-copy p:last-child { margin-bottom: 0; }
.management-copy .mg-section--editorial .mg-section-copy { padding-top: 34px; }
.management-copy .mg-section-copy a:not(.text-link) { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.management-copy .mg-section--wide .mg-section-heading { text-align: center; }
.management-copy .mg-section--wide h2 { margin-inline: auto; }
.management-copy .mg-section--wide .mg-section-copy { margin: 24px auto 0; text-align: center; }
.management-copy .mg-section--wide .mg-section-copy p { max-width: 760px; }
.management-copy .mg-section--wide .mg-related { justify-content: center; }
.management-copy .mg-related { display: flex; flex-wrap: wrap; gap: 15px 28px; margin-top: 24px; }
.management-copy .mg-related .text-link { align-self: flex-start; }
.management-copy .mg-list { margin: 25px 0 0; padding-left: 22px; color: var(--muted); font-size: clamp(16px, 1.5vw, 18px); line-height: 1.65; }
.management-copy .mg-list li + li { margin-top: 12px; }
.management-copy .mg-question-list,
.management-copy .mg-owner-questions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 48px); margin: 42px 0 0; padding: 0; list-style: none; }
.management-copy .mg-question-list li,
.management-copy .mg-question { min-width: 0; padding-top: 20px; text-align: center; color: var(--ink); font-size: clamp(21px, 2.3vw, 28px); line-height: 1.3; letter-spacing: -.035em; }
.management-copy .mg-question-number { display: block; margin-bottom: 24px; color: var(--page-accent, var(--teal)); font: 500 11px/1.5 var(--font-mono); letter-spacing: .08em; }
.management-copy .mg-question { display: flex; flex-direction: column; align-items: center; text-decoration: none; }
.management-copy .mg-question > .ui-icon { margin-top: 24px; width: 22px; height: 22px; transition: transform .2s ease; }
.management-copy .mg-question:hover > .ui-icon { transform: translateX(4px); }
.management-copy .mg-question:focus-visible,
.management-copy .mg-audience:focus-visible { outline: 2px solid var(--page-accent, var(--ink)); outline-offset: 6px; }
.management-copy .mg-audiences { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin-top: 42px; }
.management-copy .mg-audience { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 21px 0 0; text-align: center; text-decoration: none; color: var(--ink); }
.management-copy .mg-audience .mini-label { line-height: 1.5; }
.management-copy .mg-audience-heading { display: block; margin: 25px 0; font-size: clamp(21px, 2.2vw, 27px); line-height: 1.25; letter-spacing: -.04em; }
.management-copy .mg-audience > .ui-icon { margin-top: auto; width: 22px; height: 22px; }
.management-copy .mg-actions { flex-wrap: wrap; row-gap: 19px; }
.management-copy .mg-closing-actions { grid-column: 2; margin-top: 10px; }
.management-copy .mg-section--wide .mg-closing-actions { margin-top: 38px; }
.management-copy .mg-section--closing { padding-block: clamp(36px, 6svh, 72px); }
.management-copy .mg-retained { min-width: 0; margin-top: 44px; }
.management-copy .mg-media-note { margin: 18px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.management-copy .mg-workspace { max-width: 1080px; }
.management-copy .mg-workspace .product-shot { width: 100%; max-width: none; margin: 0; }
.management-copy .mg-workspace { margin-inline: auto; }
.management-copy .mg-workspace .laptop-scene { max-width: min(980px, max(300px, calc((var(--mg-screen) - 520px) * 16 / 9))); margin-inline: auto; }
.management-copy .mg-workspace .workspace-gallery-controls { margin-top: 25px; }
.management-copy .mg-workspace .workspace-tabs button { min-height: 44px; font-size: 12px; }
.management-copy > .mg-landing-film { min-height: 100svh; height: auto; }
.mg-landing-film .hf-frame { width: min(100%, 1920px, calc(100svh * 16 / 9)); }
.mg-landing-film .hf-copy h1 { white-space: normal; text-wrap: balance; }
.mg-landing-film .hf-copy .eyebrow { display: block; }
.mg-landing-film .eyebrow-rule, .mg-landing-film .eyebrow-grape { display: none; }
@media (min-width: 1100px) {
  .mg-landing-film .hf-copy { width: calc(800 * var(--u)); padding-block: 24px; }
  .mg-landing-film .hf-copy h1 { font-size: clamp(38px, calc(78 * var(--u)), 78px); }
  .mg-landing-film .hf-copy .hero-lede { max-width: calc(740 * var(--u)); margin-top: clamp(18px, 2.5svh, 32px); font-size: clamp(16px, calc(24 * var(--u)), 21px); }
  .mg-landing-film .hf-copy .eyebrow { margin-bottom: clamp(18px, 2.5svh, 32px); font-size: 11px; }
  .mg-landing-film .hf-copy .button-row { margin-top: clamp(22px, 3svh, 36px); flex-wrap: wrap; gap: 16px 24px; }
}
@media (max-width: 1099px) {
  .mg-landing-film .hf-copy h1 { position: static; width: auto; translate: none; font-size: clamp(36px, 5.5vw, 56px); line-height: 1.08; pointer-events: auto; }
  .mg-landing-film .hf-copy-in { padding-block: 24px 40px; }
  .mg-landing-film .hf-copy .eyebrow { margin-bottom: 20px; }
  .mg-landing-film .hf-copy .hero-lede { margin-top: 24px; }
  .mg-landing-film .hf-copy .button-row { margin-top: 28px; flex-wrap: wrap; }
}
.management-copy .mg-experience { margin-top: 32px; }
.management-copy .mg-experience .xh-preview { height: auto; min-height: 0; overflow: visible; padding: 16px 0 0; }
.management-copy .mg-experience .xh-phone { width: min(100%, 450px); margin-inline: auto; }
.management-copy .mg-experience .container { width: 100%; }
.management-copy .mg-b207 > section { height: auto; min-height: 0; overflow: visible; padding-block: 36px; }
.management-copy .mg-b207 .container { width: 100%; }
.management-copy .mg-team .team-grid { margin-top: 0; }
.management-copy .mg-table-wrap { margin-top: 30px; }
.management-copy .mg-table-hint { margin: 0 0 8px; color: var(--muted); font-size: 12px; }
.management-copy .mg-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--mg-rule); border-radius: 12px; }
.management-copy .mg-table-scroll:focus-visible { outline: 2px solid var(--page-accent, var(--ink)); outline-offset: 4px; }
.management-copy .mg-table { width: 100%; min-width: 650px; border-collapse: collapse; font-size: 15px; line-height: 1.5; text-align: left; }
.management-copy .mg-table th,
.management-copy .mg-table td { padding: 18px 22px; vertical-align: top; white-space: pre-line; border-bottom: 1px solid var(--mg-rule); }
.management-copy .mg-table thead th { background: color-mix(in srgb, var(--ink) 4%, var(--bg)); color: var(--muted); font-size: 12px; font-weight: 600; }
.management-copy .mg-table tbody th { color: var(--ink); font-weight: 600; }
.management-copy .mg-table tbody td { color: var(--muted); }
.management-copy .mg-table tr:last-child > * { border-bottom: 0; }
.management-copy .mg-section--packs .mg-table,
.management-copy .mg-section--rates .mg-table { min-width: 0; }
.management-copy .mg-section--rates .mg-table-wrap { max-width: 880px; }
.management-copy .mg-section--rates .mg-table td { width: 26%; font-variant-numeric: tabular-nums; }
.management-copy .mg-section--application .mg-section-inner { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); column-gap: clamp(40px, 7vw, 90px); align-items: start; }
.management-copy .mg-section--application .mg-section-heading { grid-column: 1; grid-row: 1; }
.management-copy .mg-section--application .mg-section-copy { grid-column: 1; grid-row: 2; }
.management-copy .mg-application-form { grid-column: 2; grid-row: 1 / span 3; min-width: 0; }
.management-copy .mg-required { color: var(--muted); font-weight: 400; font-size: 12px; }
.management-copy .beta-form { padding: clamp(22px, 3vw, 38px); gap: 21px; }
.management-copy .beta-form input:not([type="checkbox"]),
.management-copy .beta-form select,
.management-copy .beta-form textarea { font-size: 16px; }
.management-copy .beta-form .beta-form-row { gap: 16px; }
.management-copy .mg-anchor { display: block; position: relative; height: 0; scroll-margin-top: calc(var(--header-h) + 18px); }
.management-copy:has(+ .site-footer)::after { display: none; }
.management-copy:has(+ .site-footer) > section:last-of-type { position: static; }
.management-copy + .site-footer { height: auto; margin-top: 0; padding-block: 34px 38px; overflow: visible; scroll-snap-align: end; scroll-snap-stop: normal; }
.management-copy + .site-footer .footer-inner nav { flex-wrap: wrap; }
@media (max-width: 950px) {
  .management-copy .mg-audiences { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; }
  .management-copy .mg-section--editorial .mg-section-inner { gap: 28px 42px; }
  .management-copy .mg-section--application .mg-section-inner { grid-template-columns: minmax(0, 1fr); }
  .management-copy .mg-section--application .mg-section-heading,
  .management-copy .mg-section--application .mg-section-copy,
  .management-copy .mg-application-form { grid-column: 1; grid-row: auto; }
  .management-copy .mg-application-form { margin-top: 30px; }
}
@media (max-width: 650px) {
  .management-copy > .mg-hero { padding-block: 36px; }
  .management-copy .mg-hero h1 { font-size: clamp(39px, 10.4vw, 55px); line-height: 1.07; letter-spacing: -.055em; }
  .management-copy .mg-hero .hero-lede { margin-top: 24px; font-size: 17px; line-height: 1.58; }
  .management-copy .mg-hero .button-row { align-items: center; margin-top: 28px; }
  .management-copy > .mg-section { padding-block: 36px; }
  .management-copy .mg-section--editorial .mg-section-inner { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .management-copy .mg-section--editorial .mg-section-copy { padding-top: 0; }
  .management-copy .mg-section-number { margin-bottom: 16px; }
  .management-copy h2 { font-size: clamp(30px, 8.3vw, 38px); }
  .management-copy .mg-section-copy p { font-size: 16px; line-height: 1.64; }
  .management-copy .mg-question-list,
  .management-copy .mg-owner-questions { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 30px; }
  .management-copy .mg-question-list li,
  .management-copy .mg-question { font-size: 25px; }
  .management-copy .mg-question-number { margin-bottom: 16px; }
  .management-copy .mg-question > .ui-icon { margin-top: 17px; }
  .management-copy .mg-audiences { gap: 28px 22px; margin-top: 32px; }
  .management-copy .mg-audience-heading { margin-block: 18px; font-size: 22px; }
  .management-copy .mg-audience .mini-label { font-size: 10px; }
  .management-copy .mg-closing-actions { grid-column: 1; margin-top: 4px; }
  .management-copy .mg-retained { margin-top: 30px; }
  .management-copy .mg-table th,
  .management-copy .mg-table td { padding: 15px 16px; }
  .management-copy .mg-table { font-size: 14px; }
  .management-copy .mg-section--rates .mg-table th { width: 72%; }
  .management-copy .beta-form { padding: 21px; gap: 20px; }
  .management-copy .beta-form .button { white-space: normal; }
  .management-copy .mg-workspace .laptop-lid { padding: 6px 5px 5px; }
  .management-copy .mg-workspace .laptop-base { height: 10px; }
  .management-copy .mg-workspace .laptop-scene { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .management-copy .mg-question > .ui-icon { transition: none; }
}
