/*
Theme Name: YT Maxing
Theme URI: https://ytmaxing.com/
Author: YT Maxing
Description: YT Maxing custom WordPress theme generated from the supplied vanilla HTML/CSS/JS prototype.
Version: 1.4.7
Text Domain: yt-maxing
*/

/* =========================================================
   YT MAXING — style.css
   Vanilla CSS3. Tokens defined in :root, mobile-first.
   ========================================================= */

/* ---------- Tokens ---------- */
:root{
  --bg:#050505;
  --bg-secondary:#0A0A0A;
  --card:rgba(255,255,255,0.035);
  --card-hover:rgba(255,255,255,0.055);
  --border:rgba(255,255,255,0.12);
  --border-strong:rgba(255,255,255,0.18);
  --white:#FFFFFF;
  --muted:#A0A0A0;
  --subtle:#777777;

  /* Single source of truth for the brand accent (client-confirmed bright red).
     --red-dark is a manually darkened shade of --red used only for gradient
     depth/hover states — it is not a separate brand color. If the accent
     changes again, only --red and --red-rgb need to change; --red-dark can
     stay a darkened variant of whatever --red is. */
  --red:#FD1643;
  --red-rgb:253,22,67;
  --red-dark:#D4022C;
  --green:#35D37A;
  --danger:#FF5252;

  --radius-sm:14px;
  --radius-md:22px;
  --radius-lg:32px;
  --radius-pill:999px;

  --max-width:1200px;
  --font:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --page-pad:16px;
  --section-pad:72px 0;

  --ease:cubic-bezier(.2,.8,.2,1);
  --dur:750ms;

  --header-h:76px;
  --scroll-offset:100px;
}

@media (min-width:768px){
  :root{ --page-pad:24px; --scroll-offset:120px; }
}
@media (min-width:1024px){
  :root{ --page-pad:32px; --section-pad:100px 0; }
}

/* ---------- Reset ---------- */
*, *::before, *::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
html, body{ margin:0; padding:0; overflow-x:hidden; max-width:100%; }
body{
  background:var(--bg);
  color:var(--white);
  font-family:var(--font);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  padding-top:env(safe-area-inset-top);
  position:relative;
}
img{ max-width:100%; display:block; }
ul{ list-style:none; margin:0; padding:0; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
h1,h2,h3,h4{ margin:0; font-weight:800; letter-spacing:-0.02em; }
p{ margin:0; }
svg{ display:block; }

/* Any element with an id is a potential anchor target — reserve space so
   the sticky header never overlaps a heading when jumped to directly
   (browser back/forward, typed hash, etc). JS smooth-scroll computes an
   exact offset on click; this is the CSS-level backstop for everything else. */
[id]{ scroll-margin-top:var(--scroll-offset); }

.ytm-visually-hidden{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.ytm-skip-link{
  position:absolute; left:12px; top:-60px; z-index:10001;
  background:var(--red); color:var(--white); padding:10px 18px;
  border-radius:var(--radius-sm); transition:top .2s var(--ease);
}
.ytm-skip-link:focus{ top:12px; }

:focus-visible{
  outline:2px solid var(--red);
  outline-offset:3px;
  border-radius:6px;
}

.ytm-container{
  max-width:var(--max-width);
  margin-inline:auto;
  padding-inline:var(--page-pad);
}

.ytm-section{ padding:var(--section-pad); position:relative; }
.ytm-pt-tight{ padding-top:32px; }
.ytm-pb-tight{ padding-bottom:32px; }
@media (min-width:1024px){
  .ytm-pt-tight{ padding-top:40px; }
  .ytm-pb-tight{ padding-bottom:40px; }
}

.ytm-center-section{ text-align:center; }
.ytm-center{ text-align:center; }
.ytm-center-mx{ margin-left:auto; margin-right:auto; }

/* For any page (like results.html) whose FIRST section isn't the hero —
   the hero has its own generous padding-top sized for this same purpose.
   Since the header is position:fixed (removed from flow entirely), the
   very first section on any page needs enough top padding to clear it:
   header footprint is ~82px (mobile: 72px height + 10px top offset) to
   ~95px (desktop: 80px + 15px), plus breathing room. */
.ytm-page-header-section{ padding-top:128px; }
@media (min-width:1024px){ .ytm-page-header-section{ padding-top:156px; } }

.ytm-section-title{
  font-size:clamp(1.9rem, 1.5rem + 2vw, 3rem);
  margin-bottom:14px;
}
.ytm-section-sub{
  color:var(--muted);
  font-size:clamp(1rem, .95rem + .3vw, 1.15rem);
  max-width:640px;
  margin-bottom:40px;
}
.ytm-text-red{ color:var(--red); }

.ytm-eyebrow{
  color:var(--red);
  font-size:.8rem; font-weight:700; letter-spacing:.14em;
  margin-bottom:18px;
  display:block;
}
.ytm-eyebrow-center{ text-align:center; }

/* Growth Community badge — red-accented box with a leading icon, used in the
   hero above the headline. Reuses the site's red/pill/icon language. */
.ytm-community-badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:7px 18px 7px 8px;
  border:1px solid rgba(var(--red-rgb),0.35);
  border-radius:var(--radius-pill);
  background:linear-gradient(160deg, rgba(var(--red-rgb),0.16), rgba(255,255,255,0.03));
  color:var(--red);
  font-size:.78rem; font-weight:700; letter-spacing:.12em;
  margin-bottom:18px;
}
.ytm-community-badge-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%; flex:0 0 auto;
  background:rgba(var(--red-rgb),0.22);
  color:var(--red);
}

/* Reusable icon badge — same visual language across stats, features,
   achievements, and comparison highlights. */
.ytm-icon-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:14px;
  background:linear-gradient(160deg, rgba(var(--red-rgb),0.2), rgba(255,255,255,0.02));
  border:1px solid var(--border);
  font-size:1.15rem;
  margin-bottom:14px;
}
.ytm-icon-badge-lg{ width:46px; height:46px; font-size:1.25rem; border-radius:15px; }
.ytm-icon-badge-sm{ width:34px; height:34px; font-size:.9rem; border-radius:11px; margin-bottom:10px; }

/* Subtle premium grid background. Remove the `ytm-bg-grid` class from
   <body> in index.html to revert to a plain background if preferred. */
body.ytm-bg-grid::before{
  content:'';
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 85%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 85%);
  opacity:.6;
}
main, .ytm-footer, .ytm-mobile-menu, .ytm-modal-overlay, .ytm-popup{
  position:relative; z-index:1;
}

/* ---------- Buttons ---------- */
.ytm-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:1px solid transparent;
  border-radius:var(--radius-pill);
  font-weight:700;
  font-size:.95rem;
  padding:14px 26px;
  transition:transform .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
  white-space:nowrap;
}
.ytm-btn-sm{ padding:10px 20px; font-size:.875rem; }
.ytm-btn-lg{ padding:16px 32px; font-size:1rem; }
.ytm-btn-block{ width:100%; }
.ytm-btn-primary{
  background:linear-gradient(135deg, var(--red), var(--red-dark));
  color:var(--white);
  box-shadow:0 8px 30px rgba(var(--red-rgb),0.28);
}
.ytm-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 12px 36px rgba(var(--red-rgb),0.4); }
.ytm-btn-primary:active{ transform:translateY(0); }
.ytm-btn-ghost{
  background:var(--card);
  color:var(--white);
  border-color:var(--border);
  backdrop-filter:blur(10px);
}
.ytm-btn-ghost:hover{ background:var(--card-hover); border-color:var(--border-strong); transform:translateY(-2px); }

/* ============ HEADER ============ */
/* Fixed (not sticky) intentionally: sticky can silently break inside a
   WordPress theme wrapper that sets `overflow` on an ancestor, or on some
   older mobile browsers. Fixed is immune to that — the header stays
   pinned in place no matter how the page is scrolled, up or down. */
.ytm-header{
  position:fixed;
  top:10px;
  left:0; right:0;
  width:calc(100% - 20px);
  max-width:var(--max-width);
  margin:0 auto;
  z-index:9999;
  background:rgba(8,8,8,0.84);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:0 10px 40px rgba(0,0,0,0.35);
  transition:background .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
@media (min-width:768px){
  .ytm-header{ width:calc(100% - 32px); }
}
@media (min-width:1024px){
  .ytm-header{ top:15px; }
}
.ytm-header.is-scrolled{
  background:rgba(8,8,8,0.94);
  box-shadow:0 14px 46px rgba(0,0,0,0.5);
  border-color:var(--border-strong);
}
.ytm-header-inner{
  height:72px;
  padding:0 18px;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px;
}
@media (min-width:768px){
  .ytm-header-inner{ height:80px; padding:0 24px; }
}
.ytm-logo{ display:inline-flex; align-items:center; gap:10px; }
.ytm-logo-mark{ flex-shrink:0; }
.ytm-logo-text{ font-weight:800; font-size:.95rem; letter-spacing:.04em; }
/* Official brand logo */
.ytm-logo-mark{ width:40px; height:40px; object-fit:contain; }
.ytm-logo-wordmark{ display:block; height:22px; width:auto; }
.ytm-footer .ytm-logo-mark{ width:34px; height:34px; }
.ytm-footer .ytm-logo-wordmark{ height:19px; }
.ytm-mobile-menu-top .ytm-logo-wordmark{ height:22px; }
@media (max-width:480px){ .ytm-logo-mark{ width:34px; height:34px; } .ytm-logo-wordmark{ height:19px; } }

.ytm-nav-desktop{ display:none; }
@media (min-width:900px){
  .ytm-nav-desktop{ display:block; }
  .ytm-nav-desktop ul{ display:flex; gap:32px; }
  .ytm-nav-desktop a{
    font-size:.9rem; font-weight:600; color:var(--muted);
    transition:color .2s var(--ease); position:relative; padding:4px 0;
  }
  .ytm-nav-desktop a:hover{ color:var(--white); }
  .ytm-nav-desktop a.is-active{ color:var(--white); }
  .ytm-nav-desktop a.is-active::after{
    content:''; position:absolute; left:0; right:0; bottom:-6px; height:2px;
    background:var(--red); border-radius:2px;
  }
}

.ytm-header-actions{ display:flex; align-items:center; gap:10px; }
.ytm-header-actions .ytm-header-login,
.ytm-header-actions .ytm-join-now{ display:none; }
@media (min-width:900px){
  .ytm-header-actions .ytm-header-login,
  .ytm-header-actions .ytm-join-now{ display:inline-flex; }
}

/* Dashboard-only header control: member profile.
   Search/notification icon buttons were removed (no backing feature) —
   the flex layout on .ytm-header-actions rebalances automatically. */
.ytm-header-profile{
  display:none;
  align-items:center; gap:9px;
  padding:5px 12px 5px 5px;
  border-radius:var(--radius-pill);
  border:1px solid var(--border);
  background:var(--card);
  color:inherit;
  transition:border-color .2s var(--ease), background .2s var(--ease);
}
.ytm-header-profile:hover{ border-color:var(--border-strong); background:var(--card-hover); }
.ytm-header-avatar{
  display:flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(145deg, var(--red), var(--red-dark));
  color:var(--white); font-size:.72rem; font-weight:800;
}
.ytm-header-profile-meta{ display:grid; line-height:1.2; text-align:left; }
.ytm-header-profile-meta strong{ font-size:.78rem; font-weight:700; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ytm-header-profile-meta small{ font-size:.65rem; color:var(--muted); }
@media (min-width:900px){
  .ytm-header-profile{ display:inline-flex; }
}

/* Mobile-menu equivalent of the profile block above (shown < 900px). */
.ytm-mobile-menu-profile{
  display:flex; align-items:center; gap:12px;
  padding:14px; margin:6px 0 4px;
  border:1px solid var(--border); border-radius:var(--radius-md);
  background:var(--card);
}
.ytm-mobile-menu-profile strong{ display:block; font-size:.9rem; }
.ytm-mobile-menu-profile small{ display:block; color:var(--muted); font-size:.75rem; margin-top:2px; }

/* The header (and anything else pinned to the viewport top) needs to sit
   below the WordPress admin toolbar when a logged-in member/admin is
   viewing the front end — otherwise it overlaps the toolbar as soon as
   you scroll, which is what caused the desktop "structure breaks on
   scroll" issue. The admin bar is fixed at 46px tall under 783px and
   32px tall from 783px up. */
/* Keep the public sticky header in the exact same position for logged-in and logged-out visitors.
   The WordPress admin toolbar must not push the site header/hero downward. */
body.admin-bar .ytm-header{ top:10px; }
@media (min-width:1024px){
  body.admin-bar .ytm-header{ top:15px; }
}

.ytm-hamburger{
  display:flex; flex-direction:column; justify-content:center; gap:5px;
  width:40px; height:40px; background:transparent; border:1px solid var(--border);
  border-radius:var(--radius-sm);
}
@media (min-width:900px){ .ytm-hamburger{ display:none; } }
.ytm-hamburger span{
  display:block; width:18px; height:2px; margin-inline:auto;
  background:var(--white); border-radius:2px; transition:transform .25s var(--ease), opacity .25s var(--ease);
}
.ytm-hamburger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.ytm-hamburger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.ytm-hamburger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ============ MOBILE MENU ============ */
.ytm-mobile-menu{
  position:fixed; inset:0; z-index:10000;
  background:rgba(3,3,3,0.98);
  backdrop-filter:blur(6px);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .3s var(--ease), visibility .3s var(--ease);
}
.ytm-mobile-menu.is-open{ opacity:1; visibility:visible; pointer-events:auto; }
.ytm-mobile-menu-panel{
  height:100%; width:100%;
  padding:20px 24px calc(24px + env(safe-area-inset-bottom));
  display:flex; flex-direction:column;
  transform:translateY(-16px);
  transition:transform .35s var(--ease);
}
.ytm-mobile-menu.is-open .ytm-mobile-menu-panel{ transform:translateY(0); }
.ytm-mobile-menu-top{ display:flex; align-items:center; justify-content:space-between; padding:10px 4px 20px; }
.ytm-mobile-close{
  width:40px; height:40px; display:flex; align-items:center; justify-content:center;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--white);
}
.ytm-mobile-menu nav{ flex:1; display:flex; align-items:center; }
.ytm-mobile-menu nav ul{ display:flex; flex-direction:column; gap:6px; width:100%; }
.ytm-mobile-menu nav a{
  display:block; font-size:1.75rem; font-weight:800; padding:14px 4px;
  border-bottom:1px solid var(--border);
}
.ytm-mobile-menu nav a.is-active{ color:var(--red); }
.ytm-mobile-menu-actions{ display:flex; flex-direction:column; gap:12px; margin-top:20px; }

/* ============ HERO ============ */
.ytm-hero{
  position:relative;
  padding:104px 0 56px;
  overflow:hidden;
}
@media (min-width:1024px){ .ytm-hero{ padding:132px 0 84px; } }

.ytm-hero-glow{
  position:absolute; top:-10%; left:50%; transform:translateX(-50%);
  width:900px; height:600px; max-width:200vw;
  background:radial-gradient(circle, rgba(var(--red-rgb),0.22) 0%, rgba(var(--red-rgb),0) 65%);
  pointer-events:none; z-index:0;
}

.ytm-hero-grid{
  position:relative; z-index:1;
  display:grid; gap:56px;
}
@media (min-width:900px){
  /* Desktop: clean two-column hero. Copy stays on the left; video stays on the right. */
  .ytm-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:52px;
  }
  .ytm-hero-copy{
    text-align:left;
    min-width:0;
    max-width:620px;
  }
  .ytm-hero-headline{
    max-width:620px;
    font-size:clamp(3rem, 3.2vw, 4rem);
    line-height:1.02;
    letter-spacing:-0.045em;
    margin-bottom:22px;
  }
  .ytm-hero-sub{
    max-width:560px;
  }
  .ytm-hero-actions{
    justify-content:flex-start;
  }
  .ytm-hero-visual{
    min-width:0;
    width:100%;
  }
}

.ytm-mobile-break{ display:none; }
.ytm-desktop-break{ display:block; }

/* Client-approved mobile hero alignment: keep the entire hero copy centered on phones/tablets. */
@media (max-width:1023px){
  .ytm-hero-copy{ text-align:center; }
  .ytm-community-badge{ margin-inline:auto; }
  .ytm-hero-sub{ margin-left:auto; margin-right:auto; }
  .ytm-hero-actions{ justify-content:center; }
}

/* Mobile hero: exactly three lines — Build Your First / Profitable Faceless / YouTube Channel. */
@media (max-width:899px){
  .ytm-mobile-break{ display:block; }
  .ytm-desktop-break{ display:block; }
  /* Keep the hero safely below the fixed sticky header on phones. */
  .ytm-hero{ padding-top:128px; }
  .ytm-hero-grid{
    display:flex;
    flex-direction:column;
    gap:0;
  }
  /* On phones the requested order is: badge → 3-line heading → description → video → buttons. */
  .ytm-hero-copy{ display:contents; }
  .ytm-community-badge{ order:1; margin-bottom:22px; }
  .ytm-hero-headline{
    order:2;
    width:100%;
    max-width:100%;
    padding:0 6px;
    box-sizing:border-box;
    font-size:clamp(2.05rem, 8.8vw, 2.55rem);
    line-height:1.04;
    letter-spacing:-0.045em;
    white-space:nowrap;
    margin:0 auto 28px;
  }
  .ytm-hero-visual{
    order:4;
    width:100%;
    margin:0 auto 28px;
  }
  .ytm-hero-sub{
    order:3;
    width:100%;
    max-width:520px;
    margin:0 auto 24px;
    padding:0 4px;
    box-sizing:border-box;
  }
  .ytm-hero-actions{
    order:5;
    width:100%;
    margin:0 auto;
    justify-content:center;
  }
}

.ytm-hero-headline{
  font-size:clamp(2.4rem, 1.8rem + 4vw, 4.5rem);
  line-height:1.05;
  margin-bottom:20px;
}

/* Keep the mobile heading override AFTER the base heading rule so it cannot be overwritten. */
@media (max-width:899px){
  .ytm-hero-headline{
    font-size:clamp(2.05rem, 8.8vw, 2.55rem);
    line-height:1.04;
    letter-spacing:-0.045em;
    white-space:nowrap;
  }
}

@media (min-width:900px){
  .ytm-hero-headline{
    font-size:clamp(2.7rem, 3.4vw, 4rem);
    line-height:1.03;
  }
}
.ytm-hero-sub{
  color:var(--muted);
  font-size:clamp(1rem, .95rem + .4vw, 1.25rem);
  max-width:520px;
  margin-bottom:34px;
}
.ytm-hero-actions{ display:flex; flex-wrap:wrap; gap:14px; }

/* Hero video placeholder — designed so a real embed/video element can
   replace the poster button contents later without touching layout. */
.ytm-hero-visual{ position:relative; }
 .ytm-hero-video{
  position:relative;
  width:100%; aspect-ratio:16/9; height:auto; max-height:none;
  background:transparent;
  border:0 !important;
  outline:0 !important;
  border-radius:var(--radius-lg);
  overflow:visible;
  box-shadow:none !important;
}
@media (min-width:640px){ .ytm-hero-video{ aspect-ratio:16/9; border:0 !important; box-shadow:none !important; } }
.ytm-hero-video-poster{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#050505;
  border-radius:inherit;
}
.ytm-hero-video-thumbnail{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
}

/* Hero floating stickers — artwork only. No wrapper, no CSS card, no outer box. */
.ytm-float-sticker{
  position:absolute;
  display:block;
  width:clamp(105px,8vw,128px);
  height:auto;
  margin:0;
  padding:0;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0;
  opacity:.94;
  z-index:5;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  mix-blend-mode:normal;
  filter:none !important;
  will-change:transform;
  animation:ytm-sticker-float 6.5s ease-in-out infinite;
}
.ytm-float-sticker-1{ top:1%; left:-4%; animation-delay:0s; --ytm-sticker-rotate:-2deg; --ytm-sticker-scale-y:.72; }
.ytm-float-sticker-2{ top:5%; right:-4%; animation-delay:1.25s; --ytm-sticker-rotate:2deg; --ytm-sticker-scale-y:.72; }
.ytm-float-sticker-3{ bottom:4%; left:-4%; animation-delay:2.5s; --ytm-sticker-rotate:-3deg; --ytm-sticker-scale-y:.86; }
.ytm-float-sticker-4{ bottom:1%; right:-4%; animation-delay:3.75s; --ytm-sticker-rotate:2deg; --ytm-sticker-scale-y:.86; }

@media (max-width:1023px){
  .ytm-float-sticker{ width:92px; opacity:.92; }
  .ytm-float-sticker-1{ top:1%; left:-3px; }
  .ytm-float-sticker-2{ top:5%; right:-3px; }
  .ytm-float-sticker-3{ bottom:4%; left:-4px; }
  .ytm-float-sticker-4{ bottom:1%; right:-4px; }
}

@media (max-width:539px){
  .ytm-float-sticker{
    width:78px;
    opacity:.94;
  }
  .ytm-float-sticker-1{ top:1%; left:0; }
  .ytm-float-sticker-2{ top:5%; right:0; }
  .ytm-float-sticker-3{ bottom:4%; left:0; }
  .ytm-float-sticker-4{ bottom:1%; right:0; }
}

@keyframes ytm-sticker-float{
  0%,100%{ transform:translate3d(0,0,0) rotate(var(--ytm-sticker-rotate,0deg)) scaleY(var(--ytm-sticker-scale-y,1)); }
  50%{ transform:translate3d(0,-7px,0) rotate(var(--ytm-sticker-rotate,0deg)) scaleY(var(--ytm-sticker-scale-y,1)); }
}

@media (prefers-reduced-motion:reduce){
  .ytm-float-sticker{ animation:none; }
}

/* FINAL HERO STICKER OVERRIDE — artwork only; absolutely no wrapper/card box. */
.ytm-hero-visual .ytm-float-sticker,
.ytm-hero-visual .ytm-float-sticker:hover,
.ytm-hero-visual .ytm-float-sticker:focus{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* ============ COMMUNITY STATISTICS (compact) ============ */
.ytm-stats-compact .ytm-section-title{ margin-bottom:34px; }
.ytm-stats-eyebrow-icon{ display:inline-flex; margin-right:6px; font-size:.95em; vertical-align:-.08em; }

/* Community Statistics label reuses the hero's .ytm-community-badge pill;
   this just centers it above the section heading. */
.ytm-stats-pill-wrap{ text-align:center; margin-bottom:18px; }
.ytm-stats-pill{ margin-bottom:0; }

/* Real Results label uses the same oval badge treatment as Community Statistics. */
.ytm-results-pill-wrap{ text-align:center; margin-bottom:18px; }
.ytm-results-pill{ margin-bottom:0; }

/* Glowing icon frame — every stat-card icon now sits in a red-bordered
   frame with a soft ambient glow (matches the reference badges), instead
   of the old flat outline swatch. */
.ytm-stat-card .ytm-icon-badge{
  margin-bottom:0;
  flex:0 0 auto;
  width:58px; height:58px;
  border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  border:1.5px solid rgba(var(--red-rgb),.5);
  background:radial-gradient(circle at 50% 45%, rgba(var(--red-rgb),.16), rgba(6,6,6,.5) 72%);
  box-shadow:0 0 22px rgba(var(--red-rgb),.32), inset 0 0 12px rgba(var(--red-rgb),.10);
}
/* YouTube play mark — a wide rounded rect (~1.4:1, matching the real
   logo's proportions) with the triangle cut out as a true hole via
   evenodd fill, so it reads exactly like the reference: a solid red
   badge with a hollow play triangle, not a white triangle drawn on
   top. Sized much smaller relative to the frame than before (~40%
   of the frame width) so the glow ring around it is clearly visible,
   matching the reference proportions. */
.ytm-icon-mark{
  display:flex; align-items:center; justify-content:center;
  width:24px; height:17px;
}
.ytm-icon-mark svg{
  width:100%; height:100%; display:block;
  fill:var(--red);
  filter:drop-shadow(0 0 6px rgba(var(--red-rgb),.65));
}
@media (min-width:1024px){
  .ytm-stat-card .ytm-icon-badge{ width:64px; height:64px; border-radius:20px; }
  .ytm-icon-mark{ width:27px; height:19px; }
}

/* Per-card accent colors matching the RoMods reference exactly:
   Total Views stays red/YouTube, Active Creators is teal, Combined
   Subscribers is purple, Revenue Generated is gold. Each sets
   currentColor so the icon inherits it along with the border/glow.
   NOTE: these are chained onto ".ytm-stat-card .ytm-icon-badge" (not
   just ".ytm-icon-badge-teal" alone) so they win on specificity —
   a bare single-class selector here was previously losing to the
   two-class base rule above, which is why every badge rendered with
   the red border/glow regardless of its color class. */
.ytm-stat-card .ytm-icon-badge.ytm-icon-badge-teal{
  border-color:rgba(45,212,191,.6);
  background:radial-gradient(circle at 50% 45%, rgba(45,212,191,.22), rgba(6,6,6,.55) 72%);
  box-shadow:0 0 22px rgba(45,212,191,.4), 0 0 46px rgba(45,212,191,.22), inset 0 0 12px rgba(45,212,191,.14);
  color:#2dd4bf;
}
.ytm-stat-card .ytm-icon-badge.ytm-icon-badge-purple{
  border-color:rgba(139,92,246,.6);
  background:radial-gradient(circle at 50% 45%, rgba(139,92,246,.22), rgba(6,6,6,.55) 72%);
  box-shadow:0 0 22px rgba(139,92,246,.4), 0 0 46px rgba(139,92,246,.22), inset 0 0 12px rgba(139,92,246,.14);
  color:#8b5cf6;
}
.ytm-stat-card .ytm-icon-badge.ytm-icon-badge-gold{
  border-color:rgba(245,166,35,.6);
  background:radial-gradient(circle at 50% 45%, rgba(245,166,35,.22), rgba(6,6,6,.55) 72%);
  box-shadow:0 0 22px rgba(245,166,35,.4), 0 0 46px rgba(245,166,35,.22), inset 0 0 12px rgba(245,166,35,.14);
  color:#f5a623;
}
/* Base red badge (Total Views / Revenue) gets the same brighter
   two-layer halo for visual consistency across all four cards. */
.ytm-stat-card .ytm-icon-badge{
  box-shadow:0 0 22px rgba(var(--red-rgb),.4), 0 0 46px rgba(var(--red-rgb),.22), inset 0 0 12px rgba(var(--red-rgb),.14);
}
.ytm-stats-top{
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px;
  margin-bottom:28px;
}
@media (min-width:640px){ .ytm-stats-top{ flex-direction:row; justify-content:center; } }
.ytm-avatar-stack{ display:flex; align-items:center; }
.ytm-avatar{
  width:50px; height:50px; border-radius:50%;
  background:linear-gradient(135deg, #2a2a2a, #111);
  border:2px solid #fff;
  box-shadow:0 0 0 2px #0b0b0b;
  margin-left:-10px;
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  flex:0 0 50px;
  animation:ytm-avatar-float 4.6s ease-in-out infinite;
  will-change:transform;
  position:relative;
}
.ytm-avatar:first-child{ margin-left:0; }
.ytm-avatar:nth-child(2n){animation-delay:-1.4s}
.ytm-avatar:nth-child(3n){animation-delay:-2.7s}
@keyframes ytm-avatar-float{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-5px) rotate(.6deg)}
}
.ytm-avatar img{
  width:100%; height:100%; display:block;
  object-fit:cover; object-position:center;
}
.ytm-avatar-count{
  background:linear-gradient(135deg, #2a2a2a, #111);
  color:var(--red);
  font-size:.65rem; font-weight:800;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.ytm-rating-badge{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-pill);
  padding:8px 16px; font-size:.85rem; font-weight:700;
}
.ytm-rating-stars{ color:var(--red); font-size:.8rem; letter-spacing:1px; }
.ytm-trusted-copy{ color:var(--muted); font-size:.9rem; }

.ytm-stats-grid{
  display:grid; grid-template-columns:1fr; gap:0; margin:0 auto 28px;
  width:100%; max-width:1200px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018));
  border:1px solid var(--border-strong);
  border-radius:32px;
  box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
@media (min-width:900px){
  .ytm-stats-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.ytm-stat-card{
  position:relative; min-height:178px;
  background:transparent; border:0; border-radius:0;
  padding:30px 24px; text-align:center;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
  box-shadow:none;
  transition:background .3s var(--ease);
}
.ytm-stat-card:hover{ transform:none; background:rgba(255,255,255,.025); border-color:transparent; }
.ytm-stat-card + .ytm-stat-card{ border-top:1px solid var(--border); }
@media (min-width:900px){
  .ytm-stat-card + .ytm-stat-card{ border-top:0; border-left:1px solid var(--border); }
}
.ytm-stat-card .ytm-icon-badge{ margin-bottom:0; flex:0 0 auto; width:58px; height:58px; border-radius:18px; }
.ytm-stat-content{ display:flex; flex-direction:column; align-items:center; min-width:0; }
.ytm-stat-value{ display:block; font-size:clamp(2rem, 1.55rem + 1.8vw, 2.75rem); line-height:1.05; font-weight:800; color:var(--white); }
.ytm-stat-label{ display:block; margin-top:8px; color:var(--muted); font-size:.9rem; line-height:1.35; }
.ytm-stats-growth-line{
  margin:4px auto 0; text-align:center; color:var(--muted);
  font-size:.98rem; font-weight:600;
}
@media (max-width:639px){
  .ytm-stats-top{ margin-bottom:24px; }
  .ytm-stats-compact .ytm-section-title{ margin-bottom:28px; }
  .ytm-stats-grid{ border-radius:30px; }
  .ytm-stat-card{ min-height:164px; padding:24px 20px; }
}

/* Rolling icon marquee ("Creator Vault"-style) */
.ytm-marquee{
  overflow:hidden; width:100%;
  mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}
.ytm-marquee-track{
  display:flex; gap:12px; width:max-content;
  animation:ytm-marquee-scroll 26s linear infinite;
}
.ytm-marquee:hover .ytm-marquee-track{ animation-play-state:paused; }
.ytm-marquee-chip{
  flex-shrink:0;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-pill);
  padding:9px 18px; font-size:.82rem; font-weight:600; color:var(--muted);
  white-space:nowrap;
}
@keyframes ytm-marquee-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

