@import url("service-sales-images.css");

/* Extracted YouTube page theme from app/Views/pages/buy-youtube-views.php. */

/* Source: inline-style */
@font-face{font-family:'Pacifico';src:local('Pacifico Regular'), local('Pacifico-Regular')}
.text-blue-gray {color: white !important;}

/* Source: inline-style */
@media (max-width:1300px){.outside-arrow-simple .owl-buttons .owl-next{right:-10px;}
.outside-arrow-simple .owl-buttons .owl-prev{left:-10px;}
.outside-arrow .owl-buttons .owl-prev{left:0;}
.outside-arrow .owl-buttons .owl-next{right:0;}
}
@media (max-width:1199px){.blog-style2 figure{padding:70px 40px 0;}
.navbar-header{background:none}
.navbar li{margin:13px 16px;}
.navbar .nav-button{margin:10px 0 8px 10px;}
.navbar-toggle{margin:4px 0;}
}
@media (max-width:991px){
.navbar-toggle{border-radius:0;margin-right:0;display:block;cursor:pointer !important;}
.navbar-toggle .icon-bar{background:#fff;}
.navbar-collapse{box-shadow:none;background:rgba(0,0,0,.90);width:100%;position:absolute;top:90px;}
.navbar.shrink .navbar-collapse{top:53px;}
.navbar-collapse.collapse{display:none!important;}
.navbar-nav{padding:25px 10px;}
.navbar li{margin:0 15px;padding:12px 0 11px;border-bottom:1px solid rgba(255,255,255,.20);}
.navbar li:last-child{border:none;}
header .nav-button a.text-black, header .nav-button.active a.text-black, header .nav-button a.text-black:hover, .header-style9 .black-header.navbar li.nav-button a:hover, .header-style9 .black-header.navbar li.nav-button.active a:hover, .dark-header.navbar li.nav-button.active a{color:#000 !important;}
.navbar li a:hover, .navbar li a.active, .header-style1 .black-header.navbar li a:hover, .header-style1 .black-header.navbar li a.active, .header-style3 .black-header.navbar li a:hover, .header-style3 .black-header.navbar li a.active,
.header-style4 .white-header .header-bottom li a:hover, .header-style4 .white-header .header-bottom li a.active, .header-style5 .black-header.navbar li a:hover, .header-style5 .black-header.navbar li a.active,
.header-style9 .black-header.navbar li a:hover, .header-style9 .black-header.navbar li a.active, .shrink-transparent-header-light.shrink.navbar li a:hover, .shrink-transparent-header-light.shrink.navbar li a.active, .dark-header.navbar li.active a, .light-header.navbar li.active a{opacity:1;color:rgba(255,255,255,0.7) !important;border-bottom:1px solid transparent;}
.shrink-transparent-header-light.shrink.navbar li a{color:#fff;}
.shrink-transparent-header-light.shrink.navbar .nav-button a{border:2px solid #fff;}
.navbar-nav>li{float:none;}
.collapse.in{display:block !important;}
.navbar-nav{width:100%;}
.navbar .container{width:100%}
.navbar *{transition-timing-function:none;-moz-transition-timing-function:none;-webkit-transition-timing-function:none;-o-transition-timing-function:none;transition-duration:0s;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;}
.navbar li:last-child{margin-right:15px;}
.navbar .nav-button{margin:15px 15px;}
.header-style3 .navbar li{display:block;float:none;margin:0 13px;text-align:left;}
.navbar .nav-button{margin-left:20px;}
.navbar-collapse{top:62px;left:0;}
.navbar .nav-button{margin:15px 15px;}
.header-style9 .navbar.shrink .navbar-collapse{top:64px;}
.sm-padding-nav-btn, .navbar .nav-button a.sm-padding-nav-btn{padding:6px 20px !important;}
}
.navbar-nav{margin:0;}
.navbar-collapse{top:53px;}
@media (max-width:480px){.navbar-collapse{top:53px;}}
@media screen and (max-width:320px){.shrink-nav .navbar-collapse{max-height:420px;}
}
@media screen and (orientation:landscape){.shrink-nav .navbar-collapse{max-height:270px;} 
.shrink-medium-header.shrink-nav .navbar-collapse{max-height:200px;}
} 
a {color:#0000D6 !important; text-decoration:underline !important;}
@media (max-width: 767px){header, nav, .navbar, .navigation-menu,  .nav, .navbar-nav, .propClone a{color:white !important;text-decoration:none !important;}}
@media (min-width: 767px){header, nav, .navbar, .navigation-menu,  .nav, .navbar-nav, .propClone a{color:black !important;text-decoration:none !important;} .nav .navbar-nav{height:41px;}}
body {color:black !important;}
p, .tz-border{font-size: 16px !important;  line-height: 25px;}
section *:not(p,h1,h2,h3,h4,h5,span,li,a) {font-size: 16px !important;  line-height: 25px;}
div *:not(p,h1,h2,h3,h4,h5,span,li,a) {font-size: 16px !important;  line-height: 25px;}
body *:not(p,h1,h2,h3,h4,h5,span,li,a) {font-size: 16px !important;  line-height: 25px;}
.navbar li a{font-size: 15px !important; }

/* Source: inline-style */
/* MediaGeneous professional redesign override: drop this block after existing theme CSS. */
:root {
  --mg-ink: #0f172a;
  --mg-muted: #64748b;
  --mg-soft: #f7f8fc;
  --mg-surface: #ffffff;
  --mg-line: rgba(15, 23, 42, 0.10);
  --mg-primary: #4338ca;
  --mg-primary-2: #7c3aed;
  --mg-youtube: #ff0033;
  --mg-orange: #ff6b35;
  --mg-success: #10b981;
  --mg-shadow-sm: 0 10px 30px rgba(15, 23, 42, 0.08);
  --mg-shadow-md: 0 18px 60px rgba(15, 23, 42, 0.13);
  --mg-shadow-lg: 0 30px 90px rgba(67, 56, 202, 0.20);
  --mg-radius-lg: 30px;
  --mg-radius-md: 22px;
}

html { scroll-behavior: smooth; }
body.mg-pro-page {
  margin: 0 !important;
  overflow-x: hidden !important;
  color: var(--mg-ink) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 0, 51, 0.10), transparent 30rem),
    radial-gradient(circle at 90% 10%, rgba(67, 56, 202, 0.12), transparent 34rem),
    linear-gradient(180deg, #ffffff 0%, var(--mg-soft) 42%, #ffffff 100%) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.mg-pro-page *, body.mg-pro-page *::before, body.mg-pro-page *::after { box-sizing: border-box; }
body.mg-pro-page a, body.mg-pro-page a:visited {
  color: inherit !important;
  text-decoration: none !important;
  transition: color .22s ease, background .22s ease, transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
body.mg-pro-page a:focus-visible, body.mg-pro-page button:focus-visible {
  outline: 3px solid rgba(255, 107, 53, .38) !important;
  outline-offset: 4px !important;
}
body.mg-pro-page .container { max-width: 1180px !important; }
body.mg-pro-page .text-justify { text-align: left !important; }
body.mg-pro-page .bg-dark-purple-blue,
body.mg-pro-page .tz-background-color {
  background: linear-gradient(135deg, #15123b 0%, var(--mg-primary) 54%, var(--mg-youtube) 125%) !important;
}
body.mg-pro-page .bg-light-orange {
  background: linear-gradient(135deg, var(--mg-orange), #ff2f5f) !important;
}
body.mg-pro-page .text-light-orange { color: var(--mg-orange) !important; }
body.mg-pro-page .text-light-purple-blue { color: var(--mg-primary) !important; }
body.mg-pro-page .text-dark-gray, body.mg-pro-page .text-black { color: var(--mg-ink) !important; }
body.mg-pro-page section[style*="width"] { width: 100% !important; }

/* Header / navigation */
body.mg-pro-page .mg-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  height: auto !important;
  background: transparent !important;
}
body.mg-pro-page .mg-header .navbar {
  min-height: 76px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  background: rgba(255, 255, 255, .86) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  box-shadow: 0 14px 40px rgba(15, 23, 42, .08) !important;
  padding: 8px 0 !important;
}
body.mg-pro-page .mg-header .navigation-menu { width: 100% !important; }
body.mg-pro-page .mg-header .row { display: flex !important; align-items: center !important; }
body.mg-pro-page .mg-header img {
  width: auto !important;
  max-width: 158px !important;
  height: auto !important;
  display: block !important;
  filter: drop-shadow(0 8px 16px rgba(15,23,42,.08));
}
body.mg-pro-page .navbar li { margin: 0 2px !important; }
body.mg-pro-page .navbar li a {
  border-radius: 999px !important;
  color: #172033 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
  padding: 11px 9px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body.mg-pro-page .navbar li a:hover,
body.mg-pro-page .navbar li a:focus,
body.mg-pro-page .navbar li a.mg-current-link {
  background: rgba(255, 0, 51, .08) !important;
  color: var(--mg-youtube) !important;
}
body.mg-pro-page .svgg { fill: currentColor !important; }
body.mg-pro-page .nav-dropdown {
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(15,23,42,.09) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 80px rgba(15,23,42,.16) !important;
  min-width: 275px !important;
  max-height: 72vh !important;
  overflow: auto !important;
  padding: 10px !important;
  transform-origin: top left !important;
}
body.mg-pro-page .nav-dropdown li { margin: 0 !important; border: 0 !important; }
body.mg-pro-page .nav-dropdown li a {
  width: 100% !important;
  justify-content: flex-start !important;
  border-radius: 14px !important;
  color: #334155 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  padding: 11px 12px !important;
  text-transform: none !important;
}
body.mg-pro-page .nav-dropdown li a:hover { background: #f8fafc !important; color: var(--mg-primary) !important; }
body.mg-pro-page .navbar li:hover > .nav-dropdown,
body.mg-pro-page .navbar li:focus-within > .nav-dropdown {
  display: block !important;
  animation: mgDrop .18s ease both;
}
@keyframes mgDrop { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
body.mg-pro-page .navbar-toggle { margin-top: 6px !important; border: 0 !important; padding: 0 !important; }
body.mg-pro-page .navbar-toggle svg { width: 40px !important; height: 40px !important; }
body.mg-pro-page .navbar-toggle svg path { fill: var(--mg-ink) !important; }

/* Hero */
body.mg-pro-page .mg-hero-section {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(56px, 7vw, 96px) 0 54px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 0, 51, .15), transparent 28rem),
    radial-gradient(circle at 80% 6%, rgba(124, 58, 237, .16), transparent 33rem),
    linear-gradient(135deg, #fff 0%, #f5f7ff 50%, #fff7f2 100%) !important;
}
body.mg-pro-page .mg-hero-section::before,
body.mg-pro-page .mg-hero-section::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  opacity: .75;
  filter: blur(.2px);
}
body.mg-pro-page .mg-hero-section::before {
  width: 360px;
  height: 360px;
  right: -130px;
  top: 90px;
  background: radial-gradient(circle, rgba(255, 0, 51, .18), transparent 68%);
}
body.mg-pro-page .mg-hero-section::after {
  width: 260px;
  height: 260px;
  left: -110px;
  top: 180px;
  background: radial-gradient(circle, rgba(67,56,202,.15), transparent 68%);
}
body.mg-pro-page .mg-hero-section .container,
body.mg-pro-page .mg-hero-section .row,
body.mg-pro-page .mg-hero-section [class*="col-"] { position: relative; z-index: 1; }
body.mg-pro-page .mg-hero-eyebrow {
  align-items: center !important;
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(255, 0, 51, .18) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 30px rgba(255, 0, 51, .08) !important;
  color: var(--mg-youtube) !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  margin: 0 auto 22px !important;
  padding: 11px 16px !important;
  text-transform: uppercase !important;
}
body.mg-pro-page .mg-hero-eyebrow::before { content: "▶"; font-size: 11px; }
body.mg-pro-page .mg-hero-section h1 {
  color: var(--mg-ink) !important;
  font-size: clamp(40px, 7vw, 84px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.06em !important;
  line-height: .92 !important;
  margin: 0 auto 22px !important;
  max-width: 900px !important;
  text-transform: uppercase !important;
}
@supports (-webkit-background-clip: text) {
  body.mg-pro-page .mg-hero-section h1 {
    background: linear-gradient(90deg, var(--mg-ink) 0%, var(--mg-primary) 42%, var(--mg-youtube) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
}
body.mg-pro-page .mg-hero-subtitle {
  color: #475569 !important;
  font-size: clamp(17px, 2vw, 21px) !important;
  line-height: 1.7 !important;
  margin: 0 auto 22px !important;
  max-width: 780px !important;
}
body.mg-pro-page .mg-trust-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  margin: 0 auto 18px !important;
  max-width: 920px !important;
}
body.mg-pro-page .mg-trust-badges span {
  align-items: center !important;
  background: rgba(255, 255, 255, .78) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.06) !important;
  color: #25324a !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  line-height: 1 !important;
  padding: 10px 14px !important;
}
body.mg-pro-page .mg-trust-badges span::before {
  align-items: center;
  background: rgba(16,185,129,.13);
  border-radius: 50%;
  color: var(--mg-success);
  content: "✓";
  display: inline-flex;
  font-size: 12px;
  height: 18px;
  justify-content: center;
  width: 18px;
}

/* Typography and sections */
body.mg-pro-page section:not(.mg-hero-section) { padding: clamp(58px, 7vw, 90px) 0 !important; border: 0 !important; }
body.mg-pro-page section h2 {
  color: var(--mg-ink) !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.05 !important;
  margin-bottom: 26px !important;
  text-transform: none !important;
}
body.mg-pro-page section h3 {
  color: var(--mg-ink) !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.18 !important;
}
body.mg-pro-page section p,
body.mg-pro-page section .text-large,
body.mg-pro-page section .tz-text,
body.mg-pro-page section li {
  font-size: 17px !important;
  line-height: 1.75 !important;
}
body.mg-pro-page section p,
body.mg-pro-page .mg-question-answer,
body.mg-pro-page .mg-split-section .text-large { color: var(--mg-muted) !important; }
body.mg-pro-page .mg-hero-section .text-large.width-100,
body.mg-pro-page .mg-hero-section .col-md-12 > p,
body.mg-pro-page .mg-hero-section .col-md-12 > .text-large:not(.mg-hero-subtitle) {
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: var(--mg-radius-lg) !important;
  box-shadow: var(--mg-shadow-sm) !important;
  margin: 32px auto !important;
  max-width: 980px !important;
  padding: clamp(24px, 4vw, 38px) !important;
}

/* Pricing */
body.mg-pro-page .mg-price-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 34px 0 26px !important;
  overflow: visible !important;
  width: 100% !important;
}
body.mg-pro-page .mg-price-grid::before,
body.mg-pro-page .mg-price-grid::after { display: none !important; }
body.mg-pro-page .mg-price-grid > [class*="col-"] {
  display: flex !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
body.mg-pro-page .mg-pricing-card {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15, 23, 42, .09) !important;
  border-radius: 28px !important;
  box-shadow: var(--mg-shadow-sm) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  isolation: isolate !important;
  list-style: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  width: 100% !important;
}
body.mg-pro-page .mg-pricing-card:hover {
  border-color: rgba(255, 0, 51, .22) !important;
  box-shadow: var(--mg-shadow-md) !important;
  transform: translateY(-8px) !important;
}
body.mg-pro-page .mg-pricing-card.mg-featured {
  border-color: rgba(255, 107, 53, .42) !important;
  box-shadow: var(--mg-shadow-lg) !important;
}
body.mg-pro-page .mg-pricing-card.mg-featured::before {
  background: linear-gradient(135deg, var(--mg-orange), var(--mg-youtube)) !important;
  border-radius: 0 0 0 18px !important;
  color: #fff !important;
  content: attr(data-label);
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  padding: 8px 13px !important;
  position: absolute !important;
  right: 0 !important;
  text-transform: uppercase !important;
  top: 0 !important;
  z-index: 3 !important;
}
body.mg-pro-page .mg-pricing-card > li {
  border-bottom: 1px solid rgba(15,23,42,.07) !important;
  color: #536176 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 13px 22px !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child {
  border: 0 !important;
  color: #fff !important;
  min-height: 108px !important;
  padding: 25px 18px 22px !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child p {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child b {
  color: #fff !important;
  display: block !important;
  font-size: clamp(34px, 4vw, 46px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: .98 !important;
  margin-bottom: 6px !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(2) {
  background: linear-gradient(180deg, #fff, #fbfcff) !important;
  border-bottom: 1px solid rgba(15,23,42,.07) !important;
  padding: 20px 18px !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(2) p {
  color: var(--mg-youtube) !important;
  font-size: 34px !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
  margin: 0 !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(n+3):not(:last-child) {
  align-items: flex-start !important;
  display: flex !important;
  gap: 10px !important;
  text-align: left !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(n+3):not(:last-child)::before {
  align-items: center !important;
  background: rgba(16,185,129,.12) !important;
  border-radius: 50% !important;
  color: var(--mg-success) !important;
  content: "✓" !important;
  display: inline-flex !important;
  flex: 0 0 21px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  height: 21px !important;
  justify-content: center !important;
  margin-top: 1px !important;
  width: 21px !important;
}
body.mg-pro-page .mg-pricing-card > li:last-child {
  border: 0 !important;
  margin-top: auto !important;
  padding: 20px !important;
}

/* Buttons */
body.mg-pro-page .mg-button,
body.mg-pro-page .btn,
body.mg-pro-page .btn-medium,
body.mg-pro-page .btn-large {
  align-items: center !important;
  background: linear-gradient(135deg, var(--mg-primary), var(--mg-primary-2) 55%, var(--mg-youtube)) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 30px rgba(67,56,202,.24) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
  min-height: 46px !important;
  padding: 15px 24px !important;
  text-transform: uppercase !important;
}
body.mg-pro-page .btn-large { min-height: 54px !important; padding: 18px 30px !important; }
body.mg-pro-page .mg-button:hover,
body.mg-pro-page .btn:hover,
body.mg-pro-page .btn-medium:hover,
body.mg-pro-page .btn-large:hover {
  box-shadow: 0 20px 42px rgba(255,0,51,.25) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

/* Content cards and split layouts */
body.mg-pro-page .mg-split-section {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}
body.mg-pro-page .mg-split-section > .container > .text-large {
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: var(--mg-radius-md) !important;
  box-shadow: var(--mg-shadow-sm) !important;
  margin-bottom: 32px !important;
  padding: 24px 28px !important;
}
body.mg-pro-page .mg-split-section .display-table-cell-vertical-middle,
body.mg-pro-page .mg-qa-section .display-table-cell-vertical-middle {
  background: rgba(255,255,255,.90) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: var(--mg-radius-lg) !important;
  box-shadow: var(--mg-shadow-sm) !important;
  height: 100% !important;
  padding: clamp(24px, 4vw, 38px) !important;
}
body.mg-pro-page .mg-split-section .display-table-cell-vertical-middle h3 {
  color: var(--mg-primary) !important;
}
body.mg-pro-page .mg-split-section .spaceleft { margin-left: 0 !important; }

/* Feature section */
body.mg-pro-page .mg-feature-section {
  background:
    radial-gradient(circle at 50% 30%, rgba(255,0,51,.08), transparent 24rem),
    linear-gradient(135deg, #f8fafc 0%, #fff8f4 100%) !important;
}
body.mg-pro-page .mg-feature-section h2 { text-align: center !important; }
body.mg-pro-page .mg-feature-section .col-md-10 {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.07) !important;
  padding: 22px !important;
  transition: transform .24s ease, box-shadow .24s ease !important;
}
body.mg-pro-page .mg-feature-section .col-md-10:hover {
  box-shadow: var(--mg-shadow-md) !important;
  transform: translateY(-5px) !important;
}
body.mg-pro-page .mg-feature-section .col-md-10 h3 {
  color: var(--mg-ink) !important;
  font-size: 20px !important;
  margin-bottom: 8px !important;
}
body.mg-pro-page .mg-feature-section img {
  border-radius: 34px !important;
  box-shadow: 0 30px 80px rgba(67,56,202,.20) !important;
  transform: perspective(900px) rotateY(-3deg) !important;
}

/* Dark trust / legitimacy section */
body.mg-pro-page .mg-legit-section {
  background:
    radial-gradient(circle at 82% 28%, rgba(255,107,53,.28), transparent 25rem),
    linear-gradient(135deg, #111632 0%, #24155f 58%, #3a102a 100%) !important;
  color: #fff !important;
  overflow: hidden !important;
  position: relative !important;
}
body.mg-pro-page .mg-legit-section::before {
  background: linear-gradient(90deg, rgba(255,255,255,.08), transparent) !important;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
body.mg-pro-page .mg-legit-section .container { position: relative; z-index: 1; }
body.mg-pro-page .mg-legit-section h2,
body.mg-pro-page .mg-legit-section h3 { color: #fff !important; }
body.mg-pro-page .mg-legit-section h3 {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 15px !important;
  letter-spacing: .08em !important;
  margin: 22px 0 10px !important;
  padding: 8px 14px !important;
  text-transform: uppercase !important;
}
body.mg-pro-page .mg-legit-section .text-blue-gray,
body.mg-pro-page .mg-legit-section .tz-text {
  color: rgba(255,255,255,.82) !important;
}
body.mg-pro-page .mg-legit-section img {
  border-radius: 30px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.30) !important;
}

/* Q&A */
body.mg-pro-page .mg-qa-section {
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%) !important;
}
body.mg-pro-page .mg-qa-section h2 { max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; }
body.mg-pro-page .mg-question-card {
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.06) !important;
  margin-bottom: 16px !important;
  padding: 22px !important;
  text-align: left !important;
}
body.mg-pro-page .mg-question-card:last-of-type { margin-bottom: 22px !important; }
body.mg-pro-page .mg-question-title {
  color: var(--mg-ink) !important;
  font-size: 19px !important;
  margin: 0 0 9px !important;
  padding-left: 30px !important;
  position: relative !important;
}
body.mg-pro-page .mg-question-title::before {
  align-items: center;
  background: rgba(67,56,202,.10);
  border-radius: 50%;
  color: var(--mg-primary);
  content: "?";
  display: inline-flex;
  font-size: 14px;
  font-weight: 950;
  height: 22px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 1px;
  width: 22px;
}
body.mg-pro-page .mg-question-answer {
  color: var(--mg-muted) !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
}
body.mg-pro-page .mg-question-answer b { color: var(--mg-ink) !important; }
body.mg-pro-page .mg-inline-cta { margin-top: 8px !important; }

/* Numbered reasons */
body.mg-pro-page .mg-list-section {
  background: linear-gradient(180deg, #fff 0%, #f7f8fc 100%) !important;
}
body.mg-pro-page .mg-list-section h2 { text-align: center !important; }
body.mg-pro-page .mg-list-section ol {
  counter-reset: mgReasons !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  list-style: none !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
}
body.mg-pro-page .mg-list-section ol li {
  align-items: flex-start !important;
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
  color: #46556b !important;
  counter-increment: mgReasons !important;
  display: flex !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 20px !important;
}
body.mg-pro-page .mg-list-section ol li::before {
  align-items: center;
  background: linear-gradient(135deg, var(--mg-primary), var(--mg-youtube));
  border-radius: 16px;
  color: #fff;
  content: counter(mgReasons);
  display: inline-flex;
  flex: 0 0 36px;
  font-size: 15px;
  font-weight: 950;
  height: 36px;
  justify-content: center;
  margin-top: 2px;
  width: 36px;
}

/* Footer */
body.mg-pro-page .mg-footer {
  background: #0f172a !important;
  color: rgba(255,255,255,.80) !important;
  padding: 72px 0 42px !important;
}
body.mg-pro-page .mg-footer .ydescriptions {
  max-width: 1180px !important;
  margin: 0 auto 34px !important;
  padding: 0 24px !important;
}
body.mg-pro-page .mg-footer .ydescriptions .row > div {
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 24px !important;
  min-height: 100% !important;
  padding: 24px !important;
}
body.mg-pro-page .mg-footer span,
body.mg-pro-page .mg-footer .tz-text { color: rgba(255,255,255,.80) !important; }
body.mg-pro-page .mg-footer .section-title-small { color: #fff !important; display: block !important; }
body.mg-pro-page .mg-footer ul {
  list-style: none !important;
  margin: 16px 0 0 !important;
  max-height: 430px !important;
  overflow: auto !important;
  padding: 0 !important;
}
body.mg-pro-page .mg-footer li { margin: 0 !important; }
body.mg-pro-page .mg-footer a {
  border-radius: 12px !important;
  color: rgba(255,255,255,.72) !important;
  display: inline-flex !important;
  padding: 5px 8px !important;
}
body.mg-pro-page .mg-footer a:hover { background: rgba(255,255,255,.08) !important; color: #fff !important; }
body.mg-pro-page .mg-footer img { background: #fff !important; border-radius: 18px !important; height: auto !important; padding: 8px !important; width: 148px !important; }
body.mg-pro-page .mg-footer .social a { align-items: center !important; justify-content: center !important; margin-right: 8px !important; }

/* Floating CTA */
body.mg-pro-page .mg-floating-cta {
  align-items: center !important;
  background: rgba(15,23,42,.78) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px !important;
  bottom: 96px !important;
  box-shadow: 0 20px 60px rgba(15,23,42,.28) !important;
  display: flex !important;
  gap: 8px !important;
  padding: 8px !important;
  position: fixed !important;
  right: 22px !important;
  z-index: 9998 !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
body.mg-pro-page .mg-floating-cta a {
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 12px 16px !important;
  text-transform: uppercase !important;
}
body.mg-pro-page .mg-floating-cta a:first-child { background: rgba(255,255,255,.10) !important; }
body.mg-pro-page .mg-floating-cta a:last-child { background: linear-gradient(135deg, var(--mg-orange), var(--mg-youtube)) !important; }
body.mg-pro-page .mg-floating-cta a:hover { transform: translateY(-1px) !important; }

/* Reveal animation */
@media (prefers-reduced-motion: no-preference) {
  body.mg-pro-page .mg-reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
  body.mg-pro-page .mg-reveal.mg-is-visible { opacity: 1; transform: translateY(0); }
  body.mg-pro-page section.mg-reveal { opacity: 1 !important; transform: none !important; }
  body.mg-pro-page .mg-seo-panel-section.mg-reveal { opacity: 1 !important; transform: none !important; }
  body.mg-pro-page .mg-seo-subcard.mg-reveal { opacity: 1 !important; transform: none !important; }
}

/* Responsive */
@media (max-width: 1199px) {
  body.mg-pro-page .navbar li a { font-size: 11px !important; padding: 10px 7px !important; }
}
@media (max-width: 991px) {
  body.mg-pro-page .mg-header .row { display: block !important; }
  body.mg-pro-page .navbar-collapse {
    background: rgba(15,23,42,.97) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 0 26px 26px !important;
    box-shadow: 0 22px 60px rgba(15,23,42,.32) !important;
    left: 0 !important;
    max-height: calc(100vh - 76px) !important;
    overflow: auto !important;
    top: 76px !important;
  }
  body.mg-pro-page .navbar-nav { padding: 18px !important; }
  body.mg-pro-page .navbar li { border-bottom: 1px solid rgba(255,255,255,.08) !important; margin: 0 !important; padding: 7px 0 !important; }
  body.mg-pro-page .navbar li a { color: #fff !important; justify-content: space-between !important; padding: 12px 8px !important; width: 100% !important; }
  body.mg-pro-page .nav-dropdown {
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    max-height: none !important;
    min-width: 100% !important;
    padding: 8px !important;
    position: static !important;
  }
  body.mg-pro-page .nav-dropdown li a { color: rgba(255,255,255,.82) !important; }
  body.mg-pro-page .mg-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.mg-pro-page .mg-list-section ol { grid-template-columns: 1fr !important; }
}
@media (max-width: 767px) {
  body.mg-pro-page .mg-header img { max-width: 136px !important; }
  body.mg-pro-page .mg-hero-section { padding-top: 44px !important; }
  body.mg-pro-page .mg-price-grid {
    display: flex !important;
    gap: 16px !important;
    margin: 28px -15px 20px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 10px 18px 26px !important;
    scroll-padding: 18px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body.mg-pro-page .mg-price-grid > [class*="col-"] {
    flex: 0 0 min(86vw, 355px) !important;
    scroll-snap-align: center !important;
  }
  body.mg-pro-page .mg-price-grid::-webkit-scrollbar { height: 8px; }
  body.mg-pro-page .mg-price-grid::-webkit-scrollbar-thumb { background: rgba(67,56,202,.25); border-radius: 999px; }
  body.mg-pro-page section:not(.mg-hero-section) { padding: 52px 0 !important; }
  body.mg-pro-page .mg-split-section .display-table-cell-vertical-middle,
  body.mg-pro-page .mg-qa-section .display-table-cell-vertical-middle { padding: 22px !important; }
  body.mg-pro-page .mg-feature-section img { margin: 20px auto !important; transform: none !important; max-width: 280px !important; }
  body.mg-pro-page .mg-floating-cta {
    bottom: 84px !important;
    left: 12px !important;
    right: 12px !important;
    justify-content: center !important;
  }
  body.mg-pro-page .mg-floating-cta a { flex: 1 !important; text-align: center !important; }
  body.mg-pro-page .mg-footer { padding-bottom: 156px !important; }
}
@media (max-width: 480px) {
  body.mg-pro-page .mg-hero-section h1 { font-size: 42px !important; }
  body.mg-pro-page .mg-trust-badges { justify-content: flex-start !important; }
  body.mg-pro-page .mg-trust-badges span { width: 100% !important; justify-content: flex-start !important; }
  body.mg-pro-page .btn-large { width: 100% !important; }
}




/* Lightweight Bootstrap fallback for local previews and faster first paint. */
body.mg-pro-page .row::before,
body.mg-pro-page .row::after { content: ""; display: table; clear: both; }
body.mg-pro-page [class*="col-"] { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
body.mg-pro-page .navbar-nav { list-style: none !important; padding-left: 0 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; justify-content: flex-end !important; }
body.mg-pro-page .navbar-nav > li { list-style: none !important; position: relative !important; }
body.mg-pro-page .navbar-collapse.collapse { display: block !important; height: auto !important; overflow: visible !important; }
body.mg-pro-page .navbar-toggle { display: none !important; }
body.mg-pro-page .nav-dropdown { display: none !important; left: 0 !important; list-style: none !important; margin: 0 !important; position: absolute !important; top: 100% !important; z-index: 1000 !important; }
body.mg-pro-page .clearfix::before,
body.mg-pro-page .clearfix::after { content: ""; display: table; clear: both; }
body.mg-pro-page .img-responsive { display: block; height: auto; max-width: 100%; }
body.mg-pro-page .mg-header img { font-size: 0 !important; color: transparent !important; }

@media (min-width: 992px) {
  body.mg-pro-page .col-md-2 { float: left; width: 16.66666667%; }
  body.mg-pro-page .col-md-3 { float: left; width: 25%; }
  body.mg-pro-page .col-md-4 { float: left; width: 33.33333333%; }
  body.mg-pro-page .col-md-6 { float: left; width: 50%; }
  body.mg-pro-page .col-md-8 { float: left; width: 66.66666667%; }
  body.mg-pro-page .col-md-10 { float: left; width: 83.33333333%; }
  body.mg-pro-page .col-md-12 { float: left; width: 100%; }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.mg-pro-page .col-sm-4 { float: left; width: 33.33333333%; }
  body.mg-pro-page .col-sm-6 { float: left; width: 50%; }
  body.mg-pro-page .col-sm-8 { float: left; width: 66.66666667%; }
  body.mg-pro-page .col-sm-12 { float: left; width: 100%; }
}
@media (max-width: 767px) {
  body.mg-pro-page .navbar-toggle { display: block !important; }
  body.mg-pro-page .navbar-collapse.collapse { display: none !important; }
  body.mg-pro-page .navbar-collapse.collapse.in { display: block !important; }
  body.mg-pro-page .navbar-nav { align-items: stretch !important; display: block !important; justify-content: flex-start !important; }
  body.mg-pro-page .nav-dropdown { position: static !important; }
  body.mg-pro-page .col-xs-12 { float: left; width: 100%; }
}

/* Round 2 edits requested: H1 first, no hero subtitle, pricing closer to original page. */
body.mg-pro-page .mg-hero-section {
  padding-top: clamp(42px, 6vw, 72px) !important;
  padding-bottom: 48px !important;
}

body.mg-pro-page .mg-hero-section h1 {
  color: var(--mg-ink) !important;
  font-size: clamp(46px, 7vw, 84px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.06em !important;
  line-height: .92 !important;
  margin: 0 auto 18px !important;
  max-width: 940px !important;
  text-transform: uppercase !important;
}
@supports (-webkit-background-clip: text) {
  body.mg-pro-page .mg-hero-section h1 {
    background: linear-gradient(90deg, var(--mg-ink) 0%, var(--mg-primary) 42%, var(--mg-youtube) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
}
body.mg-pro-page .mg-hero-eyebrow {
  margin: 0 auto 18px !important;
  background: rgba(255,255,255,.74) !important;
}
body.mg-pro-page .mg-hero-subtitle { display: none !important; }
body.mg-pro-page .mg-trust-badges {
  margin-bottom: 22px !important;
}

body.mg-pro-page .mg-price-grid {
  gap: 22px !important;
  margin-top: 30px !important;
}
body.mg-pro-page .mg-pricing-card {
  background: #fff !important;
  border: 1px solid rgba(33,42,73,.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(33,42,73,.10) !important;
  overflow: hidden !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
body.mg-pro-page .mg-pricing-card:hover {
  border-color: rgba(255,107,53,.40) !important;
  box-shadow: 0 18px 42px rgba(33,42,73,.16) !important;
  transform: translateY(-5px) !important;
}
body.mg-pro-page .mg-pricing-card.mg-featured {
  border-color: rgba(33,42,73,.12) !important;
  box-shadow: 0 12px 28px rgba(33,42,73,.10) !important;
}
body.mg-pro-page .mg-pricing-card.mg-featured::before { display: none !important; }
body.mg-pro-page .mg-pricing-card > li {
  border-bottom: 1px solid rgba(33,42,73,.08) !important;
  color: #22283a !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  text-align: center !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child {
  background: #212a49 !important;
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 78px !important;
  padding: 21px 14px 19px !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child p {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child b {
  color: #ff9f43 !important;
  display: inline-block !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  line-height: .95 !important;
  margin: 0 5px 0 0 !important;
  vertical-align: baseline !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(2) {
  background: #fff !important;
  border-bottom: 1px solid rgba(33,42,73,.08) !important;
  padding: 20px 14px 18px !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(2) p {
  color: #ff8a00 !important;
  font-size: 35px !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
  margin: 0 !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(n+3):not(:last-child) {
  align-items: initial !important;
  display: block !important;
  gap: 0 !important;
  text-align: center !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(n+3):not(:last-child)::before {
  content: none !important;
  display: none !important;
}
body.mg-pro-page .mg-pricing-card > li:last-child {
  border: 0 !important;
  margin-top: auto !important;
  padding: 18px 16px 20px !important;
}
body.mg-pro-page .mg-pricing-card .btn,
body.mg-pro-page .mg-pricing-card .mg-button {
  background: #212a49 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(33,42,73,.22) !important;
  color: #fff !important;
  min-height: 42px !important;
  min-width: 104px !important;
  padding: 13px 26px !important;
}
body.mg-pro-page .mg-pricing-card .btn:hover,
body.mg-pro-page .mg-pricing-card .mg-button:hover {
  background: #161d33 !important;
  box-shadow: 0 15px 30px rgba(33,42,73,.28) !important;
}
body.mg-pro-page .btn.bg-light-orange,
body.mg-pro-page a.bg-light-orange {
  background: linear-gradient(135deg, #ff9f43, #ff5c35) !important;
  box-shadow: 0 14px 30px rgba(255,107,53,.23) !important;
  color: #fff !important;
}
body.mg-pro-page .btn.bg-dark-purple-blue,
body.mg-pro-page a.bg-dark-purple-blue {
  background: #212a49 !important;
  color: #fff !important;
}
@media (max-width: 767px) {
  body.mg-pro-page .mg-price-grid {
    gap: 16px !important;
  }
  body.mg-pro-page .mg-price-grid > [class*="col-"] {
    flex: 0 0 252px !important;
    max-width: 252px !important;
  }
  body.mg-pro-page .mg-pricing-card > li:first-child b {
    font-size: 31px !important;
  }
}


/* Round 3 edits: requested copy update, text card, equal two-column sections, and two-column Q&A. */
body.mg-pro-page .mg-hero-eyebrow {
  color: #e0002f !important;
  font-size: 12px !important;
  letter-spacing: .065em !important;
  margin-bottom: 18px !important;
}
body.mg-pro-page .mg-price-copy-wrap {
  float: none !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
body.mg-pro-page .mg-content-card,
body.mg-pro-page .mg-price-copy-card {
  background: rgba(255, 255, 255, .78) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: var(--mg-radius-lg) !important;
  box-shadow: var(--mg-shadow-sm) !important;
  color: var(--mg-muted) !important;
  margin: 34px auto 36px !important;
  max-width: 980px !important;
  padding: clamp(24px, 4vw, 38px) !important;
  text-align: left !important;
}
body.mg-pro-page .mg-price-copy-card p {
  color: var(--mg-muted) !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  margin: 0 0 16px !important;
}
body.mg-pro-page .mg-price-copy-card p:last-child { margin-bottom: 0 !important; }
body.mg-pro-page .mg-price-copy-card b { color: var(--mg-ink) !important; }

body.mg-pro-page .mg-two-card-row::before,
body.mg-pro-page .mg-two-card-row::after { display: none !important; content: none !important; }
body.mg-pro-page .mg-split-section .mg-two-card-row,
body.mg-pro-page .mg-qa-section .mg-two-card-row {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.mg-pro-page .mg-split-section .mg-two-card-row > .mg-equal-col,
body.mg-pro-page .mg-qa-section .mg-two-card-row > .mg-equal-col {
  display: flex !important;
  float: none !important;
  margin: 0 !important;
  min-height: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: calc(50% - 14px) !important;
}
body.mg-pro-page .mg-split-section .mg-equal-card,
body.mg-pro-page .mg-qa-section .mg-equal-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  width: 100% !important;
}
body.mg-pro-page .mg-split-section .mg-howto-card {
  min-height: 610px !important;
}
body.mg-pro-page .mg-split-section .mg-howto-card .mg-button,
body.mg-pro-page .mg-split-section .mg-howto-card .btn {
  align-self: flex-start !important;
  margin-top: auto !important;
}
body.mg-pro-page .mg-split-section .mg-howto-card h3 {
  margin-top: 0 !important;
}
body.mg-pro-page .mg-split-section .mg-howto-card p {
  color: var(--mg-muted) !important;
  line-height: 1.72 !important;
}
body.mg-pro-page .mg-qa-section .mg-questions-two-card-row {
  gap: 28px !important;
}
body.mg-pro-page .mg-qa-section .mg-qa-heading-wrap {
  float: none !important;
  padding: 0 !important;
  width: 100% !important;
}
body.mg-pro-page .mg-qa-section .mg-qa-heading-wrap h2 {
  margin: 0 auto 32px !important;
  text-align: center !important;
}
body.mg-pro-page .mg-qa-section .mg-questions-card-stack {
  gap: 0 !important;
}
body.mg-pro-page .mg-qa-section .mg-question-card:last-of-type {
  margin-bottom: 22px !important;
}
body.mg-pro-page .mg-qa-section .mg-inline-cta {
  align-self: flex-start !important;
  margin-top: auto !important;
}

@media (max-width: 991px) {
  body.mg-pro-page .mg-split-section .mg-two-card-row,
  body.mg-pro-page .mg-qa-section .mg-two-card-row {
    gap: 22px !important;
  }
  body.mg-pro-page .mg-split-section .mg-two-card-row > .mg-equal-col,
  body.mg-pro-page .mg-qa-section .mg-two-card-row > .mg-equal-col {
    width: calc(50% - 11px) !important;
  }
  body.mg-pro-page .mg-split-section .mg-howto-card {
    min-height: 0 !important;
  }
}
@media (max-width: 767px) {
  body.mg-pro-page .mg-split-section .mg-two-card-row,
  body.mg-pro-page .mg-qa-section .mg-two-card-row {
    display: block !important;
  }
  body.mg-pro-page .mg-split-section .mg-two-card-row > .mg-equal-col,
  body.mg-pro-page .mg-qa-section .mg-two-card-row > .mg-equal-col {
    display: block !important;
    float: none !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }
  body.mg-pro-page .mg-split-section .mg-two-card-row > .mg-equal-col:last-child,
  body.mg-pro-page .mg-qa-section .mg-two-card-row > .mg-equal-col:last-child {
    margin-bottom: 0 !important;
  }
  body.mg-pro-page .mg-content-card,
  body.mg-pro-page .mg-price-copy-card {
    margin: 28px auto 30px !important;
    padding: 22px !important;
  }
}

/* Round 4 edits: title-case tagline, consistent H2/H3 treatment, and YouTube color theme. */
:root {
  --mg-ink: #0f0f0f;
  --mg-muted: #606060;
  --mg-soft: #fff6f6;
  --mg-surface: #ffffff;
  --mg-line: rgba(15, 15, 15, 0.10);
  --mg-primary: #ff0000;
  --mg-primary-2: #cc0000;
  --mg-youtube: #ff0000;
  --mg-orange: #ff0000;
  --mg-success: #0f9d58;
  --mg-shadow-sm: 0 10px 30px rgba(15, 15, 15, 0.08);
  --mg-shadow-md: 0 18px 60px rgba(15, 15, 15, 0.14);
  --mg-shadow-lg: 0 28px 78px rgba(255, 0, 0, 0.16);
}

body.mg-pro-page {
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 0, 0, 0.10), transparent 30rem),
    radial-gradient(circle at 92% 12%, rgba(15, 15, 15, 0.08), transparent 34rem),
    linear-gradient(180deg, #ffffff 0%, #fff7f7 38%, #ffffff 100%) !important;
}

body.mg-pro-page .bg-dark-purple-blue,
body.mg-pro-page .tz-background-color {
  background: linear-gradient(135deg, #0f0f0f 0%, #1f1f1f 68%, #ff0000 150%) !important;
}
body.mg-pro-page .bg-light-orange,
body.mg-pro-page .btn.bg-light-orange,
body.mg-pro-page a.bg-light-orange {
  background: linear-gradient(135deg, #ff0000, #cc0000) !important;
  box-shadow: 0 14px 30px rgba(255, 0, 0, .24) !important;
}
body.mg-pro-page .text-light-orange,
body.mg-pro-page .text-light-purple-blue { color: #ff0000 !important; }

body.mg-pro-page .mg-header .navbar {
  border-bottom: 1px solid rgba(255, 0, 0, .10) !important;
  box-shadow: 0 14px 40px rgba(15, 15, 15, .08) !important;
}
body.mg-pro-page .navbar li a:hover,
body.mg-pro-page .navbar li a:focus,
body.mg-pro-page .navbar li a.mg-current-link {
  background: rgba(255, 0, 0, .08) !important;
  color: #ff0000 !important;
}
body.mg-pro-page .nav-dropdown li a:hover {
  background: rgba(255, 0, 0, .06) !important;
  color: #ff0000 !important;
}

body.mg-pro-page .mg-hero-section {
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 0, 0, .16), transparent 28rem),
    radial-gradient(circle at 86% 8%, rgba(15, 15, 15, .09), transparent 34rem),
    linear-gradient(135deg, #ffffff 0%, #fff4f4 55%, #ffffff 100%) !important;
}
body.mg-pro-page .mg-hero-section::before {
  background: radial-gradient(circle, rgba(255, 0, 0, .18), transparent 68%) !important;
}
body.mg-pro-page .mg-hero-section::after {
  background: radial-gradient(circle, rgba(15, 15, 15, .08), transparent 68%) !important;
}
body.mg-pro-page .mg-hero-eyebrow {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(255, 0, 0, .18) !important;
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: .005em !important;
  line-height: 1.25 !important;
  max-width: 92% !important;
  text-align: center !important;
  text-transform: none !important;
}
body.mg-pro-page .mg-hero-eyebrow::before {
  align-items: center;
  background: #ff0000;
  border-radius: 50%;
  color: #fff;
  content: "▶";
  display: inline-flex;
  font-size: 9px;
  height: 22px;
  justify-content: center;
  width: 22px;
}
@supports (-webkit-background-clip: text) {
  body.mg-pro-page .mg-hero-section h1 {
    background: linear-gradient(90deg, #0f0f0f 0%, #0f0f0f 42%, #ff0000 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
}
body.mg-pro-page .mg-trust-badges span::before {
  background: rgba(255, 0, 0, .10) !important;
  color: #ff0000 !important;
}

/* Shared H2 treatment, including the two requested H2s and the legit H2. */
body.mg-pro-page .mg-section-heading,
body.mg-pro-page .mg-h2-heading {
  color: #0f0f0f !important;
  display: block !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.05 !important;
  margin: 0 auto 34px !important;
  max-width: 900px !important;
  padding: 0 0 18px !important;
  position: relative !important;
  text-align: center !important;
  text-transform: none !important;
}
body.mg-pro-page .mg-section-heading::after,
body.mg-pro-page .mg-h2-heading::after {
  background: linear-gradient(90deg, #ff0000, #111111) !important;
  border-radius: 999px !important;
  bottom: 0 !important;
  content: "" !important;
  display: block !important;
  height: 5px !important;
  left: 50% !important;
  position: absolute !important;
  transform: translateX(-50%) !important;
  width: 92px !important;
}
body.mg-pro-page .mg-feature-section > .mg-section-heading,
body.mg-pro-page .mg-feature-section > .mg-h2-heading {
  margin-left: auto !important;
  margin-right: auto !important;
}
body.mg-pro-page .mg-legit-section .mg-section-heading,
body.mg-pro-page .mg-legit-section .mg-h2-heading {
  color: #ffffff !important;
  margin: 0 0 30px !important;
  max-width: 650px !important;
  text-align: left !important;
}
body.mg-pro-page .mg-legit-section .mg-section-heading span,
body.mg-pro-page .mg-legit-section .mg-h2-heading span {
  color: #ffffff !important;
  font-weight: 950 !important;
}
body.mg-pro-page .mg-legit-section .mg-section-heading::after,
body.mg-pro-page .mg-legit-section .mg-h2-heading::after {
  background: linear-gradient(90deg, #ff0000, rgba(255,255,255,.90)) !important;
  left: 0 !important;
  transform: none !important;
}

/* Shared H3 treatment for the requested H3s and every FAQ question. */
body.mg-pro-page .mg-h3-heading {
  color: #0f0f0f !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.028em !important;
  line-height: 1.18 !important;
  margin-bottom: 18px !important;
  text-transform: none !important;
}
body.mg-pro-page .mg-split-section .mg-h3-heading {
  padding-left: 38px !important;
  position: relative !important;
}
body.mg-pro-page .mg-split-section .mg-h3-heading::before {
  align-items: center !important;
  background: #ff0000 !important;
  border-radius: 50% !important;
  color: #fff !important;
  content: "▶" !important;
  display: inline-flex !important;
  font-size: 10px !important;
  height: 25px !important;
  justify-content: center !important;
  left: 0 !important;
  position: absolute !important;
  top: 2px !important;
  width: 25px !important;
}
body.mg-pro-page .mg-question-title.mg-h3-heading,
body.mg-pro-page .mg-faq-h3 {
  color: #0f0f0f !important;
  font-size: clamp(20px, 1.7vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.24 !important;
  margin: 0 0 10px !important;
  padding-left: 34px !important;
}
body.mg-pro-page .mg-question-title::before {
  background: #ff0000 !important;
  color: #ffffff !important;
  height: 23px !important;
  top: 2px !important;
  width: 23px !important;
}

/* Pricing and CTAs moved to red / black YouTube-style accents. */
body.mg-pro-page .mg-pricing-card {
  border-color: rgba(15,15,15,.10) !important;
  box-shadow: 0 12px 30px rgba(15,15,15,.10) !important;
}
body.mg-pro-page .mg-pricing-card:hover {
  border-color: rgba(255,0,0,.34) !important;
  box-shadow: 0 18px 42px rgba(255,0,0,.14), 0 12px 32px rgba(15,15,15,.10) !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child {
  background: linear-gradient(135deg, #0f0f0f 0%, #242424 70%, #ff0000 155%) !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child b {
  color: #ff4d4d !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(2) p {
  color: #ff0000 !important;
}
body.mg-pro-page .mg-pricing-card .btn,
body.mg-pro-page .mg-pricing-card .mg-button,
body.mg-pro-page .btn.bg-dark-purple-blue,
body.mg-pro-page a.bg-dark-purple-blue {
  background: #0f0f0f !important;
  box-shadow: 0 10px 24px rgba(15,15,15,.20) !important;
  color: #ffffff !important;
}
body.mg-pro-page .mg-pricing-card .btn:hover,
body.mg-pro-page .mg-pricing-card .mg-button:hover,
body.mg-pro-page .btn.bg-dark-purple-blue:hover,
body.mg-pro-page a.bg-dark-purple-blue:hover {
  background: #ff0000 !important;
  box-shadow: 0 16px 34px rgba(255,0,0,.25) !important;
}
body.mg-pro-page .mg-button,
body.mg-pro-page .btn,
body.mg-pro-page .btn-medium,
body.mg-pro-page .btn-large {
  background: linear-gradient(135deg, #0f0f0f, #ff0000) !important;
  box-shadow: 0 14px 30px rgba(255, 0, 0, .20) !important;
}
body.mg-pro-page .mg-button:hover,
body.mg-pro-page .btn:hover,
body.mg-pro-page .btn-medium:hover,
body.mg-pro-page .btn-large:hover {
  box-shadow: 0 20px 42px rgba(255, 0, 0, .26) !important;
}

body.mg-pro-page .mg-content-card,
body.mg-pro-page .mg-price-copy-card,
body.mg-pro-page .mg-split-section > .container > .text-large,
body.mg-pro-page .mg-split-section .display-table-cell-vertical-middle,
body.mg-pro-page .mg-qa-section .display-table-cell-vertical-middle,
body.mg-pro-page .mg-question-card,
body.mg-pro-page .mg-feature-section .col-md-10,
body.mg-pro-page .mg-list-section ol li {
  border-color: rgba(255,0,0,.09) !important;
}
body.mg-pro-page .mg-split-section {
  background: linear-gradient(180deg, #ffffff 0%, #fff7f7 100%) !important;
}
body.mg-pro-page .mg-feature-section {
  background:
    radial-gradient(circle at 50% 30%, rgba(255,0,0,.08), transparent 24rem),
    linear-gradient(135deg, #fff8f8 0%, #ffffff 100%) !important;
}
body.mg-pro-page .mg-feature-section .col-md-10:hover {
  box-shadow: 0 18px 48px rgba(255,0,0,.12), 0 12px 32px rgba(15,15,15,.08) !important;
}
body.mg-pro-page .mg-feature-section img {
  box-shadow: 0 30px 80px rgba(255,0,0,.16) !important;
}
body.mg-pro-page .mg-legit-section {
  background:
    radial-gradient(circle at 82% 28%, rgba(255,0,0,.30), transparent 25rem),
    linear-gradient(135deg, #0f0f0f 0%, #1b1b1b 60%, #4a0000 100%) !important;
}
body.mg-pro-page .mg-legit-section h3 {
  background: rgba(255,0,0,.16) !important;
  border-color: rgba(255,255,255,.14) !important;
}
body.mg-pro-page .mg-list-section ol li::before {
  background: linear-gradient(135deg, #ff0000, #111111) !important;
}
body.mg-pro-page .mg-footer {
  background: #0f0f0f !important;
}
body.mg-pro-page .mg-floating-cta a:last-child {
  background: linear-gradient(135deg, #ff0000, #cc0000) !important;
}

@media (max-width: 767px) {
  body.mg-pro-page .mg-section-heading,
  body.mg-pro-page .mg-h2-heading {
    font-size: clamp(30px, 9vw, 42px) !important;
  }
  body.mg-pro-page .mg-legit-section .mg-section-heading,
  body.mg-pro-page .mg-legit-section .mg-h2-heading {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.mg-pro-page .mg-legit-section .mg-section-heading::after,
  body.mg-pro-page .mg-legit-section .mg-h2-heading::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  body.mg-pro-page .mg-split-section .mg-h3-heading {
    padding-left: 0 !important;
    padding-top: 38px !important;
    text-align: center !important;
  }
  body.mg-pro-page .mg-split-section .mg-h3-heading::before {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* Round 4 hierarchy hardening: overrides legacy .tz-text/.section-title sizing. */
body.mg-pro-page section h2.mg-section-heading,
body.mg-pro-page section h2.mg-section-heading.tz-text,
body.mg-pro-page section h2.mg-section-heading.section-title-large,
body.mg-pro-page section h2.mg-section-heading.text-light-purple-blue,
body.mg-pro-page section h2.mg-section-heading.text-dark-gray {
  color: #0f0f0f !important;
  display: block !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.05 !important;
  margin: 0 auto 34px !important;
  max-width: 980px !important;
  position: relative !important;
  text-align: center !important;
  text-transform: none !important;
}
body.mg-pro-page section.mg-legit-section h2.mg-section-heading,
body.mg-pro-page section.mg-legit-section h2.mg-section-heading.tz-text,
body.mg-pro-page section.mg-legit-section h2.mg-section-heading .font-weight-500 {
  color: #ffffff !important;
}
body.mg-pro-page section.mg-legit-section h2.mg-section-heading {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
body.mg-pro-page section h3.mg-card-h3,
body.mg-pro-page section h3.mg-card-h3.tz-text,
body.mg-pro-page section h3.mg-card-h3.text-light-purple-blue,
body.mg-pro-page .mg-split-section .mg-howto-card h3.mg-card-h3,
body.mg-pro-page .mg-split-section .mg-howto-card h3.mg-card-h3.tz-text {
  color: #0f0f0f !important;
  display: block !important;
  font-size: clamp(22px, 2.25vw, 30px) !important;
  font-weight: 925 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.14 !important;
  margin: 0 0 18px !important;
  padding-left: 18px !important;
  position: relative !important;
  text-transform: none !important;
}
@media (max-width: 767px) {
  body.mg-pro-page section.mg-legit-section h2.mg-section-heading { text-align: center !important; }
}

/* Round 4 specificity fix: keep requested H3s visually sized as H3s despite inherited .tz-text sizing. */
body.mg-pro-page section.mg-split-section h3.mg-h3-heading,
body.mg-pro-page section.mg-split-section h3.mg-h3-heading.tz-text {
  color: #0f0f0f !important;
  font-size: clamp(24px, 2.3vw, 31px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.16 !important;
}
body.mg-pro-page section.mg-qa-section h3.mg-question-title.mg-h3-heading,
body.mg-pro-page section.mg-qa-section h3.mg-faq-h3 {
  color: #0f0f0f !important;
  font-size: clamp(20px, 1.7vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.24 !important;
}

/* Round 4 H3 hierarchy hardening: make requested H3s win over legacy .tz-text sizing. */
body.mg-pro-page section h3.mg-h3-heading,
body.mg-pro-page section h3.mg-h3-heading.tz-text,
body.mg-pro-page section h3.mg-h3-heading.text-light-purple-blue,
body.mg-pro-page section h3.mg-h3-heading.title-extra-large,
body.mg-pro-page .mg-split-section .mg-howto-card h3.mg-h3-heading,
body.mg-pro-page .mg-split-section .mg-howto-card h3.mg-h3-heading.tz-text {
  color: #0f0f0f !important;
  display: block !important;
  font-size: clamp(22px, 2.25vw, 30px) !important;
  font-weight: 925 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.14 !important;
  margin: 0 0 18px !important;
  padding-left: 38px !important;
  position: relative !important;
  text-transform: none !important;
}
body.mg-pro-page section h3.mg-faq-h3,
body.mg-pro-page section h3.mg-faq-h3.text-large,
body.mg-pro-page section h3.mg-question-title.mg-h3-heading,
body.mg-pro-page .mg-qa-section h3.mg-question-title.mg-h3-heading {
  color: #0f0f0f !important;
  font-size: clamp(20px, 1.7vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.24 !important;
  margin: 0 0 10px !important;
  padding-left: 34px !important;
  text-transform: none !important;
}

/* Round 6 edits: keep the v4 footer layout, retain larger header logo, and keep right-edge menus inside the screen. */
body.mg-pro-page .mg-header .navbar {
  min-height: 88px !important;
  padding: 10px 0 !important;
}
body.mg-pro-page .mg-header .row {
  align-items: center !important;
}
body.mg-pro-page .mg-header a.mg-header-logo-link {
  align-items: center !important;
  display: inline-flex !important;
  padding: 0 !important;
}
body.mg-pro-page .mg-header img.mg-header-logo,
body.mg-pro-page .mg-header a.mg-header-logo-link img,
body.mg-pro-page .mg-header img {
  height: auto !important;
  max-height: none !important;
  max-width: 196px !important;
  width: 196px !important;
}
body.mg-pro-page .mg-header .col-md-2 {
  min-width: 210px !important;
}
body.mg-pro-page .mg-header .col-md-10 {
  flex: 1 1 auto !important;
  max-width: calc(100% - 210px) !important;
}
body.mg-pro-page .navbar li {
  position: relative !important;
}
body.mg-pro-page .navbar-nav > li.mg-nav-edge > .nav-dropdown,
body.mg-pro-page .navbar li.mg-nav-edge > .nav-dropdown {
  left: auto !important;
  right: 0 !important;
  max-width: min(360px, calc(100vw - 28px)) !important;
  overflow-x: hidden !important;
  transform-origin: top right !important;
}
body.mg-pro-page .navbar-nav > li.mg-nav-edge > .nav-dropdown li a,
body.mg-pro-page .navbar li.mg-nav-edge > .nav-dropdown li a {
  white-space: normal !important;
}
body.mg-pro-page #footer-section4 .mg-business-milestone {
  display: inline-block !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
}
body.mg-pro-page #footer-section4 .mg-copyright-line {
  display: inline-block !important;
}
@media (max-width: 1199px) and (min-width: 992px) {
  body.mg-pro-page .mg-header img.mg-header-logo,
  body.mg-pro-page .mg-header a.mg-header-logo-link img,
  body.mg-pro-page .mg-header img {
    max-width: 172px !important;
    width: 172px !important;
  }
  body.mg-pro-page .mg-header .col-md-2 {
    min-width: 186px !important;
  }
  body.mg-pro-page .mg-header .col-md-10 {
    max-width: calc(100% - 186px) !important;
  }
  body.mg-pro-page .navbar li a {
    font-size: 11px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}
@media (max-width: 991px) {
  body.mg-pro-page .mg-header .navbar {
    min-height: 76px !important;
    padding: 8px 0 !important;
  }
  body.mg-pro-page .mg-header .row {
    display: flex !important;
  }
  body.mg-pro-page .mg-header .col-sm-4,
  body.mg-pro-page .mg-header .col-xs-6:first-child {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  body.mg-pro-page .mg-header .col-sm-8,
  body.mg-pro-page .mg-header .col-xs-6.position-inherit {
    width: auto !important;
    flex: 0 0 auto !important;
    max-width: none !important;
  }
  body.mg-pro-page .mg-header img.mg-header-logo,
  body.mg-pro-page .mg-header a.mg-header-logo-link img,
  body.mg-pro-page .mg-header img {
    max-width: 160px !important;
    width: 160px !important;
  }
  body.mg-pro-page .navbar li {
    position: static !important;
  }
  body.mg-pro-page .navbar-nav > li.mg-nav-edge > .nav-dropdown,
  body.mg-pro-page .navbar li.mg-nav-edge > .nav-dropdown,
  body.mg-pro-page .nav-dropdown {
    left: auto !important;
    right: auto !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    transform-origin: top center !important;
  }
}
@media (max-width: 480px) {
  body.mg-pro-page .mg-header img.mg-header-logo,
  body.mg-pro-page .mg-header a.mg-header-logo-link img,
  body.mg-pro-page .mg-header img {
    max-width: 146px !important;
    width: 146px !important;
  }
}

/* Source: id="mediageneous-pro-redesign-v3" */
/* Round 3 edits: requested copy update, text card, equal two-column sections, and two-column Q&A. */
body.mg-pro-page .mg-hero-eyebrow {
  color: #e0002f !important;
  font-size: 12px !important;
  letter-spacing: .065em !important;
  margin-bottom: 18px !important;
}
body.mg-pro-page .mg-price-copy-wrap {
  float: none !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
body.mg-pro-page .mg-content-card,
body.mg-pro-page .mg-price-copy-card {
  background: rgba(255, 255, 255, .78) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: var(--mg-radius-lg) !important;
  box-shadow: var(--mg-shadow-sm) !important;
  color: var(--mg-muted) !important;
  margin: 34px auto 36px !important;
  max-width: 980px !important;
  padding: clamp(24px, 4vw, 38px) !important;
  text-align: left !important;
}
body.mg-pro-page .mg-price-copy-card p {
  color: var(--mg-muted) !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  margin: 0 0 16px !important;
}
body.mg-pro-page .mg-price-copy-card p:last-child { margin-bottom: 0 !important; }
body.mg-pro-page .mg-price-copy-card b { color: var(--mg-ink) !important; }

body.mg-pro-page .mg-two-card-row::before,
body.mg-pro-page .mg-two-card-row::after { display: none !important; content: none !important; }
body.mg-pro-page .mg-split-section .mg-two-card-row,
body.mg-pro-page .mg-qa-section .mg-two-card-row {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.mg-pro-page .mg-split-section .mg-two-card-row > .mg-equal-col,
body.mg-pro-page .mg-qa-section .mg-two-card-row > .mg-equal-col {
  display: flex !important;
  float: none !important;
  margin: 0 !important;
  min-height: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: calc(50% - 14px) !important;
}
body.mg-pro-page .mg-split-section .mg-equal-card,
body.mg-pro-page .mg-qa-section .mg-equal-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  width: 100% !important;
}
body.mg-pro-page .mg-split-section .mg-howto-card {
  min-height: 610px !important;
}
body.mg-pro-page .mg-split-section .mg-howto-card .mg-button,
body.mg-pro-page .mg-split-section .mg-howto-card .btn {
  align-self: flex-start !important;
  margin-top: auto !important;
}
body.mg-pro-page .mg-split-section .mg-howto-card h3 {
  margin-top: 0 !important;
}
body.mg-pro-page .mg-split-section .mg-howto-card p {
  color: var(--mg-muted) !important;
  line-height: 1.72 !important;
}
body.mg-pro-page .mg-qa-section .mg-questions-two-card-row {
  gap: 28px !important;
}
body.mg-pro-page .mg-qa-section .mg-qa-heading-wrap {
  float: none !important;
  padding: 0 !important;
  width: 100% !important;
}
body.mg-pro-page .mg-qa-section .mg-qa-heading-wrap h2 {
  margin: 0 auto 32px !important;
  text-align: center !important;
}
body.mg-pro-page .mg-qa-section .mg-questions-card-stack {
  gap: 0 !important;
}
body.mg-pro-page .mg-qa-section .mg-question-card:last-of-type {
  margin-bottom: 22px !important;
}
body.mg-pro-page .mg-qa-section .mg-inline-cta {
  align-self: flex-start !important;
  margin-top: auto !important;
}

@media (max-width: 991px) {
  body.mg-pro-page .mg-split-section .mg-two-card-row,
  body.mg-pro-page .mg-qa-section .mg-two-card-row {
    gap: 22px !important;
  }
  body.mg-pro-page .mg-split-section .mg-two-card-row > .mg-equal-col,
  body.mg-pro-page .mg-qa-section .mg-two-card-row > .mg-equal-col {
    width: calc(50% - 11px) !important;
  }
  body.mg-pro-page .mg-split-section .mg-howto-card {
    min-height: 0 !important;
  }
}
@media (max-width: 767px) {
  body.mg-pro-page .mg-split-section .mg-two-card-row,
  body.mg-pro-page .mg-qa-section .mg-two-card-row {
    display: block !important;
  }
  body.mg-pro-page .mg-split-section .mg-two-card-row > .mg-equal-col,
  body.mg-pro-page .mg-qa-section .mg-two-card-row > .mg-equal-col {
    display: block !important;
    float: none !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }
  body.mg-pro-page .mg-split-section .mg-two-card-row > .mg-equal-col:last-child,
  body.mg-pro-page .mg-qa-section .mg-two-card-row > .mg-equal-col:last-child {
    margin-bottom: 0 !important;
  }
  body.mg-pro-page .mg-content-card,
  body.mg-pro-page .mg-price-copy-card {
    margin: 28px auto 30px !important;
    padding: 22px !important;
  }
}

/* Source: id="mediageneous-pro-redesign-v4" */
/* Round 4 edits: title-case tagline, consistent H2/H3 treatment, and YouTube color theme. */
:root {
  --mg-ink: #0f0f0f;
  --mg-muted: #606060;
  --mg-soft: #fff6f6;
  --mg-surface: #ffffff;
  --mg-line: rgba(15, 15, 15, 0.10);
  --mg-primary: #ff0000;
  --mg-primary-2: #cc0000;
  --mg-youtube: #ff0000;
  --mg-orange: #ff0000;
  --mg-success: #0f9d58;
  --mg-shadow-sm: 0 10px 30px rgba(15, 15, 15, 0.08);
  --mg-shadow-md: 0 18px 60px rgba(15, 15, 15, 0.14);
  --mg-shadow-lg: 0 28px 78px rgba(255, 0, 0, 0.16);
}

body.mg-pro-page {
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 0, 0, 0.10), transparent 30rem),
    radial-gradient(circle at 92% 12%, rgba(15, 15, 15, 0.08), transparent 34rem),
    linear-gradient(180deg, #ffffff 0%, #fff7f7 38%, #ffffff 100%) !important;
}

body.mg-pro-page .bg-dark-purple-blue,
body.mg-pro-page .tz-background-color {
  background: linear-gradient(135deg, #0f0f0f 0%, #1f1f1f 68%, #ff0000 150%) !important;
}
body.mg-pro-page .bg-light-orange,
body.mg-pro-page .btn.bg-light-orange,
body.mg-pro-page a.bg-light-orange {
  background: linear-gradient(135deg, #ff0000, #cc0000) !important;
  box-shadow: 0 14px 30px rgba(255, 0, 0, .24) !important;
}
body.mg-pro-page .text-light-orange,
body.mg-pro-page .text-light-purple-blue { color: #ff0000 !important; }

body.mg-pro-page .mg-header .navbar {
  border-bottom: 1px solid rgba(255, 0, 0, .10) !important;
  box-shadow: 0 14px 40px rgba(15, 15, 15, .08) !important;
}
body.mg-pro-page .navbar li a:hover,
body.mg-pro-page .navbar li a:focus,
body.mg-pro-page .navbar li a.mg-current-link {
  background: rgba(255, 0, 0, .08) !important;
  color: #ff0000 !important;
}
body.mg-pro-page .nav-dropdown li a:hover {
  background: rgba(255, 0, 0, .06) !important;
  color: #ff0000 !important;
}

body.mg-pro-page .mg-hero-section {
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 0, 0, .16), transparent 28rem),
    radial-gradient(circle at 86% 8%, rgba(15, 15, 15, .09), transparent 34rem),
    linear-gradient(135deg, #ffffff 0%, #fff4f4 55%, #ffffff 100%) !important;
}
body.mg-pro-page .mg-hero-section::before {
  background: radial-gradient(circle, rgba(255, 0, 0, .18), transparent 68%) !important;
}
body.mg-pro-page .mg-hero-section::after {
  background: radial-gradient(circle, rgba(15, 15, 15, .08), transparent 68%) !important;
}
body.mg-pro-page .mg-hero-eyebrow {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(255, 0, 0, .18) !important;
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: .005em !important;
  line-height: 1.25 !important;
  max-width: 92% !important;
  text-align: center !important;
  text-transform: none !important;
}
body.mg-pro-page .mg-hero-eyebrow::before {
  align-items: center;
  background: #ff0000;
  border-radius: 50%;
  color: #fff;
  content: "▶";
  display: inline-flex;
  font-size: 9px;
  height: 22px;
  justify-content: center;
  width: 22px;
}
@supports (-webkit-background-clip: text) {
  body.mg-pro-page .mg-hero-section h1 {
    background: linear-gradient(90deg, #0f0f0f 0%, #0f0f0f 42%, #ff0000 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
}
body.mg-pro-page .mg-trust-badges span::before {
  background: rgba(255, 0, 0, .10) !important;
  color: #ff0000 !important;
}

/* Shared H2 treatment, including the two requested H2s and the legit H2. */
body.mg-pro-page .mg-section-heading,
body.mg-pro-page .mg-h2-heading {
  color: #0f0f0f !important;
  display: block !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.05 !important;
  margin: 0 auto 34px !important;
  max-width: 900px !important;
  padding: 0 0 18px !important;
  position: relative !important;
  text-align: center !important;
  text-transform: none !important;
}
body.mg-pro-page .mg-section-heading::after,
body.mg-pro-page .mg-h2-heading::after {
  background: linear-gradient(90deg, #ff0000, #111111) !important;
  border-radius: 999px !important;
  bottom: 0 !important;
  content: "" !important;
  display: block !important;
  height: 5px !important;
  left: 50% !important;
  position: absolute !important;
  transform: translateX(-50%) !important;
  width: 92px !important;
}
body.mg-pro-page .mg-feature-section > .mg-section-heading,
body.mg-pro-page .mg-feature-section > .mg-h2-heading {
  margin-left: auto !important;
  margin-right: auto !important;
}
body.mg-pro-page .mg-legit-section .mg-section-heading,
body.mg-pro-page .mg-legit-section .mg-h2-heading {
  color: #ffffff !important;
  margin: 0 0 30px !important;
  max-width: 650px !important;
  text-align: left !important;
}
body.mg-pro-page .mg-legit-section .mg-section-heading span,
body.mg-pro-page .mg-legit-section .mg-h2-heading span {
  color: #ffffff !important;
  font-weight: 950 !important;
}
body.mg-pro-page .mg-legit-section .mg-section-heading::after,
body.mg-pro-page .mg-legit-section .mg-h2-heading::after {
  background: linear-gradient(90deg, #ff0000, rgba(255,255,255,.90)) !important;
  left: 0 !important;
  transform: none !important;
}

/* Shared H3 treatment for the requested H3s and every FAQ question. */
body.mg-pro-page .mg-h3-heading {
  color: #0f0f0f !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.028em !important;
  line-height: 1.18 !important;
  margin-bottom: 18px !important;
  text-transform: none !important;
}
body.mg-pro-page .mg-split-section .mg-h3-heading {
  padding-left: 38px !important;
  position: relative !important;
}
body.mg-pro-page .mg-split-section .mg-h3-heading::before {
  align-items: center !important;
  background: #ff0000 !important;
  border-radius: 50% !important;
  color: #fff !important;
  content: "▶" !important;
  display: inline-flex !important;
  font-size: 10px !important;
  height: 25px !important;
  justify-content: center !important;
  left: 0 !important;
  position: absolute !important;
  top: 2px !important;
  width: 25px !important;
}
body.mg-pro-page .mg-question-title.mg-h3-heading,
body.mg-pro-page .mg-faq-h3 {
  color: #0f0f0f !important;
  font-size: clamp(20px, 1.7vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.24 !important;
  margin: 0 0 10px !important;
  padding-left: 34px !important;
}
body.mg-pro-page .mg-question-title::before {
  background: #ff0000 !important;
  color: #ffffff !important;
  height: 23px !important;
  top: 2px !important;
  width: 23px !important;
}

/* Pricing and CTAs moved to red / black YouTube-style accents. */
body.mg-pro-page .mg-pricing-card {
  border-color: rgba(15,15,15,.10) !important;
  box-shadow: 0 12px 30px rgba(15,15,15,.10) !important;
}
body.mg-pro-page .mg-pricing-card:hover {
  border-color: rgba(255,0,0,.34) !important;
  box-shadow: 0 18px 42px rgba(255,0,0,.14), 0 12px 32px rgba(15,15,15,.10) !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child {
  background: linear-gradient(135deg, #0f0f0f 0%, #242424 70%, #ff0000 155%) !important;
}
body.mg-pro-page .mg-pricing-card > li:first-child b {
  color: #ff4d4d !important;
}
body.mg-pro-page .mg-pricing-card > li:nth-child(2) p {
  color: #ff0000 !important;
}
body.mg-pro-page .mg-pricing-card .btn,
body.mg-pro-page .mg-pricing-card .mg-button,
body.mg-pro-page .btn.bg-dark-purple-blue,
body.mg-pro-page a.bg-dark-purple-blue {
  background: #0f0f0f !important;
  box-shadow: 0 10px 24px rgba(15,15,15,.20) !important;
  color: #ffffff !important;
}
body.mg-pro-page .mg-pricing-card .btn:hover,
body.mg-pro-page .mg-pricing-card .mg-button:hover,
body.mg-pro-page .btn.bg-dark-purple-blue:hover,
body.mg-pro-page a.bg-dark-purple-blue:hover {
  background: #ff0000 !important;
  box-shadow: 0 16px 34px rgba(255,0,0,.25) !important;
}
body.mg-pro-page .mg-button,
body.mg-pro-page .btn,
body.mg-pro-page .btn-medium,
body.mg-pro-page .btn-large {
  background: linear-gradient(135deg, #0f0f0f, #ff0000) !important;
  box-shadow: 0 14px 30px rgba(255, 0, 0, .20) !important;
}
body.mg-pro-page .mg-button:hover,
body.mg-pro-page .btn:hover,
body.mg-pro-page .btn-medium:hover,
body.mg-pro-page .btn-large:hover {
  box-shadow: 0 20px 42px rgba(255, 0, 0, .26) !important;
}

body.mg-pro-page .mg-content-card,
body.mg-pro-page .mg-price-copy-card,
body.mg-pro-page .mg-split-section > .container > .text-large,
body.mg-pro-page .mg-split-section .display-table-cell-vertical-middle,
body.mg-pro-page .mg-qa-section .display-table-cell-vertical-middle,
body.mg-pro-page .mg-question-card,
body.mg-pro-page .mg-feature-section .col-md-10,
body.mg-pro-page .mg-list-section ol li {
  border-color: rgba(255,0,0,.09) !important;
}
body.mg-pro-page .mg-split-section {
  background: linear-gradient(180deg, #ffffff 0%, #fff7f7 100%) !important;
}
body.mg-pro-page .mg-feature-section {
  background:
    radial-gradient(circle at 50% 30%, rgba(255,0,0,.08), transparent 24rem),
    linear-gradient(135deg, #fff8f8 0%, #ffffff 100%) !important;
}
body.mg-pro-page .mg-feature-section .col-md-10:hover {
  box-shadow: 0 18px 48px rgba(255,0,0,.12), 0 12px 32px rgba(15,15,15,.08) !important;
}
body.mg-pro-page .mg-feature-section img {
  box-shadow: 0 30px 80px rgba(255,0,0,.16) !important;
}
body.mg-pro-page .mg-legit-section {
  background:
    radial-gradient(circle at 82% 28%, rgba(255,0,0,.30), transparent 25rem),
    linear-gradient(135deg, #0f0f0f 0%, #1b1b1b 60%, #4a0000 100%) !important;
}
body.mg-pro-page .mg-legit-section h3 {
  background: rgba(255,0,0,.16) !important;
  border-color: rgba(255,255,255,.14) !important;
}
body.mg-pro-page .mg-list-section ol li::before {
  background: linear-gradient(135deg, #ff0000, #111111) !important;
}
body.mg-pro-page .mg-footer {
  background: #0f0f0f !important;
}
body.mg-pro-page .mg-floating-cta a:last-child {
  background: linear-gradient(135deg, #ff0000, #cc0000) !important;
}

@media (max-width: 767px) {
  body.mg-pro-page .mg-section-heading,
  body.mg-pro-page .mg-h2-heading {
    font-size: clamp(30px, 9vw, 42px) !important;
  }
  body.mg-pro-page .mg-legit-section .mg-section-heading,
  body.mg-pro-page .mg-legit-section .mg-h2-heading {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.mg-pro-page .mg-legit-section .mg-section-heading::after,
  body.mg-pro-page .mg-legit-section .mg-h2-heading::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  body.mg-pro-page .mg-split-section .mg-h3-heading {
    padding-left: 0 !important;
    padding-top: 38px !important;
    text-align: center !important;
  }
  body.mg-pro-page .mg-split-section .mg-h3-heading::before {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* Source: id="mediageneous-pro-redesign-v4-hardening" */
/* Round 4 hierarchy hardening: overrides legacy .tz-text/.section-title sizing. */
body.mg-pro-page section h2.mg-section-heading,
body.mg-pro-page section h2.mg-section-heading.tz-text,
body.mg-pro-page section h2.mg-section-heading.section-title-large,
body.mg-pro-page section h2.mg-section-heading.text-light-purple-blue,
body.mg-pro-page section h2.mg-section-heading.text-dark-gray {
  color: #0f0f0f !important;
  display: block !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.05 !important;
  margin: 0 auto 34px !important;
  max-width: 980px !important;
  position: relative !important;
  text-align: center !important;
  text-transform: none !important;
}
body.mg-pro-page section.mg-legit-section h2.mg-section-heading,
body.mg-pro-page section.mg-legit-section h2.mg-section-heading.tz-text,
body.mg-pro-page section.mg-legit-section h2.mg-section-heading .font-weight-500 {
  color: #ffffff !important;
}
body.mg-pro-page section.mg-legit-section h2.mg-section-heading {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
body.mg-pro-page section h3.mg-card-h3,
body.mg-pro-page section h3.mg-card-h3.tz-text,
body.mg-pro-page section h3.mg-card-h3.text-light-purple-blue,
body.mg-pro-page .mg-split-section .mg-howto-card h3.mg-card-h3,
body.mg-pro-page .mg-split-section .mg-howto-card h3.mg-card-h3.tz-text {
  color: #0f0f0f !important;
  display: block !important;
  font-size: clamp(22px, 2.25vw, 30px) !important;
  font-weight: 925 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.14 !important;
  margin: 0 0 18px !important;
  padding-left: 18px !important;
  position: relative !important;
  text-transform: none !important;
}
@media (max-width: 767px) {
  body.mg-pro-page section.mg-legit-section h2.mg-section-heading { text-align: center !important; }
}

/* Source: id="mediageneous-pro-redesign-v4-fix" */
/* Round 4 specificity fix: keep requested H3s visually sized as H3s despite inherited .tz-text sizing. */
body.mg-pro-page section.mg-split-section h3.mg-h3-heading,
body.mg-pro-page section.mg-split-section h3.mg-h3-heading.tz-text {
  color: #0f0f0f !important;
  font-size: clamp(24px, 2.3vw, 31px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.16 !important;
}
body.mg-pro-page section.mg-qa-section h3.mg-question-title.mg-h3-heading,
body.mg-pro-page section.mg-qa-section h3.mg-faq-h3 {
  color: #0f0f0f !important;
  font-size: clamp(20px, 1.7vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.24 !important;
}

/* Source: id="mediageneous-pro-redesign-v4-h3-hardening" */
/* Round 4 H3 hierarchy hardening: make requested H3s win over legacy .tz-text sizing. */
body.mg-pro-page section h3.mg-h3-heading,
body.mg-pro-page section h3.mg-h3-heading.tz-text,
body.mg-pro-page section h3.mg-h3-heading.text-light-purple-blue,
body.mg-pro-page section h3.mg-h3-heading.title-extra-large,
body.mg-pro-page .mg-split-section .mg-howto-card h3.mg-h3-heading,
body.mg-pro-page .mg-split-section .mg-howto-card h3.mg-h3-heading.tz-text {
  color: #0f0f0f !important;
  display: block !important;
  font-size: clamp(22px, 2.25vw, 30px) !important;
  font-weight: 925 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.14 !important;
  margin: 0 0 18px !important;
  padding-left: 38px !important;
  position: relative !important;
  text-transform: none !important;
}
body.mg-pro-page section h3.mg-faq-h3,
body.mg-pro-page section h3.mg-faq-h3.text-large,
body.mg-pro-page section h3.mg-question-title.mg-h3-heading,
body.mg-pro-page .mg-qa-section h3.mg-question-title.mg-h3-heading {
  color: #0f0f0f !important;
  font-size: clamp(20px, 1.7vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.24 !important;
  margin: 0 0 10px !important;
  padding-left: 34px !important;
  text-transform: none !important;
}

/* Source: id="mg-theme-v8" */
/* Round 8: Universal MediaGeneous light/dark theme system + YouTube page dark skin.
   Core theme behavior is universal. Page-specific brand colors are controlled by body classes
   like .mg-service-youtube, so other website pages can use the same toggle and theme engine. */
:root,
html[data-mg-theme="light"] {
  color-scheme: light;
  --mg-theme-bg: #ffffff;
  --mg-theme-surface: #ffffff;
  --mg-theme-surface-2: #f8fafc;
  --mg-theme-text: #101827;
  --mg-theme-muted: #475569;
  --mg-theme-border: rgba(15, 23, 42, .10);
  --mg-service-accent: #4338ca;
  --mg-service-accent-2: #7c3aed;
  --mg-service-warm: #ff6b35;
}
html[data-mg-theme="dark"],
html.mg-theme-dark {
  color-scheme: dark;
  --mg-theme-bg: #07070a;
  --mg-theme-bg-2: #0d0d12;
  --mg-theme-surface: #111116;
  --mg-theme-surface-2: #17171e;
  --mg-theme-surface-3: #20202a;
  --mg-theme-text: #ffffff;
  --mg-theme-muted: #cbd5e1;
  --mg-theme-soft-muted: #94a3b8;
  --mg-theme-border: rgba(255, 255, 255, .11);
  --mg-theme-border-strong: rgba(255, 255, 255, .18);
  --mg-service-accent: #8b5cf6;
  --mg-service-accent-2: #22d3ee;
  --mg-service-warm: #f59e0b;
  --mg-dark-shadow: 0 28px 90px rgba(0, 0, 0, .50);
}
body.mg-service-youtube {
  --mg-service-accent: #ff0033;
  --mg-service-accent-2: #ff4d68;
  --mg-service-warm: #ffb000;
  --mg-service-deep: #b90024;
  --mg-service-glow: rgba(255, 0, 51, .28);
}

/* Transparent logo presentation */
body.mg-pro-page .mg-theme-logo,
body.mg-pro-page .mg-header img.mg-theme-logo,
body.mg-pro-page .mg-footer img.mg-theme-logo {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
}
body.mg-pro-page .mg-header a.mg-header-logo-link,
html[data-mg-theme="dark"] body.mg-pro-page .mg-header a.mg-header-logo-link,
body.mg-pro-page.mg-dark-mode .mg-header a.mg-header-logo-link {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.mg-pro-page .mg-header img.mg-theme-logo {
  max-width: 184px !important;
  width: 184px !important;
  filter: drop-shadow(0 10px 16px rgba(15, 23, 42, .10)) !important;
}
body.mg-pro-page .mg-footer img.mg-theme-logo {
  max-width: 182px !important;
  width: 182px !important;
  filter: drop-shadow(0 12px 22px rgba(15, 23, 42, .12)) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-header img.mg-theme-logo,
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer img.mg-theme-logo,
body.mg-pro-page.mg-dark-mode .mg-header img.mg-theme-logo,
body.mg-pro-page.mg-dark-mode .mg-footer img.mg-theme-logo {
  filter: drop-shadow(0 0 18px rgba(255, 0, 51, .22)) drop-shadow(0 14px 22px rgba(0,0,0,.46)) !important;
}

/* Floating universal theme toggle */
body.mg-pro-page .mg-theme-toggle-shell,
.mg-theme-toggle-shell {
  bottom: 86px !important;
  position: fixed !important;
  right: 22px !important;
  z-index: 10002 !important;
}
body.mg-pro-page .mg-theme-toggle,
.mg-theme-toggle {
  align-items: center !important;
  background: rgba(255, 255, 255, .88) !important;
  border: 1px solid rgba(15, 23, 42, .12) !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .16) !important;
  color: #111827 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  gap: 9px !important;
  min-height: 44px !important;
  padding: 6px 11px 6px 7px !important;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
}
body.mg-pro-page .mg-theme-toggle:hover,
.mg-theme-toggle:hover { transform: translateY(-2px) !important; }
body.mg-pro-page .mg-theme-toggle-track,
.mg-theme-toggle-track {
  background: #e5e7eb !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  height: 32px !important;
  position: relative !important;
  width: 62px !important;
}
body.mg-pro-page .mg-theme-toggle-thumb,
.mg-theme-toggle-thumb {
  background: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.18) !important;
  height: 26px !important;
  left: 3px !important;
  position: absolute !important;
  top: 2px !important;
  transition: transform .26s cubic-bezier(.2,.8,.2,1), background .22s ease !important;
  width: 26px !important;
  z-index: 1 !important;
}
body.mg-pro-page .mg-theme-toggle-symbol,
.mg-theme-toggle-symbol {
  align-items: center !important;
  color: #64748b !important;
  display: inline-flex !important;
  font-size: 14px !important;
  height: 100% !important;
  justify-content: center !important;
  position: relative !important;
  width: 50% !important;
  z-index: 2 !important;
}
body.mg-pro-page .mg-theme-toggle-label,
.mg-theme-toggle-label {
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.sr-only {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
html[data-mg-theme="dark"] .mg-theme-toggle,
body.mg-dark-mode .mg-theme-toggle {
  background: rgba(18, 18, 24, .88) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 0, 51, .08) inset !important;
  color: #ffffff !important;
}
html[data-mg-theme="dark"] .mg-theme-toggle-track,
body.mg-dark-mode .mg-theme-toggle-track {
  background: rgba(255, 0, 51, .18) !important;
  border-color: rgba(255, 0, 51, .32) !important;
}
html[data-mg-theme="dark"] .mg-theme-toggle-thumb,
body.mg-dark-mode .mg-theme-toggle-thumb {
  background: linear-gradient(135deg, var(--mg-service-accent), var(--mg-service-accent-2)) !important;
  box-shadow: 0 0 18px var(--mg-service-glow), 0 7px 18px rgba(0,0,0,.42) !important;
  transform: translateX(30px) !important;
}
html[data-mg-theme="dark"] .mg-theme-toggle-symbol,
body.mg-dark-mode .mg-theme-toggle-symbol { color: #ffffff !important; }

/* Dark mode base layer */
html[data-mg-theme="dark"] body.mg-pro-page,
body.mg-pro-page.mg-dark-mode {
  --mg-ink: var(--mg-theme-text) !important;
  --mg-muted: var(--mg-theme-muted) !important;
  --mg-soft: #0d0d12 !important;
  --mg-surface: #111116 !important;
  --mg-line: rgba(255,255,255,.11) !important;
  --mg-primary: var(--mg-service-accent) !important;
  --mg-primary-2: var(--mg-service-accent-2) !important;
  --mg-youtube: var(--mg-service-accent) !important;
  --mg-orange: var(--mg-service-warm) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 0, 51, .20), transparent 31rem),
    radial-gradient(circle at 92% 14%, rgba(255, 77, 104, .14), transparent 34rem),
    radial-gradient(circle at 55% 62%, rgba(255, 176, 0, .06), transparent 42rem),
    linear-gradient(180deg, #07070a 0%, #0d0d12 48%, #08080b 100%) !important;
  color: #ffffff !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .bg-white,
html[data-mg-theme="dark"] body.mg-pro-page .bg-grey,
html[data-mg-theme="dark"] body.mg-pro-page .bg-gray,
body.mg-pro-page.mg-dark-mode .bg-white,
body.mg-pro-page.mg-dark-mode .bg-grey,
body.mg-pro-page.mg-dark-mode .bg-gray {
  background: transparent !important;
}
html[data-mg-theme="dark"] body.mg-pro-page a:focus-visible,
html[data-mg-theme="dark"] body.mg-pro-page button:focus-visible,
body.mg-pro-page.mg-dark-mode a:focus-visible,
body.mg-pro-page.mg-dark-mode button:focus-visible {
  outline-color: rgba(255, 0, 51, .52) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .text-dark-gray,
html[data-mg-theme="dark"] body.mg-pro-page .text-black,
body.mg-pro-page.mg-dark-mode .text-dark-gray,
body.mg-pro-page.mg-dark-mode .text-black { color: #ffffff !important; }
html[data-mg-theme="dark"] body.mg-pro-page section p,
html[data-mg-theme="dark"] body.mg-pro-page section li,
html[data-mg-theme="dark"] body.mg-pro-page .tz-text,
html[data-mg-theme="dark"] body.mg-pro-page .text-large,
html[data-mg-theme="dark"] body.mg-pro-page .mg-question-answer,
body.mg-pro-page.mg-dark-mode section p,
body.mg-pro-page.mg-dark-mode section li,
body.mg-pro-page.mg-dark-mode .tz-text,
body.mg-pro-page.mg-dark-mode .text-large,
body.mg-pro-page.mg-dark-mode .mg-question-answer {
  color: #cbd5e1 !important;
}

/* YouTube-colored dark header */
html[data-mg-theme="dark"] body.mg-pro-page .mg-header .navbar,
body.mg-pro-page.mg-dark-mode .mg-header .navbar {
  background: rgba(8, 8, 11, .86) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .52) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .navbar li a,
body.mg-pro-page.mg-dark-mode .navbar li a { color: #f4f4f5 !important; }
html[data-mg-theme="dark"] body.mg-pro-page .navbar li a:hover,
html[data-mg-theme="dark"] body.mg-pro-page .navbar li a:focus,
html[data-mg-theme="dark"] body.mg-pro-page .navbar li a.mg-current-link,
body.mg-pro-page.mg-dark-mode .navbar li a:hover,
body.mg-pro-page.mg-dark-mode .navbar li a:focus,
body.mg-pro-page.mg-dark-mode .navbar li a.mg-current-link {
  background: rgba(255, 0, 51, .17) !important;
  color: #ffffff !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .nav-dropdown,
body.mg-pro-page.mg-dark-mode .nav-dropdown {
  background: rgba(17, 17, 22, .98) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.58) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .nav-dropdown li a,
body.mg-pro-page.mg-dark-mode .nav-dropdown li a { color: #d4d4d8 !important; }
html[data-mg-theme="dark"] body.mg-pro-page .nav-dropdown li a:hover,
body.mg-pro-page.mg-dark-mode .nav-dropdown li a:hover {
  background: rgba(255, 0, 51, .16) !important;
  color: #ffffff !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .navbar-toggle svg path,
body.mg-pro-page.mg-dark-mode .navbar-toggle svg path { fill: #ffffff !important; }

/* YouTube-colored dark hero */
html[data-mg-theme="dark"] body.mg-pro-page .mg-hero-section,
body.mg-pro-page.mg-dark-mode .mg-hero-section {
  background:
    radial-gradient(circle at 16% 16%, rgba(255, 0, 51, .29), transparent 30rem),
    radial-gradient(circle at 82% 9%, rgba(255, 77, 104, .17), transparent 35rem),
    linear-gradient(135deg, #0a0a0e 0%, #111116 56%, #07070a 100%) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-hero-section::before,
body.mg-pro-page.mg-dark-mode .mg-hero-section::before {
  background: radial-gradient(circle, rgba(255, 0, 51, .30), transparent 68%) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-hero-section::after,
body.mg-pro-page.mg-dark-mode .mg-hero-section::after {
  background: radial-gradient(circle, rgba(255, 176, 0, .12), transparent 68%) !important;
}
@supports (-webkit-background-clip: text) {
  html[data-mg-theme="dark"] body.mg-pro-page .mg-hero-section h1,
  body.mg-pro-page.mg-dark-mode .mg-hero-section h1 {
    background: linear-gradient(90deg, #ffffff 0%, #fff1f2 45%, #ff4d68 78%, #ff0033 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-hero-eyebrow,
body.mg-pro-page.mg-dark-mode .mg-hero-eyebrow {
  background: rgba(17,17,22,.76) !important;
  border-color: rgba(255,0,51,.35) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.42) !important;
  color: #fff1f2 !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-hero-eyebrow::before,
body.mg-pro-page.mg-dark-mode .mg-hero-eyebrow::before {
  background: linear-gradient(135deg, var(--mg-service-accent), var(--mg-service-accent-2)) !important;
  box-shadow: 0 0 0 7px rgba(255,0,51,.15) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-trust-badges span,
body.mg-pro-page.mg-dark-mode .mg-trust-badges span {
  background: rgba(17,17,22,.82) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f4f4f5 !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-trust-badges span::before,
body.mg-pro-page.mg-dark-mode .mg-trust-badges span::before {
  background: linear-gradient(135deg, var(--mg-service-accent), var(--mg-service-warm)) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-hero-section .text-large.width-100,
html[data-mg-theme="dark"] body.mg-pro-page .mg-hero-section .col-md-12 > .text-large:not(.mg-hero-subtitle),
body.mg-pro-page.mg-dark-mode .mg-hero-section .text-large.width-100,
body.mg-pro-page.mg-dark-mode .mg-hero-section .col-md-12 > .text-large:not(.mg-hero-subtitle) {
  background: rgba(17,17,22,.76) !important;
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.46) !important;
}

/* YouTube-colored dark cards and pricing */
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card,
body.mg-pro-page.mg-dark-mode .mg-pricing-card {
  background: linear-gradient(180deg, rgba(22,22,29,.96), rgba(15,15,20,.96)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.50) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card:hover,
body.mg-pro-page.mg-dark-mode .mg-pricing-card:hover {
  border-color: rgba(255,0,51,.38) !important;
  box-shadow: 0 30px 88px rgba(0,0,0,.56), 0 0 0 1px rgba(255,0,51,.14) inset !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card.mg-featured,
body.mg-pro-page.mg-dark-mode .mg-pricing-card.mg-featured {
  border-color: rgba(255,0,51,.44) !important;
  box-shadow: 0 30px 94px rgba(0,0,0,.58), 0 0 38px rgba(255,0,51,.12) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card > li:first-child,
body.mg-pro-page.mg-dark-mode .mg-pricing-card > li:first-child {
  background: linear-gradient(135deg, #ff0033 0%, #b90024 62%, #111116 130%) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card > li,
body.mg-pro-page.mg-dark-mode .mg-pricing-card > li {
  border-color: rgba(255,255,255,.08) !important;
  color: #d4d4d8 !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card > li:first-child p,
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card > li:first-child b,
body.mg-pro-page.mg-dark-mode .mg-pricing-card > li:first-child p,
body.mg-pro-page.mg-dark-mode .mg-pricing-card > li:first-child b {
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card > li:nth-child(2) p,
body.mg-pro-page.mg-dark-mode .mg-pricing-card > li:nth-child(2) p {
  color: #ffb000 !important;
  text-shadow: 0 0 24px rgba(255,176,0,.18) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card .btn,
html[data-mg-theme="dark"] body.mg-pro-page .btn.bg-dark-purple-blue,
html[data-mg-theme="dark"] body.mg-pro-page .btn.bg-light-orange,
body.mg-pro-page.mg-dark-mode .mg-pricing-card .btn,
body.mg-pro-page.mg-dark-mode .btn.bg-dark-purple-blue,
body.mg-pro-page.mg-dark-mode .btn.bg-light-orange {
  background: linear-gradient(135deg, var(--mg-service-accent), var(--mg-service-deep)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 14px 32px rgba(255,0,51,.22) !important;
  color: #ffffff !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card .btn:hover,
html[data-mg-theme="dark"] body.mg-pro-page .btn.bg-dark-purple-blue:hover,
html[data-mg-theme="dark"] body.mg-pro-page .btn.bg-light-orange:hover,
body.mg-pro-page.mg-dark-mode .mg-pricing-card .btn:hover,
body.mg-pro-page.mg-dark-mode .btn.bg-dark-purple-blue:hover,
body.mg-pro-page.mg-dark-mode .btn.bg-light-orange:hover {
  box-shadow: 0 18px 42px rgba(255,0,51,.34) !important;
}

/* YouTube-colored dark content sections */
html[data-mg-theme="dark"] body.mg-pro-page .mg-content-card,
html[data-mg-theme="dark"] body.mg-pro-page .mg-price-copy-card,
html[data-mg-theme="dark"] body.mg-pro-page .mg-howto-card,
html[data-mg-theme="dark"] body.mg-pro-page .mg-question-card,
html[data-mg-theme="dark"] body.mg-pro-page .mg-feature-section .row .row > div,
html[data-mg-theme="dark"] body.mg-pro-page .mg-list-section .container,
body.mg-pro-page.mg-dark-mode .mg-content-card,
body.mg-pro-page.mg-dark-mode .mg-price-copy-card,
body.mg-pro-page.mg-dark-mode .mg-howto-card,
body.mg-pro-page.mg-dark-mode .mg-question-card,
body.mg-pro-page.mg-dark-mode .mg-feature-section .row .row > div,
body.mg-pro-page.mg-dark-mode .mg-list-section .container {
  background: linear-gradient(180deg, rgba(19,19,25,.94), rgba(14,14,19,.94)) !important;
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: 0 24px 78px rgba(0,0,0,.45) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-howto-card::before,
html[data-mg-theme="dark"] body.mg-pro-page .mg-question-card::before,
body.mg-pro-page.mg-dark-mode .mg-howto-card::before,
body.mg-pro-page.mg-dark-mode .mg-question-card::before {
  background: linear-gradient(135deg, var(--mg-service-accent), var(--mg-service-warm)) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-section-heading h2,
html[data-mg-theme="dark"] body.mg-pro-page .mg-h2-heading,
html[data-mg-theme="dark"] body.mg-pro-page section h2,
body.mg-pro-page.mg-dark-mode .mg-section-heading h2,
body.mg-pro-page.mg-dark-mode .mg-h2-heading,
body.mg-pro-page.mg-dark-mode section h2 {
  color: #ffffff !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-section-heading h2::after,
html[data-mg-theme="dark"] body.mg-pro-page .mg-h2-heading::after,
body.mg-pro-page.mg-dark-mode .mg-section-heading h2::after,
body.mg-pro-page.mg-dark-mode .mg-h2-heading::after {
  background: linear-gradient(90deg, var(--mg-service-accent), var(--mg-service-warm)) !important;
  box-shadow: 0 0 24px rgba(255,0,51,.30) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-card-h3,
html[data-mg-theme="dark"] body.mg-pro-page .mg-h3-heading,
html[data-mg-theme="dark"] body.mg-pro-page .mg-faq-h3,
html[data-mg-theme="dark"] body.mg-pro-page .mg-question-title,
body.mg-pro-page.mg-dark-mode .mg-card-h3,
body.mg-pro-page.mg-dark-mode .mg-h3-heading,
body.mg-pro-page.mg-dark-mode .mg-faq-h3,
body.mg-pro-page.mg-dark-mode .mg-question-title {
  color: #ffffff !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-card-h3::before,
html[data-mg-theme="dark"] body.mg-pro-page .mg-h3-heading::before,
html[data-mg-theme="dark"] body.mg-pro-page .mg-faq-h3::before,
html[data-mg-theme="dark"] body.mg-pro-page .mg-question-title::before,
body.mg-pro-page.mg-dark-mode .mg-card-h3::before,
body.mg-pro-page.mg-dark-mode .mg-h3-heading::before,
body.mg-pro-page.mg-dark-mode .mg-faq-h3::before,
body.mg-pro-page.mg-dark-mode .mg-question-title::before {
  background: linear-gradient(135deg, var(--mg-service-accent), var(--mg-service-warm)) !important;
  box-shadow: 0 0 18px rgba(255,0,51,.24) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-legit-section,
body.mg-pro-page.mg-dark-mode .mg-legit-section {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,0,51,.25), transparent 26rem),
    linear-gradient(135deg, #111116 0%, #0a0a0e 100%) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-legit-section .text-blue-gray,
body.mg-pro-page.mg-dark-mode .mg-legit-section .text-blue-gray { color: #d4d4d8 !important; }

/* Dark footer keeps the v6 layout while using the transparent logo */
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer,
body.mg-pro-page.mg-dark-mode .mg-footer {
  background:
    radial-gradient(circle at 5% 0%, rgba(255,0,51,.18), transparent 24rem),
    linear-gradient(180deg, #111116 0%, #08080b 100%) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer .ydescriptions,
body.mg-pro-page.mg-dark-mode .mg-footer .ydescriptions {
  border-bottom-color: rgba(255,255,255,.10) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer .ydescriptions .row > div,
body.mg-pro-page.mg-dark-mode .mg-footer .ydescriptions .row > div {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.08) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer a,
body.mg-pro-page.mg-dark-mode .mg-footer a { color: rgba(255,255,255,.78) !important; }
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer a:hover,
body.mg-pro-page.mg-dark-mode .mg-footer a:hover {
  background: rgba(255,0,51,.14) !important;
  color: #ffffff !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer .section-title-small,
html[data-mg-theme="dark"] body.mg-pro-page .mg-business-milestone,
html[data-mg-theme="dark"] body.mg-pro-page .mg-copyright-line,
body.mg-pro-page.mg-dark-mode .mg-footer .section-title-small,
body.mg-pro-page.mg-dark-mode .mg-business-milestone,
body.mg-pro-page.mg-dark-mode .mg-copyright-line { color: #ffffff !important; }
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer .social a,
body.mg-pro-page.mg-dark-mode .mg-footer .social a {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.10) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer .social a:hover,
body.mg-pro-page.mg-dark-mode .mg-footer .social a:hover {
  background: rgba(255,0,51,.20) !important;
  color: #ffffff !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-floating-cta,
body.mg-pro-page.mg-dark-mode .mg-floating-cta {
  background: rgba(10,10,14,.84) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 22px 66px rgba(0,0,0,.52) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-floating-cta a:last-child,
body.mg-pro-page.mg-dark-mode .mg-floating-cta a:last-child {
  background: linear-gradient(135deg, var(--mg-service-accent), var(--mg-service-deep)) !important;
}

@media (max-width: 991px) {
  html[data-mg-theme="dark"] body.mg-pro-page .navbar-collapse,
  body.mg-pro-page.mg-dark-mode .navbar-collapse {
    background: rgba(10,10,14,.98) !important;
    border-color: rgba(255,255,255,.10) !important;
  }
  body.mg-pro-page .mg-header img.mg-theme-logo { max-width: 166px !important; width: 166px !important; }
}
@media (max-width: 767px) {
  body.mg-pro-page .mg-theme-toggle-shell,
  .mg-theme-toggle-shell {
    bottom: 86px !important;
    right: 12px !important;
  }
  body.mg-pro-page .mg-theme-toggle,
  .mg-theme-toggle { min-height: 42px !important; padding-right: 9px !important; }
  body.mg-pro-page .mg-theme-toggle-label,
  .mg-theme-toggle-label { display: none !important; }
  body.mg-pro-page .mg-footer img.mg-theme-logo { margin-left: auto !important; margin-right: auto !important; }
}
@media (max-width: 480px) {
  body.mg-pro-page .mg-theme-toggle-shell,
  .mg-theme-toggle-shell { bottom: 82px !important; }
  body.mg-pro-page .mg-theme-toggle-track,
  .mg-theme-toggle-track { width: 58px !important; }
  html[data-mg-theme="dark"] .mg-theme-toggle-thumb,
  body.mg-dark-mode .mg-theme-toggle-thumb { transform: translateX(26px) !important; }
}
@media print {
  .mg-theme-toggle-shell { display: none !important; }
}


/* v8 final polish: keep price band dark in dark mode instead of a white stripe. */
html[data-mg-theme="dark"] body.mg-pro-page .mg-pricing-card > li:nth-child(2),
body.mg-pro-page.mg-dark-mode .mg-pricing-card > li:nth-child(2) {
  background: linear-gradient(180deg, rgba(255, 0, 51, .10), rgba(255,255,255,.035)) !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
}

/* v8 final readability patch: force dark-mode H3/FAQ titles and wrapper cards to stay light-on-dark. */
html[data-mg-theme="dark"] body.mg-pro-page section h3.mg-h3-heading,
html[data-mg-theme="dark"] body.mg-pro-page section h3.mg-h3-heading.tz-text,
html[data-mg-theme="dark"] body.mg-pro-page section h3.mg-h3-heading.text-light-purple-blue,
html[data-mg-theme="dark"] body.mg-pro-page section h3.mg-h3-heading.title-extra-large,
html[data-mg-theme="dark"] body.mg-pro-page section h3.mg-card-h3,
html[data-mg-theme="dark"] body.mg-pro-page section h3.mg-card-h3.tz-text,
html[data-mg-theme="dark"] body.mg-pro-page section h3.mg-faq-h3,
html[data-mg-theme="dark"] body.mg-pro-page section h3.mg-faq-h3.text-large,
html[data-mg-theme="dark"] body.mg-pro-page section h3.mg-question-title.mg-h3-heading,
html[data-mg-theme="dark"] body.mg-pro-page .mg-split-section .mg-howto-card h3.mg-h3-heading,
html[data-mg-theme="dark"] body.mg-pro-page .mg-qa-section h3.mg-question-title.mg-h3-heading,
body.mg-pro-page.mg-dark-mode section h3.mg-h3-heading,
body.mg-pro-page.mg-dark-mode section h3.mg-h3-heading.tz-text,
body.mg-pro-page.mg-dark-mode section h3.mg-h3-heading.text-light-purple-blue,
body.mg-pro-page.mg-dark-mode section h3.mg-h3-heading.title-extra-large,
body.mg-pro-page.mg-dark-mode section h3.mg-card-h3,
body.mg-pro-page.mg-dark-mode section h3.mg-card-h3.tz-text,
body.mg-pro-page.mg-dark-mode section h3.mg-faq-h3,
body.mg-pro-page.mg-dark-mode section h3.mg-faq-h3.text-large,
body.mg-pro-page.mg-dark-mode section h3.mg-question-title.mg-h3-heading,
body.mg-pro-page.mg-dark-mode .mg-split-section .mg-howto-card h3.mg-h3-heading,
body.mg-pro-page.mg-dark-mode .mg-qa-section h3.mg-question-title.mg-h3-heading {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 12px 34px rgba(0,0,0,.36) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-split-section,
html[data-mg-theme="dark"] body.mg-pro-page .mg-qa-section,
body.mg-pro-page.mg-dark-mode .mg-split-section,
body.mg-pro-page.mg-dark-mode .mg-qa-section {
  background: linear-gradient(180deg, #08080b 0%, #101014 100%) !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-split-section > .container > .text-large,
html[data-mg-theme="dark"] body.mg-pro-page .mg-split-section .display-table-cell-vertical-middle,
html[data-mg-theme="dark"] body.mg-pro-page .mg-qa-section .display-table-cell-vertical-middle,
body.mg-pro-page.mg-dark-mode .mg-split-section > .container > .text-large,
body.mg-pro-page.mg-dark-mode .mg-split-section .display-table-cell-vertical-middle,
body.mg-pro-page.mg-dark-mode .mg-qa-section .display-table-cell-vertical-middle {
  background: linear-gradient(180deg, rgba(19,19,25,.94), rgba(13,13,18,.94)) !important;
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: 0 24px 78px rgba(0,0,0,.44) !important;
  color: #cbd5e1 !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-split-section > .container > .text-large,
body.mg-pro-page.mg-dark-mode .mg-split-section > .container > .text-large {
  background: rgba(19,19,25,.92) !important;
}

/* Source: id="mediageneous-v8-toggle-placement-fix" */
/* Round 8 placement polish: keep the universal theme toggle visible without covering the footer logo. */
body.mg-pro-page .mg-theme-toggle,
.mg-theme-toggle {
  bottom: 96px !important;
  left: auto !important;
  right: 22px !important;
}
body.mg-pro-page .mg-theme-toggle-shell,
.mg-theme-toggle-shell {
  bottom: 96px !important;
  left: auto !important;
  right: 22px !important;
}
@media (max-width: 767px) {
  body.mg-pro-page .mg-theme-toggle,
  .mg-theme-toggle {
    bottom: 92px !important;
    left: auto !important;
    right: 14px !important;
  }
  body.mg-pro-page .mg-theme-toggle-shell,
  .mg-theme-toggle-shell {
    bottom: 92px !important;
    left: auto !important;
    right: 14px !important;
  }
}

/* Source: id="mg-v9-final-patch" */
/* Round 9 final polish: official transparent logo + dark-mode hardening for missed YouTube sections. */
body.mg-pro-page .mg-theme-logo,
body.mg-pro-page .mg-header img.mg-theme-logo,
body.mg-pro-page .mg-footer img.mg-theme-logo {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
  padding: 0 !important;
}
body.mg-pro-page .mg-header a.mg-header-logo-link,
html[data-mg-theme="dark"] body.mg-pro-page .mg-header a.mg-header-logo-link,
body.mg-pro-page.mg-dark-mode .mg-header a.mg-header-logo-link {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.mg-pro-page .mg-header img.mg-theme-logo {
  max-width: 190px !important;
  width: 190px !important;
}
body.mg-pro-page .mg-footer img.mg-theme-logo {
  max-width: 184px !important;
  width: 184px !important;
}
html[data-mg-theme="dark"] body.mg-pro-page .mg-header img.mg-theme-logo,
html[data-mg-theme="dark"] body.mg-pro-page .mg-footer img.mg-theme-logo,
body.mg-pro-page.mg-dark-mode .mg-header img.mg-theme-logo,
body.mg-pro-page.mg-dark-mode .mg-footer img.mg-theme-logo {
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.58)) drop-shadow(0 0 12px rgba(255,255,255,.08)) !important;
}

/* Dark backgrounds for the missed page bands. */
html[data-mg-theme="dark"] body.mg-service-youtube #sliderclasss,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-split-section,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-feature-section,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section,
body.mg-service-youtube.mg-dark-mode #sliderclasss,
body.mg-service-youtube.mg-dark-mode .mg-split-section,
body.mg-service-youtube.mg-dark-mode .mg-feature-section,
body.mg-service-youtube.mg-dark-mode .mg-list-section {
  background:
    radial-gradient(circle at 12% 4%, rgba(255,0,51,.16), transparent 24rem),
    linear-gradient(180deg, #08080b 0%, #101014 100%) !important;
  border-color: rgba(255,255,255,.08) !important;
}

/* Force every H2 and any H2 anchor to move to light-on-dark, overriding old inline/theme classes. */
html[data-mg-theme="dark"] body.mg-service-youtube h2,
html[data-mg-theme="dark"] body.mg-service-youtube h2 *,
html[data-mg-theme="dark"] body.mg-service-youtube h2 a,
html[data-mg-theme="dark"] body.mg-service-youtube #prices,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-h2-heading,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-section-heading,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-split-section > .container > h2,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-feature-section > h2,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section h2,
html[data-mg-theme="dark"] body.mg-service-youtube #sliderclasss > h2,
body.mg-service-youtube.mg-dark-mode h2,
body.mg-service-youtube.mg-dark-mode h2 *,
body.mg-service-youtube.mg-dark-mode h2 a,
body.mg-service-youtube.mg-dark-mode #prices,
body.mg-service-youtube.mg-dark-mode .mg-h2-heading,
body.mg-service-youtube.mg-dark-mode .mg-section-heading,
body.mg-service-youtube.mg-dark-mode .mg-split-section > .container > h2,
body.mg-service-youtube.mg-dark-mode .mg-feature-section > h2,
body.mg-service-youtube.mg-dark-mode .mg-list-section h2,
body.mg-service-youtube.mg-dark-mode #sliderclasss > h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: 0 14px 38px rgba(0,0,0,.42) !important;
}
html[data-mg-theme="dark"] body.mg-service-youtube .mg-h2-heading::after,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-section-heading::after,
body.mg-service-youtube.mg-dark-mode .mg-h2-heading::after,
body.mg-service-youtube.mg-dark-mode .mg-section-heading::after {
  background: linear-gradient(90deg, #ff0033, #ffb000) !important;
  box-shadow: 0 0 24px rgba(255,0,51,.34) !important;
}

/* Page-specific corrections requested after the YouTube page pass. */
body.mg-pro-page .mg-subscriber-seo-section.mg-reveal {
  opacity: 1 !important;
  transform: none !important;
}

body.mg-pro-page .mg-subscriber-seo-section ol {
  display: block !important;
}

body.mg-pro-page .mg-subscriber-seo-section ol li {
  display: block !important;
  min-height: 0 !important;
  padding-left: 72px !important;
  position: relative !important;
}

body.mg-pro-page .mg-subscriber-seo-section ol li::before {
  left: 20px !important;
  position: absolute !important;
  top: 20px !important;
}

body.mg-pro-page .mg-subscriber-seo-section ol > i {
  background: rgba(34, 197, 94, .10) !important;
  border: 1px solid rgba(34, 197, 94, .24) !important;
  border-radius: 18px !important;
  color: #16a34a !important;
  display: block !important;
  margin: 16px 0 !important;
  padding: 16px 18px !important;
}

html[data-mg-theme="dark"] body.mg-pro-page .mg-subscriber-seo-section ol > i,
body.mg-pro-page.mg-dark-mode .mg-subscriber-seo-section ol > i {
  background: rgba(34, 197, 94, .12) !important;
  color: #4ade80 !important;
}

body.mg-pro-page .mg-compact-seo-headings h2 {
  font-size: clamp(24px, 2.1vw, 32px) !important;
  line-height: 1.25 !important;
  margin-top: 15px !important;
  margin-bottom: 12px !important;
}

body.mg-pro-page .mg-compact-seo-headings h3 {
  font-size: clamp(19px, 1.55vw, 24px) !important;
  line-height: 1.3 !important;
  margin-top: 15px !important;
  margin-bottom: 8px !important;
}

/* Dark-mode treatment for the tabs/cards in the "Why You Should Buy" section. */
html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section .container,
body.mg-service-youtube.mg-dark-mode .mg-list-section .container {
  background: linear-gradient(180deg, rgba(18,18,24,.96), rgba(11,11,15,.96)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 28px 86px rgba(0,0,0,.48) !important;
}
html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section ol li,
body.mg-service-youtube.mg-dark-mode .mg-list-section ol li {
  background: linear-gradient(180deg, rgba(28,28,36,.98), rgba(17,17,23,.98)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34) !important;
  color: #d4d4d8 !important;
}
html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section ol li:hover,
body.mg-service-youtube.mg-dark-mode .mg-list-section ol li:hover {
  border-color: rgba(255,0,51,.42) !important;
  box-shadow: 0 22px 58px rgba(255,0,51,.14), 0 22px 64px rgba(0,0,0,.42) !important;
}
html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section ol li::before,
body.mg-service-youtube.mg-dark-mode .mg-list-section ol li::before {
  background: linear-gradient(135deg, #ff0033, #b90024) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(255,0,51,.32) !important;
}
html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section ol li strong,
body.mg-service-youtube.mg-dark-mode .mg-list-section ol li strong {
  color: #ffffff !important;
}

@media (max-width: 991px) {
  body.mg-pro-page .mg-header img.mg-theme-logo { max-width: 168px !important; width: 168px !important; }
}
@media (max-width: 480px) {
  body.mg-pro-page .mg-header img.mg-theme-logo { max-width: 150px !important; width: 150px !important; }
}

/* Source: id="mg-v9-logo-crop-patch" */
/* Round 9b: display the official wordmark cropped to its transparent content area so it does not look tiny in the header/footer. */
body.mg-pro-page .mg-header img.mg-theme-logo,
body.mg-pro-page .mg-footer img.mg-theme-logo {
  object-fit: cover !important;
  object-position: center center !important;
}
body.mg-pro-page .mg-header img.mg-theme-logo {
  height: 48px !important;
  max-height: 48px !important;
  max-width: 224px !important;
  width: 224px !important;
}
body.mg-pro-page .mg-footer img.mg-theme-logo {
  height: 52px !important;
  max-height: 52px !important;
  max-width: 236px !important;
  width: 236px !important;
}
body.mg-pro-page .mg-header .col-md-2 {
  min-width: 244px !important;
  overflow: visible !important;
}
body.mg-pro-page .mg-header .col-md-10 {
  max-width: calc(100% - 244px) !important;
}
@media (max-width: 1199px) and (min-width: 992px) {
  body.mg-pro-page .mg-header img.mg-theme-logo {
    height: 44px !important;
    max-height: 44px !important;
    max-width: 204px !important;
    width: 204px !important;
  }
  body.mg-pro-page .mg-header .col-md-2 { min-width: 222px !important; }
  body.mg-pro-page .mg-header .col-md-10 { max-width: calc(100% - 222px) !important; }
}
@media (max-width: 991px) {
  body.mg-pro-page .mg-header img.mg-theme-logo {
    height: 42px !important;
    max-height: 42px !important;
    max-width: 188px !important;
    width: 188px !important;
  }
}
@media (max-width: 480px) {
  body.mg-pro-page .mg-header img.mg-theme-logo {
    height: 38px !important;
    max-height: 38px !important;
    max-width: 168px !important;
    width: 168px !important;
  }
}

/* Source: inline-style */
.header-style5 .navbar li a {
      font-size: 13px;
    }
    .dropdown-menu > li > a {
      font-weight: 700;
    }
    @keyframes glow {from {box-shadow: 0 0 1px #FF0000,0 0 5px #FF0000;}   to {box-shadow: 0 0 20px #FF0000, 0 0 40px #FF0000;}}
    .notification-badge1 {position: absolute;background-color: red;color: white;border-radius: 50%;font-size: 15px;font-weight: bold;min-width: 25px;min-height: 25px;text-align: center;box-shadow: 0 0 0 2px white;box-shadow: 0 0 5px #FF0000,0 0 10px #FF0000;transition: all 0.3s ease-in-out;animation: glow 0.5s infinite alternate;}
    .notification-badge {position: absolute;top: -13px;right: -23px;background-color: red;color: white;border-radius: 50%;font-size: 15px;font-weight: bold;min-width: 25px;min-height: 25px;text-align: center;box-shadow: 0 0 0 2px white;box-shadow: 0 0 5px #FF0000,0 0 10px #FF0000;transition: all 0.3s ease-in-out;animation: glow 0.5s infinite alternate;}
    @media (max-width: 767px){.svgg{fill:white !important;color:white !important;font:white !important;}}
@media (min-width: 767px){
    .navbar li {
    margin: 10px 10px;
    }
    .navbar li ul li {
        margin-right: 150px;
    }
    .navbar li:hover > ul {
        display: none;
    }  
}
.navbar img {width:120% !important;max-width:120% !important;}

/* Source: id="mg-v9-logo-specificity-patch" */
/* Round 9c: highest-specificity official logo sizing; overrides the legacy .navbar img rule inside the rendered template. */
html body.mg-pro-page header.mg-header nav.navbar img.mg-theme-logo.mg-official-logo,
html[data-mg-theme="dark"] body.mg-pro-page header.mg-header nav.navbar img.mg-theme-logo.mg-official-logo,
body.mg-pro-page.mg-dark-mode header.mg-header nav.navbar img.mg-theme-logo.mg-official-logo {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 48px !important;
  max-height: 48px !important;
  max-width: 224px !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  width: 224px !important;
}
html body.mg-pro-page footer#footer-section4 img.mg-theme-logo.mg-official-logo,
html[data-mg-theme="dark"] body.mg-pro-page footer#footer-section4 img.mg-theme-logo.mg-official-logo,
body.mg-pro-page.mg-dark-mode footer#footer-section4 img.mg-theme-logo.mg-official-logo {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 52px !important;
  max-height: 52px !important;
  max-width: 236px !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  width: 236px !important;
}
html[data-mg-theme="dark"] body.mg-pro-page header.mg-header nav.navbar img.mg-theme-logo.mg-official-logo,
html[data-mg-theme="dark"] body.mg-pro-page footer#footer-section4 img.mg-theme-logo.mg-official-logo,
body.mg-pro-page.mg-dark-mode header.mg-header nav.navbar img.mg-theme-logo.mg-official-logo,
body.mg-pro-page.mg-dark-mode footer#footer-section4 img.mg-theme-logo.mg-official-logo {
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.58)) drop-shadow(0 0 12px rgba(255,255,255,.08)) !important;
}
@media (max-width: 1199px) and (min-width: 992px) {
  html body.mg-pro-page header.mg-header nav.navbar img.mg-theme-logo.mg-official-logo {
    height: 44px !important; max-height: 44px !important; max-width: 204px !important; width: 204px !important;
  }
}
@media (max-width: 991px) {
  html body.mg-pro-page header.mg-header nav.navbar img.mg-theme-logo.mg-official-logo {
    height: 42px !important; max-height: 42px !important; max-width: 188px !important; width: 188px !important;
  }
}
@media (max-width: 480px) {
  html body.mg-pro-page header.mg-header nav.navbar img.mg-theme-logo.mg-official-logo {
    height: 38px !important; max-height: 38px !important; max-width: 168px !important; width: 168px !important;
  }
}

/* Core YouTube sales page: pricing stays open; SEO copy below pricing uses cleaner cards. */
body.mg-service-youtube #sliderclasss,
html[data-mg-theme="dark"] body.mg-service-youtube #sliderclasss,
body.mg-service-youtube.mg-dark-mode #sliderclasss {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.mg-service-youtube #sliderclasss > h2 {
  margin-top: 28px !important;
}

body.mg-service-youtube #sliderclasss .mg-price-copy-card {
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,247,247,.94)) !important;
  border: 1px solid rgba(255,0,51,.13) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.09) !important;
  display: block !important;
  margin: 28px auto 34px !important;
  max-width: 1120px !important;
  padding: 24px 26px !important;
}

body.mg-service-youtube #sliderclasss .mg-price-copy-card p {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--mg-muted) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

body.mg-service-youtube #sliderclasss .mg-price-copy-card p:last-child {
  margin-bottom: 0 !important;
}

body.mg-service-youtube .mg-split-section,
body.mg-service-youtube .mg-feature-section,
body.mg-service-youtube .mg-qa-section,
body.mg-service-youtube .mg-list-section,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-split-section,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-feature-section,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-qa-section,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section,
body.mg-service-youtube.mg-dark-mode .mg-split-section,
body.mg-service-youtube.mg-dark-mode .mg-feature-section,
body.mg-service-youtube.mg-dark-mode .mg-qa-section,
body.mg-service-youtube.mg-dark-mode .mg-list-section {
  background: transparent !important;
}

body.mg-service-youtube .mg-split-section > .container > .text-large.mg-mini-card-row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 0 !important;
}

body.mg-service-youtube .mg-split-section > .container > .text-large.mg-mini-card-row span {
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,247,247,.94)) !important;
  border: 1px solid rgba(255,0,51,.13) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.09) !important;
  color: var(--mg-muted) !important;
  display: block !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  padding: 22px 24px !important;
}

body.mg-service-youtube .mg-list-section .container,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section .container,
body.mg-service-youtube.mg-dark-mode .mg-list-section .container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube #sliderclasss .mg-price-copy-card,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-split-section > .container > .text-large.mg-mini-card-row span,
body.mg-service-youtube.mg-dark-mode #sliderclasss .mg-price-copy-card,
body.mg-service-youtube.mg-dark-mode .mg-split-section > .container > .text-large.mg-mini-card-row span {
  background: linear-gradient(180deg, rgba(19,19,25,.96), rgba(12,12,17,.96)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.36) !important;
  color: #d4d4d8 !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube #sliderclasss .mg-price-copy-card p,
body.mg-service-youtube.mg-dark-mode #sliderclasss .mg-price-copy-card p {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #d4d4d8 !important;
}

@media (max-width: 860px) {
  body.mg-service-youtube #sliderclasss .mg-price-copy-card,
  body.mg-service-youtube .mg-split-section > .container > .text-large.mg-mini-card-row {
    grid-template-columns: 1fr !important;
  }
}

/* Reusable SEO panels for older text-heavy service pages. */
body.mg-pro-page .mg-list-section.mg-seo-panel-section {
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--mg-accent-rgb, 255, 0, 51), .08), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(247,249,255,.42)) !important;
}

body.mg-pro-page .mg-list-section.mg-seo-panel-section .mg-seo-enhanced {
  display: grid !important;
  gap: 28px !important;
  max-width: 1180px !important;
}

body.mg-pro-page .mg-seo-panel {
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(249,250,255,.96)) !important;
  border: 1px solid rgba(var(--mg-accent-rgb, 255, 0, 51), .13) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 68px rgba(15,23,42,.12), 0 10px 28px rgba(var(--mg-accent-rgb, 255, 0, 51), .06) !important;
  overflow: hidden !important;
  padding: clamp(24px, 4vw, 42px) !important;
}

body.mg-pro-page .mg-seo-panel.mg-has-subcards {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.mg-pro-page .mg-seo-panel > h2,
body.mg-pro-page .mg-seo-panel > p,
body.mg-pro-page .mg-seo-panel > ol,
body.mg-pro-page .mg-seo-panel > ul,
body.mg-pro-page .mg-seo-panel > img,
body.mg-pro-page .mg-seo-panel > .row,
body.mg-pro-page .mg-seo-panel > .clearfix {
  grid-column: 1 / -1 !important;
}

body.mg-pro-page .mg-seo-panel h2 {
  color: #111111 !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin: 0 0 18px !important;
  text-align: left !important;
}

body.mg-pro-page .mg-seo-panel h2::after {
  background: linear-gradient(90deg, var(--mg-service-accent, #ff0033), var(--mg-service-accent-2, #ffb000)) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  height: 5px !important;
  margin: 16px 0 0 !important;
  width: 104px !important;
}

body.mg-pro-page .mg-seo-panel p,
body.mg-pro-page .mg-seo-panel li,
body.mg-pro-page .mg-seo-panel div:not(.mg-seo-subcard) {
  color: #42424a !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
}

body.mg-pro-page .mg-seo-panel p {
  margin: 0 0 16px !important;
}

body.mg-pro-page .mg-seo-subcard {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,255,.96)) !important;
  border: 1px solid rgba(var(--mg-accent-rgb, 255, 0, 51), .12) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.08) !important;
  padding: 22px 24px !important;
}

body.mg-pro-page .mg-seo-subcard h3 {
  color: #151515 !important;
  font-size: clamp(20px, 1.9vw, 26px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  margin: 0 0 12px !important;
  padding-left: 30px !important;
  position: relative !important;
}

body.mg-pro-page .mg-seo-subcard h3::before {
  background: linear-gradient(135deg, var(--mg-service-accent, #ff0033), var(--mg-service-deep, #111111)) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 5px rgba(var(--mg-accent-rgb, 255, 0, 51), .10) !important;
  content: "" !important;
  height: 12px !important;
  left: 0 !important;
  position: absolute !important;
  top: .42em !important;
  width: 12px !important;
}

body.mg-pro-page .mg-seo-panel img {
  background: #2f343d !important;
  border: 1px solid rgba(148, 163, 184, .38) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.12) !important;
  display: block !important;
  height: auto !important;
  margin: 18px auto 22px !important;
  max-width: min(100%, 780px) !important;
  padding: 8px !important;
}

body.mg-pro-page .mg-seo-panel ol,
body.mg-pro-page .mg-seo-panel ul {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  list-style: none !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

body.mg-pro-page .mg-seo-panel ol {
  counter-reset: mgSeoReasons !important;
}

body.mg-pro-page .mg-seo-panel ol li,
body.mg-pro-page .mg-seo-panel ul li {
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(var(--mg-accent-rgb, 255, 0, 51), .12) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.07) !important;
  padding: 16px 18px 16px 54px !important;
  position: relative !important;
}

body.mg-pro-page .mg-seo-panel ol li {
  counter-increment: mgSeoReasons !important;
}

body.mg-pro-page .mg-seo-panel ol li::before,
body.mg-pro-page .mg-seo-panel ul li::before {
  align-items: center !important;
  background: linear-gradient(135deg, var(--mg-service-accent, #ff0033), var(--mg-service-deep, #111111)) !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  height: 28px !important;
  justify-content: center !important;
  left: 16px !important;
  position: absolute !important;
  top: 17px !important;
  width: 28px !important;
}

body.mg-pro-page .mg-seo-panel ol li::before {
  content: counter(mgSeoReasons) !important;
}

body.mg-pro-page .mg-seo-panel ul li::before {
  content: "+" !important;
}

html[data-mg-theme="dark"] body.mg-pro-page .mg-list-section.mg-seo-panel-section,
body.mg-pro-page.mg-dark-mode .mg-list-section.mg-seo-panel-section {
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--mg-accent-rgb, 255, 0, 51), .18), transparent 30rem),
    linear-gradient(180deg, #08080b 0%, #101014 100%) !important;
}

html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-panel,
body.mg-pro-page.mg-dark-mode .mg-seo-panel {
  background: linear-gradient(180deg, rgba(19,19,25,.96), rgba(12,12,17,.96)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 28px 86px rgba(0,0,0,.48), 0 12px 34px rgba(var(--mg-accent-rgb, 255, 0, 51), .08) !important;
}

html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-panel h2,
body.mg-pro-page.mg-dark-mode .mg-seo-panel h2,
html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-subcard h3,
body.mg-pro-page.mg-dark-mode .mg-seo-subcard h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-panel p,
html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-panel li,
html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-panel div:not(.mg-seo-subcard),
body.mg-pro-page.mg-dark-mode .mg-seo-panel p,
body.mg-pro-page.mg-dark-mode .mg-seo-panel li,
body.mg-pro-page.mg-dark-mode .mg-seo-panel div:not(.mg-seo-subcard) {
  color: #d4d4d8 !important;
}

html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-subcard,
body.mg-pro-page.mg-dark-mode .mg-seo-subcard,
html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-panel ol li,
html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-panel ul li,
body.mg-pro-page.mg-dark-mode .mg-seo-panel ol li,
body.mg-pro-page.mg-dark-mode .mg-seo-panel ul li {
  background: linear-gradient(180deg, rgba(28,28,36,.98), rgba(17,17,23,.98)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34) !important;
}

html[data-mg-theme="dark"] body.mg-pro-page .mg-seo-panel img,
body.mg-pro-page.mg-dark-mode .mg-seo-panel img {
  background: #2f343d !important;
  border-color: rgba(148, 163, 184, .38) !important;
}

@media (max-width: 900px) {
  body.mg-pro-page .mg-seo-panel.mg-has-subcards,
  body.mg-pro-page .mg-seo-panel ol,
  body.mg-pro-page .mg-seo-panel ul {
    grid-template-columns: 1fr !important;
  }
}

body.mg-service-youtube .mg-youtube-shorts-selfie-wide {
  clear: both;
  display: block;
  float: none;
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  margin: 22px 0 30px;
  max-width: 100%;
  width: 100%;
}

body.mg-service-youtube .mg-youtube-shorts-selfie-wide img {
  border-radius: 22px;
  display: block;
  height: auto;
  max-width: 100% !important;
  width: 100% !important;
}

body.mg-service-youtube .mg-original-seo-card--watch-time-quality .mg-original-seo-media-split {
  align-items: start !important;
  display: grid !important;
  gap: clamp(22px, 3vw, 34px) !important;
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr) !important;
}

body.mg-service-youtube .mg-original-seo-card--watch-time-quality .mg-original-seo-media-figure {
  margin: 0 !important;
}

body.mg-service-youtube .mg-original-seo-card--watch-time-quality .mg-original-seo-media-figure img {
  background: #2f343d !important;
  border: 1px solid rgba(148, 163, 184, .38) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.14) !important;
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.mg-service-youtube .mg-original-seo-card--watch-time-quality .mg-original-seo-media-copy p:last-child {
  margin-bottom: 0 !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-original-seo-card--watch-time-quality .mg-original-seo-media-figure img,
body.mg-service-youtube.mg-dark-mode .mg-original-seo-card--watch-time-quality .mg-original-seo-media-figure img {
  background: #2f343d !important;
  border-color: rgba(148, 163, 184, .38) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.36) !important;
}

@media (max-width: 820px) {
  body.mg-service-youtube .mg-original-seo-card--watch-time-quality .mg-original-seo-media-split {
    grid-template-columns: 1fr !important;
  }

  body.mg-service-youtube .mg-original-seo-card--watch-time-quality .mg-original-seo-media-figure {
    max-width: 420px !important;
  }
}

/* Designed SEO panels for long watch-time content below pricing. */
body.mg-service-youtube .mg-list-section.mg-compact-seo-headings {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 0, 51, .08), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,247,247,.42)) !important;
}

body.mg-service-youtube .mg-list-section.mg-compact-seo-headings .mg-seo-enhanced {
  display: grid !important;
  gap: 28px !important;
  max-width: 1180px !important;
}

body.mg-service-youtube .mg-seo-panel {
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,248,248,.96)) !important;
  border: 1px solid rgba(255,0,51,.13) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 68px rgba(15,23,42,.12), 0 10px 28px rgba(255,0,51,.06) !important;
  overflow: hidden !important;
  padding: clamp(24px, 4vw, 42px) !important;
}

body.mg-service-youtube .mg-seo-panel.mg-has-subcards {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.mg-service-youtube .mg-seo-panel > h2,
body.mg-service-youtube .mg-seo-panel > p,
body.mg-service-youtube .mg-seo-panel > ol,
body.mg-service-youtube .mg-seo-panel > ul,
body.mg-service-youtube .mg-seo-panel > img {
  grid-column: 1 / -1 !important;
}

body.mg-service-youtube .mg-seo-panel h2 {
  color: #111111 !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin: 0 0 18px !important;
  text-align: left !important;
}

body.mg-service-youtube .mg-seo-panel h2::after {
  background: linear-gradient(90deg, #ff0033, #ffb000) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  height: 5px !important;
  margin: 16px 0 0 !important;
  width: 104px !important;
}

body.mg-service-youtube .mg-seo-panel p,
body.mg-service-youtube .mg-seo-panel li,
body.mg-service-youtube .mg-seo-panel div:not(.mg-seo-subcard) {
  color: #42424a !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
}

body.mg-service-youtube .mg-seo-panel p {
  margin: 0 0 16px !important;
}

body.mg-service-youtube .mg-seo-subcard {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,247,247,.96)) !important;
  border: 1px solid rgba(255,0,51,.12) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.08) !important;
  padding: 22px 24px !important;
}

body.mg-service-youtube .mg-seo-subcard h3 {
  color: #151515 !important;
  font-size: clamp(20px, 1.9vw, 26px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  margin: 0 0 12px !important;
  padding-left: 30px !important;
  position: relative !important;
}

body.mg-service-youtube .mg-seo-subcard h3::before {
  background: linear-gradient(135deg, #ff0033, #b90024) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 5px rgba(255,0,51,.10) !important;
  content: "" !important;
  height: 12px !important;
  left: 0 !important;
  position: absolute !important;
  top: .42em !important;
  width: 12px !important;
}

body.mg-service-youtube .mg-seo-panel img {
  background: #2f343d !important;
  border: 1px solid rgba(148, 163, 184, .38) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.12) !important;
  display: block !important;
  height: auto !important;
  margin: 18px auto 22px !important;
  max-width: min(100%, 780px) !important;
  padding: 8px !important;
}

body.mg-service-youtube .mg-seo-panel .mg-youtube-shorts-selfie-wide {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.mg-service-youtube .mg-seo-panel .mg-youtube-shorts-selfie-wide img {
  max-width: 100% !important;
  width: 100% !important;
}

body.mg-service-youtube .mg-seo-panel ol,
body.mg-service-youtube .mg-seo-panel ul {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  list-style: none !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

body.mg-service-youtube .mg-seo-panel ol {
  counter-reset: mgSeoReasons !important;
}

body.mg-service-youtube .mg-seo-panel ol li,
body.mg-service-youtube .mg-seo-panel ul li {
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(255,0,51,.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.07) !important;
  padding: 16px 18px 16px 54px !important;
  position: relative !important;
}

body.mg-service-youtube .mg-seo-panel ol li {
  counter-increment: mgSeoReasons !important;
}

body.mg-service-youtube .mg-seo-panel ol li::before,
body.mg-service-youtube .mg-seo-panel ul li::before {
  align-items: center !important;
  background: linear-gradient(135deg, #ff0033, #111111) !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  height: 28px !important;
  justify-content: center !important;
  left: 16px !important;
  position: absolute !important;
  top: 17px !important;
  width: 28px !important;
}

body.mg-service-youtube .mg-seo-panel ol li::before {
  content: counter(mgSeoReasons) !important;
}

body.mg-service-youtube .mg-seo-panel ul li::before {
  content: "+" !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-list-section.mg-compact-seo-headings,
body.mg-service-youtube.mg-dark-mode .mg-list-section.mg-compact-seo-headings {
  background:
    radial-gradient(circle at 12% 0%, rgba(255,0,51,.18), transparent 30rem),
    linear-gradient(180deg, #08080b 0%, #101014 100%) !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-seo-panel,
body.mg-service-youtube.mg-dark-mode .mg-seo-panel {
  background: linear-gradient(180deg, rgba(19,19,25,.96), rgba(12,12,17,.96)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 28px 86px rgba(0,0,0,.48), 0 12px 34px rgba(255,0,51,.08) !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-seo-panel h2,
body.mg-service-youtube.mg-dark-mode .mg-seo-panel h2,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-seo-subcard h3,
body.mg-service-youtube.mg-dark-mode .mg-seo-subcard h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-seo-panel p,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-seo-panel li,
body.mg-service-youtube.mg-dark-mode .mg-seo-panel p,
body.mg-service-youtube.mg-dark-mode .mg-seo-panel li {
  color: #d4d4d8 !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-seo-subcard,
body.mg-service-youtube.mg-dark-mode .mg-seo-subcard,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-seo-panel ol li,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-seo-panel ul li,
body.mg-service-youtube.mg-dark-mode .mg-seo-panel ol li,
body.mg-service-youtube.mg-dark-mode .mg-seo-panel ul li {
  background: linear-gradient(180deg, rgba(28,28,36,.98), rgba(17,17,23,.98)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34) !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-seo-panel img,
body.mg-service-youtube.mg-dark-mode .mg-seo-panel img {
  background: #2f343d !important;
  border-color: rgba(148, 163, 184, .38) !important;
}

@media (max-width: 900px) {
  body.mg-service-youtube .mg-seo-panel.mg-has-subcards,
  body.mg-service-youtube .mg-seo-panel ol,
  body.mg-service-youtube .mg-seo-panel ul {
    grid-template-columns: 1fr !important;
  }
}

/* Final rule for YouTube pages: panels are only for headed sections, not loose paragraphs. */
body.mg-service-youtube :is(.mg-copy-card, .mg-article-card, .mg-benefits-card, .mg-content-card, .mg-seo-subcard):not(:has(h2)):not(:has(h3)) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1060px !important;
  padding: 0 !important;
}

body.mg-service-youtube :is(.mg-copy-card, .mg-article-card, .mg-benefits-card, .mg-content-card, .mg-seo-subcard):not(:has(h2)):not(:has(h3)) > p {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--mg-muted) !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body.mg-service-youtube :is(.mg-copy-card, .mg-article-card, .mg-benefits-card, .mg-content-card, .mg-seo-subcard):not(:has(h2)):not(:has(h3)) > p:last-child {
  margin-bottom: 0 !important;
}

body.mg-service-youtube .mg-split-section > .container > .text-large.mg-mini-card-row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 980px !important;
  padding: 0 !important;
  text-align: center !important;
}

body.mg-service-youtube .mg-split-section > .container > .text-large.mg-mini-card-row span {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--mg-muted) !important;
  display: inline !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  padding: 0 !important;
}

body.mg-service-youtube .mg-split-section > .container > .text-large.mg-mini-card-row span + span::before {
  content: " ";
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-split-section > .container > .text-large.mg-mini-card-row span,
body.mg-service-youtube.mg-dark-mode .mg-split-section > .container > .text-large.mg-mini-card-row span,
html[data-mg-theme="dark"] body.mg-service-youtube :is(.mg-copy-card, .mg-article-card, .mg-benefits-card, .mg-content-card, .mg-seo-subcard):not(:has(h2)):not(:has(h3)) > p,
body.mg-service-youtube.mg-dark-mode :is(.mg-copy-card, .mg-article-card, .mg-benefits-card, .mg-content-card, .mg-seo-subcard):not(:has(h2)):not(:has(h3)) > p {
  color: #d4d4d8 !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-split-section > .container > .text-large.mg-mini-card-row span,
body.mg-service-youtube.mg-dark-mode .mg-split-section > .container > .text-large.mg-mini-card-row span {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline !important;
  padding: 0 !important;
}

/* Price-copy text between pricing rows remains one panel, not separate paragraph panels. */
body.mg-service-youtube #sliderclasss .mg-price-copy-card:not(:has(h2)):not(:has(h3)),
body.mg-service-youtube .mg-price-copy-wrap .mg-price-copy-card:not(:has(h2)):not(:has(h3)) {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--mg-service-accent) 7%, var(--mg-card)), var(--mg-card)) !important;
  border: 1px solid color-mix(in srgb, var(--mg-service-accent) 18%, var(--mg-border)) !important;
  border-radius: 24px !important;
  box-shadow: var(--mg-shadow) !important;
  display: block !important;
  margin: 28px auto 34px !important;
  max-width: 1060px !important;
  padding: 28px 30px !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube #sliderclasss .mg-price-copy-card:not(:has(h2)):not(:has(h3)),
html[data-mg-theme="dark"] body.mg-service-youtube .mg-price-copy-wrap .mg-price-copy-card:not(:has(h2)):not(:has(h3)),
body.mg-service-youtube.mg-dark-mode #sliderclasss .mg-price-copy-card:not(:has(h2)):not(:has(h3)),
body.mg-service-youtube.mg-dark-mode .mg-price-copy-wrap .mg-price-copy-card:not(:has(h2)):not(:has(h3)) {
  background: linear-gradient(180deg, rgba(19,19,25,.96), rgba(12,12,17,.96)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.36) !important;
}

body.mg-service-youtube #sliderclasss .mg-price-copy-card:not(:has(h2)):not(:has(h3)) > p,
body.mg-service-youtube .mg-price-copy-wrap .mg-price-copy-card:not(:has(h2)):not(:has(h3)) > p {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body.mg-service-youtube #sliderclasss .mg-price-copy-card:not(:has(h2)):not(:has(h3)) > p:last-child,
body.mg-service-youtube .mg-price-copy-wrap .mg-price-copy-card:not(:has(h2)):not(:has(h3)) > p:last-child {
  margin-bottom: 0 !important;
}

/* YouTube hub hero image: one intentional image beside the opening copy. */
body.mg-service-youtube .mg-youtube-hub-hero-grid {
  align-items: center !important;
  display: grid !important;
  gap: clamp(24px, 5vw, 58px) !important;
  grid-template-columns: minmax(0, 1.06fr) minmax(280px, .74fr) !important;
  margin: 28px auto 0 !important;
  max-width: 1080px !important;
  text-align: left !important;
}

body.mg-service-youtube .mg-youtube-hub-hero-copy {
  min-width: 0 !important;
}

body.mg-service-youtube .mg-youtube-hub-hero-copy .mg-hero-eyebrow {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.mg-service-youtube .mg-youtube-hub-hero-copy .mg-trust-badges {
  justify-content: flex-start !important;
}

body.mg-service-youtube .mg-youtube-hub-hero-media {
  margin: 0 auto !important;
  max-width: 390px !important;
  width: 100% !important;
}

body.mg-service-youtube .mg-youtube-hub-hero-media img {
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 26px 72px rgba(15, 23, 42, .18) !important;
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-hub-hero-media img,
body.mg-service-youtube.mg-dark-mode .mg-youtube-hub-hero-media img {
  box-shadow: 0 30px 86px rgba(0, 0, 0, .45), 0 12px 34px rgba(255, 0, 51, .12) !important;
}

@media (max-width: 900px) {
  body.mg-service-youtube .mg-youtube-hub-hero-grid {
    grid-template-columns: 1fr !important;
    max-width: 680px !important;
    text-align: left !important;
  }

  body.mg-service-youtube .mg-youtube-hub-hero-media {
    max-width: 360px !important;
  }
}

/* YouTube hub SEO expansion. */
body.mg-service-youtube .mg-youtube-seo-section {
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 0, 51, .08), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,247,247,.72)) !important;
}

body.mg-service-youtube .mg-youtube-seo-intro,
body.mg-service-youtube .mg-youtube-seo-panel,
body.mg-service-youtube .mg-youtube-seo-card,
body.mg-service-youtube .mg-youtube-seo-split {
  background: rgba(255, 255, 255, .86) !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .08) !important;
}

body.mg-service-youtube .mg-youtube-seo-intro,
body.mg-service-youtube .mg-youtube-seo-panel {
  margin: 0 auto 28px !important;
  max-width: 1040px !important;
  padding: clamp(24px, 4vw, 42px) !important;
}

body.mg-service-youtube .mg-youtube-seo-grid {
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 auto 28px !important;
  max-width: 1120px !important;
}

body.mg-service-youtube .mg-youtube-seo-card {
  padding: clamp(20px, 3vw, 28px) !important;
}

body.mg-service-youtube .mg-youtube-seo-split {
  align-items: start !important;
  display: grid !important;
  gap: clamp(22px, 4vw, 40px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .86fr) !important;
  margin: 0 auto 28px !important;
  max-width: 1120px !important;
  padding: clamp(24px, 4vw, 42px) !important;
}

body.mg-service-youtube .mg-youtube-seo-section h2 {
  margin-top: 0 !important;
}

body.mg-service-youtube .mg-youtube-seo-section h3 {
  color: #171717 !important;
  font-size: clamp(20px, 2vw, 27px) !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  margin: 0 0 12px !important;
}

body.mg-service-youtube .mg-youtube-seo-section p,
body.mg-service-youtube .mg-youtube-seo-section li {
  color: #3f3f46 !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
}

body.mg-service-youtube .mg-youtube-seo-section p {
  margin: 0 0 16px !important;
}

body.mg-service-youtube .mg-youtube-seo-wide-image {
  margin: 0 0 24px !important;
  width: 100% !important;
}

body.mg-service-youtube .mg-youtube-seo-wide-image img {
  border-radius: 12px !important;
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.mg-service-youtube .mg-youtube-seo-section p:last-child,
body.mg-service-youtube .mg-youtube-seo-card p:last-child {
  margin-bottom: 0 !important;
}

body.mg-service-youtube .mg-youtube-seo-section a {
  color: #d9002f !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.mg-service-youtube .mg-youtube-seo-list {
  display: grid !important;
  gap: 12px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mg-service-youtube .mg-youtube-seo-list li {
  background: rgba(255, 0, 51, .055) !important;
  border: 1px solid rgba(255, 0, 51, .10) !important;
  border-radius: 15px !important;
  padding: 13px 15px !important;
}

body.mg-service-youtube .mg-youtube-faq-panel h3 {
  border-top: 1px solid rgba(15, 23, 42, .08) !important;
  margin-top: 18px !important;
  padding-top: 18px !important;
}

body.mg-service-youtube .mg-youtube-faq-panel h3:first-of-type {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-section,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-section {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 0, 51, .16), transparent 28rem),
    linear-gradient(180deg, #09090d, #111116) !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-intro,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-panel,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-card,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-split,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-intro,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-panel,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-card,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-split {
  background: linear-gradient(180deg, rgba(22,22,28,.96), rgba(13,13,18,.96)) !important;
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 28px 78px rgba(0, 0, 0, .42) !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-section h2,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-section h3,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-section h2,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-section h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-section p,
html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-section li,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-section p,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-section li {
  color: #d4d4d8 !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-seo-list li,
body.mg-service-youtube.mg-dark-mode .mg-youtube-seo-list li {
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(255, 255, 255, .10) !important;
}

html[data-mg-theme="dark"] body.mg-service-youtube .mg-youtube-faq-panel h3,
body.mg-service-youtube.mg-dark-mode .mg-youtube-faq-panel h3 {
  border-top-color: rgba(255, 255, 255, .12) !important;
}

@media (max-width: 980px) {
  body.mg-service-youtube .mg-youtube-seo-grid,
  body.mg-service-youtube .mg-youtube-seo-split {
    grid-template-columns: 1fr !important;
  }
}

body.mg-pro-page.mg-youtube-subscribers-page .mg-service-photo--natural-frame {
  aspect-ratio: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.mg-pro-page.mg-youtube-subscribers-page .mg-service-photo--natural-frame img {
  border-radius: 18px !important;
  box-shadow: 0 20px 52px rgba(15, 23, 42, .18) !important;
  display: block !important;
  height: auto !important;
  object-fit: contain !important;
  width: 100% !important;
}