/* Generated by scripts/build-theme.py - do not edit.
   Concatenated from the <style> blocks of the built home page,
   in document order, so the cascade is unchanged. */

/* ===== mt-hero-video-style ===== */
/* centre the player in the hero column. At >=920px .mt-hero-visual is
   absolute with top:0/bottom:0, so without this the video pins to the top.
   Below 920px the container is height:auto, making this a no-op. */
.mt-hero-visual {
  display: flex;
  align-items: center;
  justify-content: center
}

.mtv {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin-inline: auto;
  aspect-ratio: 16/9;
  pointer-events: auto;
  /* .mt-hero-visual sets pointer-events:none; the blob re-enabled it inline */
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  background: var(--mt-navy-light, #2d3548);
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .6)
}

.mtv__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.mtv__scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(26, 31, 46, .10) 0%, rgba(26, 31, 46, .58) 100%)
}

.mtv__btn {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #fff;
  font-family: inherit;
  padding: 0
}

.mtv__disc {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: var(--mt-orange, #ff6b35);
  color: var(--mt-navy, #1a1f2e);
  transition: transform .35s cubic-bezier(.22, 1.2, .36, 1), background-color .2s ease
}

.mtv__btn:hover .mtv__disc,
.mtv__btn:focus-visible .mtv__disc {
  transform: scale(1.08);
  background: var(--mt-orange-dark, #e85a28)
}

.mtv__label {
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .65)
}

.mtv__time {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, .75);
  text-shadow: 0 1px 12px rgba(0, 0, 0, .65)
}

.mtv__btn:focus-visible {
  outline: 3px solid var(--mt-orange, #ff6b35);
  outline-offset: 3px
}

.mtv video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
  display: block
}

@media (prefers-reduced-motion:reduce) {
  .mtv__disc {
    transition: none
  }
}

@media (max-width:680px) {
  .mtv__disc {
    width: 58px;
    height: 58px
  }
}

/* ===== mt-cc-style ===== */
/* ===========================================================================
   COMMAND CENTER WALKTHROUGH — client request 2026-09-23
   Placed in §3.4 step 02 ("We build your foundation"), the moment the visitor
   is asked to believe in a CRM they cannot see. Deliberately NOT styled as one
   of the three §04 entry points: it captures nothing and goes nowhere, so it
   must not compete with Start Now / Book a Consultation / the free guide.
   =========================================================================== */
.mt-cc-trigger {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(255, 255, 255, .22);
  background: transparent;
  color: #fff;
  border-radius: 999px;
  padding: 8px 15px 8px 9px;
  font: 700 13px/1 inherit;
  font-family: inherit;
  cursor: pointer;
  transition: border-color .25s ease, background-color .25s ease, color .25s ease
}

.mt-cc-trigger:hover {
  border-color: var(--mt-orange);
  color: var(--mt-orange);
  background: rgba(255, 107, 53, .08)
}

.mt-cc-trigger:focus-visible {
  outline: 3px solid var(--mt-orange);
  outline-offset: 3px
}

.mt-cc-trigger__icon {
  display: grid;
  place-items: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--mt-orange);
  color: var(--mt-navy)
}

.mt-cc-trigger__time {
  font-weight: 600;
  font-size: 12px;
  opacity: .62
}

/* --- modal --- */
.mt-cc-backdrop {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(10, 13, 20, .88)
}

.mt-cc-backdrop[data-open] {
  display: flex
}

@supports (backdrop-filter:blur(4px)) {
  .mt-cc-backdrop[data-open] {
    backdrop-filter: blur(6px)
  }
}

.mt-cc-dialog {
  position: relative;
  width: 100%;
  max-width: 980px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  background: #000;
  box-shadow: 0 40px 110px -30px rgba(0, 0, 0, .85);
  animation: mt-cc-in .35s cubic-bezier(.22, 1.2, .36, 1) both
}

@keyframes mt-cc-in {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.985)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@media (prefers-reduced-motion:reduce) {
  .mt-cc-dialog {
    animation: none
  }
}

.mt-cc-dialog video {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000
}