/* ============ REAL RESULTS ============ */
/* The Real Results label intentionally reuses the Community Statistics pill language. */
.ytm-results-pill-wrap{ text-align:center; margin-bottom:18px; }
.ytm-results-pill{ margin-bottom:0; }
.ytm-results-badge-icon{
  background:rgba(var(--red-rgb),.22);
  color:var(--red);
}

.ytm-results-supporting-text{
  color:var(--subtle); font-size:.95rem; line-height:1.65;
  max-width:680px; margin-top:28px; margin-bottom:24px;
}

.ytm-results-actions{
  display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px;
}
.ytm-results-actions .ytm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; }
.ytm-results-primary-cta{ min-width:190px; }
.ytm-results-secondary-cta{ min-width:190px; }

/* ============ RESULTS CAROUSEL — CENTER-FOCUSED VIDEO SHOWCASE ============ */
.ytm-carousel{ position:relative; width:100%; overflow:visible; isolation:isolate; }
.ytm-carousel::before{
  content:''; position:absolute; z-index:-1; left:50%; top:42%; width:min(92vw,760px); height:min(92vw,760px);
  transform:translate(-50%,-50%); border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(var(--red-rgb),.075) 0%, rgba(var(--red-rgb),.025) 34%, transparent 70%);
  filter:blur(12px);
}
.ytm-carousel-track{
  --result-card-width:min(72vw,390px);
  --result-edge-space:calc((100% - var(--result-card-width)) / 4);
  display:flex; align-items:stretch; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory;
  scrollbar-width:none; -ms-overflow-style:none; padding:10px var(--result-edge-space) 10px;
  overscroll-behavior-x:contain; scroll-behavior:smooth;
}
.ytm-carousel-track::-webkit-scrollbar{ display:none; }
.ytm-carousel-slide{
  flex:0 0 var(--result-card-width); scroll-snap-align:center; scroll-snap-stop:always;
  min-width:0; opacity:.62; transform:scale(.94);
  transition:opacity .25s ease, transform .25s ease, filter .25s ease;
}
.ytm-carousel-slide.is-active{ opacity:1; transform:scale(1); }
.ytm-result-card{
  position:relative; width:100%; overflow:hidden;
  background:#070707; border:1px solid var(--border); border-radius:24px;
  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; padding:0;
  box-shadow:0 18px 55px rgba(0,0,0,.35);
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.ytm-carousel-slide.is-active .ytm-result-card{ border-color:rgba(var(--red-rgb),.45); box-shadow:0 24px 70px rgba(0,0,0,.5), 0 0 0 1px rgba(var(--red-rgb),.08); }
.ytm-result-video-wrap{ position:relative; width:100%; aspect-ratio:9/16; min-height:0; background:#050505; overflow:hidden; }
.ytm-result-video{ display:block; width:100%; height:100%; object-fit:cover; background:#050505; }
.ytm-result-image{ display:block; width:100%; height:100%; object-fit:cover; }
.ytm-result-card-caption{
  position:relative; z-index:4; margin:0; padding:11px 13px 12px; min-height:50px;
  border-top:1px solid rgba(255,255,255,.08); background:rgba(5,5,5,.96);
  color:var(--white); font-size:.74rem; font-weight:750; line-height:1.3; text-align:left;
}
.ytm-result-card-caption{
  display:flex; align-items:center; gap:8px;
}
.ytm-result-glow-dot{
  flex:0 0 8px; width:8px; height:8px; border-radius:50%;
  background:var(--red);
  box-shadow:0 0 6px rgba(var(--red-rgb),.95), 0 0 14px rgba(var(--red-rgb),.62);
}

/* ============ RESULT PHOTOS — CONTINUE THE SAME CAROUSEL ============ */
.ytm-carousel-photo-slide .ytm-result-card{
  border-radius:24px;
}
.ytm-result-photo-wrap{
  position:relative; width:100%; aspect-ratio:9/16; background:#050505; overflow:hidden;
}
.ytm-result-photo{display:block; width:100%; height:100%; object-fit:cover; background:#050505;}
@media (max-width:639px){
  .ytm-carousel-photo-slide .ytm-result-card{border-radius:20px;}
}

.ytm-result-video-wrap.is-video-error::after{
  content:'This video could not be loaded'; position:absolute; inset:0; display:grid; place-items:center;
  padding:24px; color:var(--muted); background:rgba(5,5,5,.82); text-align:center; font-size:.85rem;
}
.ytm-result-card:hover{ border-color:var(--border-strong); }

/* Desktop: whichever result the visitor hovers becomes the visual focus. */
@media (min-width:900px){
  .ytm-carousel-slide.is-hovered{ opacity:1; transform:scale(1); z-index:3; }
  .ytm-carousel-slide.is-hovered .ytm-result-card{
    border-color:rgba(var(--red-rgb),.6);
    box-shadow:0 24px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(var(--red-rgb),.14);
  }
  .ytm-carousel:has(.ytm-carousel-slide.is-hovered) .ytm-carousel-slide:not(.is-hovered){ opacity:.45; filter:saturate(.82); }
}

@media (max-width:639px){
  .ytm-carousel-track{ --result-card-width:min(68vw,330px); --result-edge-space:calc((100% - var(--result-card-width)) / 4); gap:14px; padding-top:8px; padding-bottom:8px; }
  .ytm-result-card{ border-radius:20px; }
  .ytm-result-card-caption{ font-size:.68rem; }
  .ytm-results-actions{ width:100%; flex-direction:column; }
  .ytm-results-actions .ytm-btn{ width:min(100%,320px); }
}
@media (min-width:900px){
  .ytm-carousel-track{ --result-card-width:360px; gap:22px; }
}
.ytm-placeholder-art{
  font-size:2.6rem; font-weight:800; color:var(--border-strong);
}
.ytm-placeholder-art-sm{ font-size:1.4rem; }
.ytm-carousel-arrow{
  display:none;
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%;
  background:rgba(10,10,10,0.9); border:1px solid var(--border-strong); color:var(--white);
  align-items:center; justify-content:center;
  transition:background .2s var(--ease), transform .2s var(--ease);
}
@media (min-width:900px){ .ytm-carousel-arrow{ display:flex; } }
.ytm-carousel-arrow:hover{ background:var(--red); }
.ytm-carousel-arrow-prev{ left:-22px; }
.ytm-carousel-arrow-next{ right:-22px; }
.ytm-carousel-dots{ display:flex; justify-content:center; gap:8px; margin-top:22px; }
.ytm-carousel-dots button{
  width:8px; height:8px; border-radius:50%; background:var(--border-strong); border:none; padding:0;
  transition:background .2s var(--ease), width .2s var(--ease);
}
.ytm-carousel-dots button.is-active{ background:var(--red); width:22px; border-radius:var(--radius-pill); }

/* Screenshot gallery grid (rendered inside the reusable modal) */
.ytm-gallery-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));
  gap:12px; width:100%;
}
.ytm-gallery-tile{
  aspect-ratio:4/5; border-radius:var(--radius-sm);
  background:var(--card); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; font-weight:800; color:var(--border-strong);
}

/* ============ STRUGGLE CHECKLIST ============ */
.ytm-checklist{ display:flex; flex-direction:column; gap:12px; max-width:640px; margin-bottom:36px; }
.ytm-checklist-center{ margin-left:auto; margin-right:auto; }
.ytm-checklist-item{
  display:flex; align-items:center; gap:14px;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:18px 20px; font-size:1rem; text-align:left;
  transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);
}
.ytm-checklist-item:hover{ border-color:var(--border-strong); }
.ytm-checklist-icon{
  flex-shrink:0; width:22px; height:22px; border-radius:50%;
  border:1.5px solid var(--border-strong); position:relative;
}
.ytm-checklist-icon::before{
  content:'✕'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:.65rem; color:var(--danger);
}
.ytm-checklist-item.is-selected{ background:rgba(53,211,122,0.08); border-color:rgba(53,211,122,0.4); transform:translateX(4px); }
.ytm-checklist-item.is-selected .ytm-checklist-icon{ border-color:var(--green); }
.ytm-checklist-item.is-selected .ytm-checklist-icon::before{ content:'✓'; color:var(--green); }
.ytm-struggle-cta{ margin-top:8px; }


/* ============ YOUR BIGGEST PROBLEM — CLIENT UPDATE ============ */
#struggle .ytm-struggle-badge-wrap{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
}
#struggle .ytm-struggle-badge{
  margin-bottom:0;
}
#struggle .ytm-struggle-badge .ytm-community-badge-icon{
  width:28px;
  height:28px;
}
#struggle .ytm-checklist{
  width:100%;
  max-width:780px;
  gap:12px;
  margin-top:4px;
}
#struggle .ytm-problem-item{
  display:block;
  width:100%;
  padding:0;
  overflow:hidden;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  transition:background .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
}
#struggle .ytm-problem-item:hover,
#struggle .ytm-problem-item:focus-within{
  border-color:var(--border-strong);
}
#struggle .ytm-problem-row{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:62px;
  padding:16px 18px;
  text-align:left;
}
#struggle .ytm-problem-mark{
  flex:0 0 auto;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--red-rgb),.38);
  border-radius:50%;
  color:var(--red);
  font-size:15px;
  line-height:1;
  background:rgba(var(--red-rgb),.06);
}
#struggle .ytm-problem-text{
  flex:1 1 auto;
  min-width:0;
  color:var(--text);
  font-size:1rem;
  line-height:1.45;
}
#struggle .ytm-problem-info{
  flex:0 0 auto;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid rgba(var(--red-rgb),.42);
  border-radius:50%;
  background:rgba(var(--red-rgb),.08);
  color:var(--red);
  font-family:inherit;
  font-size:.9rem;
  font-weight:800;
  font-style:normal;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);
}
#struggle .ytm-problem-info:hover,
#struggle .ytm-problem-info:focus-visible,
#struggle .ytm-problem-item.is-open .ytm-problem-info{
  color:#fff;
  background:var(--red);
  border-color:var(--red);
  outline:none;
  box-shadow:0 0 18px rgba(var(--red-rgb),.24);
}
#struggle .ytm-problem-info:focus-visible{
  outline:2px solid rgba(var(--red-rgb),.45);
  outline-offset:3px;
}
#struggle .ytm-problem-solution{
  padding:0 54px 17px 56px;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.6;
}
#struggle .ytm-problem-solution strong{
  color:var(--text);
}
#struggle .ytm-problem-item.is-open{
  border-color:rgba(var(--red-rgb),.34);
  background:linear-gradient(180deg, var(--card), rgba(var(--red-rgb),.035));
  box-shadow:0 10px 32px rgba(0,0,0,.12);
}
#struggle .ytm-struggle-bottom{
  margin:24px auto 20px;
  color:var(--muted);
  text-align:center;
  font-size:1rem;
}
#struggle .ytm-struggle-cta{
  margin-top:0;
}
@media (max-width:767px){
  #struggle .ytm-section-title{
    max-width:680px;
    margin-left:auto;
    margin-right:auto;
  }
  #struggle .ytm-section-sub{
    margin-bottom:28px;
  }
  #struggle .ytm-problem-row{
    gap:11px;
    min-height:60px;
    padding:14px 13px;
  }
  #struggle .ytm-problem-mark{
    width:22px;
    height:22px;
  }
  #struggle .ytm-problem-text{
    font-size:.94rem;
  }
  #struggle .ytm-problem-info{
    width:29px;
    height:29px;
  }
  #struggle .ytm-problem-solution{
    padding:0 48px 15px 46px;
    font-size:.9rem;
  }
  #struggle .ytm-struggle-bottom{
    font-size:.95rem;
    max-width:500px;
  }
}
@media (min-width:1024px){
  #struggle .ytm-section-title{
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
  }
}

/* ============ WHY YTMAXING IS DIFFERENT ============ */
.ytm-comparison-section{ overflow:hidden; }
.ytm-comparison-section .ytm-section-title{
  margin:18px auto 42px;
  font-size:clamp(2rem, 1.6rem + 2.2vw, 3.2rem);
}
.ytm-section-label{
  width:max-content; max-width:100%; margin:0 auto;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:9px 17px; border:1px solid rgba(var(--red-rgb),0.48);
  border-radius:var(--radius-pill);
  background:linear-gradient(135deg, rgba(var(--red-rgb),0.16), rgba(var(--red-rgb),0.05));
  color:var(--red); font-size:.76rem; font-weight:900; letter-spacing:.12em;
  box-shadow:0 10px 30px rgba(var(--red-rgb),0.08);
}
.ytm-section-label-icon{
  width:28px; height:28px; display:grid; place-items:center; flex:0 0 28px;
  border-radius:50%; background:rgba(var(--red-rgb),0.14); color:var(--red);
  border:1px solid rgba(var(--red-rgb),0.25);
}
.ytm-comparison-grid-detailed{ align-items:stretch; }
.ytm-comparison-col{
  position:relative; min-width:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012));
  border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:32px 28px;
}
.ytm-comparison-col-standard{ border-color:rgba(255,255,255,0.10); }
.ytm-comparison-col-highlight{
  border-color:rgba(var(--red-rgb),0.48);
  background:linear-gradient(180deg, rgba(var(--red-rgb),0.105), rgba(var(--red-rgb),0.025));
  box-shadow:0 18px 55px rgba(var(--red-rgb),0.08);
}
@media (min-width:768px){
  .ytm-comparison-grid-detailed{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
  .ytm-comparison-col{ padding:34px 32px; }
}
@media (min-width:1024px){
  .ytm-comparison-grid-detailed{ gap:28px; }
  .ytm-comparison-col{ padding:38px 36px; }
}
.ytm-comparison-heading-wrap{ display:flex; align-items:center; gap:12px; margin-bottom:26px; }
.ytm-comparison-heading-icon{
  width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center;
  border-radius:12px; font-size:1rem; font-weight:900;
}
.ytm-comparison-heading-icon-muted{
  color:var(--danger); background:rgba(255,92,92,0.09); border:1px solid rgba(255,92,92,0.22);
}
.ytm-comparison-heading-icon-success{
  color:var(--green); background:rgba(53,211,122,0.09); border:1px solid rgba(53,211,122,0.22);
}
.ytm-comparison-heading{ margin:0; font-size:clamp(1.15rem, 1rem + .45vw, 1.4rem); }
.ytm-comparison-list{ display:flex; flex-direction:column; gap:0; margin:0; padding:0; list-style:none; }
.ytm-comparison-list li{
  display:flex; align-items:flex-start; gap:12px;
  padding:14px 0; color:var(--muted); font-size:.96rem; line-height:1.5;
  border-top:1px solid rgba(255,255,255,0.065);
}
.ytm-comparison-list li:first-child{ border-top:0; padding-top:0; }
.ytm-comparison-col-highlight .ytm-comparison-list li{ color:var(--white); border-top-color:rgba(var(--red-rgb),0.13); }
.ytm-icon-x,.ytm-icon-check{ flex:0 0 20px; width:20px; text-align:center; font-weight:900; line-height:1.5; }
.ytm-icon-x{ color:var(--danger); }
.ytm-icon-check{ color:var(--green); }
.ytm-comparison-bottom{ text-align:center; margin:40px auto 0; }
.ytm-comparison-bottom p{ margin:0 auto 22px; font-size:clamp(1.05rem, .95rem + .35vw, 1.25rem); font-weight:800; }
.ytm-comparison-bottom .ytm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; }
@media (max-width:767px){
  .ytm-comparison-section .ytm-section-title{ margin-bottom:30px; }
  .ytm-comparison-col{ padding:26px 21px; }
  .ytm-comparison-grid-detailed{ gap:16px; }
  .ytm-comparison-list li{ font-size:.94rem; padding:13px 0; }
  .ytm-comparison-bottom{ margin-top:30px; }
  .ytm-comparison-bottom .ytm-btn{ width:100%; max-width:320px; }
}

/* ============ CTA CARD (shared: Join The Best Community) ============ */
.ytm-cta-card{
  position:relative; overflow:hidden; text-align:center;
  background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015));
  border:1px solid var(--border-strong); border-radius:var(--radius-lg);
  padding:56px 24px;
}
.ytm-cta-glow{
  position:absolute; top:-40%; left:50%; transform:translateX(-50%);
  width:600px; height:400px;
  background:radial-gradient(circle, rgba(var(--red-rgb),0.28), transparent 70%);
  pointer-events:none;
}
.ytm-cta-card h2{
  position:relative; font-size:clamp(1.7rem, 1.3rem + 1.8vw, 2.4rem);
  max-width:600px; margin:0 auto 14px;
}
.ytm-cta-card p{
  position:relative; color:var(--muted); max-width:480px; margin:0 auto 28px;
}
.ytm-cta-card .ytm-btn{ position:relative; }


/* Landing-page Other Member Results — six real screenshots, not placeholders. */
.ytm-community-result-tile{
  position:relative; overflow:hidden; padding:0; cursor:pointer; min-width:0;
  background:#090909; border:1px solid var(--border); color:var(--white);
}
.ytm-community-result-image{
  display:block; width:100%; height:100%; object-fit:cover; padding:0;
  transition:transform .28s ease, opacity .28s ease;
}
.ytm-community-result-tile:hover .ytm-community-result-image{ transform:scale(1.025); }
.ytm-community-result-tile.is-image-error{ display:grid; place-items:center; color:var(--muted); font-size:.8rem; }
.ytm-modal-result-image{ display:block; width:min(100%,760px); max-height:72vh; object-fit:contain; border-radius:14px; background:#050505; }

/* ============ COMMUNITY WINS ============ */
.ytm-community-grid{
  display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory;
  scrollbar-width:none; padding-bottom:6px;
}
.ytm-community-grid::-webkit-scrollbar{ display:none; }
@media (min-width:900px){
  .ytm-community-grid{ display:grid; grid-template-columns:repeat(4,1fr); overflow:visible; }
}
.ytm-testimonial-card{
  flex:0 0 78%; scroll-snap-align:start;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:24px; text-align:left; display:flex; flex-direction:column; gap:12px;
  transition:transform .3s var(--ease), border-color .3s var(--ease);
}
@media (min-width:900px){ .ytm-testimonial-card{ flex:auto; } }
.ytm-testimonial-card:hover{ transform:translateY(-4px); border-color:var(--border-strong); }
.ytm-testimonial-card .ytm-placeholder-art-sm{
  width:44px; height:44px; border-radius:50%; background:rgba(var(--red-rgb),0.14); color:var(--red);
  display:flex; align-items:center; justify-content:center; font-size:1rem;
}
.ytm-top-member-video-grid .ytm-top-member-video-card{
  padding:14px;
  gap:12px;
  min-width:78%;
}
.ytm-top-member-video-wrap{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:12px;
  background:#050505;
  border:0;
}
.ytm-top-member-video{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  height:auto;
  background:#050505;
  object-fit:contain;
}
/* Hide the browser's oversized overlay play control; the centered YTMAXING
   play button below replaces it so Android/mobile browsers cannot place it
   against the left edge of the portrait video. */
.ytm-top-member-video::-webkit-media-controls-overlay-play-button{ display:none !important; }
.ytm-top-member-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:68px;
  height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:var(--red);
  color:#fff;
  box-shadow:0 10px 30px rgba(var(--red-rgb),0.34);
  z-index:3;
  padding:0 0 0 4px;
  font-size:1.35rem;
  line-height:1;
  transition:transform .2s var(--ease), opacity .2s var(--ease);
}
.ytm-top-member-play:hover{ transform:translate(-50%,-50%) scale(1.05); }
.ytm-top-member-play.is-hidden{ opacity:0; pointer-events:none; }
.ytm-top-member-video-card{
  border:1px solid rgba(var(--red-rgb),0.55);
}
.ytm-top-member-video-card:hover{
  border-color:rgba(var(--red-rgb),0.75);
}
@media (min-width:900px){
  .ytm-top-member-video-grid .ytm-top-member-video-card{ min-width:0; }
}
.ytm-testimonial-name{ font-weight:700; font-size:.9rem; }
.ytm-testimonial-quote{ color:var(--muted); font-size:.88rem; line-height:1.5; }
.ytm-community-closing-line{ margin-top:28px; font-size:1.05rem; font-weight:700; color:var(--white); }

/* ============ SECTION LABELS — CLIENT BADGE STYLE ============ */
/* Keep the badge treatment scoped to the recently updated sections only.
   Other page eyebrows remain unchanged. */
#results .ytm-community-badge,
#community-member-results .ytm-community-badge,
#struggle .ytm-community-badge,
#comparison .ytm-section-label,
#community-wins .ytm-section-label,
#features .ytm-section-label{
  color:var(--red);
  background:linear-gradient(135deg, rgba(var(--red-rgb),.20), rgba(var(--red-rgb),.08));
  border-color:rgba(var(--red-rgb),.55);
  box-shadow:0 10px 32px rgba(var(--red-rgb),.12), inset 0 0 18px rgba(var(--red-rgb),.05);
}

#comparison .ytm-section-label,
#community-wins .ytm-section-label,
#features .ytm-section-label{
  display:flex;
  width:max-content;
  max-width:calc(100% - 24px);
  margin-left:auto;
  margin-right:auto;
}

#comparison .ytm-section-label-icon,
#community-wins .ytm-section-label-icon,
#features .ytm-section-label-icon{
  background:rgba(var(--red-rgb),.24);
  border-color:rgba(var(--red-rgb),.42);
  box-shadow:0 0 16px rgba(var(--red-rgb),.18);
}

#results .ytm-results-badge-icon,
#community-member-results .ytm-community-badge-icon,
#struggle .ytm-struggle-badge .ytm-community-badge-icon{
  background:rgba(var(--red-rgb),.24);
  border:1px solid rgba(var(--red-rgb),.42);
  box-shadow:0 0 16px rgba(var(--red-rgb),.18);
}

/* ============ WHY JOIN YTMAXING — ICONS ============ */
#features .ytm-feature-spotlight .ytm-icon-badge-lg{
  width:54px;
  height:54px;
  border-radius:17px;
  margin-bottom:20px;
  color:var(--red);
  background:linear-gradient(145deg, rgba(var(--red-rgb),.24), rgba(var(--red-rgb),.07));
  border:1px solid rgba(var(--red-rgb),.42);
  box-shadow:0 0 24px rgba(var(--red-rgb),.14), inset 0 0 14px rgba(var(--red-rgb),.07);
}
#features .ytm-feature-spotlight .ytm-icon-badge-lg svg{
  width:23px; height:23px;
  stroke-width:1.8;
}
#features .ytm-feature-spotlight:hover .ytm-icon-badge-lg{
  border-color:rgba(var(--red-rgb),.65);
  box-shadow:0 0 30px rgba(var(--red-rgb),.22), inset 0 0 16px rgba(var(--red-rgb),.09);
}

@media (max-width:639px){
  #features .ytm-feature-spotlight .ytm-icon-badge-lg{ width:50px; height:50px; border-radius:15px; margin-bottom:17px; }
  #features .ytm-feature-spotlight .ytm-icon-badge-lg svg{ width:21px; height:21px; }
}

/* ============ WHY JOIN YTMAXING ============ */
.ytm-features-grid{
  display:grid; grid-template-columns:1fr; gap:16px;
}
@media (min-width:640px){
  .ytm-features-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1024px){
  .ytm-features-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
}
.ytm-feature-spotlight{
  min-width:0;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:26px 24px 24px;
  transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), box-shadow .3s var(--ease);
}
.ytm-feature-spotlight:hover{
  transform:translateY(-6px); border-color:var(--border-strong); background:var(--card-hover);
  box-shadow:0 18px 46px rgba(0,0,0,.2);
}
.ytm-feature-spotlight .ytm-icon-badge-lg{ margin-bottom:18px; }
.ytm-feature-spotlight h3{ font-size:1.12rem; margin-bottom:9px; }
.ytm-feature-spotlight p{ color:var(--muted); font-size:.91rem; line-height:1.65; margin:0; }
.ytm-why-join-grid{ margin-top:4px; }
.ytm-why-join-card{ height:100%; }
@media (max-width:639px){
  .ytm-why-join-card{ padding:22px 20px; }
  .ytm-feature-spotlight h3{ font-size:1.05rem; }
  .ytm-feature-spotlight p{ font-size:.88rem; line-height:1.58; }
}

/* ============ COURSE OVERVIEW ============ */
.ytm-course-overview-section{ overflow:hidden; }
.ytm-course-overview-header{ max-width:900px; margin:0 auto 44px; }
.ytm-section-badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:7px 18px 7px 8px;
  border:1px solid rgba(var(--red-rgb),.48);
  border-radius:var(--radius-pill);
  background:linear-gradient(135deg, rgba(var(--red-rgb),.22), rgba(var(--red-rgb),.07));
  color:var(--red); font-size:.78rem; font-weight:800; letter-spacing:.14em;
  box-shadow:0 10px 34px rgba(var(--red-rgb),.12), inset 0 1px 0 rgba(255,255,255,.05);
  margin-bottom:20px;
}
.ytm-section-badge-icon{
  width:30px; height:30px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(var(--red-rgb),.22); border:1px solid rgba(var(--red-rgb),.35);
  font-size:.95rem; box-shadow:0 0 18px rgba(var(--red-rgb),.2);
}
.ytm-course-overview-header .ytm-section-title{ margin-bottom:14px; }
.ytm-course-overview-grid{
  display:grid; grid-template-columns:1fr; gap:16px; max-width:1120px; margin:0 auto;
}
@media (min-width:680px){ .ytm-course-overview-grid{ grid-template-columns:repeat(2,1fr); gap:18px; } }
@media (min-width:1080px){ .ytm-course-overview-grid{ grid-template-columns:repeat(3,1fr); gap:20px; } }
.ytm-course-overview-card{
  position:relative; min-width:0; padding:24px 22px 22px;
  background:linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  border:1px solid var(--border); border-radius:var(--radius-lg);
  box-shadow:0 16px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), box-shadow .3s var(--ease);
}
.ytm-course-overview-card:hover{
  transform:translateY(-5px); border-color:rgba(var(--red-rgb),.42);
  background:linear-gradient(145deg, rgba(var(--red-rgb),.075), rgba(255,255,255,.02));
  box-shadow:0 22px 50px rgba(0,0,0,.28), 0 0 28px rgba(var(--red-rgb),.08);
}
.ytm-course-card-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.ytm-course-number{
  display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:28px; padding:0 10px;
  border-radius:var(--radius-pill); border:1px solid rgba(var(--red-rgb),.34);
  background:rgba(var(--red-rgb),.10); color:var(--red); font-size:.72rem; font-weight:800; letter-spacing:.08em;
}
.ytm-course-info-btn{
  width:30px; height:30px; flex:0 0 30px; padding:0; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid rgba(var(--red-rgb),.4); background:rgba(var(--red-rgb),.08); color:var(--white);
  font-size:.9rem; font-weight:800; line-height:1; cursor:pointer;
  transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.ytm-course-info-btn:hover,.ytm-course-info-btn[aria-expanded="true"]{
  transform:scale(1.08); background:var(--red); border-color:var(--red); box-shadow:0 0 18px rgba(var(--red-rgb),.35);
}
.ytm-course-overview-card h3{ font-size:1.03rem; line-height:1.42; margin:0; color:var(--white); }
.ytm-course-info-panel{
  margin-top:17px; padding:15px 16px; border-radius:var(--radius-md);
  background:rgba(0,0,0,.28); border:1px solid rgba(var(--red-rgb),.22);
  color:var(--muted); font-size:.88rem; line-height:1.62; text-align:left;
  animation:ytm-course-info-in .22s var(--ease);
}
@keyframes ytm-course-info-in{ from{opacity:0;transform:translateY(-4px)} to{opacity:1;transform:translateY(0)} }
.ytm-course-tour{
  max-width:960px; margin:54px auto 0; padding:34px;
  border:1px solid var(--border-strong); border-radius:var(--radius-lg);
  background:linear-gradient(145deg, rgba(var(--red-rgb),.055), rgba(255,255,255,.025));
  box-shadow:0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035);
}
.ytm-course-tour-copy{ max-width:720px; margin:0 auto 26px; }
.ytm-course-tour-kicker{ color:var(--red); font-size:.76rem; font-weight:800; letter-spacing:.14em; margin-bottom:12px; }
.ytm-course-tour-copy h3{ font-size:clamp(1.45rem,1.2rem + 1vw,2rem); margin-bottom:9px; }
.ytm-course-tour-copy p{ color:var(--muted); margin:0 auto; max-width:680px; }
.ytm-course-tour-video{
  position:relative; width:100%; aspect-ratio:16/8.5; min-height:230px; border-radius:var(--radius-lg);
  overflow:hidden; padding:0;
  background:#050505; border:1px solid var(--border-strong);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
.ytm-course-tour-video:hover{ border-color:rgba(var(--red-rgb),.55); box-shadow:0 18px 48px rgba(var(--red-rgb),.12); }
.ytm-course-tour-video-player{
  display:block; width:100%; height:100%;
  object-fit:contain; object-position:center;
  background:#050505;
}
.ytm-course-tour-video-label{
  position:absolute; top:16px; left:18px; z-index:2;
  color:var(--white); font-size:.72rem; font-weight:800; letter-spacing:.1em;
  padding:7px 10px; border-radius:999px;
  background:rgba(5,5,5,.72); backdrop-filter:blur(8px);
  pointer-events:none;
}
@media (max-width:679px){
  .ytm-course-tour-video{ aspect-ratio:16/9; min-height:0; }
  .ytm-course-tour-video-label{ top:12px; left:12px; font-size:.62rem; padding:6px 8px; }
}
.ytm-course-tour-cta{ text-align:center; margin-top:28px; }
.ytm-course-tour-cta h3{ font-size:1.25rem; margin-bottom:14px; }
@media (max-width:679px){
  .ytm-course-overview-header{ margin-bottom:32px; }
  .ytm-course-overview-card{ padding:21px 18px 19px; }
  .ytm-course-overview-card h3{ font-size:1rem; }
  .ytm-course-tour{ padding:24px 18px; margin-top:40px; }
  .ytm-course-tour-video{ min-height:190px; }
  .ytm-course-tour-cta .ytm-btn{ width:100%; }
}

/* ============ MY STORY / MEET YOUR MENTOR ============ */
.ytm-my-story{ overflow:hidden; }
.ytm-story-container{ max-width:1080px; }
.ytm-story-heading{ text-align:center; max-width:980px; margin:0 auto 42px; }
.ytm-story-badge{
  display:inline-flex; align-items:center; gap:10px; padding:8px 16px 8px 9px;
  border:1px solid rgba(var(--red-rgb),.34); border-radius:var(--radius-pill);
  background:linear-gradient(160deg,rgba(var(--red-rgb),.15),rgba(255,255,255,.035));
  color:var(--red); font-size:.78rem; font-weight:900; letter-spacing:.14em;
  box-shadow:0 10px 32px rgba(var(--red-rgb),.08), inset 0 1px 0 rgba(255,255,255,.05);
}
.ytm-story-badge-icon{
  width:30px; height:30px; display:grid; place-items:center; border-radius:10px;
  background:rgba(var(--red-rgb),.16); border:1px solid rgba(var(--red-rgb),.28);
}
.ytm-story-badge-icon svg{ width:17px; height:17px; }
.ytm-story-main-title{
  margin:20px 0 0; font-size:clamp(2.35rem,1.55rem + 3.2vw,4.25rem);
  line-height:.98; letter-spacing:-.055em; font-weight:950;
  text-wrap:balance;
  text-shadow:0 0 32px rgba(255,255,255,.07);
}
.ytm-story-main-title::after{
  content:''; display:block; width:76px; height:3px; margin:20px auto 0; border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--red),transparent);
}

