.hero-high-ticket-glow {
          display: grid;
          grid-template-columns: 1.1fr 0.9fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
        }
        .hero-high-ticket-glow.inverted {
          grid-template-columns: 0.9fr 1.1fr;
        }
        .hero-high-ticket-glow.inverted > .high-ticket-text-column {
          order: 2;
        }
        .hero-high-ticket-glow.inverted > .high-ticket-visual-column {
          order: 1;
        }
        .high-ticket-pill-badge {
          display: inline-block;
          border: 1px solid var(--color-primary);
          color: var(--color-primary);
          font-size: 0.72rem;
          font-weight: 800;
          text-transform: uppercase;
          padding: 0.35rem 0.85rem;
          border-radius: 99px;
          letter-spacing: 0.08em;
          width: fit-content;
          margin-bottom: 0.5rem;
          background: rgba(var(--color-primary-rgb, 241, 30, 170), 0.08);
          box-shadow: 0 0 15px rgba(var(--color-primary-rgb, 241, 30, 170), 0.1);
        }
        .high-ticket-headline {
          font-size: clamp(2.2rem, 4.5vw, 4rem);
          line-height: 1.05;
          margin: 0;
          font-weight: 900;
          text-transform: uppercase;
          letter-spacing: -0.03em;
        }
        .high-ticket-subline {
          margin: 0;
          max-width: 540px;
          font-size: clamp(0.95rem, 1.2vw, 1.1rem);
          line-height: 1.6;
          color: var(--color-text-muted, rgba(255, 255, 255, 0.7));
        }
        .high-ticket-visual-wrapper {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .high-ticket-glow-radial {
          position: absolute;
          width: 380px;
          height: 380px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(var(--color-primary-rgb, 241, 30, 170), 0.28) 0%, rgba(var(--color-primary-rgb, 241, 30, 170), 0.08) 50%, transparent 70%);
          filter: blur(50px);
          z-index: 1;
        }
        .high-ticket-mockup-container {
          position: relative;
          z-index: 2;
          width: 100%;
          max-width: 380px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .high-ticket-main-image {
          width: 100%;
          height: auto;
          border-radius: 16px;
          box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(var(--color-primary-rgb, 241, 30, 170), 0.15);
          border: 1px solid rgba(255, 255, 255, 0.08);
          object-fit: cover;
          max-height: 480px;
        }
        .high-ticket-floating-badge {
          position: absolute;
          top: 5%;
          right: -5%;
          background: var(--color-primary);
          color: #ffffff;
          font-size: 0.72rem;
          font-weight: 800;
          text-transform: uppercase;
          padding: 0.45rem 1rem;
          border-radius: 99px;
          box-shadow: 0 8px 20px rgba(var(--color-primary-rgb, 241, 30, 170), 0.4), 0 0 15px rgba(255, 255, 255, 0.2);
          transform: rotate(8deg);
          z-index: 3;
          letter-spacing: 0.05em;
        }
        .high-ticket-text-column {
          display: flex;
          flex-direction: column;
          gap: 1.5rem;
        }
        @media (max-width: 768px) {
          .hero-high-ticket-glow, .hero-high-ticket-glow.inverted {
            grid-template-columns: 1fr !important;
            gap: 2.5rem;
            text-align: center;
          }
          .hero-high-ticket-glow.inverted > .high-ticket-text-column {
            order: 1;
          }
          .hero-high-ticket-glow.inverted > .high-ticket-visual-column {
            order: 2;
          }
          .high-ticket-text-column {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box;
          }
          .high-ticket-headline {
            font-size: clamp(1.8rem, 6vw, 2.5rem) !important;
            word-wrap: break-word;
            overflow-wrap: break-word;
          }
          .high-ticket-mockup-container {
            max-width: 100% !important;
            padding: 0 1rem;
            box-sizing: border-box;
          }
          .high-ticket-glow-radial {
            width: 280px !important;
            height: 280px !important;
          }
          .high-ticket-pill-badge {
            margin: 0 auto;
          }
          .high-ticket-subline {
            margin: 0 auto;
          }
          .high-ticket-cta-container {
            align-items: center !important;
          }
          .high-ticket-floating-badge {
            right: 5%;
          }
        }
      


        .hero-expert-direct-response {
          display: grid;
          grid-template-columns: 1.1fr 0.9fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
        }
        .expert-glow-backdrop {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .expert-neon-radial {
          position: absolute;
          width: 350px;
          height: 350px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(239, 68, 68, 0.25) 0%, rgba(249, 115, 22, 0.15) 50%, transparent 70%);
          filter: blur(60px);
          z-index: 1;
        }
        .expert-frame {
          position: relative;
          z-index: 2;
          width: 100%;
          max-width: 360px;
          border-radius: 24px;
          overflow: hidden;
          box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
          border: 1px solid rgba(255, 255, 255, 0.1);
          background: rgba(255, 255, 255, 0.03);
          backdrop-filter: blur(10px);
        }
        .expert-photo {
          width: 100%;
          height: auto;
          object-fit: cover;
          display: block;
        }
        .expert-footer-badge {
          background: rgba(0, 0, 0, 0.75);
          backdrop-filter: blur(5px);
          padding: 1rem;
          text-align: center;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        @media (max-width: 768px) {
          .hero-expert-direct-response {
            grid-template-columns: 1fr;
            gap: 2.5rem;
            text-align: center;
          }
          .hero-expert-direct-response .cta-container {
            align-items: center !important;
          }
        }
      


        .hero-expert-floating-proof {
          display: grid;
          grid-template-columns: 1.1fr 0.9fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
        }
        .proof-visual-hub {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .proof-glow-radial {
          position: absolute;
          width: 320px;
          height: 320px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(16, 185, 129, 0.2) 0%, transparent 70%);
          filter: blur(50px);
          z-index: 1;
        }
        .expert-card-center {
          position: relative;
          z-index: 2;
          width: 100%;
          max-width: 320px;
          border-radius: 20px;
          overflow: hidden;
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
          border: 1px solid rgba(255, 255, 255, 0.08);
          background: rgba(255, 255, 255, 0.02);
        }
        .expert-avatar-full {
          width: 100%;
          height: auto;
          object-fit: cover;
          display: block;
        }
        .floating-proof-widget {
          position: absolute;
          background: rgba(20, 20, 25, 0.85);
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(12px);
          border: 1.5px solid rgba(255, 255, 255, 0.1);
          border-radius: 14px;
          padding: 0.65rem 1rem;
          display: flex;
          align-items: center;
          gap: 0.75rem;
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
          z-index: 3;
          animation: floatProof 5s infinite ease-in-out;
        }
        .fp-widget-1 {
          top: 10%;
          left: -10%;
          animation-delay: 0s;
          border-color: rgba(39, 201, 63, 0.4);
        }
        .fp-widget-2 {
          bottom: 15%;
          right: -10%;
          animation-delay: 2.5s;
          border-color: rgba(251, 191, 36, 0.4);
        }
        .fp-icon-badge {
          width: 32px;
          height: 32px;
          border-radius: 50%;
          background: rgba(16, 185, 129, 0.15);
          color: #10B981;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.95rem;
        }
        .fp-widget-text {
          display: flex;
          flex-direction: column;
          text-align: left;
        }
        .fp-widget-title {
          font-size: 0.68rem;
          color: rgba(255, 255, 255, 0.5);
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.05em;
        }
        .fp-widget-val {
          font-size: 0.85rem;
          font-weight: 800;
          color: #ffffff;
        }
        @keyframes floatProof {
          0%, 100% { transform: translateY(0) scale(1); }
          50% { transform: translateY(-8px) scale(1.02); }
        }
        @media (max-width: 768px) {
          .hero-expert-floating-proof {
            grid-template-columns: 1fr;
            gap: 2.5rem;
            text-align: center;
          }
          .hero-expert-floating-proof .cta-container {
            align-items: center !important;
          }
          .fp-widget-1 { left: 2%; }
          .fp-widget-2 { right: 2%; }
        }
      


        .hero-expert-neon-minimal {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          gap: 2rem;
          max-width: 850px;
          margin: 0 auto;
          width: 100%;
        }
        .neon-glow-headline {
          font-size: clamp(2.2rem, 5.5vw, 3.8rem);
          line-height: 1.1;
          font-weight: 900;
          color: var(--color-text, #111827);
          letter-spacing: -0.02em;
          text-shadow: 0 0 15px rgba(var(--color-primary-rgb, 99, 102, 241), 0.1);
        }
        .dark .neon-glow-headline {
          color: #ffffff;
          text-shadow: 0 0 20px rgba(var(--color-primary-rgb, 99, 102, 241), 0.35);
        }
        .expert-horizontal-card {
          display: flex;
          align-items: center;
          gap: 1.75rem;
          background: var(--color-card-bg, rgba(255, 255, 255, 0.9));
          border: 1px solid var(--color-card-border, rgba(0, 0, 0, 0.08));
          border-radius: 20px;
          padding: 1.25rem 1.75rem;
          backdrop-filter: blur(12px);
          max-width: 580px;
          text-align: left;
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
          width: 100%;
        }
        .dark .expert-horizontal-card {
          background: rgba(255, 255, 255, 0.03);
          border: 1px solid rgba(255, 255, 255, 0.08);
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }
        .expert-small-avatar {
          width: 90px;
          height: 90px;
          border-radius: 50%;
          object-fit: cover;
          border: 3px solid var(--color-primary);
          flex-shrink: 0;
          box-shadow: 0 0 15px rgba(var(--color-primary-rgb, 99, 102, 241), 0.2);
        }
        .expert-card-name {
          font-weight: 800;
          font-size: 1.1rem;
          color: var(--color-text, #111827);
          display: flex;
          align-items: center;
          gap: 0.6rem;
        }
        .dark .expert-card-name {
          color: #ffffff;
        }
        .expert-card-bio {
          font-size: 0.85rem;
          color: var(--color-text-muted, #6b7280);
          margin: 0.35rem 0 0 0;
          line-height: 1.45;
        }
        .dark .expert-card-bio {
          color: rgba(255, 255, 255, 0.6);
        }
        @media (max-width: 640px) {
          .expert-horizontal-card {
            flex-direction: column;
            text-align: center;
            align-items: center;
            gap: 1.25rem;
            padding: 1.5rem;
          }
        }
      


        .hero-expert-live-stage {
          display: grid;
          grid-template-columns: 1.15fr 0.85fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
        }
        .live-stage-wrapper {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .live-stage-glow {
          position: absolute;
          width: 320px;
          height: 320px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(239, 68, 68, 0.3) 0%, rgba(139, 92, 246, 0.2) 60%, transparent 80%);
          filter: blur(50px);
          z-index: 1;
        }
        .live-stage-container {
          position: relative;
          z-index: 2;
          width: 100%;
          max-width: 350px;
          border-radius: 20px;
          overflow: hidden;
          box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);
          border: 1px solid rgba(255, 255, 255, 0.15);
          background: #000;
        }
        .live-stage-photo {
          width: 100%;
          height: auto;
          aspect-ratio: 3/4;
          object-fit: cover;
          display: block;
          filter: brightness(0.9) contrast(1.1);
        }
        .live-indicator-badge {
          position: absolute;
          top: 1rem;
          right: 1rem;
          background: #EF4444;
          color: #fff;
          font-size: 0.7rem;
          font-weight: 800;
          padding: 0.35rem 0.75rem;
          border-radius: 99px;
          display: flex;
          align-items: center;
          gap: 0.35rem;
          letter-spacing: 0.05em;
          box-shadow: 0 4px 15px rgba(239, 68, 68, 0.5);
          z-index: 3;
        }
        .live-indicator-pulse {
          width: 8px;
          height: 8px;
          background: #fff;
          border-radius: 50%;
          animation: pulseRed 1.5s infinite;
        }
        @keyframes pulseRed {
          0% { transform: scale(0.9); opacity: 0.6; }
          50% { transform: scale(1.2); opacity: 1; }
          100% { transform: scale(0.9); opacity: 0.6; }
        }
        @media (max-width: 768px) {
          .hero-expert-live-stage {
            grid-template-columns: 1fr;
            gap: 2.5rem;
            text-align: center;
          }
          .hero-expert-live-stage .cta-container {
            align-items: center !important;
          }
          .hero-expert-live-stage .hero-benefits-bullets {
            justify-content: center !important;
          }
        }
      


        .hero-expert-editorial-signature {
          display: grid;
          grid-template-columns: 1.1fr 0.9fr;
          gap: 4rem;
          align-items: center;
          text-align: left;
        }
        .signature-editorial-wrapper {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
        }
        .signature-editorial-frame {
          position: relative;
          z-index: 2;
          width: 100%;
          max-width: 340px;
          border-radius: 12px;
          overflow: hidden;
          border: 4px solid var(--color-text, #ffffff);
          box-shadow: 15px 15px 0px var(--color-primary, #6366f1);
          background: var(--color-bg, #000);
        }
        .signature-editorial-photo {
          width: 100%;
          height: auto;
          aspect-ratio: 3/4;
          object-fit: cover;
          display: block;
          filter: grayscale(100%) contrast(1.15);
        }
        .signature-quote-container {
          border-left: 3px solid var(--color-primary);
          padding-left: 1.25rem;
          font-style: italic;
          margin: 1.5rem 0;
          color: var(--color-text-muted, rgba(255, 255, 255, 0.8));
          font-size: 1.05rem;
          line-height: 1.6;
        }
        .signature-name-svg {
          font-family: 'Playfair Display', 'Georgia', serif;
          font-size: 1.8rem;
          font-weight: 700;
          color: var(--color-primary);
          letter-spacing: -0.02em;
          margin-top: 0.5rem;
        }
        @media (max-width: 768px) {
          .hero-expert-editorial-signature {
            grid-template-columns: 1fr;
            gap: 3rem;
            text-align: center;
          }
          .signature-editorial-frame {
            box-shadow: 10px 10px 0px var(--color-primary);
          }
          .signature-quote-container {
            border-left: none;
            border-top: 2px solid var(--color-primary);
            border-bottom: 2px solid var(--color-primary);
            padding: 1rem 0;
          }
          .hero-expert-editorial-signature .cta-container {
            align-items: center !important;
          }
        }
      


        .hero-expert-organic-desk {
          display: grid;
          grid-template-columns: 1.1fr 0.9fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
        }
        .organic-desk-wrapper {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
        }
        .organic-desk-glow {
          position: absolute;
          width: 320px;
          height: 320px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(var(--color-primary-rgb, 99, 102, 241), 0.15) 0%, transparent 70%);
          filter: blur(50px);
          z-index: 1;
        }
        .organic-desk-composition {
          position: relative;
          width: 100%;
          max-width: 380px;
          height: 380px;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .organic-polaroid-card {
          position: relative;
          z-index: 2;
          width: 250px;
          background: #ffffff;
          padding: 12px 12px 24px 12px;
          border-radius: 4px;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
          transform: rotate(-4deg);
          border: 1px solid rgba(0,0,0,0.05);
          transition: transform 0.3s ease;
        }
        .organic-polaroid-card:hover {
          transform: rotate(-1deg) scale(1.02);
          z-index: 4;
        }
        .organic-desk-photo {
          width: 100%;
          height: 220px;
          object-fit: cover;
          display: block;
          border-radius: 2px;
        }
        .organic-polaroid-footer {
          margin-top: 12px;
          text-align: center;
        }
        .organic-handwritten-text {
          font-family: 'Playfair Display', 'Georgia', serif;
          font-size: 1.25rem;
          font-weight: 700;
          color: #1e293b;
        }
        .organic-sticky-note {
          position: absolute;
          padding: 12px;
          border-radius: 8px;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
          font-family: 'Inter', sans-serif;
          z-index: 3;
          width: 135px;
          transition: transform 0.3s ease, z-index 0.1s ease;
        }
        .organic-sticky-note:hover {
          transform: scale(1.05) !important;
          z-index: 5;
        }
        .note-yellow {
          background: #fef08a;
          color: #854d0e;
          top: 10%;
          right: -5%;
          transform: rotate(6deg);
        }
        .note-blue {
          background: #bfdbfe;
          color: #1e40af;
          bottom: 10%;
          left: -5%;
          transform: rotate(-8deg);
        }
        .sticky-pin {
          position: absolute;
          top: -10px;
          left: 40%;
          font-size: 1.1rem;
        }
        .sticky-title {
          font-weight: 800;
          font-size: 0.75rem;
          text-transform: uppercase;
          border-bottom: 1px solid rgba(133, 77, 14, 0.2);
          padding-bottom: 4px;
          margin-bottom: 6px;
        }
        .sticky-list {
          list-style: none;
          padding: 0;
          margin: 0;
          font-size: 0.65rem;
          font-weight: 700;
          line-height: 1.4;
          text-align: left;
        }
        .sticky-stat-label {
          font-size: 0.55rem;
          font-weight: 800;
          letter-spacing: 0.05em;
          opacity: 0.8;
          text-align: left;
        }
        .sticky-stat-val {
          font-size: 1.8rem;
          font-weight: 900;
          line-height: 1.1;
          text-align: left;
        }
        .sticky-stat-desc {
          font-size: 0.6rem;
          font-weight: 700;
          text-align: left;
        }
        .organic-tag-badge {
          display: inline-flex;
          align-items: center;
          gap: 0.35rem;
          background: rgba(16, 185, 129, 0.15);
          color: #10B981;
          font-size: 0.75rem;
          font-weight: 700;
          padding: 0.35rem 0.75rem;
          border-radius: 99px;
          border: 1px solid rgba(16, 185, 129, 0.25);
          text-transform: uppercase;
          letter-spacing: 0.05em;
        }
        @media (max-width: 768px) {
          .hero-expert-organic-desk {
            grid-template-columns: 1fr;
            gap: 2.5rem;
            text-align: center;
          }
          .organic-desk-composition {
            margin: 0 auto;
            max-width: 320px;
            height: 320px;
          }
          .organic-polaroid-card {
            width: 200px;
          }
          .organic-desk-photo {
            height: 180px;
          }
          .organic-sticky-note {
            width: 110px;
            padding: 8px;
          }
          .note-yellow {
            right: 0;
          }
          .note-blue {
            left: 0;
          }
          .hero-expert-organic-desk .cta-container {
            align-items: center !important;
          }
          .hero-expert-organic-desk .hero-benefits-bullets {
            justify-content: center !important;
          }
        }
      


        .hero-expert-journey-timeline {
          display: grid;
          grid-template-columns: 1.1fr 0.9fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
        }
        .journey-timeline-wrapper {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
        }
        .journey-timeline-board {
          position: relative;
          width: 100%;
          max-width: 360px;
          background: rgba(255, 255, 255, 0.03);
          border: 1px solid rgba(255, 255, 255, 0.08);
          border-radius: 24px;
          padding: 2rem 1.5rem;
          backdrop-filter: blur(10px);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
          display: flex;
          flex-direction: column;
          gap: 1.5rem;
        }
        .journey-profile-header {
          display: flex;
          align-items: center;
          gap: 1rem;
          border-bottom: 1px solid rgba(255,255,255,0.08);
          padding-bottom: 1rem;
        }
        .journey-avatar-circle {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          object-fit: cover;
          border: 2px solid var(--color-primary);
        }
        .journey-profile-info {
          display: flex;
          flex-direction: column;
          text-align: left;
        }
        .journey-profile-name {
          font-weight: 800;
          font-size: 1rem;
          color: #ffffff;
        }
        .journey-profile-label {
          font-size: 0.75rem;
          color: var(--color-primary);
          font-weight: 600;
        }
        .journey-line-track {
          position: absolute;
          left: calc(1.5rem + 25px);
          top: 5rem;
          bottom: 3rem;
          width: 2px;
          background: linear-gradient(to bottom, var(--color-primary) 30%, rgba(var(--color-primary-rgb, 99, 102, 241), 0.2) 100%);
          z-index: 1;
        }
        .journey-node {
          position: relative;
          padding-left: 4.5rem;
          text-align: left;
        }
        .journey-node-dot {
          position: absolute;
          left: calc(1.5rem + 20px);
          top: 12px;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: var(--color-primary);
          border: 3px solid #000;
          z-index: 2;
          box-shadow: 0 0 10px var(--color-primary);
        }
        .journey-node-card {
          background: rgba(255, 255, 255, 0.02);
          border: 1px solid rgba(255, 255, 255, 0.04);
          border-radius: 12px;
          padding: 0.75rem 1rem;
          transition: transform 0.2s ease, border-color 0.2s ease;
        }
        .journey-node-card:hover {
          transform: translateX(4px);
          border-color: rgba(var(--color-primary-rgb, 99, 102, 241), 0.3);
          background: rgba(255, 255, 255, 0.04);
        }
        .highlight-node {
          border-color: rgba(var(--color-primary-rgb, 99, 102, 241), 0.3);
          background: rgba(var(--color-primary-rgb, 99, 102, 241), 0.06);
        }
        .dark .highlight-node {
          border-color: rgba(var(--color-primary-rgb, 99, 102, 241), 0.4);
          background: rgba(var(--color-primary-rgb, 99, 102, 241), 0.05);
        }
        .journey-node-year {
          font-size: 0.7rem;
          font-weight: 800;
          color: var(--color-primary);
          text-transform: uppercase;
          letter-spacing: 0.05em;
          display: block;
          margin-bottom: 0.25rem;
        }
        .journey-node-text {
          font-size: 0.75rem;
          font-weight: 600;
          line-height: 1.45;
          margin: 0;
          color: var(--color-text-muted, #475569);
        }
        .dark .journey-node-text {
          color: var(--color-text-muted, #94a3b8);
        }
        @media (max-width: 768px) {
          .hero-expert-journey-timeline {
            grid-template-columns: 1fr;
            gap: 2.5rem;
            text-align: center;
          }
          .hero-expert-journey-timeline .cta-container {
            align-items: center !important;
          }
          .journey-timeline-board {
            margin: 0 auto;
          }
        }
      


        .hero-expert-talk-show {
          display: grid;
          grid-template-columns: 1.1fr 0.9fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
        }
        .talk-show-wrapper {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
        }
        .talk-show-chat-window {
          width: 100%;
          max-width: 360px;
          background: #0f172a;
          border: 1px solid rgba(255, 255, 255, 0.08);
          border-radius: 20px;
          overflow: hidden;
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
          display: flex;
          flex-direction: column;
        }
        .chat-header {
          background: #1e293b;
          padding: 0.85rem 1.25rem;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }
        .chat-header-user {
          display: flex;
          align-items: center;
          gap: 0.75rem;
        }
        .chat-avatar {
          width: 38px;
          height: 38px;
          border-radius: 50%;
          object-fit: cover;
          border: 1.5px solid var(--color-primary);
        }
        .chat-user-meta {
          display: flex;
          flex-direction: column;
          text-align: left;
        }
        .chat-user-name {
          font-weight: 800;
          font-size: 0.85rem;
          color: #f8fafc;
        }
        .chat-user-status {
          font-size: 0.7rem;
          color: #10b981;
          font-weight: 700;
          display: flex;
          align-items: center;
          gap: 0.25rem;
        }
        .chat-status-dot {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: #10b981;
          display: inline-block;
          animation: pulseGreen 1.5s infinite;
        }
        @keyframes pulseGreen {
          0% { opacity: 0.4; }
          50% { opacity: 1; }
          100% { opacity: 0.4; }
        }
        .chat-header-actions {
          color: #64748b;
          font-size: 0.9rem;
          cursor: pointer;
        }
        .chat-body {
          padding: 1.25rem;
          display: flex;
          flex-direction: column;
          gap: 1rem;
          background: #0f172a;
          min-height: 250px;
        }
        .chat-msg {
          display: flex;
          width: 100%;
        }
        .msg-received {
          justify-content: flex-start;
        }
        .msg-sent {
          justify-content: flex-end;
        }
        .msg-bubble {
          max-width: 85%;
          padding: 0.75rem 1rem;
          font-size: 0.8rem;
          font-weight: 600;
          line-height: 1.45;
          text-align: left;
        }
        .msg-received .msg-bubble {
          background: #334155;
          color: #f8fafc;
          border-radius: 2px 16px 16px 16px;
        }
        .msg-sent .msg-bubble {
          background: var(--color-primary);
          color: var(--color-primary-text, #ffffff);
          border-radius: 16px 2px 16px 16px;
          box-shadow: 0 4px 12px rgba(var(--color-primary-rgb, 99, 102, 241), 0.2);
        }
        .chat-typing-indicator {
          display: flex;
          align-items: center;
          gap: 0.2rem;
          font-size: 0.7rem;
          color: #64748b;
          text-align: left;
          margin-top: 0.25rem;
          font-weight: 700;
        }
        .typing-dot {
          width: 5px;
          height: 5px;
          background: #64748b;
          border-radius: 50%;
          display: inline-block;
          animation: typingDot 1.4s infinite;
        }
        .typing-dot:nth-child(2) { animation-delay: 0.2s; }
        .typing-dot:nth-child(3) { animation-delay: 0.4s; }
        @keyframes typingDot {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-4px); }
        }
        .chat-footer-input {
          background: #1e293b;
          padding: 0.75rem 1.25rem;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-top: 1px solid rgba(255, 255, 255, 0.05);
        }
        .chat-placeholder-input {
          color: #64748b;
          font-size: 0.75rem;
          font-weight: 700;
        }
        .chat-send-btn {
          color: var(--color-primary);
          font-weight: 800;
          font-size: 0.95rem;
          cursor: pointer;
        }
        @media (max-width: 768px) {
          .hero-expert-talk-show {
            grid-template-columns: 1fr;
            gap: 2.5rem;
            text-align: center;
          }
          .hero-expert-talk-show .cta-container {
            align-items: center !important;
          }
          .talk-show-chat-window {
            margin: 0 auto;
          }
        }
      


        .hero-expert-challenge-host {
          display: grid;
          grid-template-columns: 1.15fr 0.85fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
        }
        .challenge-host-wrapper {
          position: relative;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 1.25rem;
        }
        .challenge-expert-avatar {
          width: 90px;
          height: 90px;
          border-radius: 50%;
          object-fit: cover;
          border: 3px solid var(--color-primary);
          box-shadow: 0 0 15px rgba(var(--color-primary-rgb, 99, 102, 241), 0.2);
        }
        .challenge-schedule-card {
          width: 100%;
          max-width: 340px;
          background: var(--color-card-bg, rgba(255, 255, 255, 0.03));
          border: 1px solid var(--color-card-border, rgba(255, 255, 255, 0.08));
          border-radius: 16px;
          padding: 1.25rem;
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
        }
        .challenge-schedule-title {
          font-size: 0.85rem;
          font-weight: 800;
          text-transform: uppercase;
          color: var(--color-primary);
          letter-spacing: 0.05em;
          margin-bottom: 0.75rem;
          text-align: center;
        }
        .challenge-days-list {
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
        }
        .challenge-day-row {
          display: flex;
          align-items: center;
          justify-content: space-between;
          background: rgba(255, 255, 255, 0.02);
          padding: 0.5rem 0.75rem;
          border-radius: 8px;
          border: 1px solid rgba(255, 255, 255, 0.04);
        }
        .challenge-day-label {
          font-weight: 800;
          font-size: 0.75rem;
          background: var(--color-primary);
          color: var(--color-primary-text, #fff);
          padding: 0.2rem 0.5rem;
          border-radius: 4px;
        }
        .challenge-day-topic {
          font-size: 0.8rem;
          font-weight: 700;
          color: var(--color-text, #fff);
        }
        @media (max-width: 768px) {
          .hero-expert-challenge-host {
            grid-template-columns: 1fr;
            gap: 2.5rem;
            text-align: center;
          }
          .hero-expert-challenge-host .cta-container {
            align-items: center !important;
          }
        }
      


        .hero-expert-elite-club {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          gap: 2rem;
          max-width: 800px;
          margin: 0 auto;
          width: 100%;
        }
        .elite-club-badge {
          background: linear-gradient(135deg, #fbbf24, #d97706);
          color: #fff;
          font-size: 0.7rem;
          font-weight: 800;
          padding: 0.35rem 1rem;
          border-radius: 99px;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          box-shadow: 0 4px 15px rgba(217, 119, 6, 0.3);
        }
        .elite-club-avatar {
          width: 130px;
          height: 130px;
          border-radius: 50%;
          object-fit: cover;
          border: 4px solid #fbbf24;
          box-shadow: 0 0 25px rgba(251, 191, 36, 0.3);
        }
        @media (max-width: 640px) {
          .elite-club-avatar {
            width: 100px;
            height: 100px;
          }
        }
      


        .hero-expert-power-overlay {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          width: 100%;
          position: relative;
        }
        .power-composition-container {
          position: relative;
          width: 100%;
          max-width: 800px;
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 1rem;
        }
        .power-glow-effect {
          position: absolute;
          width: 450px;
          height: 450px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(var(--color-primary-rgb, 99, 102, 241), 0.25) 0%, transparent 70%);
          filter: blur(40px);
          top: -50px;
          z-index: 1;
          pointer-events: none;
        }
        .power-expert-avatar-wrapper {
          position: relative;
          z-index: 2;
          width: 320px;
          height: 320px;
          margin-bottom: -100px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .power-expert-photo-large {
          width: 280px;
          height: 280px;
          border-radius: 50%;
          object-fit: cover;
          border: 6px solid var(--color-primary);
          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4), 
                      0 0 30px rgba(var(--color-primary-rgb, 99, 102, 241), 0.3);
          transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .power-expert-photo-large:hover {
          transform: scale(1.05);
        }
        .power-floating-tag {
          position: absolute;
          z-index: 3;
          padding: 0.6rem 1rem;
          border-radius: 12px;
          font-family: var(--font-heading), sans-serif;
          font-size: 0.75rem;
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
          display: flex;
          align-items: center;
          gap: 0.4rem;
          transition: transform 0.3s ease;
        }
        .power-floating-tag:hover {
          transform: scale(1.1) translateY(-3px) !important;
        }
        .tag-energy-1 {
          background: linear-gradient(135deg, #10b981, #059669);
          color: #fff;
          top: 15%;
          left: -15%;
          transform: rotate(-8deg);
        }
        .tag-energy-2 {
          background: linear-gradient(135deg, #f59e0b, #d97706);
          color: #fff;
          top: 10%;
          right: -15%;
          transform: rotate(8deg);
        }
        .tag-energy-3 {
          background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
          color: #fff;
          bottom: 30%;
          right: -10%;
          transform: rotate(-5deg);
        }
        .power-text-overlay-card {
          position: relative;
          z-index: 4;
          width: 100%;
          max-width: 760px;
          background: rgba(255, 255, 255, 0.85);
          border: 1px solid rgba(var(--color-primary-rgb, 99, 102, 241), 0.2);
          border-radius: 28px;
          padding: 3rem 2rem 2.5rem 2rem;
          backdrop-filter: blur(20px);
          box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 1.5rem;
        }
        .dark .power-text-overlay-card {
          background: rgba(15, 23, 42, 0.85);
          border: 1px solid rgba(255, 255, 255, 0.08);
          box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
        }
        .power-accent-badge {
          background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
          color: var(--color-primary-text, #ffffff);
          font-size: 0.75rem;
          font-weight: 800;
          padding: 0.4rem 1.25rem;
          border-radius: 99px;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          box-shadow: 0 4px 15px rgba(var(--color-primary-rgb, 99, 102, 241), 0.3);
        }
        .power-creator-signature {
          font-size: 0.85rem;
          font-weight: 800;
          color: var(--color-primary);
          text-transform: uppercase;
          letter-spacing: 0.05em;
          margin-top: 0.5rem;
          display: flex;
          align-items: center;
          gap: 0.35rem;
        }
        @media (max-width: 768px) {
          .power-expert-avatar-wrapper {
            width: 220px;
            height: 220px;
            margin-bottom: -60px;
          }
          .power-expert-photo-large {
            width: 190px;
            height: 190px;
            border-width: 4px;
          }
          .power-floating-tag {
            font-size: 0.6rem;
            padding: 0.4rem 0.75rem;
          }
          .tag-energy-1 {
            left: -5%;
            top: 5%;
          }
          .tag-energy-2 {
            right: -5%;
            top: 5%;
          }
          .tag-energy-3 {
            right: 0%;
            bottom: 25%;
          }
          .power-text-overlay-card {
            padding: 2.5rem 1.25rem 2rem 1.25rem;
            border-radius: 20px;
          }
        }
      


        .hero-expert-hyper-conversion {
          display: grid;
          grid-template-columns: 1.15fr 0.85fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
          position: relative;
        }
        .hyper-left-container {
          display: flex;
          flex-direction: column;
          gap: 1.25rem;
          z-index: 2;
        }
        .hyper-live-badge {
          display: inline-flex;
          align-items: center;
          gap: 0.5rem;
          background: rgba(239, 68, 68, 0.12);
          color: #ef4444;
          border: 1px solid rgba(239, 68, 68, 0.25);
          border-radius: 8px;
          padding: 0.45rem 0.9rem;
          font-size: 0.75rem;
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          width: fit-content;
        }
        .hyper-live-dot {
          width: 8px;
          height: 8px;
          background-color: #ef4444;
          border-radius: 50%;
          display: inline-block;
          animation: hyperPulseRed 1.5s infinite;
        }
        @keyframes hyperPulseRed {
          0% { transform: scale(0.9); opacity: 0.5; }
          50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 12px #ef4444; }
          100% { transform: scale(0.9); opacity: 0.5; }
        }
        .hyper-headline span {
          color: #f59e0b;
          text-shadow: 0 0 15px rgba(245, 158, 11, 0.15);
        }
        .hyper-bullets-list {
          list-style: none;
          padding: 0;
          margin: 0.5rem 0;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 0.75rem;
        }
        .hyper-bullets-list li {
          font-size: 0.9rem;
          font-weight: 700;
          color: var(--color-text, #ffffff);
          display: flex;
          align-items: center;
          gap: 0.5rem;
          text-align: left;
        }
        .hyper-bullets-list li::before {
          content: "✓";
          color: #10b981;
          font-weight: 900;
          font-size: 1.1rem;
        }
        .hyper-attention-tag {
          font-size: 0.75rem;
          font-weight: 700;
          color: #f59e0b;
          display: flex;
          align-items: center;
          gap: 0.35rem;
          text-align: left;
        }
        .btn-neon-green {
          background: #10b981;
          color: #ffffff !important;
          border: none;
          padding: 1rem 2.5rem;
          font-weight: 800;
          font-size: 1.05rem;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          border-radius: 12px;
          box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
          transition: all 0.3s ease;
          animation: neonPulseGreen 2s infinite alternate;
          text-align: center;
          width: fit-content;
        }
        .btn-neon-green:hover {
          background: #059669;
          transform: translateY(-2px);
          box-shadow: 0 0 30px rgba(16, 185, 129, 0.7);
        }
        @keyframes neonPulseGreen {
          0% { box-shadow: 0 0 15px rgba(16, 185, 129, 0.3); }
          100% { box-shadow: 0 0 25px rgba(16, 185, 129, 0.7); }
        }
        .hyper-right-composition {
          position: relative;
          width: 100%;
          min-height: 420px;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 2;
        }
        .hyper-light-beam {
          position: absolute;
          width: 60px;
          top: 0;
          bottom: 0;
          background: linear-gradient(to top, transparent, rgba(245, 158, 11, 0.35) 50%, transparent);
          filter: blur(15px);
          z-index: 1;
        }
        .hyper-orange-flare {
          position: absolute;
          width: 250px;
          height: 250px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(239, 68, 68, 0.25) 0%, transparent 70%);
          filter: blur(40px);
          right: -50px;
          bottom: -50px;
          z-index: 1;
          pointer-events: none;
        }
        .hyper-expert-card {
          position: relative;
          z-index: 2;
          width: 100%;
          max-width: 290px;
          border-radius: 24px;
          overflow: hidden;
          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
          border: 1px solid rgba(255, 255, 255, 0.08);
          background: rgba(15, 23, 42, 0.4);
          backdrop-filter: blur(10px);
        }
        .hyper-expert-photo {
          width: 100%;
          height: auto;
          aspect-ratio: 0.9/1;
          object-fit: cover;
          display: block;
        }
        .hyper-floating-bill {
          position: absolute;
          z-index: 3;
          width: 80px;
          height: 45px;
          background: rgba(16, 185, 129, 0.15);
          border: 1.5px solid rgba(16, 185, 129, 0.4);
          color: rgba(16, 185, 129, 0.85);
          border-radius: 4px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: var(--font-heading), sans-serif;
          font-size: 0.65rem;
          font-weight: 800;
          box-shadow: 0 8px 15px rgba(0,0,0,0.2);
          backdrop-filter: blur(2px);
          pointer-events: none;
          animation: floatSlow 6s infinite ease-in-out alternate;
        }
        .bill-1 {
          top: 15%;
          left: -10%;
          transform: rotate(-25deg);
          animation-delay: 0s;
        }
        .bill-2 {
          bottom: 10%;
          right: -10%;
          transform: rotate(35deg);
          animation-delay: 2s;
        }
        .bill-3 {
          top: -5%;
          right: 5%;
          transform: rotate(15deg);
          animation-delay: 4s;
          width: 70px;
          height: 40px;
          font-size: 0.55rem;
        }
        @keyframes floatSlow {
          0% { transform: translateY(0) rotate(-15deg); }
          100% { transform: translateY(-12px) rotate(15deg); }
        }
        .hyper-pix-notification {
          position: absolute;
          z-index: 4;
          width: 190px;
          background: rgba(15, 23, 42, 0.85);
          border: 1px solid rgba(255, 255, 255, 0.08);
          border-radius: 12px;
          padding: 0.6rem 0.85rem;
          display: flex;
          align-items: center;
          gap: 0.6rem;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
          pointer-events: none;
          animation: alertFloat 4s infinite ease-in-out alternate;
        }
        .pix-icon-circle {
          width: 28px;
          height: 28px;
          background: #10b981;
          color: #fff;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 800;
          font-size: 0.8rem;
        }
        .pix-info {
          display: flex;
          flex-direction: column;
          text-align: left;
        }
        .pix-title {
          font-size: 0.65rem;
          font-weight: 800;
          color: #10b981;
          text-transform: uppercase;
          letter-spacing: 0.02em;
        }
        .pix-amount {
          font-size: 0.75rem;
          font-weight: 800;
          color: #ffffff;
        }
        .pix-1 {
          top: 25%;
          right: -25%;
          animation-delay: 0.5s;
        }
        .pix-2 {
          bottom: 25%;
          left: -20%;
          animation-delay: 2.5s;
        }
        .pix-3 {
          top: 45%;
          left: -25%;
          animation-delay: 1.5s;
        }
        @keyframes alertFloat {
          0% { transform: translateY(0); }
          100% { transform: translateY(-8px); }
        }
        @media (max-width: 768px) {
          .hero-expert-hyper-conversion {
            grid-template-columns: 1fr;
            gap: 2.5rem;
            text-align: center;
          }
          .hyper-live-badge {
            margin: 0 auto;
          }
          .hyper-bullets-list {
            margin: 0.5rem auto;
            max-width: 400px;
          }
          .btn-neon-green {
            margin: 0 auto;
          }
          .hyper-attention-tag {
            justify-content: center;
          }
          .hyper-right-composition {
            margin-top: 1rem;
          }
          .pix-1 { right: -5%; }
          .pix-2 { left: -5%; }
          .pix-3 { left: -10%; }
        }
      


        .cro-dashboard-layout {
          display: grid;
          grid-template-columns: 1.15fr 0.85fr;
          gap: 3.5rem;
          align-items: center;
          text-align: left;
        }

        /* Hero Visual Mockup styles inside landing pages */
        .hero-visual-hub {
          position: relative;
          width: 100%;
          min-height: 360px;
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .visual-glow-glow {
          position: absolute;
          width: 280px;
          height: 280px;
          border-radius: 50%;
          background: radial-gradient(circle, var(--color-primary) 0%, var(--color-secondary, var(--color-primary)) 70%);
          filter: blur(50px);
          opacity: 0.22;
          animation: pulseGlow 8s infinite alternate;
          z-index: 1;
        }

        .visual-dash {
          position: relative;
          width: 100%;
          max-width: 340px;
          height: 230px;
          background: var(--color-card-bg, #FFFFFF);
          border: 1px solid var(--color-card-border, #E4E4E7);
          border-radius: 18px;
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
          z-index: 2;
          overflow: hidden;
          display: flex;
          flex-direction: column;
        }

        .dash-topbar {
          background: color-mix(in srgb, var(--color-card-bg, #FFFFFF) 96%, #000);
          padding: 0.6rem 0.85rem;
          border-bottom: 1px solid var(--color-card-border, #E4E4E7);
          display: flex;
          align-items: center;
          gap: 0.5rem;
        }

        .dash-circle-dots {
          display: flex;
          gap: 4px;
        }

        .dash-circle-dots span {
          width: 7px;
          height: 7px;
          border-radius: 50%;
          display: inline-block;
        }

        .dot-red-dash { background: #FF5F56; }
        .dot-yellow-dash { background: #FFBD2E; }
        .dot-green-dash { background: #27C93F; }

        .dash-topbar-title {
          font-size: 0.7rem;
          color: var(--color-text-muted, #71717A);
          font-weight: 600;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .dash-content-inner {
          flex: 1;
          padding: 1.25rem;
          display: flex;
          justify-content: center;
          align-items: center;
          background: var(--color-card-bg, #FFFFFF);
        }

        .preview-sales-card {
          width: 100%;
          border: 1.5px dashed var(--color-card-border, #E4E4E7);
          border-radius: 10px;
          padding: 0.85rem;
          text-align: center;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 0.5rem;
          position: relative;
        }

        .preview-sales-badge {
          background: color-mix(in srgb, var(--color-primary) 12%, transparent);
          color: var(--color-primary);
          font-size: 0.65rem;
          font-weight: 800;
          padding: 2px 8px;
          border-radius: 100px;
          text-transform: uppercase;
          letter-spacing: 0.05em;
        }

        .preview-sales-headline {
          font-size: 0.85rem;
          font-weight: 800;
          color: var(--color-text, #09090B);
          line-height: 1.3;
        }

        .preview-sales-headline .highlight-word {
          color: var(--color-primary);
          animation: wordGlow 3s infinite alternate;
        }

        .preview-sales-btn {
          background: var(--color-primary);
          color: var(--color-primary-text, #ffffff);
          font-size: 0.7rem;
          font-weight: 700;
          padding: 5px 12px;
          border-radius: 6px;
          width: 80%;
          text-transform: uppercase;
        }

        /* Floating dynamic widgets */
        .dash-float-widget {
          position: absolute;
          background: var(--color-card-bg, rgba(255, 255, 255, 0.92));
          backdrop-filter: blur(8px);
          -webkit-backdrop-filter: blur(8px);
          border: 1px solid var(--color-card-border, #E4E4E7);
          border-radius: 12px;
          padding: 0.6rem 0.85rem;
          display: flex;
          align-items: center;
          gap: 0.6rem;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
          z-index: 3;
          animation: gentleFloat 6s infinite ease-in-out;
        }

        .dash-widget-speed {
          top: 15%;
          left: -4%;
          animation-delay: 0s;
        }

        .dash-speed-badge {
          width: 28px;
          height: 28px;
          border-radius: 50%;
          background: rgba(16, 185, 129, 0.12);
          color: #10B981;
          font-weight: 800;
          font-size: 0.8rem;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid rgba(16, 185, 129, 0.2);
        }

        .dash-widget-text {
          display: flex;
          flex-direction: column;
          text-align: left;
        }

        .dash-widget-title {
          font-size: 0.65rem;
          color: var(--color-text-muted, #71717A);
          font-weight: 600;
        }

        .dash-widget-val {
          font-size: 0.75rem;
          font-weight: 800;
          color: var(--color-text, #09090B);
        }

        .dash-widget-metric {
          bottom: 18%;
          right: -4%;
          animation-delay: 2s;
        }

        .dash-metric-icon {
          width: 28px;
          height: 28px;
          border-radius: 8px;
          background: color-mix(in srgb, var(--color-primary) 12%, transparent);
          color: var(--color-primary);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.9rem;
          font-weight: bold;
        }

        .dash-widget-sale-alert {
          bottom: -2%;
          left: 12%;
          animation-delay: 4s;
          min-width: 180px;
        }

        .dash-sale-icon {
          width: 28px;
          height: 28px;
          border-radius: 50%;
          background: rgba(239, 68, 68, 0.12);
          color: #EF4444;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.8rem;
        }

        @keyframes gentleFloat {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-6px); }
        }

        @keyframes wordGlow {
          0% { filter: brightness(1); }
          100% { filter: brightness(1.2); }
        }

        @keyframes pulseGlow {
          0% { transform: translate(-50%, -50%) scale(1); opacity: 0.2; }
          100% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.26; }
        }

        @media (max-width: 768px) {
          .cro-dashboard-layout {
            grid-template-columns: 1fr;
            gap: 2.5rem;
            text-align: center;
          }
          .cro-dashboard-layout .cta-container {
            align-items: center !important;
          }
          .hero-visual-hub {
            margin-top: 1rem;
            min-height: 300px;
          }
          .dash-widget-speed { left: 5%; }
          .dash-widget-metric { right: 5%; }
        }
      


        .editorial-split {
          display: grid;
          grid-template-columns: 1.15fr 0.85fr;
          gap: 2.5rem;
          align-items: center;
          text-align: left;
        }
        @media (max-width: 768px) {
          .editorial-split {
            grid-template-columns: 1fr;
            gap: 2rem;
            text-align: center;
          }
          .editorial-split .cta-container {
            align-items: center !important;
          }
        }
      


        .split-benefits-container {
          display: grid;
          grid-template-columns: 1.1fr 0.9fr;
          gap: 2.5rem;
          align-items: center;
          text-align: left;
        }
        @media (max-width: 768px) {
          .split-benefits-container {
            grid-template-columns: 1fr;
            gap: 2rem;
            text-align: center;
          }
          .split-benefits-container .cta-container {
            align-items: center !important;
          }
        }
      


        .three-col-hero {
          display: grid;
          grid-template-columns: 1.20fr 0.95fr 0.85fr;
          gap: 2rem;
          align-items: center;
          text-align: left;
        }
        @media (max-width: 991px) {
          .three-col-hero {
            grid-template-columns: 1.1fr 0.9fr;
          }
          .three-col-sidebar {
            grid-column: span 2;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 1rem;
          }
        }
        @media (max-width: 768px) {
          .three-col-hero {
            grid-template-columns: 1fr;
            text-align: center;
          }
          .three-col-hero .cta-container {
            align-items: center !important;
          }
          .three-col-sidebar {
            grid-column: span 1;
            grid-template-columns: 1fr;
          }
        }
      


        .neobrutalist-hero {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 2.5rem;
          align-items: center;
        }
        .neobrutalist-box {
          border: 3px solid #111827;
          box-shadow: 6px 6px 0px #111827;
          border-radius: 0px !important;
          background: #ffffff !important;
          color: #111827 !important;
          padding: 2rem;
          text-align: left;
        }
        .neobrutalist-box .headline {
          color: #111827 !important;
        }
        .neobrutalist-box .subline {
          color: #374151 !important;
        }
        .neobrutalist-btn {
          border: 3px solid #111827 !important;
          box-shadow: 4px 4px 0px #111827 !important;
          border-radius: 0px !important;
          background: var(--color-primary) !important;
          color: var(--color-primary-text, #ffffff) !important;
          font-weight: 900 !important;
          text-transform: uppercase;
          transition: transform 0.1s ease, box-shadow 0.1s ease;
        }
        .neobrutalist-btn:hover {
          transform: translate(2px, 2px);
          box-shadow: 2px 2px 0px #111827 !important;
        }
        @media (max-width: 768px) {
          .neobrutalist-hero {
            grid-template-columns: 1fr;
            gap: 2rem;
          }
          .neobrutalist-box {
            text-align: center;
          }
          .neobrutalist-box .cta-container {
            align-items: center !important;
          }
        }
      


        .split-checklist-container {
          display: grid;
          grid-template-columns: 1.15fr 0.85fr;
          gap: 2.5rem;
          align-items: center;
          text-align: left;
        }
        @media (max-width: 768px) {
          .split-checklist-container {
            grid-template-columns: 1fr;
            gap: 2rem;
            text-align: center;
          }
          .split-checklist-container .cta-container {
            align-items: center !important;
          }
        }
      


        .dual-card-container {
          display: grid;
          grid-template-columns: 1.05fr 0.95fr;
          gap: 2rem;
          align-items: stretch;
        }
        @media (max-width: 768px) {
          .dual-card-container {
            grid-template-columns: 1fr;
          }
        }
      


        .minimal-clean-hero {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 2.5rem;
          align-items: center;
          text-align: left;
        }
        @media (max-width: 768px) {
          .minimal-clean-hero {
            grid-template-columns: 1fr;
            gap: 2rem;
            text-align: center;
          }
          .minimal-clean-hero .cta-container {
            align-items: center !important;
          }
        }