.mt-cc-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .28);
  background: rgba(0, 0, 0, .55);
  color: #fff;
  cursor: pointer;
  transition: background-color .2s, color .2s, border-color .2s
}

.mt-cc-close:hover {
  background: var(--mt-orange);
  color: var(--mt-navy);
  border-color: var(--mt-orange)
}

.mt-cc-close:focus-visible {
  outline: 3px solid var(--mt-orange);
  outline-offset: 2px
}

@media (max-width:680px) {
  .mt-cc-backdrop {
    padding: 14px
  }

  .mt-cc-close {
    width: 36px;
    height: 36px
  }
}

/* ===== mt-s36-style ===== */
/* ===========================================================================
   BUILD DOC Rev 3 — §3.6 THE OFFER                          added 2026-09-23
   Scope: heading, subhead, the two buttons and the fine print. The included
   list, the price card and everything else are untouched by request.
   =========================================================================== */


.mt-s36-ctas {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 12px
}

@media (min-width:640px) {
  .mt-s36-ctas {
    flex-direction: row
  }
}

/* "The guarantee wording is deliberate and must not be shortened." (DEV note) */
.mt-s36-fineprint {
  margin-top: 18px;
  max-width: 46rem;
  font-size: 13px;
  line-height: 1.65;
  color: var(--mt-text-muted)
}

/* ===== mt-s310-style ===== */
/* ===========================================================================
   BUILD DOC Rev 3 — §3.10 FINAL CALL TO ACTION              added 2026-09-23
   Heading + subhead. §04 makes Book a Consultation "the whole of §3.10".
   Rev 3 hid the second booking button and the old caption behind
   [data-mt310-hide]. Rev 5 §02 ends that - a rendered-then-hidden block still
   ships to every visitor and every crawler - so both are now deleted outright,
   from the markup, the Flight payload and this stylesheet.
   The §05 two-step form belongs directly beneath this heading once it exists.
   =========================================================================== */

.mt-s310-sub {
  margin-top: 26px;
  max-width: 36rem;
  font-size: 17px;
  line-height: 1.6;
  color: var(--mt-text-on-dark);
  text-align: center
}

@media (max-width:680px) {
  .mt-s310-sub {
    font-size: 15px
  }
}

/* ===== mt-s37-style ===== */
/* ===========================================================================
   BUILD DOC Rev 3 — §3.7 INDUSTRIES                         added 2026-09-23
   "Seven tiles. Four across on desktop with the final row of three centered,
   two across on tablet, one on mobile. Each tile links to its industry page
   if one exists; otherwise the tile is not a link."
   No industry pages exist, so the tiles are <article>, not links.
   Card treatment mirrors the carousel card it replaces: full-bleed photo, the
   same two gradient overlays, rounded-card radius, white/10 border, p-6.
   The six-card drag carousel is hidden, not deleted.
   =========================================================================== */


/* the counter/drag row beside the heading is hidden, so the header row is a
   single centred column */
#who-we-help>div:first-child {
  justify-content: center;
  text-align: center
}

.mt-s37-grid {
  display: grid;
  gap: 20px;
  margin-top: 48px
}

@media (min-width:680px) {
  .mt-s37-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

/* eight columns so a tile spans two: four per row, and the last row of three
   starts one column in — which centres it. A 4-column grid cannot centre 3. */
@media (min-width:1024px) {
  .mt-s37-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .mt-s37-tile {
    grid-column: span 2
  }

  .mt-s37-tile:nth-child(5) {
    grid-column: 2/span 2
  }
}

/* --- card shell: matches .carousel article (h-[380px] rounded-card border p-6) --- */
.mt-s37-tile {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 380px;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, .10);
  padding: 24px
}

.mt-s37-img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

/* the carousel's two overlays, value for value */
.mt-s37-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(26, 31, 46, .20) 0%, rgba(26, 31, 46, .42) 38%, rgba(26, 31, 46, .74) 62%, rgba(26, 31, 46, .94) 100%)
}