.ytm-mentor-intro{
  display:grid; grid-template-columns:1fr; gap:28px; align-items:center;
  max-width:960px; margin:0 auto 48px;
}
@media (min-width:800px){
  .ytm-mentor-intro{ grid-template-columns:300px 1fr; gap:48px; }
}
.ytm-mentor-photo-wrap{ width:min(100%,300px); margin:0 auto; }
.ytm-mentor-photo,
.ytm-mentor-photo-placeholder{
  width:100%; aspect-ratio:4/5; display:flex; align-items:center; justify-content:center;
  border-radius:28px; overflow:hidden;
  border:1px solid var(--border-strong);
  background:
    radial-gradient(circle at 70% 20%, rgba(var(--red-rgb),.28), transparent 42%),
    linear-gradient(160deg, rgba(var(--red-rgb),.14), rgba(255,255,255,.025));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.ytm-mentor-photo{ object-fit:cover; }
.ytm-mentor-photo-placeholder{ flex-direction:column; gap:8px; color:var(--red); }
.ytm-mentor-photo-placeholder span{ font-size:5rem; font-weight:900; line-height:1; }
.ytm-mentor-photo-placeholder small{ color:var(--muted); font-size:.75rem; }
.ytm-mentor-intro-copy{
  padding:28px 30px; border:1px solid var(--border); border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(var(--red-rgb),.055));
  box-shadow:0 24px 60px rgba(0,0,0,.18); position:relative; overflow:hidden;
}
.ytm-mentor-intro-copy::before{
  content:''; position:absolute; left:0; top:22px; bottom:22px; width:3px; border-radius:99px;
  background:linear-gradient(180deg,transparent,var(--red),transparent);
}
.ytm-mentor-intro-copy h3{
  font-size:clamp(2rem, 1.3rem + 2vw, 3.25rem); line-height:1.08;
  letter-spacing:-.035em; margin:0 0 18px;
}
.ytm-story-relate{
  display:inline-flex; margin:0; padding:8px 13px; border-radius:999px;
  color:var(--red); background:rgba(var(--red-rgb),.09);
  border:1px solid rgba(var(--red-rgb),.28); font-weight:800; font-size:.9rem;
}

.ytm-story-copy{
  max-width:850px; margin:0 auto; color:var(--muted);
  font-size:clamp(1rem,.96rem + .18vw,1.08rem); line-height:1.85;
}
.ytm-story-copy p{ margin:0 0 20px; }
.ytm-story-copy p:last-child{ margin-bottom:0; }
.ytm-story-copy strong{ color:var(--white); font-weight:800; }
.ytm-story-copy-mid{ margin-top:44px; }
.ytm-story-reflection{ margin-top:54px; }

.ytm-story-chapter{ margin-top:64px; }
.ytm-story-chapter-heading{
  display:flex; align-items:center; gap:11px; margin:0 0 18px;
}
.ytm-story-chapter-icon{
  width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center;
  border-radius:11px; color:var(--red);
  background:rgba(var(--red-rgb),.10); border:1px solid rgba(var(--red-rgb),.25);
}
.ytm-story-chapter-icon svg{ width:19px; height:19px; }
.ytm-story-chapter-label{
  margin:0; color:var(--red); font-size:.8rem; font-weight:900;
  letter-spacing:.14em; text-transform:uppercase;
}
.ytm-story-lead{ color:var(--muted); max-width:720px; margin:0 auto 28px 0; font-size:1.03rem; line-height:1.7; }

.ytm-story-marquee{
  position:relative; width:100vw; max-width:none; margin-left:50%; transform:translateX(-50%);
  overflow:hidden; padding:8px 0 18px;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.ytm-story-marquee-track{
  display:flex; width:max-content; gap:16px; will-change:transform;
  animation:ytm-story-marquee-left 34s linear infinite;
}
.ytm-story-slide{
  width:clamp(190px,24vw,300px); aspect-ratio:4/3; flex:0 0 auto;
  margin:0; border-radius:20px; border:1px solid var(--border-strong);
  background:
    radial-gradient(circle at 75% 20%, rgba(var(--red-rgb),.28), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.015));
  box-shadow:0 18px 50px rgba(0,0,0,.24);
  position:relative; overflow:hidden;
}
.ytm-story-slide img{
  display:block; width:100%; height:100%; object-fit:cover;
}
.ytm-story-slide::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.32));
}
.ytm-story-slide-missing{ display:flex; align-items:flex-end; padding:20px; }
.ytm-story-slide-missing::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72));
}
.ytm-story-slide-missing span{ position:relative; z-index:1; color:var(--white); font-weight:900; font-size:.82rem; letter-spacing:.06em; }
.ytm-story-asset-note{
  display:none; margin:6px 0 0; color:var(--subtle); font-size:.72rem; line-height:1.5;
}
.ytm-story-asset-note code{ color:var(--muted); }

.ytm-story-marquee-life{ margin-top:2px; }
.ytm-story-marquee-life .ytm-story-marquee-track{ animation-duration:38s; }
.ytm-story-life-card{
  width:clamp(165px,19vw,230px); min-height:118px; flex:0 0 auto;
  display:flex; flex-direction:column; justify-content:space-between; gap:18px;
  padding:18px; border-radius:20px; border:1px solid var(--border-strong);
  background:linear-gradient(160deg, rgba(255,255,255,.065), rgba(var(--red-rgb),.055));
  box-shadow:0 16px 42px rgba(0,0,0,.2);
}

/* Match the "Where I Started From" image-box dimensions for the
   "Where I Am Right Now" image slider. Keep this scoped to image cards so
   the non-image life cards retain their original compact layout. */
.ytm-story-life-icon{
  width:42px; height:42px; border-radius:13px; display:flex; align-items:center; justify-content:center;
  background:rgba(var(--red-rgb),.12); border:1px solid rgba(var(--red-rgb),.26);
  color:var(--red); font-size:1.15rem; font-weight:900;
}
.ytm-story-life-card strong{ font-size:.94rem; color:var(--white); }
.ytm-story-life-image{
  position:relative; overflow:hidden;
  width:clamp(190px,24vw,300px);
  aspect-ratio:4 / 3;
  min-height:0;
  padding:0;
  justify-content:flex-end; background:#090909;
}
.ytm-story-life-image img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
}
.ytm-story-life-image::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.82) 100%);
}
.ytm-story-life-image figcaption{
  position:relative; z-index:2; margin:0; padding:14px 16px;
  color:var(--white); font-size:.9rem; font-weight:900; letter-spacing:.01em;
}
.ytm-story-life-missing{ min-height:180px; }
.ytm-story-life-missing strong{ margin-top:auto; }

.ytm-story-highlights{
  display:grid; grid-template-columns:1fr; gap:10px; margin-top:30px;
}
@media (min-width:560px){ .ytm-story-highlights{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:900px){ .ytm-story-highlights{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.ytm-story-highlights div{
  display:flex; align-items:center; gap:12px; padding:15px 16px; border-radius:14px;
  border:1px solid rgba(53,211,122,.24);
  background:linear-gradient(135deg,rgba(53,211,122,.09),rgba(53,211,122,.025) 58%,rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.12);
  color:var(--white); font-weight:800;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ytm-story-highlights div:hover{
  transform:translateY(-2px);
  border-color:rgba(53,211,122,.45);
  box-shadow:0 12px 32px rgba(53,211,122,.10),inset 0 1px 0 rgba(255,255,255,.045);
}
.ytm-story-highlight-check{
  flex:0 0 auto; width:30px; height:30px; border-radius:50%; display:inline-flex;
  align-items:center; justify-content:center;
  color:#07140d; background:var(--green);
  box-shadow:0 0 0 5px rgba(53,211,122,.08),0 0 22px rgba(53,211,122,.24);
  font-size:.95rem; font-weight:950;
}
.ytm-story-highlights div > span:last-child{ color:#dce8e1; font-weight:800; }

.ytm-story-still{
  max-width:900px; margin:54px auto 0; display:grid; grid-template-columns:1fr; gap:12px;
}
@media (min-width:700px){ .ytm-story-still{ grid-template-columns:repeat(3,1fr); } }
.ytm-story-still-item{
  display:flex; align-items:center; gap:12px; padding:18px 18px; border-radius:16px;
  background:linear-gradient(135deg,rgba(53,211,122,.105),rgba(53,211,122,.025) 70%);
  border:1px solid rgba(53,211,122,.28);
  box-shadow:0 12px 34px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.035);
}
.ytm-story-still-check{
  flex:0 0 auto; width:31px; height:31px; border-radius:50%; display:inline-flex;
  align-items:center; justify-content:center;
  color:#07140d; background:var(--green);
  box-shadow:0 0 0 5px rgba(53,211,122,.075),0 0 22px rgba(53,211,122,.22);
  font-weight:950; font-size:1rem;
}
.ytm-story-still-item strong{ color:#e1ebe5; font-size:.94rem; }

.ytm-story-final{ text-align:center; max-width:720px; margin:54px auto 0; }
.ytm-story-final p{
  margin:0 0 22px; color:var(--white); font-size:clamp(1.45rem,1.15rem + 1vw,2.1rem);
  font-weight:800; letter-spacing:-.02em;
}
.ytm-story-final .ytm-btn{ min-width:230px; }

@keyframes ytm-story-marquee-left{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(-50% - 8px)); }
}
@media (prefers-reduced-motion:reduce){
  .ytm-story-marquee-track{ animation:none; }
}
@media (max-width:679px){
  .ytm-story-heading{ margin-bottom:30px; }
  .ytm-story-badge{ font-size:.72rem; }
  .ytm-story-main-title{ font-size:clamp(2.15rem,10vw,3rem); margin-top:16px; }
  .ytm-mentor-intro{ margin-bottom:38px; }
  .ytm-mentor-intro-copy{ padding:22px 22px 22px 26px; border-radius:22px; }
  .ytm-mentor-intro-copy h3{ font-size:clamp(1.8rem,8vw,2.35rem); }
  .ytm-story-chapter{ margin-top:48px; }
  .ytm-story-marquee{ padding-bottom:12px; }
  .ytm-story-slide{ width:220px; }
  .ytm-story-life-card{ width:174px; min-height:112px; }
  .ytm-story-life-image{ width:220px; aspect-ratio:4 / 3; min-height:0; }
  .ytm-story-copy{ line-height:1.75; }
  .ytm-story-asset-note{ font-size:.68rem; }
}

/* ============ YOUTUBE REVENUE DASHBOARD ============ */
/* YouTube Studio section label — intentionally matches the site's reusable
   red outlined section-title language used by COURSE OVERVIEW. */
.ytm-ytstudio-badge{
  margin:0 auto 20px;
}
.ytm-ytstudio-badge-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ytm-ytstudio-badge-icon svg{
  display:block;
  width:17px;
  height:17px;
}
@media (max-width:679px){
  .ytm-ytstudio-badge{
    margin-bottom:18px;
  }
}
.ytm-ytstudio-viewer{
  width:100%;
  max-width:760px;
  margin:32px auto 0;
}
.ytm-ytstudio-shot{
  position:relative;
  margin:0;
  min-width:0;
  overflow:visible;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
  line-height:0;
}
.ytm-ytstudio-shot img[data-ytstudio-image]{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3 / 4;
  object-fit:contain;
  border-radius:inherit;
}

/* Real interactive selector positioned over the period control shown
   inside the supplied screenshot. Percentage coordinates scale with the
   image, so the control stays over the same pixels on every screen size. */
.ytm-ytstudio-period{
  position:absolute;
  top:var(--period-top);
  left:var(--period-left);
  width:var(--period-width);
  height:var(--period-height);
  z-index:5;
}
.ytm-ytstudio-pointer{
  position:absolute;
  left:50%;
  /* Sit immediately above the 7D control, rather than above the
     screenshot heading. The hand is rotated so the fingertip points down
     toward the clickable period selector. */
  bottom:calc(100% - 53px);
  width:38px;
  height:46px;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  transform:translateX(-50%) rotate(0deg);
  transform-origin:50% 100%;
  cursor:default;
  pointer-events:none;
  z-index:20;
  animation:ytmStudioPointerNudge 1.8s ease-in-out infinite;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.28));
  -webkit-tap-highlight-color:transparent;
}
.ytm-ytstudio-pointer svg{display:block;width:100%;height:100%;overflow:visible}
.ytm-ytstudio-pointer path{fill:#fff;stroke:#111;stroke-width:1.1;stroke-linejoin:round}
.ytm-ytstudio-pointer:focus-visible{
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:4px;
  border-radius:8px;
}
.ytm-ytstudio-pointer.is-hidden{
  opacity:1;
  visibility:visible;
  pointer-events:none;
  animation:ytmStudioPointerNudge 1.8s ease-in-out infinite;
}
@keyframes ytmStudioPointerNudge{
  0%,100%{transform:translate(-50%,0) rotate(0deg)}
  50%{transform:translate(-50%,3px) rotate(0deg)}
}
@media (prefers-reduced-motion:reduce){.ytm-ytstudio-pointer{animation:none}}

/* ---- Interactive hint: makes it obvious the 7D control is a live button ---- */
/* 1) Pulsing red ring + soft glow around the real button */
.ytm-ytstudio-period::after{
  content:'';
  position:absolute;
  inset:-3px;
  border-radius:27px;
  border:2px solid rgba(var(--red-rgb),.95);
  pointer-events:none;
  z-index:6;
  animation:ytmStudioRing 2s ease-out infinite;
}
.ytm-ytstudio-period-toggle{
  box-shadow:0 0 0 1.5px rgba(var(--red-rgb),.75), 0 0 16px rgba(var(--red-rgb),.45);
  transition:box-shadow .2s ease, transform .2s ease;
}
.ytm-ytstudio-period-toggle:hover{
  transform:scale(1.04);
  box-shadow:0 0 0 2px rgba(var(--red-rgb),1), 0 0 22px rgba(var(--red-rgb),.65);
}
/* 2) Small tooltip-style label with a pointer tail */
.ytm-ytstudio-period::before{
  content:'Tap to switch period';
  position:absolute;
  left:0;
  bottom:calc(100% + 9px);
  padding:5px 10px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--red),var(--red-dark));
  color:#fff;
  font:700 clamp(9px,1.5vw,12px)/1 Arial,sans-serif;
  letter-spacing:.02em;
  white-space:nowrap;
  box-shadow:0 6px 16px rgba(var(--red-rgb),.4);
  pointer-events:none;
  z-index:21;
  animation:ytmStudioLabelFloat 2s ease-in-out infinite;
}
/* Hint disappears once the visitor has used the control */
.ytm-ytstudio-period.is-engaged::before,
.ytm-ytstudio-period.is-open::before,
.ytm-ytstudio-period.is-open::after{ display:none; }
.ytm-ytstudio-period.is-engaged::after{ animation-duration:3.6s; opacity:.6; }
@keyframes ytmStudioRing{
  0%{ transform:scale(1); opacity:.95; }
  70%,100%{ transform:scale(1.22,1.45); opacity:0; }
}
@keyframes ytmStudioLabelFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-3px); }
}
@media (prefers-reduced-motion:reduce){
  .ytm-ytstudio-period::after,.ytm-ytstudio-period::before{ animation:none; }
}
.ytm-ytstudio-period-toggle{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12%;
  padding:0 7%;
  border:0;
  border-radius:24px;
  background:#050505;
  color:#fff;
  font:700 clamp(16px,2.1vw,29px)/1 Arial,sans-serif;
  letter-spacing:-.02em;
  cursor:pointer;
  box-shadow:none;
  -webkit-tap-highlight-color:transparent;
}
.ytm-ytstudio-period-toggle svg{
  width:16%;
  height:34%;
  min-width:16px;
  min-height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease;
}
.ytm-ytstudio-period.is-open .ytm-ytstudio-period-toggle svg{ transform:rotate(180deg); }
.ytm-ytstudio-period-toggle:focus-visible{
  outline:3px solid rgba(255,255,255,.9);
  outline-offset:3px;
}
.ytm-ytstudio-period-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  min-width:190px;
  padding:7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:#090909;
  box-shadow:0 18px 45px rgba(0,0,0,.4);
  z-index:9999;
  line-height:1;
  pointer-events:auto;
  touch-action:manipulation;
}
.ytm-ytstudio-period-menu[hidden]{ display:none; }
.ytm-ytstudio-period-menu button{
  position:relative;
  z-index:10000;
  display:block;
  width:100%;
  padding:12px 13px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#fff;
  text-align:left;
  font:700 14px/1.2 Arial,sans-serif;
  cursor:pointer;
}
.ytm-ytstudio-period-menu button:hover,
.ytm-ytstudio-period-menu button:focus-visible,
.ytm-ytstudio-period-menu button[aria-selected="true"]{
  background:#222;
}
.ytm-ytstudio-period-menu button:focus-visible{
  outline:2px solid rgba(255,255,255,.7);
  outline-offset:-2px;
}
.ytm-ytstudio-period-hitarea{ display:none; }
.ytm-ytstudio-copy{
  max-width:760px;
  margin:28px auto 0;
  text-align:center;
}
.ytm-ytstudio-copy p{
  margin:0;
  color:var(--muted);
  font-size:clamp(1rem, .92rem + .35vw, 1.2rem);
  line-height:1.75;
}
.ytm-ytstudio-copy strong{ color:var(--white); }
.ytm-ytstudio-cta{ margin-top:30px; }
@media (max-width:679px){
  .ytm-ytstudio-viewer{ margin-top:26px; }
  .ytm-ytstudio-shot{ border-radius:22px; }
  .ytm-ytstudio-period-toggle{ border-radius:18px; }
  .ytm-ytstudio-period-menu{ min-width:175px; }
  .ytm-ytstudio-period-menu button{ padding:11px 12px; }
  .ytm-ytstudio-copy{ margin-top:24px; }
  .ytm-ytstudio-copy p{ line-height:1.65; }
  .ytm-ytstudio-cta{ margin-top:26px; width:100%; }
}

/* ============ PRICING ============ */
.ytm-pricing-shared{
  max-width:640px; margin:0 auto 28px;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:20px 24px;
}
.ytm-pricing-shared-label{
  font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--subtle); margin-bottom:12px;
}
.ytm-pricing-shared-list{ display:flex; flex-wrap:wrap; gap:10px 20px; }
.ytm-pricing-shared-list li{ display:flex; align-items:center; gap:8px; font-size:.9rem; color:var(--muted); }
.ytm-pricing-shared-list li::before{ content:'✓'; color:var(--green); font-weight:700; }

.ytm-pricing-toggle{
  display:inline-flex; background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius-pill); padding:5px; margin-bottom:32px; gap:4px;
}
.ytm-pricing-toggle-btn{
  display:inline-flex; align-items:center; gap:6px;
  background:transparent; border:none; color:var(--muted);
  border-radius:var(--radius-pill); padding:10px 24px; font-weight:700; font-size:.9rem;
  transition:all .25s var(--ease);
}
.ytm-pricing-toggle-btn.is-active{ background:var(--red); color:var(--white); }
.ytm-best-value-badge-sm{
  font-size:.65rem; font-weight:800; letter-spacing:.02em;
  background:rgba(255,255,255,0.16); color:var(--white);
  padding:3px 8px; border-radius:var(--radius-pill);
}
.ytm-pricing-toggle-btn.is-active .ytm-best-value-badge-sm{ background:rgba(0,0,0,0.2); }

.ytm-pricing-card{
  position:relative;
  max-width:480px;
  background:var(--card); border:1px solid var(--border-strong); border-radius:var(--radius-lg);
  padding:36px 30px;
  transition:border-color .3s var(--ease), background .3s var(--ease);
}
.ytm-pricing-card.is-community{ border-color:rgba(var(--red-rgb),0.45); background:rgba(var(--red-rgb),0.05); }
.ytm-pricing-card-badge{ top:-14px; right:24px; }

.ytm-pricing-price-row{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.ytm-pricing-original{
  font-size:1.15rem; font-weight:700; color:var(--subtle);
  text-decoration:line-through; text-decoration-color:var(--danger);
}
.ytm-pricing-price{ font-size:clamp(2.2rem, 1.8rem + 2vw, 3rem); font-weight:800; }
.ytm-pricing-billing{ display:block; font-size:.85rem; color:var(--muted); font-weight:600; margin-top:4px; margin-bottom:20px; }
.ytm-pricing-base-note{ font-size:.9rem; font-weight:700; color:var(--red); margin-bottom:16px; }

.ytm-pricing-features{ display:flex; flex-direction:column; gap:14px; margin-bottom:30px; }
.ytm-pricing-features li{ font-size:.95rem; color:var(--muted); }
.ytm-pricing-feature-row{ display:flex; align-items:center; gap:10px; }
.ytm-pricing-feature-row::before{ content:'✓'; color:var(--green); font-weight:700; flex-shrink:0; }
.ytm-pricing-feature-added .ytm-pricing-feature-row::before{ content:'+'; color:var(--red); }
.ytm-pricing-feature-added .ytm-pricing-feature-text{ color:var(--white); font-weight:600; }
.ytm-pricing-feature-text{ flex:1; }
.ytm-feature-info-btn{
  flex-shrink:0; width:20px; height:20px; border-radius:50%;
  background:rgba(255,255,255,0.08); border:1px solid var(--border-strong); color:var(--muted);
  font-size:.68rem; font-weight:700; line-height:1; display:flex; align-items:center; justify-content:center;
  padding:0;
}
.ytm-feature-info-btn:hover, .ytm-feature-info-btn[aria-expanded="true"]{ background:var(--red); color:var(--white); border-color:var(--red); }
.ytm-feature-info-panel{
  margin:8px 0 0 30px; padding:10px 14px;
  background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:var(--radius-sm);
  font-size:.85rem; color:var(--muted); line-height:1.5;
}

/* ============ REAL RESULTS ACTIONS / COMMUNITY MEMBER RESULTS ============ */
.ytm-results-actions{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:24px; }
.ytm-subsection-title{ font-size:1.15rem; margin:44px 0 20px; }
.ytm-gallery-grid-preview{ margin-bottom:36px; }
.ytm-gallery-grid-preview .ytm-gallery-tile{ aspect-ratio:4/5; }

/* ============ RESULTS PAGE (/results) ============ */
.ytm-results-back{
  display:inline-flex; align-items:center; gap:6px; color:var(--muted);
  font-size:.88rem; font-weight:600; margin-bottom:24px;
}
.ytm-results-back:hover{ color:var(--white); }
.ytm-results-page-tabs{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:36px;
}
.ytm-results-page-tab{
  background:var(--card); border:1px solid var(--border); color:var(--muted);
  border-radius:var(--radius-pill); padding:11px 22px; font-size:.9rem; font-weight:700;
  transition:all .25s var(--ease);
}
.ytm-results-page-tab.is-active{ background:var(--red); border-color:var(--red); color:var(--white); }
.ytm-results-page-grid{ margin-bottom:12px; }
.ytm-gallery-tile-btn{
  cursor:pointer; transition:transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);
}
.ytm-gallery-tile-btn:hover{ transform:translateY(-3px); border-color:var(--border-strong); background:var(--card-hover); }

/* ============ FAQ ============ */
.ytm-faq-container{ max-width:760px; }
.ytm-accordion-item{ border-bottom:1px solid var(--border); }
.ytm-accordion-trigger{
  width:100%; background:none; border:none; color:var(--white);
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:22px 4px; text-align:left; font-size:1.02rem; font-weight:700;
}
.ytm-accordion-icon{ position:relative; width:18px; height:18px; flex-shrink:0; }
.ytm-accordion-icon::before, .ytm-accordion-icon::after{
  content:''; position:absolute; background:var(--muted); border-radius:2px;
  transition:transform .3s var(--ease);
}
.ytm-accordion-icon::before{ top:50%; left:0; width:100%; height:2px; transform:translateY(-50%); }
.ytm-accordion-icon::after{ left:50%; top:0; width:2px; height:100%; transform:translateX(-50%); }
.ytm-accordion-trigger[aria-expanded="true"] .ytm-accordion-icon::after{ transform:translateX(-50%) rotate(90deg); opacity:0; }
.ytm-accordion-panel{ overflow:hidden; transition:max-height .35s var(--ease); }
.ytm-accordion-panel p{ color:var(--muted); padding:0 4px 22px; font-size:.95rem; }

/* ============ LONG-TERM VISION (Day 1 → Future) ============ */
.ytm-vision-heading{ margin-bottom:10px; }
.ytm-vision-eyebrow{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  color:var(--white); background:linear-gradient(135deg, var(--red), var(--red-dark));
  border-radius:var(--radius-pill); padding:8px 14px; margin:0 auto 18px;
  letter-spacing:.08em; font-size:.74rem; font-weight:800;
  box-shadow:0 8px 24px rgba(var(--red-rgb),0.16);
}
.ytm-vision-eyebrow-icon{ display:inline-flex; align-items:center; justify-content:center; line-height:0; }
.ytm-vision-subline{ color:var(--muted); font-size:1rem; max-width:480px; margin-bottom:40px; }

.ytm-vision-panels{
  display:flex; flex-direction:column; align-items:center; gap:20px;
  max-width:820px; margin:0 auto 40px;
}
@media (min-width:768px){ .ytm-vision-panels{ flex-direction:row; align-items:stretch; } }
.ytm-vision-panel{
  flex:1; width:100%;
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:28px 24px; text-align:left;
}
.ytm-vision-panel-future{ border-color:rgba(var(--red-rgb),0.4); background:rgba(var(--red-rgb),0.06); }
.ytm-vision-tag{
  display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:.08em;
  color:var(--subtle); background:rgba(255,255,255,0.06); border-radius:var(--radius-pill);
  padding:5px 12px; margin-bottom:18px;
}
.ytm-vision-tag-accent{ color:var(--white); background:linear-gradient(135deg, var(--red), var(--red-dark)); }
.ytm-vision-metrics{ display:flex; flex-direction:column; gap:12px; margin-bottom:18px; }
.ytm-vision-metric{ display:flex; align-items:center; justify-content:space-between; }
.ytm-vision-metric-label{ color:var(--muted); font-size:.85rem; }
.ytm-vision-metric-value{ font-weight:800; font-size:1.1rem; }
.ytm-vision-bar{ height:6px; border-radius:var(--radius-pill); background:rgba(255,255,255,0.08); overflow:hidden; }
.ytm-vision-bar-fill{ display:block; height:100%; background:var(--subtle); border-radius:var(--radius-pill); }
.ytm-vision-bar-fill-accent{ background:linear-gradient(90deg, var(--red), var(--red-dark)); }
.ytm-vision-note{ display:block; margin-top:10px; color:var(--subtle); font-size:.74rem; }
.ytm-vision-arrow{
  flex-shrink:0; display:flex; align-items:center; justify-content:center;
  transform:rotate(90deg);
}
@media (min-width:768px){ .ytm-vision-arrow{ transform:none; } }
.ytm-vision-cta{ margin-top:8px; }

/* ============ GROWTH PATH: NOW → FUTURE ============ */
.ytm-journey{
  display:grid; grid-template-columns:1fr; gap:0;
  max-width:1000px; margin:0 auto 18px; align-items:stretch; text-align:left;
}
.ytm-journey-card{
  position:relative; display:flex; flex-direction:column; gap:18px;
  padding:22px; border-radius:var(--radius-lg);
  background:var(--card); border:1px solid var(--border);
  box-shadow:0 12px 36px rgba(0,0,0,.2);
}
.ytm-journey-card.is-now{ border-style:dashed; border-color:var(--border-strong); }
.ytm-journey-card.is-future{
  border-color:rgba(var(--red-rgb),.5);
  background:linear-gradient(180deg, rgba(var(--red-rgb),.09), rgba(var(--red-rgb),.02));
  box-shadow:0 16px 48px rgba(var(--red-rgb),.14);
}
.ytm-journey-head h3{ font-size:1.35rem; font-weight:800; line-height:1.2; margin:12px 0 6px; }
.ytm-journey-head h3 span{ color:var(--muted); font-weight:600; font-size:.95rem; }
.ytm-journey-head p{ color:var(--muted); font-size:.9rem; line-height:1.55; margin:0; }
.ytm-journey-pin{
  display:inline-flex; align-items:center; gap:8px; padding:6px 12px;
  border-radius:var(--radius-pill); font-size:.7rem; font-weight:800; letter-spacing:.09em;
  color:var(--white); background:rgba(255,255,255,.08); border:1px solid var(--border-strong);
}
.ytm-journey-pin i{
  width:8px; height:8px; border-radius:50%; background:var(--red);
  box-shadow:0 0 0 0 rgba(var(--red-rgb),.7); animation:ytmJourneyPulse 1.8s ease-out infinite;
}
.ytm-journey-pin.is-goal{ background:linear-gradient(135deg, var(--red), var(--red-dark)); border-color:transparent; }
@keyframes ytmJourneyPulse{ 70%{ box-shadow:0 0 0 9px rgba(var(--red-rgb),0); } 100%{ box-shadow:0 0 0 0 rgba(var(--red-rgb),0); } }
.ytm-journey-shot{
  margin:0; border-radius:var(--radius-md); overflow:hidden;
  border:1px solid var(--border); background:#fff;
}
.ytm-journey-card.is-now .ytm-journey-shot img{ filter:grayscale(.55) brightness(.92); }
.ytm-journey-shot img{ display:block; width:100%; height:auto; }
.ytm-journey-stats{
  display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:0; padding:0; list-style:none;
}
.ytm-journey-stats li{
  display:flex; flex-direction:column; gap:2px; text-align:center;
  padding:12px 6px; border-radius:var(--radius-sm);
  background:rgba(255,255,255,.04); border:1px solid var(--border);
}
.ytm-journey-stats strong{ font-size:1.15rem; font-weight:800; color:var(--muted); }
.ytm-journey-stats span{ font-size:.68rem; color:var(--subtle); text-transform:uppercase; letter-spacing:.06em; }
.ytm-journey-card.is-future .ytm-journey-stats strong{ color:var(--white); }
.ytm-journey-card.is-future .ytm-journey-stats li{ border-color:rgba(var(--red-rgb),.3); background:rgba(var(--red-rgb),.07); }

/* Bridge between the two cards */
.ytm-journey-bridge{
  display:flex; flex-direction:column; align-items:center; gap:8px; padding:6px 0;
}
.ytm-journey-bridge-line{
  width:2px; height:26px; background:repeating-linear-gradient(180deg, var(--red) 0 6px, transparent 6px 12px);
}
.ytm-journey-bridge-node{
  width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:var(--white); background:linear-gradient(135deg, var(--red), var(--red-dark));
  box-shadow:0 8px 26px rgba(var(--red-rgb),.4); transform:rotate(90deg);
}
.ytm-journey-bridge-label{
  font-size:.68rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase;
  color:var(--white); text-align:center; line-height:1.35;
}
.ytm-journey-disclaimer{ color:var(--subtle); font-size:.74rem; text-align:center; margin:0 auto 28px; max-width:520px; }

@media (min-width:900px){
  .ytm-journey{ grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr); }
  .ytm-journey-card{ padding:26px; }
  .ytm-journey-bridge{ justify-content:center; padding:0 6px; }
  .ytm-journey-bridge-line{ width:26px; height:2px; flex:0 0 auto;
    background:repeating-linear-gradient(90deg, var(--red) 0 6px, transparent 6px 12px); display:none; }
  .ytm-journey-bridge-node{ transform:none; }
}
@media (max-width:480px){
  .ytm-journey-card{ padding:16px; border-radius:24px; }
  .ytm-journey-head h3{ font-size:1.2rem; }
}

/* ============ FOOTER ============ */

.ytm-footer{ background:var(--bg-secondary); border-top:1px solid var(--border); padding:64px 0 24px; }
.ytm-footer-grid{ display:grid; grid-template-columns:1fr; gap:36px; }
@media (min-width:640px){ .ytm-footer-grid{ grid-template-columns:1.4fr 1fr 1fr 1fr; } }
.ytm-footer-tagline{ color:var(--subtle); font-size:.85rem; margin-top:10px; }
.ytm-footer-col h4{ font-size:.85rem; text-transform:uppercase; letter-spacing:.05em; color:var(--subtle); margin-bottom:16px; }
.ytm-footer-col ul{ display:flex; flex-direction:column; gap:10px; }
.ytm-footer-col a{ color:var(--muted); font-size:.9rem; transition:color .2s var(--ease); }
.ytm-footer-col a:hover{ color:var(--white); }
.ytm-footer-bottom{ margin-top:48px; padding-top:24px; border-top:1px solid var(--border); color:var(--subtle); font-size:.8rem; }

/* ============ MODAL ============ */
.ytm-modal-overlay{
  position:fixed; inset:0; z-index:10010;
  background:rgba(0,0,0,0.75); backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center; padding:20px;
  opacity:0; visibility:hidden; transition:opacity .3s var(--ease), visibility .3s var(--ease);
}
.ytm-modal-overlay.is-open{ opacity:1; visibility:visible; }
.ytm-modal-panel{
  position:relative; width:100%; max-width:760px; max-height:86vh; overflow:auto;
  background:var(--bg-secondary); border:1px solid var(--border-strong); border-radius:var(--radius-lg);
  padding:28px; transform:scale(.94); transition:transform .3s var(--ease);
}
.ytm-modal-overlay.is-open .ytm-modal-panel{ transform:scale(1); }
.ytm-modal-close{
  position:absolute; top:16px; right:16px; width:36px; height:36px;
  border-radius:50%; background:var(--card); border:1px solid var(--border); color:var(--white);
  display:flex; align-items:center; justify-content:center; z-index:1;
}
.ytm-modal-body{ min-height:120px; width:100%; display:flex; align-items:center; justify-content:center; }
.ytm-modal-body .ytm-placeholder-art{ font-size:3rem; }
.ytm-modal-body-text{ color:var(--muted); text-align:center; padding:20px 0; }
.ytm-modal-gallery-title{ font-size:1.1rem; font-weight:800; margin-bottom:18px; width:100%; text-align:left; }

/* ============ DAILY NICHE POPUP ============ */
.ytm-popup{
  position:fixed; right:20px; bottom:20px; z-index:9500; max-width:340px;
  opacity:0; visibility:hidden; transform:translateY(16px);
  transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s var(--ease);
}
.ytm-popup.is-open{ opacity:1; visibility:visible; transform:translateY(0); }
.ytm-popup-panel{
  position:relative; background:var(--bg-secondary); border:1px solid var(--border-strong);
  border-radius:var(--radius-md); padding:22px; box-shadow:0 20px 50px rgba(0,0,0,0.5);
}
.ytm-popup-panel h2{ font-size:1rem; margin-bottom:8px; padding-right:20px; }
.ytm-popup-panel p{ color:var(--muted); font-size:.85rem; }
.ytm-popup-close{
  position:absolute; top:14px; right:14px; width:26px; height:26px; border-radius:50%;
  background:var(--card); border:1px solid var(--border); color:var(--white);
  display:flex; align-items:center; justify-content:center;
}

/* ============ LOCKED CONTENT (reusable placeholder) ============ */
.ytm-locked-card{
  position:relative; background:var(--card); border:1px dashed var(--border-strong);
  border-radius:var(--radius-md); padding:32px 24px; text-align:center; color:var(--subtle);
}
.ytm-locked-card::before{ content:'🔒'; display:block; font-size:1.4rem; margin-bottom:10px; }

/* ============ SCROLL REVEAL SYSTEM ============ */
.ytm-reveal, .ytm-reveal-up, .ytm-reveal-left, .ytm-reveal-right, .ytm-scale-in{
  opacity:0;
  transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
  will-change:opacity, transform;
}
.ytm-reveal, .ytm-reveal-up{ transform:translateY(28px); }
.ytm-reveal-left{ transform:translateX(-36px); }
.ytm-reveal-right{ transform:translateX(36px); }
.ytm-scale-in{ transform:scale(.92); }

.ytm-reveal.is-visible, .ytm-reveal-up.is-visible, .ytm-reveal-left.is-visible,
.ytm-reveal-right.is-visible, .ytm-scale-in.is-visible{
  opacity:1; transform:none;
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .ytm-reveal, .ytm-reveal-up, .ytm-reveal-left, .ytm-reveal-right, .ytm-scale-in{
    transition-duration:.15s; transform:none !important;
  }
  .ytm-float-sticker{ animation:none; }
  .ytm-marquee-track{ animation:none; }
  *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}

/* Body scroll lock (applied via JS when menu/modal open) */
body.ytm-no-scroll{ overflow:hidden; height:100%; }




/* Requested landing-page additions: reuse the existing dark/glass language. */
.ytm-info-addition{border-top:1px solid rgba(255,255,255,.04)}
.ytm-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1000px;margin:0 auto}
.ytm-info-card,.ytm-for-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;text-align:left;box-shadow:0 14px 45px rgba(0,0,0,.16)}
.ytm-info-card>span{color:var(--red);font-size:.75rem;font-weight:800;letter-spacing:.12em}.ytm-info-card h3{font-size:1.15rem;margin:12px 0 8px}.ytm-info-card p,.ytm-for-card span{color:var(--muted);font-size:.88rem}
.ytm-for-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1000px;margin:0 auto}.ytm-for-card{display:flex;flex-direction:column;gap:7px}.ytm-for-card strong{font-size:1rem}
.ytm-calculator-section{background:linear-gradient(180deg,transparent,rgba(var(--red-rgb),.025),transparent)}
.ytm-calculator-shell{max-width:900px;margin:0 auto;padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:0 20px 70px rgba(0,0,0,.2);text-align:left}
.ytm-calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ytm-calculator-fields label{display:grid;gap:8px;color:var(--muted);font-size:.78rem;font-weight:700}.ytm-calculator-fields input{width:100%;padding:14px 15px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.035);color:var(--white);font:inherit;opacity:.75}
.ytm-calculator-result{margin-top:18px;padding:18px;border-radius:16px;border:1px dashed var(--border-strong);background:rgba(255,255,255,.02)}.ytm-calculator-result span{color:var(--red);font-size:.7rem;font-weight:800;letter-spacing:.12em}.ytm-calculator-result strong{display:block;font-size:1.25rem;margin:7px 0}.ytm-calculator-result p{color:var(--subtle);font-size:.8rem}
@media(max-width:700px){.ytm-info-grid,.ytm-for-grid,.ytm-calculator-fields{grid-template-columns:1fr}.ytm-calculator-shell{padding:20px}}

/* =========================================================
   YTMAXING MEMBER HUB — premium dashboard
   Dashboard visual direction follows the supplied member-hub reference.
   ========================================================= */
body.ytmx-member-dashboard{background:#04080d;}
/* Email verification: uses the existing YTMAXING Registration resend/verification handler. */
.ytmx-email-verification-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:15px 17px;border:1px solid rgba(255,85,96,.28);border-radius:11px;background:linear-gradient(110deg,rgba(255,54,68,.08),rgba(8,13,19,.98) 55%);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.ytmx-email-verification-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,54,68,.12);border:1px solid rgba(255,85,96,.24);color:#ff6872;font-size:1.15rem}
.ytmx-email-verification-copy{min-width:0}.ytmx-email-verification-topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ytmx-email-verification-label{font-size:.57rem;font-weight:900;letter-spacing:.13em;color:#7f8b97}.ytmx-email-verification-status{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:.52rem;font-weight:900;letter-spacing:.06em}.ytmx-email-verification-status.is-unverified{color:#ff9aa2;background:rgba(255,54,68,.10);border:1px solid rgba(255,85,96,.25)}.ytmx-email-verification-copy h2{font-size:.9rem;margin:6px 0 3px}.ytmx-email-verification-copy p{margin:0;color:#87939f;font-size:.62rem;line-height:1.5}.ytmx-email-verification-action{margin:0}.ytmx-verify-email-button{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 15px;border:1px solid var(--red);border-radius:7px;background:var(--red);color:#fff;font-size:.62rem;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(var(--red-rgb),.18);transition:transform .18s ease,background .18s ease}.ytmx-verify-email-button:hover{background:#ff4050;transform:translateY(-1px)}.ytmx-email-verification-success{display:inline-block;margin-top:7px;padding:5px 8px;border-radius:6px;background:rgba(98,228,155,.08);border:1px solid rgba(98,228,155,.18);color:#75e6a6;font-size:.57rem;font-weight:700}

body.ytmx-member-dashboard .woocommerce{max-width:none!important;padding:0!important;}
body.ytmx-member-dashboard .woocommerce-MyAccount-content{float:none!important;width:100%!important;margin:0!important;}
body.ytmx-member-dashboard .woocommerce-MyAccount-navigation{display:none!important;}
body.ytmx-member-dashboard .ytmx-dashboard{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
body.ytmx-member-dashboard .ytmx-member-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 78% 4%,rgba(var(--red-rgb),.07),transparent 28%),#04080d;color:var(--white);}
.ytmx-member-sidebar{position:fixed;z-index:20;left:0;top:128px;bottom:0;width:220px;background:linear-gradient(180deg,#050a10 0%,#03070c 100%);border-right:1px solid rgba(255,255,255,.08);padding:18px 14px;overflow-y:auto;}
@media (min-width:1024px){ .ytmx-member-sidebar{ top:156px; } }
body.admin-bar .ytmx-member-sidebar{ top:calc(128px + 46px); }
@media (min-width:783px){ body.admin-bar .ytmx-member-sidebar{ top:calc(128px + 32px); } }
@media (min-width:1024px){ body.admin-bar .ytmx-member-sidebar{ top:calc(156px + 32px); } }
.ytmx-member-brand{height:46px;display:flex;align-items:center;padding:0 10px;margin-bottom:18px}.ytmx-member-brand a,.ytmx-mobile-brand{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:900;letter-spacing:-.04em}.ytmx-member-brand a>span:last-child span,.ytmx-mobile-brand>span:last-child span{color:#fff}.ytmx-brand-mark{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;color:#fff;background:var(--red);border-radius:9px;font-size:.85rem;box-shadow:0 8px 24px rgba(var(--red-rgb),.25)}
.ytmx-nav-caption{display:block;padding:0 12px 8px;color:#596573;font-size:.61rem;font-weight:900;letter-spacing:.16em}.ytmx-member-nav{display:grid;gap:3px}.ytmx-member-nav a,.ytmx-nav-disabled{display:flex;align-items:center;gap:11px;min-height:40px;padding:0 12px;border-radius:10px;color:#a8b1bc;font-size:.78rem;font-weight:700;transition:.18s ease}.ytmx-member-nav a:hover{color:#fff;background:rgba(255,255,255,.045)}.ytmx-member-nav a.is-active{color:#fff;background:linear-gradient(90deg,var(--red),#ff3547);box-shadow:0 8px 24px rgba(var(--red-rgb),.22)}.ytmx-member-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.ytmx-nav-disabled{opacity:.48;cursor:default}.ytmx-nav-divider{height:1px;background:rgba(255,255,255,.08);margin:10px 10px}
.ytmx-sidebar-promo{position:relative;overflow:hidden;margin:24px 6px 0;min-height:148px;border:1px solid rgba(var(--red-rgb),.45);border-radius:12px;padding:18px 14px;background:radial-gradient(circle at 85% 85%,rgba(var(--red-rgb),.18),transparent 50%),linear-gradient(145deg,#0d1219,#070b10);box-shadow:inset 0 0 50px rgba(var(--red-rgb),.035)}.ytmx-sidebar-promo:after{content:"";position:absolute;right:-20px;bottom:-18px;width:120px;height:70px;border-top:2px solid var(--red);transform:skewY(-15deg);opacity:.45}.ytmx-sidebar-promo strong{display:block;font-size:.85rem;line-height:1.25}.ytmx-sidebar-promo span{display:block;margin-top:8px;color:#88929e;font-size:.6rem}.ytmx-sidebar-promo b{position:absolute;right:18px;bottom:22px;color:var(--red);font-size:1.8rem}
.ytmx-member-main{width:calc(100% - 220px);margin-left:220px;min-width:0}
.ytmx-member-content{width:min(100% - 46px,1260px);margin:0 auto;padding:36px 0 60px}.ytmx-mobile-nav{display:none}.ytmx-welcome-banner{position:relative;min-height:190px;display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:radial-gradient(circle at 70% 0%,rgba(var(--red-rgb),.18),transparent 45%),linear-gradient(120deg,#0b1118 0%,#0a0e14 52%,#100b10 100%);box-shadow:0 20px 55px rgba(0,0,0,.2)}.ytmx-welcome-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(var(--red-rgb),.06));pointer-events:none}.ytmx-welcome-copy{position:relative;z-index:2;padding:30px 28px;min-width:0;flex:1}.ytmx-overline{display:block;color:#aab4bf;font-size:.62rem;font-weight:900;letter-spacing:.16em}.ytmx-welcome-copy h1{font-size:clamp(1.45rem,2.2vw,2.1rem);margin:8px 0 7px}.ytmx-crown{color:#f6c64d;font-size:1.05rem}.ytmx-welcome-copy>p{color:#a5afb9;font-size:.82rem;max-width:620px}.ytmx-welcome-statuses{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.ytmx-status-chip{display:flex;align-items:center;gap:7px;min-height:29px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(4,8,13,.38);font-size:.62rem;color:#c0c8d0}.ytmx-status-chip b{color:#6fe6a0}.ytmx-status-chip em{font-style:normal;color:#9aa5b0;margin-left:2px}.ytmx-status-chip .ytmx-status-red,.ytmx-status-chip em{color:var(--red)}.ytmx-status-chip.is-pending b{color:#ff9da6}.ytmx-welcome-art{width:38%;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(var(--red-rgb),.22),transparent 50%)}.ytmx-welcome-art:before{content:"";position:absolute;width:250px;height:145px;right:30px;bottom:0;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(var(--red-rgb),.16));border-radius:55% 55% 0 0;filter:blur(1px);opacity:.9}.ytmx-welcome-art:after{content:"▶";position:absolute;right:55px;bottom:52px;width:48px;height:35px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--red);border-radius:9px;box-shadow:0 0 35px rgba(var(--red-rgb),.35)}.ytmx-welcome-art span{position:relative;z-index:2;margin-left:-30px;margin-top:-10px;font-family:cursive;font-size:1rem;line-height:1.05;transform:rotate(-6deg);color:#fff}.ytmx-welcome-art span b{color:#fff}.ytmx-welcome-art i{position:absolute;right:18%;bottom:22px;width:140px;height:4px;background:var(--red);transform:rotate(-8deg);border-radius:10px}
.ytmx-main-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-top:16px}.ytmx-panel{min-width:0;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:linear-gradient(145deg,rgba(11,18,26,.98),rgba(5,11,17,.98));box-shadow:0 15px 45px rgba(0,0,0,.18);padding:19px}.ytmx-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ytmx-panel-head h2{display:flex;align-items:center;gap:9px;font-size:.96rem}.ytmx-panel-head h2 svg{width:19px;height:19px;fill:none;stroke:var(--red);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ytmx-panel-head h2 svg path:first-child{fill:var(--red);stroke:var(--red)}.ytmx-panel-head a{color:#9aa5b0;font-size:.65rem;font-weight:800}.ytmx-panel-head a:hover{color:#fff}.ytmx-panel-head a span{color:var(--red);margin-left:4px}.ytmx-head-muted{font-size:.61rem;color:#687582}.ytmx-course-inner{display:grid;grid-template-columns:150px 1fr;gap:17px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.018)}.ytmx-course-thumb{min-height:150px;border-radius:7px;background:radial-gradient(circle at 65% 35%,rgba(var(--red-rgb),.42),transparent 32%),linear-gradient(145deg,#1a0d12,#080d14 58%,#171014);display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--red-rgb),.22);font-size:2.3rem;color:#fff;text-shadow:0 0 25px rgba(var(--red-rgb),.7)}.ytmx-course-details{padding:6px 4px}.ytmx-course-state{color:var(--red);font-size:.62rem;font-weight:900}.ytmx-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:6px}.ytmx-course-details h3{font-size:1.02rem;margin:8px 0 4px}.ytmx-course-details p{color:#8995a1;font-size:.68rem;line-height:1.5}.ytmx-course-progress{margin:14px 0}.ytmx-course-progress>div:first-child{display:flex;justify-content:space-between;color:#82909d;font-size:.61rem;margin-bottom:6px}.ytmx-course-progress strong{color:#dce1e5}.ytmx-progress-track,.ytmx-mini-progress{height:6px;border-radius:999px;background:#17212c;overflow:hidden}.ytmx-progress-track i,.ytmx-mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),#ff5360)}.ytmx-red-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 17px;margin-top:2px;border-radius:7px;background:var(--red);color:#fff;font-size:.68rem;font-weight:900;box-shadow:0 8px 22px rgba(var(--red-rgb),.18)}.ytmx-red-button:hover{background:#ff4050;transform:translateY(-1px)}.ytmx-learning-row{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.015)}.ytmx-mini-thumb{width:45px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#251015,#0a0f15);color:var(--red);font-size:1.15rem}.ytmx-learning-row>div:nth-child(2){min-width:0}.ytmx-learning-row strong,.ytmx-learning-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ytmx-learning-row strong{font-size:.67rem}.ytmx-learning-row small{font-size:.58rem;color:#7d8996;margin:4px 0}.ytmx-learning-row>b{font-size:.61rem;color:#c9d0d6}.ytmx-mini-progress{height:4px}.ytmx-learning-empty{display:flex;gap:10px;align-items:center;margin-top:9px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:8px}.ytmx-learning-empty>span{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--red);background:rgba(var(--red-rgb),.08)}.ytmx-learning-empty svg{width:16px;height:16px;stroke:currentColor;fill:none}.ytmx-learning-empty strong,.ytmx-learning-empty small{display:block;font-size:.62rem}.ytmx-learning-empty small{color:#75818d;margin-top:3px}.ytmx-learning-empty.is-locked{opacity:.7}
.ytmx-second-grid{grid-template-columns:1.45fr 1fr}.ytmx-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px}.ytmx-stats-grid>div{min-height:92px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.015);padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ytmx-stat-icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center;color:#dbe2e8;font-size:1rem;margin-bottom:5px}.ytmx-stats-grid strong{font-size:1rem}.ytmx-stats-grid small{color:#74818d;font-size:.58rem;margin-top:3px}.ytmx-stat-ring{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:5px;background:conic-gradient(var(--red) var(--p),#1b2733 0);position:relative}.ytmx-stat-ring:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#0a1118}.ytmx-stat-ring b{position:relative;z-index:1;font-size:.45rem}.ytmx-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ytmx-quick-grid a{min-height:92px;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#8e9aa6;font-size:.58rem;text-align:center}.ytmx-quick-grid a:hover{border-color:rgba(var(--red-rgb),.4);color:#fff}.ytmx-quick-grid svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ytmx-hub-section{margin-top:22px}.ytmx-section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.ytmx-section-title-row h2{font-size:1.25rem;margin-top:4px}.ytmx-section-title-row p{max-width:500px;color:#7f8b97;font-size:.68rem;text-align:right}.ytmx-hub-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ytmx-tool-card{min-width:0;min-height:175px;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:15px;background:linear-gradient(145deg,#09111a,#050a10);display:flex;flex-direction:column}.ytmx-tool-card.is-enabled:hover{border-color:rgba(var(--red-rgb),.38);transform:translateY(-2px)}.ytmx-tool-card.is-planned{opacity:.78}.ytmx-tool-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(var(--red-rgb),.09);color:var(--red);margin-bottom:12px}.ytmx-tool-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ytmx-tool-card h3{font-size:.72rem;margin-bottom:6px}.ytmx-tool-card p{color:#77838f;font-size:.6rem;line-height:1.5}.ytmx-tool-card a,.ytmx-tool-disabled{margin-top:auto;padding-top:12px;color:var(--red);font-size:.59rem;font-weight:900}.ytmx-tool-card a span{margin-left:4px}.ytmx-tool-disabled{color:#65717d}

/* My Courses grid — real Tutor LMS course cards. */
.ytmx-courses-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.ytmx-course-card{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:14px;background:linear-gradient(145deg,#09111a,#050a10);display:flex;flex-direction:column;transition:border-color .18s ease,transform .18s ease}
.ytmx-course-card:hover{border-color:rgba(var(--red-rgb),.38);transform:translateY(-2px)}
.ytmx-course-card-thumb{position:relative;min-height:110px;border-radius:8px;overflow:hidden;margin-bottom:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a0d12,#080d14 58%,#171014);color:#fff;font-size:1.6rem}
.ytmx-course-card-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ytmx-course-card-status{position:relative;z-index:1;margin-left:auto;margin-top:auto;align-self:flex-end;margin:8px;padding:3px 9px;border-radius:999px;font-size:.55rem;font-weight:800;letter-spacing:.02em;background:rgba(5,5,5,.72);border:1px solid rgba(255,255,255,.14);color:#e4e8ec}
.ytmx-course-card-status.is-active{color:#fff;background:rgba(var(--red-rgb),.85);border-color:transparent}
.ytmx-course-card-status.is-completed{color:#0a0a0a;background:#3ddc84;border-color:transparent}
.ytmx-course-card-status.is-not-started{color:#c7cdd3;background:rgba(255,255,255,.08)}
.ytmx-course-card h3{font-size:.78rem;margin-bottom:4px;line-height:1.35}
.ytmx-course-card-instructor{color:#7d8996;font-size:.6rem;display:block;margin-bottom:10px}
.ytmx-course-card .ytmx-course-progress{margin:6px 0 12px}
.ytmx-course-card .ytmx-red-button{margin-top:auto;width:100%}
.ytmx-lower-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr .7fr;gap:10px;margin-top:16px}.ytmx-account-profile{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.ytmx-account-profile>span{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#34495d,#101923);font-weight:900}.ytmx-account-profile strong,.ytmx-account-profile small{display:block}.ytmx-account-profile strong{font-size:.72rem}.ytmx-account-profile small{color:#76838f;font-size:.57rem;margin-top:3px}.ytmx-account-rows{display:grid}.ytmx-account-rows>div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:.59rem}.ytmx-account-rows>div:last-child{border:0}.ytmx-account-rows span{color:#74818d}.ytmx-account-rows strong{font-weight:800;text-align:right;overflow-wrap:anywhere}.is-good-text{color:#62e49b}.is-red-text{color:#ff7580}.ytmx-big-progress>span{display:block;font-size:1.7rem;font-weight:900;margin-bottom:10px}.ytmx-progress-panel p{color:#77838f;font-size:.61rem;line-height:1.5;margin-top:14px}.ytmx-activity-empty{display:flex;gap:10px;padding:12px;border:1px dashed rgba(255,255,255,.09);border-radius:8px}.ytmx-activity-empty>span{color:var(--red);font-size:1.2rem}.ytmx-activity-empty strong,.ytmx-activity-empty small{display:block}.ytmx-activity-empty strong{font-size:.65rem}.ytmx-activity-empty small{color:#6f7c88;font-size:.58rem;margin-top:4px;line-height:1.45}.ytmx-help-stack{display:grid;gap:10px}.ytmx-help-card{border:1px solid rgba(var(--red-rgb),.24);border-radius:10px;background:linear-gradient(145deg,#110b0e,#090d13);padding:14px;display:grid;grid-template-columns:32px 1fr;gap:8px}.ytmx-help-card>span{width:32px;height:32px;border-radius:8px;background:rgba(var(--red-rgb),.1);display:flex;align-items:center;justify-content:center;color:var(--red)}.ytmx-help-card svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.ytmx-help-card h3{font-size:.73rem}.ytmx-help-card p{font-size:.57rem;color:#78848f;line-height:1.4;margin-top:4px}.ytmx-help-card>a{grid-column:1/-1;display:flex;justify-content:center;align-items:center;min-height:31px;margin-top:4px;border-radius:7px;background:var(--red);font-size:.6rem;font-weight:900}.ytmx-help-card>a span{margin-left:5px}.ytmx-brand-card{min-height:90px;border:1px solid rgba(var(--red-rgb),.25);border-radius:10px;background:radial-gradient(circle at 85% 100%,rgba(var(--red-rgb),.14),transparent 48%),#080d13;padding:17px;display:flex;flex-direction:column;justify-content:center}.ytmx-brand-card strong{font-size:.95rem}.ytmx-brand-card strong>span:not(.ytmx-brand-mark){color:#fff}.ytmx-brand-card .ytmx-brand-mark{width:23px;height:23px;border-radius:7px;font-size:.65rem;margin-right:4px;vertical-align:middle}.ytmx-brand-card small{color:#75818c;font-size:.55rem;margin-top:6px}
@media(max-width:1180px){.ytmx-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ytmx-lower-grid{grid-template-columns:1fr 1fr}.ytmx-member-content{width:min(100% - 34px,1050px)}}
@media(max-width:900px){.ytmx-member-sidebar{position:fixed;left:-230px;transition:left .2s ease}.ytmx-member-main{width:100%;margin-left:0}.ytmx-member-content{width:calc(100% - 28px)}.ytmx-welcome-art{width:32%}.ytmx-main-grid,.ytmx-second-grid{grid-template-columns:1fr}.ytmx-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ytmx-lower-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ytmx-email-verification-card{grid-template-columns:36px 1fr;align-items:start;padding:13px}.ytmx-email-verification-icon{width:36px;height:36px;font-size:1rem}.ytmx-email-verification-action{grid-column:1/-1}.ytmx-verify-email-button{width:100%;min-height:38px}.ytmx-email-verification-copy h2{font-size:.82rem}.ytmx-email-verification-copy p{font-size:.59rem}}
@media(max-width:620px){.ytmx-member-content{width:calc(100% - 20px);padding-bottom:35px}.ytmx-mobile-nav{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px;padding-bottom:2px}.ytmx-mobile-nav a{white-space:nowrap;padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#87939f;font-size:.61rem;font-weight:800}.ytmx-mobile-nav a.is-active{background:var(--red);border-color:var(--red);color:#fff}.ytmx-welcome-banner{min-height:0}.ytmx-welcome-copy{padding:20px 17px}.ytmx-welcome-copy h1{font-size:1.3rem}.ytmx-welcome-copy>p{font-size:.67rem}.ytmx-welcome-statuses{gap:6px;margin-top:16px}.ytmx-status-chip{font-size:.54rem;min-height:27px;padding:0 8px}.ytmx-welcome-art{display:none}.ytmx-panel{padding:14px}.ytmx-course-inner{grid-template-columns:1fr}.ytmx-course-thumb{min-height:125px}.ytmx-course-details{padding:2px}.ytmx-stats-grid{grid-template-columns:1fr 1fr}.ytmx-quick-grid{grid-template-columns:1fr 1fr}.ytmx-hub-grid,.ytmx-lower-grid{grid-template-columns:1fr}.ytmx-section-title-row{display:block}.ytmx-section-title-row p{text-align:left;margin-top:5px}.ytmx-tool-card{min-height:145px}.ytmx-account-rows>div{align-items:flex-start}.ytmx-account-rows strong{max-width:55%}.ytmx-lower-grid{gap:10px}}
@media(min-width:1024px){.ytmx-member-content{padding-top:156px}}
body.admin-bar .ytmx-member-content{padding-top:calc(128px + 46px)}
@media(min-width:783px){body.admin-bar .ytmx-member-content{padding-top:calc(128px + 32px)}}
@media(min-width:1024px){body.admin-bar .ytmx-member-content{padding-top:calc(156px + 32px)}}
@media(prefers-reduced-motion:reduce){.ytmx-tool-card.is-enabled:hover{transform:none}}

/* Protected course page */
.ytmx-course-page{min-height:70vh;padding:145px 0 70px;background:var(--bg);}
.ytmx-back-link{display:inline-block;color:var(--muted);font-size:.86rem;font-weight:700;margin-bottom:28px;}
.ytmx-back-link:hover{color:var(--white);}
.ytmx-course-header{max-width:820px;margin-bottom:28px;}
.ytmx-course-header h1{font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;margin:9px 0 14px;}
.ytmx-course-header p{color:var(--muted);}
.ytmx-course-player-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);}
.ytmx-course-video{display:block;width:100%;max-height:72vh;background:#000;aspect-ratio:16/9;}
.ytmx-course-placeholder{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:radial-gradient(circle at 50% 35%,rgba(var(--red-rgb),.12),transparent 55%);}
.ytmx-placeholder-play{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#050505;margin-bottom:20px;box-shadow:0 12px 45px rgba(0,0,0,.4);}
.ytmx-course-placeholder h2{margin-bottom:8px;}
.ytmx-course-placeholder p{max-width:600px;color:var(--muted);}
.ytmx-course-meta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;}
.ytmx-course-meta-row>div{padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--card);}
.ytmx-course-meta-row span{display:block;color:var(--muted);font-size:.76rem;margin-bottom:5px;}
.ytmx-course-meta-row strong{font-size:1rem;}
.ytmx-course-description{padding:26px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);}
.ytmx-course-description .ytmx-dashboard-label{margin-bottom:14px;}
.ytmx-course-description p,.ytmx-course-description li{color:var(--muted);}

@media (max-width:800px){
  body.woocommerce-account .ytmx-dashboard{padding:8px 0 50px;}
  .ytmx-dashboard-hero{align-items:flex-start;padding:24px 0;}
  .ytmx-dashboard-avatar{width:52px;height:52px;flex-basis:52px;border-radius:16px;font-size:1.1rem;}
  .ytmx-dashboard-grid,.ytmx-dashboard-lower{grid-template-columns:1fr;}
  .ytmx-course-page{padding-top:118px;}
}
@media (max-width:520px){
  .ytmx-dashboard-hero{gap:12px;}
  .ytmx-dashboard-hero h1{font-size:2rem;}
  .ytmx-dashboard-hero p{font-size:.9rem;}
  .ytmx-dashboard-card{padding:21px;}
  .ytmx-card-heading{flex-direction:column;}
  .ytmx-account-list>div{align-items:flex-start;flex-direction:column;gap:5px;}
  .ytmx-account-list strong{max-width:100%;text-align:left;}
  .ytmx-stat-row{grid-template-columns:1fr 1fr;}
  .ytmx-course-meta-row{grid-template-columns:1fr;}
  .ytmx-course-placeholder{min-height:320px;padding:28px 20px;}
}

/* Prevent the existing WooCommerce Style plugin from adding a second glass card around the custom dashboard. */
body.ytmx-member-dashboard .woocommerce-MyAccount-content{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
body.ytmx-member-dashboard .woocommerce-MyAccount-navigation{margin-bottom:18px;}
@media (min-width:900px){body.ytmx-member-dashboard .woocommerce-MyAccount-navigation{margin-bottom:0;}}


/* ============ LIVE RESULTS ASSETS ============ */
.ytm-result-card{ overflow:hidden; padding:0; cursor:pointer; }
.ytm-result-image{
  display:block; width:100%; height:100%; object-fit:cover; object-position:center;
}
.ytm-gallery-tile{ overflow:hidden; padding:0; cursor:pointer; }
.ytm-gallery-image{
  display:block; width:100%; height:100%; object-fit:cover; object-position:center;
}
.ytm-video-thumb{
  position:relative; display:flex; align-items:center; justify-content:center;
  width:100%; min-height:180px; border-radius:var(--radius-sm);
  background:
    radial-gradient(circle at 50% 35%, rgba(var(--red-rgb),0.28), transparent 48%),
    linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015));
  border:1px solid var(--border); overflow:hidden;
}
.ytm-video-thumb::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg, transparent 0 48%, rgba(var(--red-rgb),0.12) 49% 51%, transparent 52%);
  pointer-events:none;
}
.ytm-video-play{
  position:relative; z-index:1; width:58px; height:58px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; padding-left:3px;
  background:var(--red); color:var(--white); font-size:1.15rem;
  box-shadow:0 12px 34px rgba(var(--red-rgb),0.34);
}
.ytm-testimonial-card{ cursor:pointer; }
.ytm-results-empty{
  width:100%; padding:28px; border:1px dashed var(--border-strong); border-radius:var(--radius-md);
  color:var(--muted); text-align:center; background:rgba(255,255,255,0.02);
}
.ytm-modal-result-image{
  display:block; width:auto; max-width:100%; max-height:76vh; margin:0 auto;
  border-radius:14px; object-fit:contain;
}
@media (max-width:639px){
  .ytm-video-thumb{ min-height:150px; }
}


/* Results sections: reduce dead black space while keeping the premium dark look. */
#results.ytm-section{ padding-bottom:48px; }
#community-member-results.ytm-section{ padding-top:48px; }
.ytm-results-supporting-text{ margin-top:20px; margin-bottom:18px; }
.ytm-gallery-grid-preview{ gap:14px; }
@media (max-width:639px){
  #results.ytm-section{ padding-bottom:34px; }
  #community-member-results.ytm-section{ padding-top:34px; }
  .ytm-gallery-grid-preview{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .ytm-community-result-tile{ aspect-ratio:4/5; }
  .ytm-modal-result-image{ max-height:68vh; }
}


/* Public homepage: do not let the WordPress admin toolbar alter the public header spacing. */
body.home.admin-bar #wpadminbar{ display:none !important; }
body.home.admin-bar{ margin-top:0 !important; }

/* ============ COMMUNITY MEMBER RESULTS — CLIENT UPDATE ============ */
#community-member-results.ytm-community-members-section{
  padding-top:48px;
  padding-bottom:72px;
}
#community-member-results .ytm-community-members-badge-wrap{
  display:flex; justify-content:center; margin-bottom:18px;
}
#community-member-results .ytm-community-members-badge{
  margin-bottom:0;
}
#community-member-results .ytm-community-members-badge .ytm-community-badge-icon{
  width:28px; height:28px;
}
#community-member-results .ytm-community-members-subheading{
  display:flex; align-items:center; justify-content:center; gap:10px;
  margin-top:42px; margin-bottom:20px;
}
#community-member-results .ytm-community-members-subheading .ytm-subsection-title{
  margin:0;
}
#community-member-results .ytm-community-members-subicon{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; flex:0 0 auto;
  border-radius:50%;
  color:var(--red);
  background:rgba(var(--red-rgb),.13);
  border:1px solid rgba(var(--red-rgb),.35);
  box-shadow:0 0 18px rgba(var(--red-rgb),.16);
}
#community-member-results .ytm-community-members-subicon-trophy{
  color:#f4b740;
  background:rgba(244,183,64,.10);
  border-color:rgba(244,183,64,.35);
  box-shadow:0 0 18px rgba(244,183,64,.14);
}
#community-member-results .ytm-community-members-reveal-line{
  max-width:620px; margin:28px auto 0;
  color:var(--muted); font-size:.98rem; line-height:1.6;
}
#community-member-results .ytm-community-members-closing{
  margin:32px auto 22px;
  color:var(--white); font-size:1.08rem; font-weight:750;
}
#community-member-results .ytm-community-members-results-cta{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
}
#community-member-results .ytm-community-members-youtube-icon{
  display:inline-flex; align-items:center; justify-content:center;
}
#community-member-results .ytm-community-grid{
  width:100%;
}
@media (min-width:768px){
  #community-member-results .ytm-community-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
  }

  /* PC-only: give the member-result screenshots a cleaner, premium gallery layout.
     Mobile/tablet behavior stays unchanged. */
  #community-member-results .ytm-gallery-grid-preview{
    width:min(100%, 980px);
    margin:0 auto 40px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
  }
  #community-member-results .ytm-gallery-grid-preview .ytm-community-result-tile{
    aspect-ratio:4/5;
    min-height:0;
    padding:8px;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
    border:1px solid rgba(255,255,255,.15);
    box-shadow:0 14px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
    transition:transform .28s var(--ease), border-color .28s var(--ease), box-shadow .28s var(--ease);
  }
  #community-member-results .ytm-gallery-grid-preview .ytm-community-result-image{
    width:100%;
    height:100%;
    border-radius:14px;
    object-fit:contain;
    background:#070707;
    transform:none;
    transition:transform .28s var(--ease), filter .28s var(--ease);
  }
  #community-member-results .ytm-gallery-grid-preview .ytm-community-result-tile:hover{
    transform:translateY(-6px);
    border-color:rgba(var(--red-rgb),.58);
    box-shadow:0 18px 42px rgba(0,0,0,.34), 0 0 28px rgba(var(--red-rgb),.12), inset 0 1px 0 rgba(255,255,255,.07);
  }
  #community-member-results .ytm-gallery-grid-preview .ytm-community-result-tile:hover .ytm-community-result-image{
    transform:scale(1.015);
    filter:saturate(1.03) contrast(1.02);
  }
}
@media (max-width:899px){
  #community-member-results .ytm-community-grid{
    display:flex; overflow-x:auto; scroll-snap-type:x mandatory;
    gap:14px; padding:0 2px 8px;
  }
  #community-member-results .ytm-testimonial-card{
    flex:0 0 min(82%,360px);
    scroll-snap-align:center;
  }
}
@media (max-width:639px){
  #community-member-results.ytm-community-members-section{
    padding-top:34px; padding-bottom:54px;
  }
  #community-member-results .ytm-community-members-subheading{
    margin-top:34px; margin-bottom:16px;
  }
  #community-member-results .ytm-community-members-subicon{
    width:34px; height:34px;
  }
  #community-member-results .ytm-community-members-reveal-line{
    font-size:.92rem; margin-top:24px;
  }
  #community-member-results .ytm-community-members-closing{
    font-size:1rem; margin-top:28px;
  }
}