.mt-s37-wash {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(150deg, rgba(255, 107, 53, .20) 0%, rgba(255, 107, 53, 0) 55%)
}

.mt-s37-top,
.mt-s37-body {
  position: relative;
  z-index: 3
}

.mt-s37-top {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.mt-s37-num {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  color: var(--mt-orange)
}

.mt-s37-tile h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
  color: #fff
}

.mt-s37-tile p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--mt-text-on-dark)
}

/* --- premium hover (no orange sheen on these tiles, per client) --- */
@media (hover:hover) {
  .mt-s37-tile {
    transition: transform .55s cubic-bezier(.22, 1.2, .36, 1),
      box-shadow .55s cubic-bezier(.22, 1.2, .36, 1),
      border-color .3s ease
  }

  .mt-s37-img {
    transition: transform .7s cubic-bezier(.22, 1, .36, 1)
  }

  .mt-s37-tile:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 107, 53, .55);
    box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .7)
  }

  .mt-s37-tile:hover .mt-s37-img {
    transform: scale(1.06)
  }

  .mt-s37-tile h3 {
    transition: color .3s ease
  }

  .mt-s37-tile:hover h3 {
    color: var(--mt-orange)
  }
}

@media (prefers-reduced-motion:reduce) {

  .mt-s37-tile,
  .mt-s37-img {
    transition: none
  }

  .mt-s37-tile:hover {
    transform: none
  }

  .mt-s37-tile:hover .mt-s37-img {
    transform: none
  }
}

/* ===== mt-s34-style ===== */


/* ===== mt-s33-style ===== */
/* ===========================================================================
   BUILD DOC Rev 3 — §3.3 THE GUIDE                          added 2026-09-22
   Copy swap on an existing section, plus the three-item credibility row.
   =========================================================================== */


/* Three specific claims, separated by the brand dot. The DEV note is explicit
   that there are three and no partner badges. */
.mt-s33-cred {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px
}

.mt-s33-cred li {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--mt-text)
}

.mt-s33-cred li+li {
  padding-left: 18px
}

.mt-s33-cred li+li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 999px;
  background: var(--mt-orange)
}

@media (max-width:680px) {
  .mt-s33-cred {
    flex-direction: column;
    gap: 12px
  }
}

/* ===== mt-s32-style ===== */
/* ===========================================================================
   BUILD DOC Rev 3 — §3.2 THE PROBLEM                        added 2026-09-22
   A section the build did not have, inserted between the hero and the guide.
   Own class names: the compiled Tailwind is purged and has no grid-cols-3.
   =========================================================================== */
.mt-s32-grid {
  display: grid;
  gap: 20px;
  margin-top: 56px
}

@media (min-width:768px) {
  .mt-s32-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

.mt-s32-card {
  position: relative;
  background: #fff;
  border: 1px solid var(--mt-border);
  border-radius: 20px;
  padding: 30px 26px;
  isolation: isolate
}

/* Premium hover — borrows the build's own overshoot easing from .mt-tilt-card
   so the motion language matches the rest of the site. Pointer-tracked sheen
   uses --mx/--my, the same custom properties the tilt card already declares. */
.mt-s32-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  transition: opacity .45s ease;
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(255, 107, 53, .10), transparent 62%)
}

@media (hover:hover) {
  .mt-s32-card {
    transition: transform .55s cubic-bezier(.22, 1.2, .36, 1),
      box-shadow .55s cubic-bezier(.22, 1.2, .36, 1),
      border-color .3s ease
  }

  .mt-s32-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 107, 53, .45);
    box-shadow: 0 20px 44px -20px rgba(26, 31, 46, .30)
  }

  .mt-s32-card:hover::after {
    opacity: 1
  }

  .mt-s32-rule {
    transition: width .5s cubic-bezier(.22, 1.2, .36, 1)
  }

  .mt-s32-card:hover .mt-s32-rule {
    width: 56px
  }
}

/* the build disables its tilt motion under reduced-motion; do the same here */
@media (prefers-reduced-motion:reduce) {

  .mt-s32-card,
  .mt-s32-rule {
    transition: none
  }

  .mt-s32-card:hover {
    transform: none
  }

  .mt-s32-card:hover::after {
    opacity: 0
  }
}