/* Requested refinements — scoped to Pricing, Who Is This For, and Potential Earnings. */
.ytm-pricing-section .ytm-pricing-box{max-width:1000px;margin:0 auto;padding:38px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:rgba(255,255,255,.018);box-shadow:0 24px 80px rgba(0,0,0,.22)}
.ytm-pricing-section .ytm-pricing-badge{margin-bottom:20px}.ytm-pricing-section .ytm-pricing-card{margin-left:auto;margin-right:auto}
.ytm-who-for-section .ytm-who-for-badge{margin:0 auto 22px}.ytm-who-for-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1000px;margin:32px auto 0}
.ytm-who-for-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:26px;text-align:left;transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}
.ytm-who-for-card:hover{transform:translateY(-3px);border-color:var(--border-strong);background:var(--card-hover)}.ytm-who-for-icon{font-size:1.55rem;line-height:1;margin-bottom:16px}.ytm-who-for-card h3{margin:0 0 8px;font-size:1.08rem}.ytm-who-for-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.65}.ytm-who-for-cta{text-align:center;margin-top:38px}.ytm-who-for-cta h3{margin:0 0 18px;font-size:1.2rem}.ytm-who-for-cta .ytm-btn span{margin-right:7px}
.ytm-calculator-section .ytm-calculator-badge-wrap{text-align:center;margin-bottom:18px}.ytm-calculator-section .ytm-calculator-badge{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:10px 18px;border-radius:999px;background:var(--red);color:var(--white);font-size:.72rem;letter-spacing:.1em}
@media(max-width:900px){.ytm-pricing-section .ytm-pricing-box{padding:30px 24px}.ytm-who-for-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ytm-pricing-section .ytm-pricing-box{padding:24px 16px;border-radius:24px}.ytm-who-for-grid{grid-template-columns:1fr;gap:14px}.ytm-who-for-card{padding:22px}.ytm-calculator-section .ytm-calculator-badge{padding:9px 14px}}

/* Desktop-only Pricing alignment refinement: keep the existing mobile layout unchanged. */
@media (min-width: 901px){
  .ytm-pricing-section .ytm-pricing-box{
    text-align:center;
  }
  .ytm-pricing-section .ytm-pricing-badge{
    margin-left:auto;
    margin-right:auto;
  }
  .ytm-pricing-section .ytm-section-title,
  .ytm-pricing-section .ytm-section-sub{
    margin-left:auto;
    margin-right:auto;
  }
  .ytm-pricing-section .ytm-pricing-shared-list{
    justify-content:center;
  }
  .ytm-pricing-section .ytm-pricing-toggle{
    margin-left:auto;
    margin-right:auto;
  }
  .ytm-pricing-section .ytm-pricing-card{
    margin-left:auto;
    margin-right:auto;
  }
}

/* ============ FAQ — Client Structure ============ */
.ytm-faq-section{
  position:relative;
}
.ytm-faq-heading{
  max-width:820px;
  margin:0 auto 42px;
  text-align:center;
}
.ytm-faq-eyebrow,
.ytm-faq-feedback-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:14px;
  color:var(--red);
  font-weight:800;
  letter-spacing:.12em;
}
.ytm-faq-title{
  margin-bottom:12px;
}
.ytm-faq-sub{
  max-width:560px;
  margin:0 auto;
  color:var(--muted);
}
.ytm-faq-accordion{
  max-width:900px;
  margin:0 auto;
  counter-reset:faq;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:rgba(255,255,255,.015);
}
.ytm-faq-accordion .ytm-accordion-item{
  counter-increment:faq;
  border-bottom:1px solid var(--border);
}
.ytm-faq-accordion .ytm-accordion-item:last-child{
  border-bottom:none;
}
.ytm-faq-accordion .ytm-accordion-trigger{
  min-height:78px;
  padding:22px 24px;
  gap:18px;
  font-size:1rem;
  background:rgba(255,255,255,.01);
  transition:background .25s var(--ease);
}
.ytm-faq-accordion .ytm-accordion-trigger:hover{
  background:rgba(255,255,255,.035);
}
.ytm-faq-accordion .ytm-accordion-trigger::before{
  content:counter(faq, decimal-leading-zero);
  width:38px;
  flex:0 0 38px;
  color:var(--red);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
}
.ytm-faq-question{
  flex:1;
  text-align:left;
}
.ytm-faq-accordion .ytm-accordion-panel{
  padding-left:80px;
  padding-right:24px;
  background:rgba(255,255,255,.008);
}
.ytm-faq-accordion .ytm-accordion-panel p{
  padding:0 0 24px;
  margin:0;
  color:var(--muted);
  font-size:.96rem;
  line-height:1.8;
}
.ytm-faq-accordion .ytm-accordion-panel p + p{
  padding-top:0;
}
.ytm-faq-feedback{
  max-width:900px;
  margin:58px auto 0;
}
.ytm-faq-feedback-heading{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
}
.ytm-faq-feedback-eyebrow{
  margin-bottom:0;
}
.ytm-review-slider{
  position:relative;
  min-height:230px;
}
.ytm-review-card{
  display:none;
  width:100%;
  padding:30px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--card);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.ytm-review-card.is-active{display:block;}
.ytm-review-top{
  display:flex;
  align-items:center;
  gap:14px;
}
.ytm-review-avatar{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border-strong);
  border-radius:50%;
  color:var(--muted);
  background:rgba(255,255,255,.05);
}
.ytm-review-avatar svg{width:25px;height:25px;}
.ytm-review-meta{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.ytm-review-meta strong{font-size:.98rem;color:var(--white);}
.ytm-review-meta span{font-size:.82rem;color:var(--subtle);}
.ytm-review-text{
  margin:24px 0 0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.8;
}
.ytm-faq-cta{
  text-align:center;
  margin:40px auto 0;
}
.ytm-faq-cta h3{
  margin:0 0 18px;
  font-size:clamp(1.35rem,2.4vw,1.8rem);
}
@media (max-width:767px){
  .ytm-faq-heading{margin-bottom:30px;}
  .ytm-faq-accordion .ytm-accordion-trigger{padding:19px 16px;min-height:72px;gap:12px;}
  .ytm-faq-accordion .ytm-accordion-trigger::before{width:30px;flex-basis:30px;font-size:.72rem;}
  .ytm-faq-accordion .ytm-accordion-panel{padding-left:58px;padding-right:16px;}
  .ytm-faq-accordion .ytm-accordion-panel p{font-size:.92rem;line-height:1.72;padding-bottom:20px;}
  .ytm-review-card{padding:24px 20px;}
  .ytm-faq-feedback{margin-top:44px;}
}

/* ============ FAQ REFINEMENT — CENTERED BADGES + COMPACT REVIEWS ============ */
.ytm-faq-heading .ytm-faq-eyebrow,
.ytm-faq-feedback-heading .ytm-faq-feedback-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:9px 16px;
  margin:0;
  border:1px solid rgba(var(--red-rgb),.42);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(var(--red-rgb),.18),rgba(var(--red-rgb),.08));
  color:var(--red);
  box-shadow:0 8px 24px rgba(var(--red-rgb),.10), inset 0 1px 0 rgba(255,255,255,.05);
}
.ytm-faq-badge-icon{
  width:23px;
  height:23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 23px;
  color:#fff;
}
.ytm-faq-badge-icon svg{
  width:20px;
  height:20px;
  display:block;
}
.ytm-faq-feedback{
  max-width:720px;
  margin:52px auto 0;
}
.ytm-faq-feedback-heading{
  margin-bottom:20px;
  justify-content:center;
  text-align:center;
}
.ytm-review-slider{
  width:100%;
  max-width:680px;
  min-height:0;
  margin:0 auto;
}
.ytm-review-card{
  width:100%;
  padding:28px 30px 26px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  border:1px solid var(--border);
  box-shadow:0 14px 38px rgba(0,0,0,.16);
}
.ytm-review-top{
  align-items:center;
  gap:13px;
}
.ytm-review-avatar{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:14px;
  color:#fff;
  background:rgba(var(--red-rgb),.12);
  border-color:rgba(var(--red-rgb),.34);
}
.ytm-review-avatar svg{width:22px;height:22px;}
.ytm-review-meta strong{font-size:1rem;}
.ytm-review-meta span{font-size:.84rem;}
.ytm-review-text{
  margin:20px 0 0;
  padding-left:59px;
  color:var(--white);
  font-size:1.02rem;
  line-height:1.72;
  position:relative;
}
.ytm-review-text::before{
  content:"“";
  position:absolute;
  left:0;
  top:-9px;
  color:var(--red);
  font-size:2.4rem;
  line-height:1;
  font-weight:800;
}
.ytm-faq-cta{margin:34px auto 0;}
@media (min-width:1024px){
  .ytm-faq-container{max-width:860px;}
  .ytm-faq-heading{max-width:760px;}
  .ytm-faq-accordion{max-width:820px;}
  .ytm-faq-feedback{max-width:700px;}
}
@media (max-width:767px){
  .ytm-faq-heading .ytm-faq-eyebrow,
  .ytm-faq-feedback-heading .ytm-faq-feedback-eyebrow{padding:8px 14px;}
  .ytm-faq-badge-icon{width:21px;height:21px;flex-basis:21px;}
  .ytm-faq-badge-icon svg{width:18px;height:18px;}
  .ytm-faq-feedback{margin-top:44px;}
  .ytm-review-slider{max-width:100%;}
  .ytm-review-card{padding:22px 20px 22px;border-radius:20px;}
  .ytm-review-text{padding-left:0;margin-top:18px;font-size:.96rem;}
  .ytm-review-text::before{display:none;}
}


/* ================================================================
   YTMAXING — Pricing polish + Exclusive Bonuses + Who badge centering
   Scoped only to the pricing and Who This Is For sections.
   ================================================================ */
.ytm-pricing-section .ytm-pricing-box{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--red-rgb),.075), transparent 34%),
    rgba(255,255,255,.018);
  box-shadow:0 30px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025);
}
.ytm-pricing-section .ytm-pricing-box::before{
  content:"";
  position:absolute;
  left:12%; right:12%; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--red-rgb),.65),transparent);
  pointer-events:none;
}
.ytm-pricing-section .ytm-pricing-badge{
  display:flex;
  width:max-content;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:9px 15px;
  border:1px solid rgba(var(--red-rgb),.5);
  border-radius:999px;
  background:rgba(var(--red-rgb),.08);
  box-shadow:0 0 28px rgba(var(--red-rgb),.10);
}
.ytm-pricing-section .ytm-pricing-badge-icon{
  width:30px; height:30px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:rgba(var(--red-rgb),.14);
  border:1px solid rgba(var(--red-rgb),.45);
  color:var(--red);
}
.ytm-pricing-section .ytm-pricing-badge-icon svg{width:17px;height:17px;display:block}
.ytm-pricing-section .ytm-pricing-shared{
  position:relative;
  box-shadow:0 14px 40px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025);
}
.ytm-pricing-section .ytm-pricing-toggle{
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.ytm-pricing-section .ytm-pricing-card{
  width:100%;
  box-shadow:0 22px 55px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025);
}
.ytm-pricing-section .ytm-pricing-card:hover{
  border-color:rgba(var(--red-rgb),.48);
  transform:translateY(-3px);
}
.ytm-pricing-section .ytm-pricing-price-row{justify-content:center}
.ytm-pricing-section .ytm-pricing-billing{text-align:center}
.ytm-pricing-section .ytm-pricing-base-note{text-align:center}
.ytm-pricing-section .ytm-pricing-features{text-align:left}

.ytm-pricing-bonuses{
  width:100%;
  max-width:920px;
  margin:42px auto 4px;
  padding:30px;
  position:relative;
  border:1px solid rgba(var(--red-rgb),.38);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--red-rgb),.17), transparent 46%),
    linear-gradient(180deg,rgba(var(--red-rgb),.07),rgba(255,255,255,.018));
  box-shadow:0 24px 70px rgba(0,0,0,.24), 0 0 50px rgba(var(--red-rgb),.08), inset 0 1px 0 rgba(255,255,255,.035);
  text-align:center;
}
.ytm-pricing-bonuses::after{
  content:"";
  position:absolute;
  left:18%; right:18%; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--red-rgb),.7),transparent);
  pointer-events:none;
}
.ytm-pricing-bonuses-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 13px;
  border:1px solid rgba(var(--red-rgb),.48);
  border-radius:999px;
  color:var(--red);
  background:rgba(var(--red-rgb),.09);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ytm-pricing-bonuses-icon{
  width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid rgba(var(--red-rgb),.45);background:rgba(var(--red-rgb),.12);
}
.ytm-pricing-bonuses-icon svg{width:15px;height:15px;display:block}
.ytm-pricing-bonuses-heading h3{
  margin:18px 0 7px;
  font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);
  letter-spacing:-.02em;
}
.ytm-pricing-bonuses-heading p{margin:0;color:var(--muted);font-size:.92rem}
.ytm-pricing-bonus-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
  text-align:left;
}
.ytm-pricing-bonus-item{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px 16px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(0,0,0,.16);
  transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease);
}
.ytm-pricing-bonus-item:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--red-rgb),.42);
  background:rgba(var(--red-rgb),.07);
}
.ytm-pricing-bonus-item > span{font-size:1.18rem;line-height:1;flex:0 0 auto}
.ytm-pricing-bonus-item strong{font-size:.9rem;line-height:1.45;color:var(--white)}
.ytm-pricing-bonuses-note{margin:20px auto 0;max-width:680px;color:var(--muted);font-size:.84rem;line-height:1.6}

.ytm-pricing-bonus-value{
  margin:28px auto 0;
  padding:24px 18px 4px;
  border-top:1px solid rgba(255,255,255,.08);
  text-align:center;
  position:relative;
}
.ytm-pricing-bonus-value::before{
  content:"";
  display:block;
  width:min(280px,70%);
  height:1px;
  margin:-25px auto 22px;
  background:linear-gradient(90deg,transparent,rgba(var(--red-rgb),.65),transparent);
}
.ytm-pricing-bonus-value-label{
  display:block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.ytm-pricing-bonus-value-row{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.ytm-pricing-bonus-value-old{
  color:#a0a8b2;
  font-size:clamp(1.5rem,3vw,2.15rem);
  font-weight:900;
  text-decoration:line-through;
  text-decoration-thickness:3px;
  text-decoration-color:rgba(255,255,255,.8);
}
.ytm-pricing-bonus-value-free{
  color:#fff;
  font-size:clamp(1.65rem,3.4vw,2.35rem);
  font-weight:950;
  letter-spacing:.04em;
  text-shadow:0 0 22px rgba(var(--red-rgb),.45);
}
.ytm-pricing-bonus-claim{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:18px;
  min-width:210px;
}
.ytm-pricing-bonus-claim span{
  font-size:1rem;
  line-height:1;
}

/* Keep the complete Who badge centered regardless of inherited alignment. */
.ytm-who-for-section .ytm-who-for-badge{
  display:flex;
  width:max-content;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (min-width:901px){
  .ytm-pricing-section .ytm-pricing-box{padding-left:44px;padding-right:44px}
  .ytm-pricing-section .ytm-section-title{max-width:760px}
  .ytm-pricing-section .ytm-section-sub{max-width:620px}
  .ytm-pricing-section .ytm-pricing-shared{max-width:720px}
  .ytm-pricing-section .ytm-pricing-card{max-width:520px;padding-left:36px;padding-right:36px}
}
@media (max-width:700px){
  .ytm-pricing-section .ytm-pricing-box{padding-left:16px;padding-right:16px}
  .ytm-pricing-bonuses{padding:24px 17px;margin-top:34px;border-radius:22px}
  .ytm-pricing-bonus-grid{grid-template-columns:1fr;gap:10px}
  .ytm-pricing-bonus-item{min-height:64px;padding:13px 14px}
}


/* =========================================================
   YTMAXING MEMBER PORTAL v1.2 — information architecture
   Presentation only: no new backend or fake feature data.
   ========================================================= */
.ytmx-sidebar-close{display:none}
.ytmx-nav-group{margin:1px 0}
.ytmx-nav-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;min-height:40px;padding:0 12px;border-radius:10px;color:#a8b1bc;font-size:.78rem;font-weight:700}
.ytmx-nav-group summary::-webkit-details-marker{display:none}
.ytmx-nav-group summary:hover{color:#fff;background:rgba(255,255,255,.045)}
.ytmx-nav-group summary b{margin-left:auto;color:#6f7b87;font-size:.72rem;transition:transform .18s ease}
.ytmx-nav-group[open] summary b{transform:rotate(180deg);color:#aab4bf}
.ytmx-nav-group summary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ytmx-nav-group> a,.ytmx-nav-group>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;margin:1px 0 1px 20px;padding:0 9px 0 13px;border-left:1px solid rgba(255,255,255,.08);color:#7f8b97;font-size:.67rem;font-weight:700}
.ytmx-nav-group>a:hover{color:#fff;border-left-color:rgba(var(--red-rgb),.65)}
.ytmx-nav-group em{font-style:normal;font-size:.48rem;text-transform:uppercase;letter-spacing:.06em;color:#5d6874}
.ytmx-nav-disabled em{margin-left:auto;font-style:normal;font-size:.48rem;color:#65717d}
.ytmx-nav-link-anchor{color:#a8b1bc!important}
.ytmx-mobile-toolbar{display:none}
.ytmx-portal-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.ytmx-overview-card{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:linear-gradient(145deg,#0b121a,#060b11);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ytmx-overview-card:hover{transform:translateY(-2px);border-color:rgba(var(--red-rgb),.35);box-shadow:0 12px 32px rgba(0,0,0,.2)}
.ytmx-overview-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(var(--red-rgb),.10);color:var(--red)}
.ytmx-overview-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ytmx-overview-icon.is-hot{background:rgba(255,92,72,.11)}
.ytmx-overview-card span:nth-child(2) small{display:block;color:var(--red);font-size:.5rem;font-weight:900;letter-spacing:.14em;margin-bottom:3px}
.ytmx-overview-card strong{display:block;font-size:.78rem;color:#fff}
.ytmx-overview-card em{display:block;font-style:normal;color:#74818d;font-size:.58rem;line-height:1.45;margin-top:3px}
.ytmx-overview-card>b{color:var(--red);font-size:1rem}
.ytmx-portal-section{margin-top:20px}
.ytmx-coming-pill{display:inline-flex;align-items:center;min-height:23px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#788592;font-size:.5rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ytmx-coming-pill.is-hot{border-color:rgba(var(--red-rgb),.24);color:#ff818b;background:rgba(var(--red-rgb),.06)}
.ytmx-placeholder-panel{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px dashed rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.012)}
.ytmx-placeholder-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:10px;background:rgba(var(--red-rgb),.08);color:var(--red)}
.ytmx-placeholder-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ytmx-placeholder-panel strong{display:block;font-size:.72rem}.ytmx-placeholder-panel p{margin:3px 0 0;color:#71808d;font-size:.59rem;line-height:1.5}
.ytmx-portal-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ytmx-portal-preview-card{min-height:180px;padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:linear-gradient(145deg,#0b121a,#050a10);display:flex;flex-direction:column}
.ytmx-portal-preview-card.is-learn{border-color:rgba(var(--red-rgb),.24);background:linear-gradient(145deg,rgba(var(--red-rgb),.07),#060b11 70%)}
.ytmx-preview-badge{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;background:rgba(var(--red-rgb),.08);color:#ff7b85;font-size:.48rem;font-weight:900;letter-spacing:.1em}
.ytmx-portal-preview-card h3{font-size:.8rem;margin:12px 0 6px}.ytmx-portal-preview-card p{color:#77848f;font-size:.6rem;line-height:1.55;margin:0}.ytmx-portal-preview-card a{margin-top:auto;padding-top:14px;color:var(--red);font-size:.59rem;font-weight:900}.ytmx-portal-preview-card a span{margin-left:4px}
.ytmx-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ytmx-service-card{min-width:0;display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:linear-gradient(145deg,#0b121a,#050a10)}
.ytmx-service-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(var(--red-rgb),.10);color:var(--red)}.ytmx-service-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ytmx-service-card small{display:block;color:#687582;font-size:.48rem;font-weight:900;letter-spacing:.12em}.ytmx-service-card h3{font-size:.76rem;margin:4px 0 2px}.ytmx-service-card strong{font-size:.9rem;color:#fff}.ytmx-service-card p{color:#77848f;font-size:.58rem;line-height:1.5;margin:7px 0 0}.ytmx-service-card>.ytmx-tool-disabled{grid-column:1/-1;padding-top:10px;color:#65717d;font-size:.54rem;font-weight:900;border-top:1px solid rgba(255,255,255,.06)}

@media (max-width:900px){
  .ytmx-member-sidebar{left:-300px;width:280px;transition:left .22s ease;box-shadow:18px 0 45px rgba(0,0,0,.35)}
  .ytmx-member-shell.is-sidebar-open .ytmx-member-sidebar{left:0}
  .ytmx-member-shell.is-sidebar-open:after{content:"";position:fixed;z-index:19;inset:0;background:rgba(0,0,0,.62)}
  .ytmx-sidebar-close{display:flex;position:absolute;right:10px;top:12px;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.03);color:#aeb7c0;font-size:1.2rem;cursor:pointer}
  .ytmx-member-brand{padding-right:45px}
  .ytmx-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
  .ytmx-mobile-menu-button,.ytmx-mobile-account-button{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#f2f5f8;font-size:.86rem;font-weight:900;letter-spacing:.01em;box-shadow:0 8px 24px rgba(0,0,0,.18)}
  .ytmx-mobile-menu-button{cursor:pointer}.ytmx-mobile-menu-button span{color:var(--red);font-size:1.35rem;line-height:1}.ytmx-mobile-account-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
  .ytmx-portal-overview{grid-template-columns:1fr}
  .ytmx-portal-preview-grid,.ytmx-service-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .ytmx-member-content{width:min(100% - 28px,1260px);padding-top:18px}
  .ytmx-mobile-toolbar{gap:10px;margin-bottom:14px}
  .ytmx-mobile-menu-button,.ytmx-mobile-account-button{min-height:56px;padding:0 12px;font-size:.84rem;border-radius:13px}
  .ytmx-mobile-menu-button span{font-size:1.3rem}
  .ytmx-mobile-account-button svg{width:20px;height:20px}
  .ytmx-portal-preview-grid,.ytmx-service-grid{grid-template-columns:1fr}
  .ytmx-overview-card{grid-template-columns:38px minmax(0,1fr) auto;padding:12px}.ytmx-overview-icon{width:38px;height:38px}
  .ytmx-overview-card em{font-size:.55rem}
  .ytmx-placeholder-panel{align-items:flex-start}
}

/* =========================================================
   YTMAXING MEMBER PORTAL v1.3 — mobile dashboard visibility
   - Removes the excessive top offset on phones.
   - Makes Menu and Account controls prominent and touch-friendly.
   ========================================================= */


/* =========================================================
   YTMAXING MEMBER PORTAL v1.4 — Account Settings return path
   A clear, native-feeling way to return to the member dashboard.
   ========================================================= */
.ytmx-account-return{
  width:100%;
  margin:0 0 24px;
}
.ytmx-account-return-link{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  min-height:72px;
  padding:12px 16px 12px 12px;
  border:1px solid rgba(var(--red-rgb),.28);
  border-radius:18px;
  background:linear-gradient(110deg,rgba(var(--red-rgb),.10),rgba(255,255,255,.025) 58%,rgba(255,255,255,.012));
  box-shadow:0 12px 32px rgba(0,0,0,.16),0 0 26px rgba(var(--red-rgb),.06);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.ytmx-account-return-link:hover,
.ytmx-account-return-link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(var(--red-rgb),.62);
  background:linear-gradient(110deg,rgba(var(--red-rgb),.15),rgba(255,255,255,.035) 58%,rgba(255,255,255,.015));
  box-shadow:0 16px 36px rgba(0,0,0,.2),0 0 30px rgba(var(--red-rgb),.10);
}
.ytmx-account-return-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--red-rgb),.35);
  border-radius:13px;
  background:rgba(var(--red-rgb),.13);
  color:#fff;
  font-size:1.55rem;
  font-weight:800;
  line-height:1;
}
.ytmx-account-return-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ytmx-account-return-copy strong{
  color:#fff;
  font-size:.92rem;
  line-height:1.2;
  font-weight:900;
}
.ytmx-account-return-copy small{
  color:#8995a1;
  font-size:.63rem;
  line-height:1.35;
}
.ytmx-account-return-arrow{
  margin-left:auto;
  color:var(--red);
  font-size:1.7rem;
  line-height:1;
  font-weight:700;
}

@media (max-width:620px){
  .ytmx-account-return{
    margin:0 0 18px;
  }
  .ytmx-account-return-link{
    min-height:68px;
    padding:10px 13px 10px 10px;
    gap:11px;
    border-radius:16px;
  }
  .ytmx-account-return-icon{
    width:44px;
    height:44px;
    flex-basis:44px;
    border-radius:12px;
    font-size:1.45rem;
  }
  .ytmx-account-return-copy strong{
    font-size:.88rem;
  }
  .ytmx-account-return-copy small{
    font-size:.58rem;
  }
  .ytmx-account-return-arrow{
    font-size:1.55rem;
  }
}


/* =========================================================
   YTMAXING ACCOUNT UX v1.5
   Persistent account-page dashboard return control.
   ========================================================= */
.ytm-account-back-wrap{width:100%;padding:14px 24px 0;box-sizing:border-box;position:relative;z-index:20;}
.ytm-account-back-inner{width:min(1260px,100%);margin:0 auto;}
.ytm-account-back-link{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 18px 12px 14px;border:1px solid rgba(var(--red-rgb),.28);border-radius:16px;background:linear-gradient(110deg,rgba(var(--red-rgb),.10),rgba(255,255,255,.025) 58%,rgba(255,255,255,.012));color:#fff;text-decoration:none!important;box-shadow:0 10px 28px rgba(0,0,0,.16);transition:.18s ease;}
.ytm-account-back-link:hover,.ytm-account-back-link:focus-visible{border-color:rgba(var(--red-rgb),.62);transform:translateY(-1px);}
.ytm-account-back-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--red-rgb),.35);border-radius:12px;background:rgba(var(--red-rgb),.13);font-size:1.45rem;font-weight:900;}
.ytm-account-back-link>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px;}
.ytm-account-back-link strong{font-size:1rem;font-weight:900;line-height:1.2;}
.ytm-account-back-link small{color:#a7b0ba;font-size:.72rem;line-height:1.3;}
.ytm-account-back-arrow{margin-left:auto;font-size:1.8rem;color:var(--red);line-height:1;}
@media (max-width:620px){.ytm-account-back-wrap{padding:12px 20px 0;}.ytm-account-back-link{min-height:74px;padding:12px 14px 12px 10px;border-radius:15px;gap:12px;}.ytm-account-back-icon{width:44px;height:44px;flex-basis:44px;font-size:1.5rem;}.ytm-account-back-link strong{font-size:1rem;}.ytm-account-back-link small{font-size:.68rem;}}

/* =========================================================
   YTMAXING ACCOUNT UX v1.7
   Keep the account return control in normal document flow,
   below the fixed site header instead of underneath it.
   ========================================================= */
.ytm-account-back-wrap{
  margin-top:96px;
}
@media (max-width:767px){
  .ytm-account-back-wrap{
    margin-top:88px;
  }
}
@media (max-width:620px){
  .ytm-account-back-wrap{
    margin-top:88px;
    padding-top:10px;
  }
}

/* =========================================================
   YTMAXING ACCOUNT UX v1.8
   Account settings refinements:
   - Keep the back arrow visible, but remove the second boxed icon.
   - Pull the account form closer to the return card.
   - Center the WooCommerce Save changes button.
   ========================================================= */
.ytm-account-back-icon{
  width:auto;
  height:auto;
  flex:0 0 auto;
  border:0;
  border-radius:0;
  background:transparent;
  padding:0;
  font-size:1.65rem;
  line-height:1;
}

/* The fixed header already has its own clearance. Keep the account form
   visually connected to the return control instead of leaving a large gap. */
body.woocommerce-account .woocommerce-MyAccount-content form.edit-account{
  margin-top:-58px !important;
}

/* WooCommerce normally aligns this action to the form edge. Center it on
   the YTMAXING account page for a clearer mobile action. */
body.woocommerce-account .woocommerce-MyAccount-content form.edit-account .woocommerce-Button[name="save_account_details"],
body.woocommerce-account .woocommerce-MyAccount-content form.edit-account button[name="save_account_details"]{
  display:block;
  width:max-content;
  max-width:100%;
  margin:28px auto 0 !important;
}

@media (max-width:620px){
  .ytm-account-back-icon{
    font-size:1.55rem;
  }
  body.woocommerce-account .woocommerce-MyAccount-content form.edit-account{
    margin-top:-66px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content form.edit-account .woocommerce-Button[name="save_account_details"],
  body.woocommerce-account .woocommerce-MyAccount-content form.edit-account button[name="save_account_details"]{
    margin:26px auto 0 !important;
  }
}

/* ============ HERO BENEFIT SCROLLER — V2.0 SIZING ============ */
.ytm-hero-benefits{
  width:100%;
  margin-top:24px;
  padding:2px 0;
}
.ytm-hero-benefits .ytm-marquee-track{
  display:flex;
  gap:12px;
  width:max-content;
  animation:ytm-hero-benefits-scroll 34s linear infinite;
  will-change:transform;
}
.ytm-hero-benefits .ytm-marquee-set{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  padding-right:0;
}
.ytm-hero-benefits .ytm-marquee-chip{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:10px 18px;
  background:rgba(9,9,9,.86);
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  color:rgba(255,255,255,.78);
  font-size:.9rem;
  font-weight:700;
  letter-spacing:-.01em;
  white-space:nowrap;
  box-shadow:0 10px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035);
}
.ytm-hero-benefits .ytm-marquee-chip-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:1.15rem;
  line-height:1;
}
.ytm-hero-benefits .ytm-marquee-chip.is-locked{
  opacity:.58;
  border-color:rgba(255,255,255,.08);
}
@keyframes ytm-hero-benefits-scroll{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(-50%,0,0); }
}
@media (max-width:899px){
  .ytm-hero-benefits{
    width:calc(100vw - 24px);
    margin:0 auto;
  }
  .ytm-hero-benefits .ytm-marquee-track{ animation-duration:34s; }
  .ytm-hero-benefits .ytm-marquee-set{ gap:12px; padding-right:0; }
  .ytm-hero-benefits .ytm-marquee-chip{
    min-height:46px;
    padding:9px 16px;
    font-size:.86rem;
  }
}
@media (min-width:900px){
  .ytm-hero-benefits{
    max-width:620px;
  }
}
@media (prefers-reduced-motion: reduce){
  .ytm-hero-benefits .ytm-marquee-track{ animation:none; }
}

/* ============ HERO BENEFIT SCROLLER — CENTERED BETWEEN HERO + STATS ============ */
.ytm-hero-benefits-band{
  position:relative;
  width:100%;
  min-height:190px;
  padding:54px 0 50px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:transparent;
}
.ytm-hero-benefits-band .ytm-hero-benefits{
  width:min(100%, 1500px);
  max-width:1500px;
  margin:0 auto;
}
@media (min-width:1024px){
  .ytm-hero-benefits-band{
    min-height:220px;
    padding:66px 0 62px;
  }
  .ytm-hero-benefits-band .ytm-hero-benefits{
    width:min(100%, 1500px);
  }
}
@media (max-width:899px){
  .ytm-hero-benefits-band{
    min-height:185px;
    padding:54px 0 48px;
  }
  .ytm-hero-benefits-band .ytm-hero-benefits{
    width:100%;
    max-width:none;
    margin:0;
  }
}

/* ============ REAL RESULTS — VIDEO + PHOTO SIZE MATCH ============ */
.ytm-result-video-wrap,
.ytm-result-photo-wrap{
  width:100%;
  aspect-ratio:9/16;
  min-height:0;
  background:#050505;
  overflow:hidden;
}
.ytm-result-video,
.ytm-result-photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ytm-result-photo-card .ytm-result-card-caption{
  border-top:1px solid rgba(255,255,255,.08);
}

/* More Community Wins — consistent 9:16 cards, rounded corners and red edge. */
#community-member-results .ytm-community-wins-media-grid{
  width:min(100%, 980px);
  margin:0 auto 40px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
#community-member-results .ytm-community-wins-media-card{
  min-width:0;
  aspect-ratio:9/16;
  overflow:hidden;
  padding:0;
  border-radius:20px;
  border:1px solid rgba(var(--red-rgb),.55);
  background:#070707;
  box-shadow:0 10px 28px rgba(0,0,0,.22), 0 0 5px rgba(var(--red-rgb),.08);
}
#community-member-results .ytm-community-wins-video-card{
  display:flex;
  align-items:center;
  justify-content:center;
}
#community-member-results .ytm-community-wins-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
  border-radius:inherit;
}
#community-member-results .ytm-community-wins-photo-card{
  display:block;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  color:inherit;
  font:inherit;
  text-align:left;
}
/* The grid thumbnail is cropped to the 9:16 card. The modal still uses the
   original data-modal-media URL, so clicking opens the complete uncropped photo. */
#community-member-results .ytm-community-wins-photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  background:#070707;
  border-radius:inherit;
}
#community-member-results .ytm-community-wins-media-card:hover{
  border-color:rgba(var(--red-rgb),.72);
  box-shadow:0 12px 32px rgba(0,0,0,.26), 0 0 8px rgba(var(--red-rgb),.12);
}
@media (max-width:899px){
  #community-member-results .ytm-community-wins-media-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-bottom:32px;
  }
  #community-member-results .ytm-community-wins-media-card{
    border-radius:16px;
    border-width:1px;
  }
}

/* =========================================================
   RESULTS PAGE — SAME 9:16 / ROUNDED / SUBTLE BORDER LOOK
   This is intentionally in the main style.css because the
   Results page also uses this stylesheet. It overrides the
   older Results-page gallery rules without touching JS/PHP.
   ========================================================= */
body.ytm-bg-grid #main .ytm-results-page-grid .ytm-results-media-card.ytm-results-image-card,
body.ytm-bg-grid #main .ytm-results-page-grid .ytm-results-media-card.ytm-results-video-card {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 9 / 16 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(var(--red-rgb),.20) !important;
  border-radius: 18px !important;
  background: #070707 !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.10) !important;
  transform: none !important;
}

body.ytm-bg-grid #main .ytm-results-page-grid .ytm-results-media-card.ytm-results-image-card:hover,
body.ytm-bg-grid #main .ytm-results-page-grid .ytm-results-media-card.ytm-results-video-card:hover {
  border-color: rgba(var(--red-rgb),.25) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.12) !important;
  transform: none !important;
}

body.ytm-bg-grid #main .ytm-results-page-grid .ytm-results-image-card .ytm-results-page-image,
body.ytm-bg-grid #main .ytm-results-page-grid .ytm-results-video-card .ytm-results-video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: #070707 !important;
}

body.ytm-bg-grid #main .ytm-results-page-grid .ytm-results-media-caption {
  position: absolute !important;
  z-index: 5 !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  max-width: calc(100% - 16px) !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  padding: 5px 7px !important;
  background: rgba(5,5,5,.58) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  color: #fff !important;
  font-size: .66rem !important;
  line-height: 1.2 !important;
}

@media (max-width: 639px) {
  body.ytm-bg-grid #main .ytm-results-page-grid .ytm-results-media-card.ytm-results-image-card,
  body.ytm-bg-grid #main .ytm-results-page-grid .ytm-results-media-card.ytm-results-video-card {
    aspect-ratio: 9 / 16 !important;
    border-radius: 16px !important;
    border-width: 1px !important;
  }
}


/* =========================================================
   RESULTS PAGE — HARD-SCOPED CARD OVERRIDE
   Uses the actual [data-results-grid] / JS-generated card
   structure so this remains effective even if other Results
   page selectors or body classes change.
   ========================================================= */
#main [data-results-grid] > .ytm-results-media-card {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 9 / 16 !important;
  align-self: start !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(var(--red-rgb), 0.22) !important;
  border-radius: 18px !important;
  background: #070707 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.08) !important;
  transform: none !important;
}

#main [data-results-grid] > .ytm-results-media-card:hover,
#main [data-results-grid] > .ytm-results-media-card:focus,
#main [data-results-grid] > .ytm-results-media-card:focus-visible {
  border-color: rgba(var(--red-rgb), 0.28) !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.10) !important;
  transform: none !important;
}

#main [data-results-grid] > .ytm-results-media-card > .ytm-results-page-image,
#main [data-results-grid] > .ytm-results-media-card > .ytm-results-video {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: #070707 !important;
}

#main [data-results-grid] > .ytm-results-media-card > .ytm-results-media-caption {
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  z-index: 4 !important;
  box-sizing: border-box !important;
  max-width: calc(100% - 16px) !important;
  padding: 5px 7px !important;
  border-radius: 7px !important;
  background: rgba(5,5,5,.50) !important;
  border: 0 !important;
  color: #fff !important;
  font-size: .66rem !important;
  line-height: 1.2 !important;
}

@media (max-width: 639px) {
  #main [data-results-grid] > .ytm-results-media-card {
    aspect-ratio: 9 / 16 !important;
    border-radius: 16px !important;
    border-width: 1px !important;
  }
  #main [data-results-grid] > .ytm-results-media-card > .ytm-results-page-image,
  #main [data-results-grid] > .ytm-results-media-card > .ytm-results-video {
    border-radius: 15px !important;
  }
}