.mt-s32-rule {
  display: block;
  width: 32px;
  height: 3px;
  border-radius: 999px;
  background: var(--mt-orange)
}

/* h3 inherits the global display face (Futura, 800, uppercase) like every other card */
.mt-s32-card h3 {
  margin: 18px 0 0;
  font-size: 20px;
  line-height: 1.25
}

.mt-s32-card p {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--mt-text-muted)
}

/* ===== mt-s31-style ===== */
/* ===========================================================================
   BUILD DOC Rev 3 — §3.1 HERO                               added 2026-09-22
   Two new elements the build did not have: the price line above the buttons
   and the fine print directly beneath them. Custom class names because the
   compiled Tailwind is purged — arbitrary utilities would not exist.
   =========================================================================== */

/* "Packages starting as low as $97/mo." — body text above the buttons,
   never a button label (§3.1 DEV note). */
.mt-hero-price {
  margin-top: 26px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  color: #fff
}

@media (min-width:640px) {
  .mt-hero-price {
    font-size: 22px
  }
}

/* Fine print sits directly beneath the buttons, ~13px muted — not buried at
   the bottom of the page (§3.1 DEV note). White at 60% over the navy hero
   measures 6.3:1, so it still clears AA at this size. */
.mt-hero-fineprint {
  margin-top: 16px;
  max-width: 34rem;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .6)
}

/* The build's h1 forces [&>span]:whitespace-nowrap. The new headline's longest
   line ("Without becoming a") is 313px at the 38px clamp floor, which overflows
   a 320px viewport by 33px — and the hero clips, so the word would just vanish.
   Step the size down on narrow phones to keep the three-line stack intact. */
/* The build's h1 ceiling (clamp 38-77px) was tuned for the old headline, whose
   longest line was shorter. At 77px "Without becoming" runs 578px inside a 504px
   column and spills over the video panel. This clamp keeps every line inside the
   column from 320px right up to ultrawide, and [&>span]:whitespace-nowrap holds. */
[data-hero] h1 {
  font-size: clamp(33px, 5vw, 66px)
}

/* below 320px nothing fits on one line — let it wrap rather than clip */
@media (max-width:319px) {
  [data-hero] h1>span {
    white-space: normal
  }
}

/* ===== mt-home-style ===== */
/* ===========================================================================
   HOME — the two rules that are not part of the Rev 3 runtime patch.
   The patch script and its hiding rules were deleted on 2026-10-09 once every
   change in Rev 5 §03 was made real in source. These two stay because they fix
   real layout, not copy; assets/mt-shared.css carries the same pair for the
   inner pages, so keep the two copies in step.
   =========================================================================== */
/* the shell’s py-20 left 80px of dead space under the bottom bar */
footer>.mt-shell {
  padding-bottom: 20px
}

/* the compiled rule footer,main>div.mt-dark,main>section:not(:first-of-type)
   gives the MEDIATAMER ticker content-visibility:auto with a 900px intrinsic
   size, so it reserves 900px off-screen and snaps to 74px on approach. */
main>div.mt-dark {
  content-visibility: visible
}

/* ===== content-visibility, restored for this page only ===== */
/* The compiled stylesheet defers off-screen layout:

     footer, main > div.mt-dark, main > section:not(:first-of-type)
       { content-visibility: auto; contain-intrinsic-size: auto 900px }

   mt-shared.css cancels that for `main > section`, because the hand-built
   pages jumped as each 900px placeholder resolved. The static home page never
   loaded mt-shared.css, so it kept the optimisation - and this theme has to
   load mt-shared.css for the reveal and preloader rules, which would silently
   take the optimisation away. Measured: the page reports 14364px tall without
   this rule and 11630px with it, matching the static build.

   The ticker keeps content-visibility:visible; that override is part of
   mt-home-style above and is deliberate. */
main>section:not(:first-of-type) {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}


.mt-reviews-rating div {
  width: auto !important;
}