/* Member access tiers — presentation only; protected content is enforced by plugins. */
.ytmx-member-nav .ytmx-nav-access-item.is-locked{opacity:.5;cursor:not-allowed;color:#697581!important}
.ytmx-member-nav .ytmx-nav-access-item.is-locked:hover{background:transparent;color:#697581!important}
.ytmx-member-nav .ytmx-nav-access-item em,
.ytmx-member-nav .ytmx-nav-group.is-locked summary em{margin-left:auto;font-style:normal;font-size:.48rem;text-transform:uppercase;letter-spacing:.04em;color:#65717d;white-space:nowrap}
.ytmx-member-nav .ytmx-nav-group.is-locked summary{cursor:default;opacity:.52}
.ytmx-member-nav .ytmx-nav-group.is-locked summary:hover{background:transparent;color:#a8b1bc}
.ytmx-member-nav .ytmx-nav-group.is-locked summary b{display:none}
.ytmx-member-nav .ytmx-nav-disabled em{margin-left:auto}

/* YTMAXING Member Hub v1.0 — content-managed dashboard additions */
.ytmx-update-list{display:grid;gap:8px}.ytmx-update-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.02);text-decoration:none;color:#fff}.ytmx-update-item:hover{border-color:rgba(var(--red-rgb),.35);transform:translateY(-1px)}.ytmx-update-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(var(--red-rgb),.09);flex:none}.ytmx-update-item span:nth-child(2){flex:1}.ytmx-update-item small{display:block;color:#f25a66;font-size:.52rem;font-weight:900;letter-spacing:.08em}.ytmx-update-item strong{display:block;font-size:.75rem;margin-top:2px}.ytmx-update-item em{display:block;color:#75818e;font-size:.58rem;font-style:normal;margin-top:3px}.ytmx-update-item>b{color:#7e8995}.ytmx-niche-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ytmx-niche-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.022);transition:.2s ease}.ytmx-niche-card:hover{transform:translateY(-2px);border-color:rgba(var(--red-rgb),.35)}.ytmx-niche-card>img{display:block;width:100%;height:145px;object-fit:cover}.ytmx-niche-card-placeholder{height:145px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(var(--red-rgb),.14),rgba(255,255,255,.02));color:var(--red)}.ytmx-niche-card-placeholder svg{width:40px;height:40px}.ytmx-niche-card-body{padding:14px}.ytmx-niche-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(var(--red-rgb),.11);color:#ff6672;font-size:.5rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.ytmx-niche-card h3{font-size:.9rem;margin:8px 0 5px}.ytmx-niche-card p{font-size:.6rem;color:#74808c;line-height:1.5;min-height:34px}.ytmx-resource-list-dashboard{display:grid;gap:8px}.ytmx-resource-list-dashboard article{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02)}.ytmx-resource-dashboard-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(var(--red-rgb),.1);color:#ff6672}.ytmx-resource-list-dashboard article>div{flex:1}.ytmx-resource-list-dashboard strong{display:block;font-size:.7rem}.ytmx-resource-list-dashboard small{display:block;color:#71808c;font-size:.55rem;margin-top:3px}.ytmx-resource-list-dashboard a{padding:8px 10px;border-radius:9px;background:var(--red);color:#fff;text-decoration:none;font-size:.58rem;font-weight:800}.ytmx-resource-locked{font-size:.58rem;color:#687480}.ytmx-service-trigger{position:relative;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.ytmx-service-trigger .ytmx-service-open{display:block;margin-top:10px;color:#f45a65;font-size:.58rem;font-weight:800}.ytmx-service-best{position:absolute;top:12px;right:12px;padding:5px 7px;border-radius:999px;background:rgba(var(--red-rgb),.12);color:#ff6873;font-size:.48rem;font-weight:900;text-transform:uppercase}.ytmx-service-drawer{display:none;position:fixed;inset:0;z-index:100000}.ytmx-service-drawer.is-open{display:block}.ytmx-service-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}.ytmx-service-drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(520px,94vw);padding:32px 26px;overflow:auto;background:#080d13;border-left:1px solid rgba(255,255,255,.09);box-shadow:-20px 0 60px rgba(0,0,0,.35)}.ytmx-service-drawer-close{position:absolute;right:16px;top:14px;border:0;background:rgba(255,255,255,.06);color:#fff;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}.ytmx-service-drawer-panel h2{font-size:1.7rem;margin:8px 0 18px}.ytmx-service-drawer-panel h3{font-size:.85rem;margin:20px 0 8px}.ytmx-service-drawer-copy{color:#9aa5b0;font-size:.72rem;line-height:1.7;white-space:pre-line}.ytmx-service-drawer-video{aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#020407;margin-bottom:18px}.ytmx-service-drawer-video iframe{width:100%;height:100%;border:0}.ytmx-service-video-placeholder{height:100%;display:grid;place-items:center;padding:20px;text-align:center;color:#687480;font-size:.7rem}.ytmx-service-drawer-open{overflow:hidden}@media(max-width:900px){.ytmx-niche-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.ytmx-niche-grid{grid-template-columns:1fr}.ytmx-update-item em{display:none}.ytmx-service-drawer-panel{padding:28px 18px}}

/* =========================================================
   YTMAXING PREMIUM SERVICES — MEMBER DASHBOARD STATUS CARDS v1.1
   Real purchased-service state replaces the old "Coming Soon" labels.
   ========================================================= */
.ytmx-service-card.is-owned{
  border-color:rgba(70,220,135,.24);
  background:linear-gradient(145deg,rgba(11,30,23,.72),#050a10 72%);
}
.ytmx-service-card.is-active{
  border-color:rgba(70,220,135,.42);
  box-shadow:0 12px 34px rgba(0,0,0,.2),0 0 24px rgba(70,220,135,.05);
}
.ytmx-service-card>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;}
.ytmx-service-card .ytmx-service-status-good{
  display:inline-block;
  margin-top:4px;
  color:#63e39a;
  font-size:.62rem;
  letter-spacing:.04em;
}
.ytmx-service-card p{margin-bottom:0;}
.ytmx-service-action{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
  margin-top:12px!important;
  padding:0 12px;
  border:1px solid rgba(var(--red-rgb),.34);
  border-radius:8px;
  background:rgba(var(--red-rgb),.08);
  color:#fff!important;
  text-decoration:none!important;
  font-size:.58rem;
  font-weight:900;
  line-height:1.2;
  transition:.18s ease;
}
.ytmx-service-action:hover,.ytmx-service-action:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(var(--red-rgb),.65);
  background:rgba(var(--red-rgb),.15);
}
.ytmx-service-card.is-owned .ytmx-service-action{
  border-color:rgba(70,220,135,.34);
  background:rgba(70,220,135,.08);
  color:#eafff2!important;
}
.ytmx-service-card.is-owned .ytmx-service-action:hover,.ytmx-service-card.is-owned .ytmx-service-action:focus-visible{
  border-color:rgba(70,220,135,.62);
  background:rgba(70,220,135,.14);
  box-shadow:0 8px 20px rgba(70,220,135,.10);
}
.ytmx-service-action.is-whatsapp{
  border-color:rgba(70,220,135,.34);
  background:rgba(70,220,135,.08);
  color:#eafff2!important;
}
.ytmx-service-action.is-whatsapp:hover,.ytmx-service-action.is-whatsapp:focus-visible{
  border-color:rgba(70,220,135,.62);
  background:rgba(70,220,135,.14);
}
@media(max-width:620px){
  .ytmx-service-card{grid-template-columns:36px 1fr;gap:10px;padding:14px;}
  .ytmx-service-card p{font-size:.61rem;}
  .ytmx-service-action{width:100%;min-height:38px;font-size:.6rem;}
}


/* =========================================================
   LANDING PAGE — CLIENT VIDEO UPDATE PACK
   Built on the latest supplied style.css. All selectors are scoped
   to the landing-page components touched by the client feedback.
   ========================================================= */
.ytm-top-member-meta{display:flex;flex-direction:column;gap:8px;text-align:left;padding:0 2px 2px}
.ytm-top-member-meta>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ytm-student-bubble,.ytm-subscriber-bubble{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:.55rem;font-weight:900;letter-spacing:.04em;white-space:nowrap}
.ytm-student-bubble{color:#fff;background:rgba(var(--red-rgb),.13);border:1px solid rgba(var(--red-rgb),.34)}
.ytm-subscriber-bubble{color:#dce4eb;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}
.ytm-top-member-meta .ytm-testimonial-name{display:block;margin:0;color:var(--white);font-weight:850}

/* 8 small community screenshots: auto-moving, touch/hold-to-pause. */
.ytm-community-wins-strip-note{margin:24px auto 12px;color:var(--muted);font-size:.78rem}
.ytm-community-wins-strip{position:relative;width:100%;overflow:hidden;padding:6px 0 18px;touch-action:pan-y;cursor:grab}
.ytm-community-wins-strip.is-paused{cursor:grabbing}
.ytm-community-wins-strip-track{display:flex;width:max-content;gap:12px;will-change:transform}
.ytm-community-wins-strip-card{position:relative;flex:0 0 132px;width:132px;height:170px;padding:5px;border:1px solid rgba(var(--red-rgb),.34);border-radius:14px;background:#070707;overflow:hidden;color:var(--white);text-align:left;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.20)}
.ytm-community-wins-strip-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}
.ytm-community-wins-strip-card span{position:absolute;left:7px;right:7px;bottom:7px;padding:6px 7px;border-radius:8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92));font-size:.5rem;font-weight:850;line-height:1.25;padding-top:20px}
.ytm-community-wins-strip-card:hover{border-color:rgba(var(--red-rgb),.72);transform:translateY(-2px)}

/* Reviews: real community feedback, no meaningless 5-star display. */
.ytm-review-community-card{min-width:0}
.ytm-review-community-head{display:flex;align-items:center;gap:11px}
.ytm-review-community-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--red-rgb),.13);border:1px solid rgba(var(--red-rgb),.28);color:var(--red);font-weight:900}
.ytm-review-community-head>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.ytm-review-community-head strong{font-size:.88rem;color:var(--white)}
.ytm-review-community-head span{font-size:.58rem;color:var(--muted);line-height:1.35}
.ytm-review-community-card .ytm-testimonial-quote{margin:0;color:#aeb8c2;font-size:.78rem;line-height:1.7}
@media(min-width:900px){
  #community-wins .ytm-community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}

/* Pricing: community gets a visual thumbnail before price; active plan has a subtle green state. */
.ytm-pricing-plan-image{width:100%;aspect-ratio:16/7;margin-bottom:18px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#070707}
.ytm-pricing-plan-image img{display:block;width:100%;height:100%;object-fit:cover}
.ytm-pricing-card.is-community-plan{border-color:rgba(78,224,142,.38);background:linear-gradient(145deg,rgba(22,55,39,.30),rgba(7,11,15,.98) 70%);box-shadow:0 18px 60px rgba(0,0,0,.25),0 0 30px rgba(78,224,142,.05)}
.ytm-pricing-card.is-community-plan .ytm-btn{background:#38c978;border-color:#38c978;color:#06130b}
.ytm-pricing-card.is-community-plan .ytm-btn:hover{background:#4be18b;border-color:#4be18b}
.ytm-pricing-bonus-image{position:relative;width:100%;max-width:760px;margin:0 auto 22px;aspect-ratio:16/6;border-radius:18px;overflow:hidden;border:1px solid rgba(var(--red-rgb),.25);background:#050505}
.ytm-pricing-bonus-image img{display:block;width:100%;height:100%;object-fit:cover;opacity:.72}
.ytm-pricing-bonus-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.18),rgba(0,0,0,.68));pointer-events:none}
.ytm-pricing-bonus-image span{position:absolute;left:18px;bottom:16px;z-index:1;color:#fff;font-size:.72rem;font-weight:950;letter-spacing:.14em}

@media(max-width:680px){
  .ytm-avatar{width:44px;height:44px;flex-basis:44px}
  .ytm-community-wins-strip-card{flex-basis:112px;width:112px;height:150px}
  .ytm-pricing-plan-image{aspect-ratio:16/8}
  .ytm-pricing-bonus-image{aspect-ratio:16/8}
}

.ytm-pricing-card:not(.is-community-plan) .ytm-pricing-plan-image{display:none}


/* =========================================================
   YTMAXING CTA — round travelling edge light (matches reference)
   A bright white streak with a soft tail travels around the pill's
   outer border. The pill itself NEVER rotates: only the angle of a
   conic-gradient is animated (via @property), then masked down to a
   thin ring so the light follows the rounded edge exactly.
   ========================================================= */
@property --ytm-cta-angle{
  syntax:'<angle>';
  inherits:false;
  initial-value:0deg;
}

.ytm-shine-cta,
.ytm-header-actions .ytm-join-now{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 0 0 1px rgba(var(--red-rgb),.08),0 8px 26px rgba(var(--red-rgb),.20);
}

/* Soft glow under the streak */
.ytm-shine-cta::before,
.ytm-header-actions .ytm-join-now::before,
/* Crisp streak */
.ytm-shine-cta::after,
.ytm-header-actions .ytm-join-now::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:conic-gradient(from var(--ytm-cta-angle),
    transparent 0deg,
    transparent 250deg,
    rgba(255,255,255,.10) 285deg,
    rgba(255,255,255,.55) 320deg,
    #fff 346deg,
    transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:ytm-cta-orbit 2.6s linear infinite;
}
.ytm-shine-cta::after,
.ytm-header-actions .ytm-join-now::after{
  padding:2px;
}
.ytm-shine-cta::before,
.ytm-header-actions .ytm-join-now::before{
  padding:4px;
  filter:blur(3px);
  opacity:.8;
}

.ytm-shine-cta > *,
.ytm-header-actions .ytm-join-now > *{
  position:relative;
  z-index:1;
}
.ytm-cta-icon{
  flex:0 0 auto;
  display:inline-block;
  vertical-align:middle;
}
@keyframes ytm-cta-orbit{
  to{ --ytm-cta-angle:360deg; }
}

/* The member review cards get the gentle floating/bouncy motion requested
   for the repeated community feedback section. */
#community-wins .ytm-review-community-card{
  animation:ytm-member-card-float 4.8s ease-in-out infinite;
  will-change:transform;
}
#community-wins .ytm-review-community-card:nth-child(2n){animation-delay:-1.6s;}
#community-wins .ytm-review-community-card:nth-child(3n){animation-delay:-3.1s;}
@keyframes ytm-member-card-float{
  0%,100%{transform:translateY(0) rotate(0deg);}
  50%{transform:translateY(-7px) rotate(.35deg);}
}

/* More Community Wins screenshots: medium size, fully contained so the
   revenue numbers are always readable (no cropping). */
#community-member-results .ytm-community-wins-strip{padding:12px 0 20px;}
#community-member-results .ytm-community-wins-strip-card{
  flex-basis:230px;
  width:230px;
  height:330px;
  padding:0;
  border:0 !important;
  outline:0;
  border-radius:18px;
  background:#070707;
  box-shadow:none;
  animation:ytm-win-photo-bounce 4.8s ease-in-out infinite;
  will-change:transform;
}
#community-member-results .ytm-community-wins-strip-card:nth-child(2n){animation-delay:-1.35s;}
#community-member-results .ytm-community-wins-strip-card:nth-child(3n){animation-delay:-2.7s;}
#community-member-results .ytm-community-wins-strip-card img{
  display:block;
  width:100%;
  height:100%;
  border:0 !important;
  outline:0;
  border-radius:16px;
  object-fit:contain;
  object-position:center;
  background:#070707;
  box-shadow:none;
}
#community-member-results .ytm-community-wins-strip-card span{
  left:7px;
  right:7px;
  bottom:7px;
}
#community-member-results .ytm-community-wins-strip-card:hover{
  border:0 !important;
  transform:translateY(-6px) scale(1.02);
}
@keyframes ytm-win-photo-bounce{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg);}
  25%{transform:translate3d(0,-4px,0) rotate(-.25deg);}
  50%{transform:translate3d(0,-10px,0) rotate(.4deg);}
  75%{transform:translate3d(0,-4px,0) rotate(-.2deg);}
}

@media (min-width:768px){
  #community-member-results .ytm-community-wins-strip-card{
    flex-basis:270px;
    width:270px;
    height:380px;
  }
}
@media (min-width:1200px){
  #community-member-results .ytm-community-wins-strip-card{
    flex-basis:300px;
    width:300px;
    height:420px;
  }
}

/* Professional line icons for the Who This Is For cards. */
.ytm-who-for-icon{
  display:flex;
  align-items:center;
  justify-content:center;
}
.ytm-who-for-icon svg{
  display:block;
  width:22px;
  height:22px;
  color:var(--red);
}
@media (prefers-reduced-motion:reduce){
  .ytm-shine-cta,
  .ytm-header-actions .ytm-join-now,
  #community-wins .ytm-review-community-card,
  #community-member-results .ytm-community-wins-strip-card{animation:none;}
}

/* =========================================================
   MEMBER DASHBOARD — BONUS TOOLS & RESOURCES
   ========================================================= */
.ytmx-bonus-resources-section{margin-top:24px}
.ytmx-bonus-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ytmx-bonus-resource-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 16px 42px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ytmx-bonus-resource-card:hover{transform:translateY(-3px);border-color:rgba(var(--red-rgb),.42);box-shadow:0 20px 50px rgba(0,0,0,.22),0 0 26px rgba(var(--red-rgb),.06)}
.ytmx-bonus-resource-card.is-pending{opacity:.88}
.ytmx-bonus-resource-image{aspect-ratio:16/9;background:#070a0d;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07)}
.ytmx-bonus-resource-image img{display:block;width:100%;height:100%;object-fit:cover}
.ytmx-bonus-resource-body{padding:15px 16px 16px}
.ytmx-bonus-resource-body h3{margin:0 0 12px;color:#fff;font-size:.82rem;line-height:1.35}
.ytmx-bonus-resource-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 15px;border:1px solid rgba(var(--red-rgb),.46);border-radius:10px;background:rgba(var(--red-rgb),.11);color:#fff;text-decoration:none;font-size:.58rem;font-weight:900;letter-spacing:.08em;transition:.18s ease}
.ytmx-bonus-resource-open:hover,.ytmx-bonus-resource-open:focus-visible{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 22px rgba(var(--red-rgb),.20)}
.ytmx-bonus-resource-open.is-disabled{color:#65717d;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025);cursor:not-allowed}
.ytmx-bonus-resource-card.is-pending .ytmx-bonus-resource-open.is-disabled{opacity:.72}
@media(max-width:680px){
  .ytmx-bonus-resource-grid{grid-template-columns:1fr;gap:12px}
  .ytmx-bonus-resource-body{padding:13px 14px 14px}
  .ytmx-bonus-resource-open{width:100%}
}

/* YTMX bonus resource access states */
.ytmx-bonus-resource-card.is-locked .ytmx-bonus-resource-open,
.ytmx-bonus-resource-card .ytmx-bonus-resource-open.is-locked {
  cursor: pointer;
  border: 1px solid rgba(232, 34, 57, .55);
  background: rgba(232, 34, 57, .08);
  color: #ff3148;
}
.ytmx-bonus-resource-card.is-unlocked .ytmx-bonus-resource-open.is-unlocked {
  border-color: rgba(42, 214, 126, .55);
  background: rgba(42, 214, 126, .08);
  color: #43e58e;
}
.ytmx-resource-access-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 22px; opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.ytmx-resource-access-modal[aria-hidden="false"] { opacity: 1; pointer-events: auto; }
.ytmx-resource-access-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.78); backdrop-filter: blur(8px); }
.ytmx-resource-access-modal-panel { position: relative; width: min(520px,100%); padding: 34px; border: 1px solid rgba(255,39,62,.45); border-radius: 24px; background: #080d12; box-shadow: 0 25px 80px rgba(0,0,0,.6), 0 0 45px rgba(255,30,55,.12); }
.ytmx-resource-access-close { position:absolute; top:12px; right:14px; width:40px; height:40px; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:transparent; color:#fff; font-size:25px; cursor:pointer; }
.ytmx-resource-access-modal-panel h2 { margin: 8px 0 12px; color:#fff; }
.ytmx-resource-access-modal-panel p { color:rgba(255,255,255,.7); line-height:1.65; margin:0 0 22px; }
.ytmx-resource-access-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.ytmx-resource-access-actions .ytmx-red-button { text-decoration:none; }
.ytmx-resource-verify-link { color:#fff; border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:12px 16px; text-decoration:none; }
body.ytmx-resource-modal-open { overflow:hidden; }
@media (max-width:600px){ .ytmx-resource-access-modal-panel{padding:28px 22px;border-radius:20px}.ytmx-resource-access-actions{flex-direction:column;align-items:stretch}.ytmx-resource-access-actions>*{justify-content:center;text-align:center} }

/* =========================================================
   YTMAXING — October 2026 landing-page refinements
   1) tighter vertical rhythm / remove dead black space
   2) responsive comparison: stacked mobile, side-by-side tablet/desktop
   3) Member Reviews infinite marquee with interaction pause
   4) larger Feedback revenue carousel
   5) desktop pricing: Course + Community side-by-side
   ========================================================= */

/* Reduce the large empty bands between the sections that were visible on mobile. */
.ytm-comparison-section,
#community-wins,
.ytm-pricing-section{
  padding-top:56px;
  padding-bottom:56px;
}

@media (min-width:901px){
  .ytm-comparison-section,
  #community-wins,
  .ytm-pricing-section{
    padding-top:72px;
    padding-bottom:72px;
  }
}

/* Your Solution: keep the compact 5-row comparison on mobile, then use
   two equal columns from tablet upward. */
.ytm-comparison-grid-detailed{
  margin-top:28px;
}
@media (max-width:767px){
  .ytm-comparison-grid-detailed{
    grid-template-columns:1fr;
  }
}
@media (min-width:768px){
  .ytm-comparison-grid-detailed{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
  }
}

/* ---------------- Member Reviews marquee ---------------- */
#community-wins .ytm-review-marquee{
  display:block;
  position:relative;
  width:100%;
  overflow:hidden;
  padding:4px 0 12px;
  scroll-snap-type:none;
  scrollbar-width:none;
  touch-action:pan-y;
}
#community-wins .ytm-review-marquee::-webkit-scrollbar{display:none}
#community-wins .ytm-review-marquee-track{
  display:flex;
  align-items:stretch;
  gap:18px;
  width:max-content;
  will-change:transform;
}
#community-wins .ytm-review-marquee .ytm-testimonial-card{
  flex:0 0 min(82vw,380px);
  width:min(82vw,380px);
  min-height:250px;
  scroll-snap-align:none;
  transform:none!important;
}
#community-wins .ytm-review-marquee.is-paused .ytm-testimonial-card{
  cursor:text;
}
@media (min-width:768px){
  #community-wins .ytm-review-marquee .ytm-testimonial-card{
    flex-basis:clamp(340px,42vw,470px);
    width:clamp(340px,42vw,470px);
  }
}
@media (min-width:1200px){
  #community-wins .ytm-review-marquee .ytm-testimonial-card{
    flex-basis:420px;
    width:420px;
  }
}

/* ---------------- More Community Wins revenue strip ---------------- */
.ytm-community-wins-strip-note{
  margin:18px auto 12px;
}
.ytm-community-wins-strip{
  padding:8px 0 24px;
}
.ytm-community-wins-strip-track{
  gap:16px;
}
.ytm-community-wins-strip-card{
  flex:0 0 220px;
  width:220px;
  height:310px;
  padding:6px;
  border-radius:18px;
}
.ytm-community-wins-strip-card img{
  border-radius:13px;
}
.ytm-community-wins-strip-card span{
  left:9px;
  right:9px;
  bottom:9px;
  font-size:.62rem;
  padding:8px 9px 24px;
}
@media (min-width:768px){
  .ytm-community-wins-strip-card{
    flex-basis:280px;
    width:280px;
    height:370px;
  }
}
@media (min-width:1200px){
  .ytm-community-wins-strip-card{
    flex-basis:320px;
    width:320px;
    height:420px;
  }
}

/* ---------------- Pricing ---------------- */
.ytm-pricing-mobile-view{
  display:block;
}
.ytm-pricing-mobile-view .ytm-pricing-toggle{
  display:flex;
  width:max-content;
  max-width:100%;
  margin:0 auto 28px;
}
.ytm-pricing-desktop-grid{
  display:none;
}

@media (min-width:901px){
  .ytm-pricing-mobile-view{
    display:none;
  }
  .ytm-pricing-desktop-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    width:100%;
    max-width:1040px;
    margin:28px auto 0;
    align-items:stretch;
  }
  .ytm-pricing-desktop-card{
    max-width:none;
    width:100%;
    padding:32px 30px;
    display:flex;
    flex-direction:column;
    text-align:left;
  }
  .ytm-pricing-desktop-card .ytm-pricing-desktop-plan-heading{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-bottom:20px;
  }
  .ytm-pricing-desktop-plan-heading span{
    color:var(--red);
    font-size:.7rem;
    font-weight:900;
    letter-spacing:.14em;
  }
  .ytm-pricing-desktop-plan-heading strong{
    color:var(--white);
    font-size:1.25rem;
  }
  .ytm-pricing-desktop-card .ytm-pricing-price-row{
    justify-content:flex-start;
  }
  .ytm-pricing-desktop-card .ytm-pricing-billing,
  .ytm-pricing-desktop-card .ytm-pricing-base-note{
    text-align:left;
  }
  .ytm-pricing-desktop-card .ytm-pricing-features{
    flex:1;
    text-align:left;
  }
  .ytm-pricing-desktop-card .ytm-pricing-card-badge{
    right:22px;
  }
  .ytm-pricing-desktop-card .ytm-btn{
    margin-top:auto;
  }
}

/* The old shared-features box is intentionally no longer rendered. Keep
   these selectors harmless for cached/older markup. */
.ytm-pricing-shared{
  display:none!important;
}

/* Remove accidental minimum-height/large gaps from the old CTA slot if a
   cached template still contains the section. */
#join-community{
  display:none!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
}

/* =========================================================
   YTMAXING PRICING MEDIA + BRAND POLISH — requested visual fixes
   ========================================================= */
.ytm-pricing-plan-image{
  aspect-ratio:16/9 !important;
  background:#050505;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.ytm-pricing-plan-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#050505;
}
/* Do not hide the Course image: both Course and Community now use their
   supplied 16:9 artwork, with the entire image kept visible. */
.ytm-pricing-card:not(.is-community-plan) .ytm-pricing-plan-image{
  display:flex !important;
}

/* The supplied exclusive-bonus artwork is 4:3. Keep the whole image visible
   instead of cropping its sides/top/bottom. */
.ytm-pricing-bonus-image{
  aspect-ratio:4/3 !important;
  max-width:760px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#050505;
  overflow:hidden;
}
.ytm-pricing-bonus-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:1 !important;
  background:#050505;
}
.ytm-pricing-bonus-image::after{ display:none !important; }
.ytm-pricing-bonus-image span{
  left:16px;
  bottom:16px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(5,5,5,.76);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Restore the Best Value badge styling used by the pricing cards. */
.ytm-best-value-badge{
  position:absolute;
  top:18px;
  right:18px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(135deg,var(--red),#ff4454);
  color:#fff;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 8px 24px rgba(var(--red-rgb),.26), inset 0 1px 0 rgba(255,255,255,.18);
}
.ytm-pricing-card.is-community .ytm-best-value-badge,
.ytm-pricing-card.is-community-plan .ytm-best-value-badge{
  background:linear-gradient(135deg,#35d37a,#4be18b);
  color:#06130b;
  border-color:rgba(255,255,255,.18);
  box-shadow:0 8px 24px rgba(53,211,122,.22), inset 0 1px 0 rgba(255,255,255,.22);
}
.ytm-pricing-desktop-card .ytm-best-value-badge{
  top:18px;
  right:18px;
}

/* Use the original YTMAXING artwork in the sticky header, rather than the
   temporary icon + white wordmark pair. */
.ytm-header .ytm-original-brand-logo{
  display:block;
  width:clamp(155px,18vw,205px);
  height:auto;
  max-height:42px;
  object-fit:contain;
  object-position:left center;
}
@media (max-width:639px){
  .ytm-pricing-plan-image{aspect-ratio:16/9 !important; border-radius:14px;}
  .ytm-pricing-bonus-image{aspect-ratio:4/3 !important; border-radius:16px;}
  .ytm-best-value-badge{top:14px;right:14px;min-height:28px;padding:6px 10px;font-size:.62rem;}
  .ytm-header .ytm-original-brand-logo{width:170px;max-height:38px;}
}


/* ============ OFFICIAL LOGO ON EVERY PAGE (header + mobile menu) ============
   The header/menu markup on inner pages still outputs the old logo. These
   rules replace whatever is inside the logo link with the official icon +
   white wordmark, site-wide, without depending on page-specific JavaScript. */
.ytm-header .ytm-logo,
.ytm-mobile-menu-top .ytm-logo{
  display:inline-flex; align-items:center; gap:10px;
  font-size:0; line-height:0; color:transparent;
}
.ytm-header .ytm-logo > *,
.ytm-mobile-menu-top .ytm-logo > *{ display:none !important; }
.ytm-header .ytm-logo::before,
.ytm-mobile-menu-top .ytm-logo::before{
  content:''; flex-shrink:0; width:40px; height:40px;
  background:url('assets/images/brand/ytmaxing-logo-icon.png') center/contain no-repeat;
}
.ytm-header .ytm-logo::after,
.ytm-mobile-menu-top .ytm-logo::after{
  content:''; flex-shrink:0; height:22px; width:157px;
  background:url('assets/images/brand/ytmaxing-logo-text-white.png') left center/contain no-repeat;
}
@media (max-width:480px){
  .ytm-header .ytm-logo::before,
  .ytm-mobile-menu-top .ytm-logo::before{ width:34px; height:34px; }
  .ytm-header .ytm-logo::after,
  .ytm-mobile-menu-top .ytm-logo::after{ height:19px; width:136px; }
}

/* =========================================================
   CLIENT UPDATE — 7 REQUESTED LANDING-PAGE REFINEMENTS
   Source: original supplied front-page.php / style.css / script.js only.
   ========================================================= */

/* 1) More Community Wins revenue strip: match the red Student bubble language,
      use a green achievement bubble, and keep the entire screenshot visible. */
.ytm-community-wins-strip-card{
  border:1px solid rgba(var(--red-rgb),.55) !important;
  border-radius:18px !important;
  background:#070707 !important;
}
.ytm-community-wins-strip-card img{
  object-fit:contain !important;
  object-position:center !important;
  background:#050505 !important;
  border-radius:12px !important;
}
.ytm-community-wins-strip-card .ytm-community-wins-name-bubble,
.ytm-community-wins-strip-card .ytm-community-wins-revenue-bubble{
  position:absolute;
  left:auto;
  right:auto;
  bottom:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:calc(100% - 18px);
  min-height:24px;
  padding:5px 9px;
  border-radius:8px;
  font-size:.56rem;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background:none;
  border:1px solid transparent;
  box-shadow:0 6px 16px rgba(0,0,0,.22);
}
.ytm-community-wins-strip-card .ytm-community-wins-name-bubble{
  left:9px;
  bottom:38px;
  color:#fff;
  background:rgba(var(--red-rgb),.92);
  border-color:rgba(255,255,255,.12);
}
.ytm-community-wins-strip-card .ytm-community-wins-revenue-bubble{
  right:9px;
  bottom:38px;
  color:#07140d;
  background:var(--green);
  border-color:rgba(255,255,255,.16);
}

/* 2 + 5) Top member feedback: center the three-card group on larger screens,
      while retaining the existing mobile layout and adding real manual drag
      to the infinite marquee. */
@media (min-width:900px){
  #community-member-results .ytm-community-grid{
    width:min(100%, 980px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
  }
  #community-wins .ytm-review-marquee{
    width:min(100%, 980px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:hidden !important;
    cursor:grab;
  }
  #community-wins .ytm-review-marquee.is-dragging{
    cursor:grabbing;
  }
  #community-wins .ytm-review-marquee .ytm-testimonial-card{
    flex-basis:310px !important;
    width:310px !important;
    min-height:250px;
  }
}
#community-wins .ytm-review-marquee{
  touch-action:pan-y;
}
#community-wins .ytm-review-marquee-track{
  user-select:none;
  -webkit-user-select:none;
}
#community-wins .ytm-review-marquee.is-dragging .ytm-testimonial-card{
  pointer-events:none;
}

/* 3) More Community Wins media: keep phone styling as-is, but use a centered
      3-column compact layout on tablet/desktop. The 16th item is desktop-only
      overflow and is hidden only above the mobile breakpoint. */
@media (min-width:768px){
  #community-member-results .ytm-community-wins-media-grid{
    width:min(100%, 1000px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
  }
  #community-member-results .ytm-community-wins-media-card{
    aspect-ratio:4/5 !important;
    border-radius:18px !important;
  }
  #community-member-results .ytm-community-wins-video,
  #community-member-results .ytm-community-wins-photo{
    object-fit:contain !important;
    object-position:center !important;
    background:#050505 !important;
  }
  #community-member-results .ytm-community-wins-media-grid > :nth-child(16){
    display:none !important;
  }
}

/* 4) Your Solution / comparison: side-by-side on tablet and desktop;
      single-column behavior remains on phones. */
@media (min-width:768px){
  .ytm-comparison-grid-detailed{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px !important;
    max-width:1040px;
    margin-left:auto;
    margin-right:auto;
  }
}

/* 6) Meet Your Mentor life gallery: portrait container so the supplied
      portrait-oriented photos are shown fully instead of being cropped. */
.ytm-story-life-image{
  aspect-ratio:3/4 !important;
}
.ytm-story-life-image img{
  object-fit:contain !important;
  object-position:center !important;
  background:#090909;
}

/* 7) Exclusive Bonus: heading/badge comes before the artwork; the old
      overlaid label is no longer rendered by front-page.php. */
.ytm-pricing-bonuses-heading{
  order:1;
}
.ytm-pricing-bonus-image{
  order:2;
}
.ytm-pricing-bonus-grid,
.ytm-pricing-bonuses-note,
.ytm-pricing-bonus-value{
  position:relative;
  z-index:1;
}
.ytm-pricing-bonus-image span{
  display:none !important;
}
.ytm-pricing-bonus-image{
  margin-top:6px;
}

/* =========================================================
   CLIENT UPDATE — 3 MORE REFINEMENTS
   1) Community Wins revenue strip matches the top-member card language.
   2) Hero uses the supplied clean image + supplied sticker artwork at the
      same four positions as the old mobile hero screenshot.
   3) Hero benefit chips are decorative and must never pause on touch/hover.
   ========================================================= */

/* 1) Community Wins auto strip: image first, then two compact bubbles below it.
   Do not place the labels over the screenshot itself. */
#community-member-results .ytm-community-wins-strip-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  gap:0 !important;
  border:1px solid rgba(var(--red-rgb),.58) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#070707 !important;
}
#community-member-results .ytm-community-wins-strip-card img{
  position:relative !important;
  inset:auto !important;
  flex:0 0 auto !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  background:#050505 !important;
  border:0 !important;
  border-radius:0 !important;
}
#community-member-results .ytm-community-wins-strip-card .ytm-community-wins-name-bubble,
#community-member-results .ytm-community-wins-strip-card .ytm-community-wins-revenue-bubble{
  position:static !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:none !important;
  min-height:31px !important;
  margin:8px 8px 0 !important;
  padding:6px 10px !important;
  border-radius:8px !important;
  font-size:.62rem !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-shadow:none !important;
}
#community-member-results .ytm-community-wins-strip-card .ytm-community-wins-name-bubble{
  align-self:flex-start !important;
  color:#fff !important;
  background:rgba(var(--red-rgb),.95) !important;
  border:1px solid rgba(255,255,255,.13) !important;
}
#community-member-results .ytm-community-wins-strip-card .ytm-community-wins-revenue-bubble{
  align-self:flex-end !important;
  margin-top:6px !important;
  margin-bottom:9px !important;
  color:#06150c !important;
  background:var(--green) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
@media (max-width:767px){
  #community-member-results .ytm-community-wins-strip-card{
    flex-basis:220px !important;
    width:220px !important;
  }
}

/* 2) Hero: stickers are positioned against the actual hero image, not the
   surrounding grid. No scaleY distortion and no black sticker background. */
.ytm-hero-video{
  overflow:visible !important;
}
.ytm-hero-video-poster{
  overflow:hidden !important;
}
.ytm-hero-video-thumbnail{
  object-fit:cover !important;
  object-position:center !important;
}
.ytm-hero-video .ytm-float-sticker{
  width:clamp(72px,18%,150px) !important;
  height:auto !important;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  transform-origin:center center;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  z-index:8;
  animation:ytm-sticker-float-clean 5.8s ease-in-out infinite !important;
}
.ytm-hero-video .ytm-float-sticker-1{
  top:5% !important;
  left:2% !important;
  right:auto !important;
  bottom:auto !important;
  --ytm-sticker-rotate:-1.5deg;
  animation-delay:0s !important;
}
.ytm-hero-video .ytm-float-sticker-2{
  top:6% !important;
  right:2% !important;
  left:auto !important;
  bottom:auto !important;
  --ytm-sticker-rotate:1.5deg;
  animation-delay:1.2s !important;
}
.ytm-hero-video .ytm-float-sticker-3{
  bottom:5% !important;
  left:2% !important;
  top:auto !important;
  right:auto !important;
  --ytm-sticker-rotate:-2deg;
  animation-delay:2.4s !important;
}
.ytm-hero-video .ytm-float-sticker-4{
  bottom:5% !important;
  right:2% !important;
  top:auto !important;
  left:auto !important;
  --ytm-sticker-rotate:2deg;
  animation-delay:3.6s !important;
}
@keyframes ytm-sticker-float-clean{
  0%,100%{transform:translate3d(0,0,0) rotate(var(--ytm-sticker-rotate,0deg));}
  50%{transform:translate3d(0,-6px,0) rotate(var(--ytm-sticker-rotate,0deg));}
}
@media (max-width:539px){
  .ytm-hero-video .ytm-float-sticker{ width:18% !important; min-width:68px; max-width:96px; }
}
@media (prefers-reduced-motion:reduce){
  .ytm-hero-video .ytm-float-sticker{ animation:none !important; }
}

/* 3) The benefit strip immediately below the hero is decorative. It must
   remain in motion while the user touches or hovers over it. */
.ytm-hero-benefits,
.ytm-hero-benefits .ytm-marquee-track{
  touch-action:pan-y !important;
  pointer-events:none !important;
}
.ytm-hero-benefits .ytm-marquee-track{
  animation-play-state:running !important;
}

/* ==========================================================================
   MEMBER DASHBOARD — sticky Menu + Account buttons (mobile / tablet, ≤900px)
   The buttons stay pinned at the exact spot they occupy at the top of the
   page, right under the header. Pinning is toggled by a small script at the
   bottom of dashboard.php (.is-stuck), which also fills in the --ytmx-*
   variables below. Nothing above this block was changed.
   ========================================================================== */
.ytmx-mobile-toolbar-placeholder{ height:0; margin:0; padding:0; pointer-events:none; }
@media (max-width:900px){
  .ytmx-mobile-toolbar.is-stuck{
    position:fixed;
    top:var(--ytmx-toolbar-top,102px);
    left:var(--ytmx-toolbar-left,10px);
    width:var(--ytmx-toolbar-width,calc(100% - 20px));
    margin:0;
    z-index:18; /* above page content, below the open sidebar (20) and its dim overlay (19) */
  }
  /* Frosted backing so scrolling content never shows through the buttons */
  .ytmx-mobile-toolbar.is-stuck::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:calc(var(--ytmx-toolbar-top,102px) * -1);
    bottom:-10px;
    left:calc(var(--ytmx-toolbar-left,10px) * -1);
    width:100vw;
    background:rgba(4,8,13,.92);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  /* Menu links jump to #sections: stop the titles landing under the pinned header + buttons */
  .ytmx-member-content [id]{ scroll-margin-top:var(--ytmx-sticky-offset,172px) !important; }
}

/* Dashboard (mobile/tablet): logged-in admin view had an extra ~174px top padding
   (admin-bar rule). Use the same small top padding as the normal member view. */
@media (max-width:900px){
  body.admin-bar .ytmx-member-content{ padding-top:4px; }
}


/* ==========================================================================
   LANDING PAGE UPDATE — 5 fixes (appended last so it wins over earlier layers)
   1) Hero: clean thumbnail + four floating stickers layered on top
   2) Community stats: Active Creators = yellow, Revenue Generated = green
   3) (markup only) Why Join YTMAXING cards restored to four
   4) Pricing → FAQ: big outer box removed
   5) More Community Wins strip: cards match the top-member testimonial card
   ========================================================================== */

/* ---------- 1) HERO STICKERS ----------
   Stickers now live inside .ytm-hero-video, so top/left/right are % of the
   thumbnail itself. Tweak the four positions/sizes right here if needed.   */
.ytm-hero-visual .ytm-hero-video .ytm-float-sticker{
  position:absolute !important;
  display:block !important;
  height:auto !important;
  min-width:0 !important;
  max-width:none !important;
  opacity:1 !important;
  z-index:8 !important;
  pointer-events:none !important;
  transform-origin:center center;
  will-change:transform;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.35)) !important;
  border-radius:8px !important;   /* rounded sticker corners — 5px = subtle, 20px = very round */
  overflow:hidden;
}
/* 1 · ₹1.3M — right, upper */
.ytm-hero-visual .ytm-hero-video .ytm-float-sticker-1{
  width:20% !important; top:41% !important; right:3% !important; left:auto !important; bottom:auto !important;
  --ytm-sticker-rotate:3deg;
  animation:ytm-sticker-drift-a 5.6s ease-in-out infinite !important; animation-delay:-1.1s !important;
}
/* 2 · ₹781K — left, upper */
.ytm-hero-visual .ytm-hero-video .ytm-float-sticker-2{
  width:19% !important; top:40% !important; left:3% !important; right:auto !important; bottom:auto !important;
  --ytm-sticker-rotate:-3deg;
  animation:ytm-sticker-drift-b 6.2s ease-in-out infinite !important; animation-delay:-2.4s !important;
}
/* 3 · Super Chat — left, lower */
.ytm-hero-visual .ytm-hero-video .ytm-float-sticker-3{
  width:26% !important; top:58% !important; left:3% !important; right:auto !important; bottom:auto !important;
  --ytm-sticker-rotate:-2deg;
  animation:ytm-sticker-drift-b 5.9s ease-in-out infinite !important; animation-delay:-.4s !important;
}
/* 4 · Highlighted comment — right, lower */
.ytm-hero-visual .ytm-hero-video .ytm-float-sticker-4{
  width:27% !important; top:61% !important; right:2% !important; left:auto !important; bottom:auto !important;
  --ytm-sticker-rotate:2deg;
  animation:ytm-sticker-drift-a 6.6s ease-in-out infinite !important; animation-delay:-3.2s !important;
}
@keyframes ytm-sticker-drift-a{
  0%,100%{ transform:translate3d(0,0,0) rotate(var(--ytm-sticker-rotate,0deg)); }
  33%    { transform:translate3d(3px,-8px,0) rotate(calc(var(--ytm-sticker-rotate,0deg) + 1.2deg)); }
  66%    { transform:translate3d(-3px,-3px,0) rotate(calc(var(--ytm-sticker-rotate,0deg) - .8deg)); }
}
@keyframes ytm-sticker-drift-b{
  0%,100%{ transform:translate3d(0,0,0) rotate(var(--ytm-sticker-rotate,0deg)); }
  40%    { transform:translate3d(-3px,-9px,0) rotate(calc(var(--ytm-sticker-rotate,0deg) - 1.2deg)); }
  75%    { transform:translate3d(3px,-3px,0) rotate(calc(var(--ytm-sticker-rotate,0deg) + .8deg)); }
}
@media (prefers-reduced-motion:reduce){
  .ytm-hero-visual .ytm-hero-video .ytm-float-sticker{ animation:none !important; }
}

/* ---------- 2) COMMUNITY STATS COLOURS ----------
   Active Creators now uses the gold badge; Revenue Generated gets a green one. */
.ytm-stat-card .ytm-icon-badge.ytm-icon-badge-green{
  border-color:rgba(53,211,122,.6);
  background:radial-gradient(circle at 50% 45%, rgba(53,211,122,.22), rgba(6,6,6,.55) 72%);
  box-shadow:0 0 22px rgba(53,211,122,.4), 0 0 46px rgba(53,211,122,.22), inset 0 0 12px rgba(53,211,122,.14);
  color:#35d37a;
}
.ytm-stat-value.ytm-stat-value-green{ color:#35d37a; }

/* ---------- 4) PRICING → FAQ: remove the big outer box ----------
   (The HTML bug that made it wrap every later section is fixed in front-page.php;
   this also strips the border / background / glow from what is left.) */
.ytm-pricing-section .ytm-pricing-box{
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
.ytm-pricing-section .ytm-pricing-box::before{ display:none !important; }

/* ---------- 5) MORE COMMUNITY WINS — same look as the top-member video cards ----------
   Padded dark card with a red border → portrait image area → one row of pill bubbles
   (red pill = member name, green pill = revenue), left-aligned like "Student / 1.2M Subscribers". */
#community-member-results .ytm-community-wins-strip-card{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  align-content:flex-start !important;
  gap:7px !important;
  height:auto !important;
  min-height:0 !important;
  padding:14px !important;
  border:1px solid rgba(var(--red-rgb),.55) !important;
  border-radius:18px !important;
  background:var(--card, #0e0e0e) !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
#community-member-results .ytm-community-wins-strip-card:hover{
  border:1px solid rgba(var(--red-rgb),.75) !important;
}
#community-member-results .ytm-community-wins-strip-card img{
  flex:0 0 100% !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#050505 !important;
  border-radius:12px !important;
  margin:0 0 5px !important;
}
#community-member-results .ytm-community-wins-strip-card .ytm-community-wins-name-bubble,
#community-member-results .ytm-community-wins-strip-card .ytm-community-wins-revenue-bubble{
  position:static !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  width:auto !important;
  max-width:100% !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:.58rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-shadow:none !important;
  background-image:none !important;
}
#community-member-results .ytm-community-wins-strip-card .ytm-community-wins-name-bubble{
  color:#fff !important;
  background:var(--red) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
#community-member-results .ytm-community-wins-strip-card .ytm-community-wins-revenue-bubble{
  color:#06150c !important;
  background:var(--green) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}


/* ==========================================================================
   OCTOBER UPDATE — scoped refinements (appended last so it wins over earlier
   layers; every rule below maps to one item in the owner's update brief).
   ========================================================================== */

/* ---------- Hero ---------- */
/* Heading "Profitable" upright like the other headings (wording unchanged). */
.ytm-hero-headline em{ font-style:normal; }

/* Main visual: a little larger, slightly smaller corner radius, sits a bit higher. */
.ytm-hero-video{ border-radius:22px; }
@media (min-width:900px){
  .ytm-hero-grid{ grid-template-columns:minmax(0,.92fr) minmax(0,1.16fr); gap:44px; }
}
@media (min-width:1024px){ .ytm-hero{ padding-top:116px; } }
@media (max-width:899px){
  .ytm-hero-visual{ width:calc(100% + 16px); margin-left:-8px; margin-right:-8px; margin-bottom:24px; }
}
/* Primary hero button must never be clipped on narrow phones. */
.ytm-hero-actions .ytm-btn{ max-width:100%; }

/* Floating labels: sit slightly outside the visual's edge on tablet/desktop
   (same gentle drift animation as before). Phones keep the contained layout. */
@media (min-width:768px){
  .ytm-hero-visual .ytm-hero-video .ytm-float-sticker-1,
  .ytm-hero-visual .ytm-hero-video .ytm-float-sticker-4{ right:-3% !important; left:auto !important; }
  .ytm-hero-visual .ytm-hero-video .ytm-float-sticker-2,
  .ytm-hero-visual .ytm-hero-video .ytm-float-sticker-3{ left:-3% !important; right:auto !important; }
}

/* Glowing dots (result captions): soft, slow glow — no layout shift. */
.ytm-result-glow-dot{
  pointer-events:none;
  animation:ytm-dot-glow 2.8s ease-in-out infinite;
}
@keyframes ytm-dot-glow{
  0%,100%{ box-shadow:0 0 5px rgba(var(--red-rgb),.75), 0 0 11px rgba(var(--red-rgb),.4); }
  50%    { box-shadow:0 0 8px rgba(var(--red-rgb),1),   0 0 18px rgba(var(--red-rgb),.7); }
}
@media (prefers-reduced-motion:reduce){ .ytm-result-glow-dot{ animation:none; } }

/* ---------- Selective section contrast ----------
   A fine red line + a barely lighter dark surface on a few sections only. */
#struggle,
#community-wins,
#who-this-is-for{
  background:
    linear-gradient(90deg,transparent,rgba(var(--red-rgb),.55),transparent) center top / min(560px,72%) 1px no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008));
}
.ytm-pricing-section{
  background:linear-gradient(90deg,transparent,rgba(var(--red-rgb),.55),transparent) center top / min(560px,72%) 1px no-repeat;
}
/* Feedback section: extra soft red tint behind the cards. */
#community-wins{
  background:
    linear-gradient(90deg,transparent,rgba(var(--red-rgb),.55),transparent) center top / min(560px,72%) 1px no-repeat,
    radial-gradient(ellipse at 50% 42%,rgba(var(--red-rgb),.075),transparent 64%),
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008));
}

/* ---------- Arrow CTAs ---------- */
.ytm-struggle-cta,
.ytm-take-action-cta{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
}

/* ---------- "Take Action Now" (feedback section) ---------- */
.ytm-take-action-wrap{ display:flex; justify-content:center; margin-top:20px; }
.ytm-take-action-cta{ min-width:220px; max-width:100%; }
@media (max-width:767px){
  #community-wins{ padding-bottom:44px; }
  #community-wins .ytm-community-closing-line{ margin-top:20px; }
  .ytm-take-action-wrap{ margin-top:16px; }
}

/* ---------- Why Join YTMAXING — cards reuse the Exclusive Bonus box gradient ---------- */
.ytm-why-join-card{
  border:1px solid rgba(var(--red-rgb),.22);
  background:
    radial-gradient(circle at 50% 0%,rgba(var(--red-rgb),.14),transparent 52%),
    linear-gradient(180deg,rgba(var(--red-rgb),.06),rgba(255,255,255,.018));
  box-shadow:0 18px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
}
.ytm-why-join-card:hover{
  border-color:rgba(var(--red-rgb),.42);
  background:
    radial-gradient(circle at 50% 0%,rgba(var(--red-rgb),.18),transparent 54%),
    linear-gradient(180deg,rgba(var(--red-rgb),.08),rgba(255,255,255,.024));
}

/* ---------- Member review cards: soft red surface, light edge ---------- */
.ytm-review-community-card{
  border-color:rgba(var(--red-rgb),.18);
  background:
    radial-gradient(circle at 50% 0%,rgba(var(--red-rgb),.10),transparent 55%),
    linear-gradient(180deg,rgba(var(--red-rgb),.045),rgba(255,255,255,.015));
}

/* ---------- Community screenshots: no frame, radius sits on the image ---------- */
/* Soft red glow behind the whole results area (not a border around images). */
#community-member-results.ytm-community-members-section{
  background:radial-gradient(ellipse at 50% 46%,rgba(var(--red-rgb),.07),transparent 62%);
}
/* Scrolling strip */
#community-member-results .ytm-community-wins-strip-card,
#community-member-results .ytm-community-wins-strip-card:hover{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#community-member-results .ytm-community-wins-strip-card img{
  background:transparent !important;
  border-radius:18px !important;
  margin-bottom:8px !important;
}
/* Photo / video grid below the strip */
#community-member-results .ytm-community-wins-media-card,
#community-member-results .ytm-community-wins-media-card:hover{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#community-member-results .ytm-community-wins-video{ border-radius:18px; }
#community-member-results .ytm-community-wins-media-grid{ align-items:start; }
#community-member-results .ytm-community-wins-photo-card{
  aspect-ratio:auto !important;
  height:auto;
  overflow:visible;
  border-radius:0 !important;
}
#community-member-results .ytm-community-wins-photo{
  height:auto !important;
  object-fit:initial !important;
  background:transparent !important;
  border-radius:18px !important;
}
@media (max-width:899px){
  #community-member-results .ytm-community-wins-photo,
  #community-member-results .ytm-community-wins-video,
  #community-member-results .ytm-community-wins-strip-card img{ border-radius:16px !important; }
}

/* ---------- Exclusive Bonus: tighter gap above the box (box itself unchanged) ---------- */
.ytm-pricing-bonuses-section{ padding-top:0; }
.ytm-pricing-bonuses-section .ytm-pricing-bonuses{ margin-top:20px; }

/* =========================================================
   UPDATE: Calculator + Pricing + Day One polish
   ========================================================= */

/* 1. "Potential Earnings" badge — light red gradient like other section badges */
.ytm-calculator-section .ytm-calculator-badge-wrap .ytm-calculator-badge{
  color:var(--red);
  border:1px solid rgba(var(--red-rgb),.48);
  background:linear-gradient(135deg, rgba(var(--red-rgb),.22), rgba(var(--red-rgb),.07));
  box-shadow:0 10px 34px rgba(var(--red-rgb),.12), inset 0 1px 0 rgba(255,255,255,.05);
  font-weight:800;
  letter-spacing:.14em;
}

/* 2. USA result card — same orbiting light border as the buttons */
.ytm-calculator-result-usa{ position:relative; isolation:isolate; }
.ytm-calculator-result-usa::before,
.ytm-calculator-result-usa::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:conic-gradient(from var(--ytm-cta-angle),
    transparent 0deg,
    transparent 250deg,
    rgba(255,255,255,.10) 285deg,
    rgba(255,255,255,.55) 320deg,
    #fff 346deg,
    transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:ytm-cta-orbit 2.6s linear infinite;
}
.ytm-calculator-result-usa::after{ padding:2px; }
.ytm-calculator-result-usa::before{ padding:4px; filter:blur(3px); opacity:.8; }
.ytm-calculator-result-usa > *{ position:relative; z-index:1; }
@media (prefers-reduced-motion:reduce){
  .ytm-calculator-result-usa::before,
  .ytm-calculator-result-usa::after{ animation:none; }
}

/* 3. Calculator CTA — only as wide as its text */
.ytm-calculator-shell .ytm-calculator-cta{
  display:flex;
  width:fit-content !important;
  max-width:100%;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 4. Pricing cards */
.ytm-pricing-section .ytm-pricing-card .ytm-btn,
.ytm-pricing-section .ytm-pricing-card .ytm-btn-block{
  display:flex;
  width:fit-content !important;
  max-width:100%;
  margin-left:auto !important;
  margin-right:auto !important;
}
.ytm-pricing-desktop-card .ytm-btn{ margin-top:auto; }
.ytm-pricing-desktop-card .ytm-pricing-features{ margin-bottom:26px; }
/* Centered plan headings */
.ytm-pricing-desktop-card .ytm-pricing-desktop-plan-heading{ align-items:center; text-align:center; }
.ytm-pricing-desktop-plan-heading span,
.ytm-pricing-desktop-plan-heading strong{ text-align:center; }
/* Badge sits on the plan artwork (top-right), never an empty dot */
.ytm-best-value-badge[hidden]{ display:none !important; }
/* Plan artwork on desktop cards */
.ytm-pricing-desktop-card .ytm-pricing-plan-image{ display:flex !important; margin-bottom:20px; }

/* 5. Day One → One Day — remove the blank gap before the final CTA */
#vision.ytm-section{ padding-bottom:0; }
#vision .ytm-journey{ margin-bottom:14px; }
#vision .ytm-journey-disclaimer{ margin-bottom:0; }
#final-cta.ytm-section{ padding-top:0; padding-bottom:56px; }
#final-cta .ytm-faq-cta{ margin-top:28px; }

/* =========================================================
   PC-ONLY UPDATES (min-width:901px) — phones keep their layout
   ========================================================= */
@media (min-width:901px){

  /* 1. Trusted creators: bigger avatars, stacked vertically, centered */
  .ytm-stats-top{ flex-direction:column; justify-content:center; align-items:center; gap:18px; }
  .ytm-avatar-stack{ justify-content:center; }
  .ytm-avatar{ width:92px; height:92px; flex:0 0 92px; margin-left:-16px; border-width:3px; }
  .ytm-avatar:first-child{ margin-left:0; }
  .ytm-avatar-count{ font-size:1.05rem; }
  .ytm-trusted-copy{ font-size:1.05rem; text-align:center; }

  /* 2. Real results carousel: bigger arrows */
  .ytm-carousel-arrow{ width:68px; height:68px; }
  .ytm-carousel-arrow svg{ width:30px; height:30px; }
  .ytm-carousel-arrow-prev{ left:-34px; }
  .ytm-carousel-arrow-next{ right:-34px; }

  /* 3. Biggest problem: two columns to shorten the section */
  #struggle .ytm-checklist{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    max-width:980px;
    align-items:start;
  }
  #struggle .ytm-problem-item:last-child:nth-child(odd){
    grid-column:1 / -1;
    width:calc(50% - 7px);
    justify-self:center;
  }

  /* 4. Solution: logo in place of the YTMAXING text + a centre divider */
  .ytm-comparison-heading-logo{ display:flex; align-items:center; line-height:0; }
  .ytm-comparison-heading-logo img{ display:block; height:26px; width:auto; }
  .ytm-comparison-grid-detailed{ gap:0; position:relative; }
  .ytm-comparison-grid-detailed::before{
    content:''; position:absolute; top:18px; bottom:18px; left:50%; width:2px; transform:translateX(-50%);
    background:linear-gradient(180deg,transparent,rgba(var(--red-rgb),.8),transparent);
    z-index:2; pointer-events:none;
  }
  .ytm-comparison-col-standard{ border-radius:var(--radius-lg) 0 0 var(--radius-lg); border-right:0; }
  .ytm-comparison-col-highlight{ border-radius:0 var(--radius-lg) var(--radius-lg) 0; border-left:0; }

  /* 6. More Community Wins strip: no gaps, no wobble, gradient chips */
  #community-member-results .ytm-community-wins-strip-track{ gap:0 !important; }
  #community-member-results .ytm-community-wins-strip-card{ animation:none !important; transform:none !important; }
  #community-member-results .ytm-community-wins-strip-card:hover{ transform:none !important; }
  #community-member-results .ytm-community-wins-strip-card img{ border-radius:0 !important; margin-bottom:8px !important; }
  #community-member-results .ytm-community-wins-strip-card .ytm-community-wins-name-bubble{
    background:linear-gradient(135deg,rgba(var(--red-rgb),.55),rgba(var(--red-rgb),.18)) !important;
    border:1px solid rgba(var(--red-rgb),.6) !important;
    color:#fff !important;
  }
  #community-member-results .ytm-community-wins-strip-card .ytm-community-wins-revenue-bubble{
    background:linear-gradient(135deg,rgba(53,211,122,.6),rgba(53,211,122,.2)) !important;
    border:1px solid rgba(75,225,139,.6) !important;
    color:#eafff2 !important;
  }

  /* 7. Photos / videos under it: equal-size cards */
  #community-member-results .ytm-community-wins-media-grid{ align-items:stretch; }
  #community-member-results .ytm-community-wins-media-card,
  #community-member-results .ytm-community-wins-photo-card{
    aspect-ratio:9/16 !important;
    height:auto;
    overflow:hidden !important;
    border-radius:18px !important;
  }
  #community-member-results .ytm-community-wins-photo{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:18px !important;
  }
}

/* 8. Why Join: gradient lives inside the boxes only, never on the section */
#why-join-ytmaxing,
#why-join-ytmaxing::before,
#why-join-ytmaxing::after{ background:none !important; }
@media (min-width:1024px){
  .ytm-why-join-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* ---- Top member videos: visible pause control while playing ---- */
.ytm-top-member-play.is-hidden{ opacity:1; pointer-events:auto; }
.ytm-top-member-play.is-playing{
  left:auto; right:10px; top:10px;
  width:40px; height:40px;
  transform:none;
  padding:0;
  font-size:.8rem; letter-spacing:-.1em;
  background:rgba(8,8,8,.62);
  border:1px solid rgba(255,255,255,.28);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  opacity:.9;
}
.ytm-top-member-play.is-playing:hover{ transform:scale(1.08); background:var(--red); opacity:1; }

/* ---- Your Solution: YTMAXING on the right of "Most YouTube Courses" ---- */
@media (min-width:768px){
  .ytm-comparison-section .ytm-comparison-grid-detailed{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-auto-flow:row !important;
    gap:0 !important;
    align-items:stretch !important;
    max-width:1040px;
    margin:28px auto 0;
    position:relative;
    border-radius:var(--radius-lg);
    box-shadow:0 24px 70px rgba(0,0,0,.28);
  }
  .ytm-comparison-section .ytm-comparison-col-standard{
    grid-column:1; grid-row:1;
    border-radius:var(--radius-lg) 0 0 var(--radius-lg);
    border-right:0;
  }
  .ytm-comparison-section .ytm-comparison-col-highlight{
    grid-column:2; grid-row:1;
    border-radius:0 var(--radius-lg) var(--radius-lg) 0;
    border-left:0;
    box-shadow:none;
  }
  .ytm-comparison-section .ytm-comparison-col{ padding:36px 34px; opacity:1; transform:none; }
  .ytm-comparison-section .ytm-comparison-grid-detailed::before{
    content:''; position:absolute; top:22px; bottom:22px; left:50%; width:2px;
    transform:translateX(-50%); z-index:2; pointer-events:none;
    background:linear-gradient(180deg,transparent,rgba(var(--red-rgb),.85),transparent);
  }
  .ytm-comparison-section .ytm-comparison-grid-detailed::after{
    content:'VS'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    z-index:3; width:46px; height:46px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:.78rem; font-weight:900; letter-spacing:.06em; color:#fff;
    background:linear-gradient(135deg,var(--red),var(--red-dark));
    border:3px solid #0b0b0b; box-shadow:0 8px 26px rgba(var(--red-rgb),.4);
  }
  .ytm-comparison-heading-wrap{ min-height:44px; }
  .ytm-comparison-list li{ padding:14px 0; }
}

/* ---- Top member videos: YouTube-style centered play/pause ---- */
.ytm-top-member-play.is-playing{
  left:50%; right:auto; top:50%;
  width:68px; height:68px;
  transform:translate(-50%,-50%);
  font-size:1.1rem; letter-spacing:-.1em;
  background:var(--red);
  border:0;
  box-shadow:0 10px 30px rgba(var(--red-rgb),.34);
  opacity:0; pointer-events:none;
  transition:opacity .25s var(--ease), transform .2s var(--ease);
}
.ytm-top-member-video-wrap.show-controls .ytm-top-member-play.is-playing{ opacity:1; pointer-events:auto; }
@media (hover:hover){
  .ytm-top-member-video-wrap:hover .ytm-top-member-play.is-playing{ opacity:1; pointer-events:auto; }
}
.ytm-top-member-play.is-playing:hover{ transform:translate(-50%,-50%) scale(1.05); background:var(--red); }

/* ---- More Community Wins strip: filled, rounded photos, tight spacing ---- */
#community-member-results .ytm-community-wins-strip-track{ gap:10px !important; }
#community-member-results .ytm-community-wins-strip-card{
  flex:0 0 220px !important;
  width:220px !important;
  height:auto !important;
}
#community-member-results .ytm-community-wins-strip-card img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  object-fit:cover !important;
  object-position:center top !important;
  border-radius:18px !important;
  margin:0 0 8px !important;
  background:transparent !important;
}
@media (max-width:640px){
  #community-member-results .ytm-community-wins-strip-card{ flex-basis:170px !important; width:170px !important; }
}

/* ---- Top member videos: custom controls (all fade together) ---- */
.ytm-top-member-play{ display:none !important; }
.ytm-tmv-ui{
  position:absolute; inset:0; z-index:4;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.65));
  opacity:0; pointer-events:auto;
  transition:opacity .25s var(--ease);
  -webkit-tap-highlight-color:transparent;
}
.ytm-top-member-video-wrap.tmv-show .ytm-tmv-ui{ opacity:1; }
.ytm-top-member-video-wrap:not(.tmv-show) .ytm-tmv-center,
.ytm-top-member-video-wrap:not(.tmv-show) .ytm-tmv-bar{ pointer-events:none; }
.ytm-tmv-center{
  width:68px; height:68px; border:0; border-radius:50%; padding:0;
  display:flex; align-items:center; justify-content:center;
  color:#fff; background:var(--red);
  box-shadow:0 10px 30px rgba(var(--red-rgb),.34);
  transition:transform .2s var(--ease);
}
.ytm-tmv-center:hover{ transform:scale(1.06); }
.ytm-tmv-bar{
  position:absolute; left:0; right:0; bottom:0;
  display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:4px 6px;
  padding:0 10px 10px; color:#fff;
}
.ytm-tmv-time{ font-size:.78rem; font-weight:700; text-shadow:0 1px 3px rgba(0,0,0,.7); }
.ytm-tmv-mute,.ytm-tmv-full{
  width:34px; height:34px; border:0; padding:0; background:transparent; color:#fff;
  display:flex; align-items:center; justify-content:center; border-radius:50%;
}
.ytm-tmv-seek{
  grid-column:1 / -1; width:100%; height:18px; margin:0; background:transparent;
  -webkit-appearance:none; appearance:none; cursor:pointer;
  --tmv-fill:0%;
}
.ytm-tmv-seek::-webkit-slider-runnable-track{
  height:4px; border-radius:4px;
  background:linear-gradient(90deg,var(--red) var(--tmv-fill),rgba(255,255,255,.3) var(--tmv-fill));
}
.ytm-tmv-seek::-moz-range-track{ height:4px; border-radius:4px; background:rgba(255,255,255,.3); }
.ytm-tmv-seek::-moz-range-progress{ height:4px; border-radius:4px; background:var(--red); }
.ytm-tmv-seek::-webkit-slider-thumb{
  -webkit-appearance:none; width:14px; height:14px; margin-top:-5px; border-radius:50%;
  background:#fff; border:0; box-shadow:0 0 0 3px rgba(var(--red-rgb),.35);
}
.ytm-tmv-seek::-moz-range-thumb{ width:14px; height:14px; border-radius:50%; background:#fff; border:0; }