:root {

   --gold: #FFB300;
   --gold-soft: #FF6A00;
   --gold-deep: #FF6A00;
   --bg-900: #0B0B0D;
   --text-700: #DADBE1;
   --text-500: #d9d9d9;
   --accent: #000000;
 }

 /* body {
      background:url(32582886_rrt1.jpg);
      color:var(--text-700);
      -webkit-font-smoothing: antialiased;
    } */

 .hero {
   /* background: url(32582886_rrt1.jpg); */
   background-color: #000000;
   color: var(--text-700);
   -webkit-font-smoothing: antialiased;
   /* padding: clamp(2rem, 4vw, 4rem) 0 clamp(1.5rem, 3.5vw, 3rem); */
   position: relative;
   overflow: hidden;
 }

 .alpha-badge {
   display: inline-flex;
   align-items: center;
   padding: .4rem .8rem;
   gap: .4rem;
   border-radius: 999px;
   border: 1px solid rgba(227, 178, 60, .35);
   background: rgba(227, 178, 60, .07);
   color: var(--gold);
   font-size: .8rem;
   text-transform: uppercase;
   letter-spacing: .08em;
 }

 .title {
   font-weight: 600;
   /* background: linear-gradient(90deg, #00B09B 0%, #96C93D 100%); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   line-height: 1.15;
   font-size: 37px !important;
 }

 .gradient-bottom-color {
   background: #fff;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .trusted {
   color: var(--text-500);
   font-size: 19px;
 }

 .trusted-two {
   font-size: 19px;
   /* color:#ffd8a8 ; */
   /* background: linear-gradient(120deg, #d4af37, #d4af37cf, #d4af37, #d4af375b); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .highlight-line {
   font-size: 1.4rem;
   color: #fff;
 }

 .highlight-line span {
   /* colo; */
   font-weight: 800;
 }

 .create-tags {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: .5rem;
 }

 .create-tags .tag {
   border: 1px solid rgba(227, 177, 60, 0.826);
   /* background: linear-gradient(90deg, #d4af375b, #d4af37, #d4af375b); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   padding: .45rem .7rem;
   border-radius: 999px;
   font-size: .95rem;
   /* background:rgba(227,178,60,.06); */
 }

 .benefits-1 {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 1rem;
 }

 .benefits-1 .bi {
   color: var(--gold);
   margin-right: .35rem;
 }

 /* === PROFILE — normal rectangle, no border, no shadow === */
 .profile-wrap {
   margin-top: 15px;
   position: relative;
   display: flex;
   justify-content: center;
 }

 .profile-img-blend {
   width: 100%;
   max-width: 520px;
   overflow: hidden;
 }

 .profile-img-blend img {
   width: 100%;
   height: auto;
   object-fit: cover;
   filter: brightness(1.05) contrast(1.05);
   display: block;
 }

 /* fade to blend into black background */
 .profile-img-blend::after {
   content: "";
   position: absolute;
   inset: 0;
   /* background:linear-gradient(to bottom, transparent 60%, rgba(0,0,0,.85)); */
   pointer-events: none;
 }

 .profile-info {
   margin-top: 1rem;
   text-align: center;
 }

 .profile-info h3 {
   font-size: 1.4rem;
   font-weight: 800;
   color: #fff;
   letter-spacing: .5px;
 }

 .profile-info p {
   font-size: .92rem;
   color: var(--text-500);
   line-height: 1.4;
 }

 /* CTA */
 .cta-bar {
   margin-top: 2rem;
   border-top: 1px solid rgba(227, 178, 60, .22);
   padding-top: 1.5rem;
   text-align: center;
 }

 .price-row {
   display: flex;
   flex-wrap: wrap;
   gap: .8rem;
   justify-content: center;
 }

 .old-price {
   font-weight: 400;
   color: var(--text-500);
   font-size: 1rem;
 }

 .strike {
   color: #ffdd00;
   position: relative;
   display: inline-block;
 }

 .strike-two {
   /* color: #ac8612; */
   background: #000000;
   /* background: linear-gradient(90deg, #b8860b, #d4b401, #f8e473, #b8860b); */
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   position: relative;
   display: inline-block;
 }

 .strike::after {
   content: "";
   position: absolute;
   left: -2px;
   right: -2px;
   top: 50%;
   height: 2px;
   /* background: #9b3f0d; */
   transform: skewY(-8deg);
 }

 .strike-free {
   text-decoration: line-through;
   /* opacity: 0.7; */
 }

 .strike-free {
   position: relative;
   display: inline-block;
 }

 .strike-free::after {
   content: "";
   position: absolute;
   left: -6px;
   top: 50%;
   width: 100%;
   height: 2px;
   transform: rotate(-15deg);
   background: #ff2727;
 }

 .new-price {
   font-weight: 900;
   font-size: 1.8rem;
   color: var(--gold-soft);
 }

 .btn-gold {
   background: linear-gradient(90deg, #655319, #d4af37, #d4af37);
   color: #121212;
   padding: .9rem 2rem;
   border-radius: 999px;
   font-weight: 800;
   border: none;
 }

 /* mobile view showing */
 .create-tags .tag,
 .create-tags-mobile .tag {
   display: inline-block;
   /* padding: 6px 14px;
  border-radius: 40px;
  margin: 5px;
  background: rgba(255, 255, 255, .1);
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  backdrop-filter: blur(5px); */
 }


 .text-gold-gradient {
   /* background: linear-gradient(90deg, #d4af375b, #d4af37, #d4af375b); */
   /* background: linear-gradient(90deg, #655319, #d4af37, #d4af37); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: transparent;
   font-size: 45px;
   font-weight: 700;
 }

 .text-gold-gradient-two {
   /* background: linear-gradient(90deg, #d4af375b, #d4af37, #d4af375b); */
   /* background: linear-gradient(90deg, #655319, #d4af37, #d4af37); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: transparent;
   font-size: 45px;
   font-weight: 700;
 }

 .match-gradient {
   font-weight: 500;
   /* background: linear-gradient(90deg, #ff9a3c, #ffe45e); */
   /* background: linear-gradient(90deg, #8E2DE2, #4A00E0); */
   /* background: linear-gradient(90deg, #00B09B 0%, #96C93D 100%); */
   /* background: linear-gradient(190deg, #b8860b, #ffd700, #f8e473, #b8860b); */
   background: linear-gradient(90deg, #00FF99, #00FF55, #B6FF00);
   background: linear-gradient(90deg, #ce970a, #84ff00c2, #ffd700);


   /* background: linear-gradient(90deg, #B8860B, #D4AF37, #FFD700, #F9D67A); */
   /* background: linear-gradient(90deg, #007BFF, #00D4FF, #00F0FF); */

   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .color-white {
   font-size: 18px;
   color: white;
 }

 @media (max-width: 576px) {

   .title {
     font-size: 24px !important;
   }

   .text-gold-gradient-two {
     font-size: 15px;

   }

   .text-gold-gradient {
     /* background: linear-gradient(90deg, #d4af375b, #d4af37, #d4af375b); */
     /* background: linear-gradient(90deg, #655319, #d4af37, #d4af37); */
     font-size: 24px;
     font-weight: 700;
   }

   .highlight-line {
     font-size: 1.2rem;
     color: #fff;
   }

   .trusted-two {
     /* color:#ffd8a8 ; */
     /* background: linear-gradient(120deg, #d4af37, #d4af37cf, #d4af37, #d4af375b); */
     font-size: 14px;
   }

   .profile-wrap {
     margin-top: -40px;

   }

   .trusted {
     color: var(--text-500);
     font-size: 14px;
   }
 }

 @media (max-width: 768px) {
   .match-gradient {
     font-size: 17px;
   }
 }


 /* Default (Desktop) */
 /* Show desktop image by default */
 .desktop-img-two {
   display: block;
   width: 100%;
   height: auto;
 }

 .mobile-img-two {
   display: none;
   width: 100%;
   height: auto;
 }

 /* When screen width ≤ 768px, show mobile image */
 @media screen and (max-width: 768px) {
   .desktop-img-two {
     display: none;
   }

   .mobile-img-two {
     display: block;
   }
 }


 :root {
   --gold: #E3B23C;
   /* premium gold */
   --bg: #222222;
   --ink: #FFFFFF;
   --ink-dim: #DADBE1;
 }

 /* Section */
 .success-section {
   padding: 20px;
   background: var(--bg);
   color: var(--ink);
   content-visibility: auto;
   contain-intrinsic-size: 0 500px;
 }

 /* Centering container */
 .success-section .container {
   max-width: 1000px;
   margin-inline: auto;
   text-align: center;
   overflow: visible;
 }

 .top-center {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 20px;
   overflow: visible;
 }

 .hero-img {
   max-width: 260px;
   width: 100%;
   height: auto;
   display: block;
   margin: 0 auto;
   opacity: 1;
   visibility: visible;
 }

 /* Top Title */
 .alpha-head {
   margin: 0 0 .25rem 0;
 }

 .alpha-head-title {
   display: inline-block;
   font-weight: 900;
   letter-spacing: .06em;
   font-size: clamp(1.6rem, 1.1rem + 2vw, 2.6rem);
   background: linear-gradient(90deg, #655319, #d4af37, #d4af37);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }

 /* Eyebrow/Subhead */
 .subhead-wrap {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: clamp(18px, 2.5vw, 28px);
 }

 .responsive-update {
   display: inline-block;
   font-weight: 600;
   color: #fff;
   font-size: clamp(1rem, .9rem + .8vw, 1.25rem);
   letter-spacing: .03em;
 }

 /* Image */
 .success-image {
   display: block;
   /* centers with margin auto */
   margin: clamp(16px, 2.5vw, 24px) auto;
   width: 100%;
   max-width: 560px;
   height: auto;
   /* border-radius: 16px; */
   box-shadow: inset;
   transition: transform .3s ease;
 }

 .success-image:hover {
   transform: scale(1.02);
 }

 /* Main headline below image */
 .success-title {
   margin: clamp(6px, 1.5vw, 10px) 0 0 0;
   font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.3rem);
   font-weight: 800;
   letter-spacing: .02em;
   /* background: linear-gradient(90deg, #655319, #d4af37, #d4af37); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }

 /* Divider */
 .gold-divider {
   width: 120px;
   height: 3px;
   margin: clamp(14px, 2vw, 20px) auto;
   background: linear-gradient(90deg, transparent, var(--gold), transparent);
   border-radius: 2px;
 }

 /* Description (optional) */
 .success-description {
   color: var(--ink-dim);
   font-size: clamp(.98rem, .9rem + .3vw, 1.06rem);
   line-height: 1.75;
   max-width: 720px;
   margin: 0 auto;
 }

 .success-description .highlight {
   color: var(--gold);
   font-weight: 700;
 }

 /* Utility to hide (remove to show) */
 .is-hidden {
   display: none;
 }

 /* Responsive touch-ups */
 @media (max-width: 768px) {
   .success-image {
     max-width: 260px;
   }

   .success-section {
     padding: clamp(60px, 8vw, 120px) 0px;
   }
 }


 /* SECTION BASE */
 .alpha-masterclass-section {
   background-color: #000;
   color: #fff;
   padding: 20px 20px;
 }

 /* TOP HEADING */
 .top-heading {
   margin-bottom: 20px;
 }

 .top-heading h2 {
   font-size: 2.3rem;
   font-weight: 700;
 }

 .top-heading .highlight {
   /* color: #d4af37; */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;

 }

 .subtitle {
   color: #ffffff;
   font-size: 1.1rem;
   font-weight: 700;
   margin-top: 10px;
 }

 .master-class {
   font-size: 20px;
   margin-top: 3px;
 }

 /* LIST STYLE */
 .alpha-list {
   list-style: none;
   padding-left: 0;
 }

 .alpha-list li {
   background: rgba(255, 255, 255, 0.05);
   border-left: 4px solid #d4af37;
   margin-bottom: 15px;
   padding: 12px 15px;
   border-radius: 10px;
   transition: all 0.3s ease;
 }

 .alpha-list li:hover {
   background: rgba(255, 255, 255, 0.15);
   transform: translateX(5px);
 }

 /* IMAGE CENTER */
 .image-wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 40px 0;
 }

 .center-image {
   width: 100%;
   max-width: 350px;
   border-radius: 25px;
   /* box-shadow: 0 0 35px rgba(212,175,55,0.5); */
   transition: transform 0.4s ease, box-shadow 0.4s ease;
 }

 .center-image:hover {
   transform: scale(1.05);
   /* box-shadow: 0 0 45px rgba(212,175,55,0.7); */
 }

 /* BOTTOM OFFER CARD */
 .alpha-offer-card {
   background: #fff;
   color: #000;
   border-radius: 20px;
   padding: 20px 25px;
   margin-top: 80px;
   box-shadow: 0 0 25px rgba(212, 175, 55, 0.3);
 }

 .alpha-offer-card .price {
   font-size: 1.1rem;
   color: #555;
   margin-bottom: 10px;
 }

 .alpha-offer-card .price span {
   text-decoration: line-through;
   color: #888;
 }

 .alpha-offer-card .offer {
   font-size: 1.6rem;
   font-weight: 700;
   margin-bottom: 15px;
 }

 .alpha-offer-card .benefits {
   color: #444;
   font-size: 1rem;
   margin-bottom: 25px;
   line-height: 1.6;
 }

 .alpha-btn {
   display: inline-block;
   /* background: linear-gradient(90deg, #d4af37, #000); */
   background: linear-gradient(90deg, #d4af37, #b68c2d);

   color: #fff;
   padding: 14px 40px;
   border-radius: 30px;
   text-decoration: none;
   font-weight: 600;
   text-transform: uppercase;
   transition: all 0.4s ease;
 }

 .alpha-btn:hover {
   /* background: linear-gradient(90deg, #000, #d4af37, #000); */
   background: linear-gradient(90deg, #d4af37, #b68c2d);

   color: #000;
 }

 /* RESPONSIVE */
 @media (max-width: 992px) {
   .top-heading h2 {
     font-size: 2rem;
   }

   .center-image {
     max-width: 400px;
   }
 }

 @media (max-width: 768px) {
   .image-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0px 0;
   }

   .alpha-list li {
     text-align: left;
   }

   .center-image {
     max-width: 320px;
     margin: 0px auto;
   }
 }

 @media (max-width: 576px) {
   .image-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0px 0;
   }

   .top-heading h2 {
     font-size: 1.6rem;
   }

   .center-image {
     max-width: 560px;
   }

   .alpha-offer-card {
     padding: 30px 15px;
   }
 }

 :root {
   --alpha-bg: #000;
   --alpha-text: #fff;
   --gold: #d4af37;
   --glass: rgba(255, 255, 255, 0.06);
   --glass-2: rgba(255, 255, 255, 0.03);
   --tile-shadow: 0 10px 30px rgba(2, 6, 23, 0.55);
 }

 /* MAIN SECTION */
 .alpha-section {
   position: relative;
   background: var(--alpha-bg);
   color: var(--alpha-text);
   overflow: visible;
 }

 /* FIX 1 — Desktop perfect height */
 .alpha-bg {
   position: relative;
   height: 100vh;
   min-height: 650px;
   /* ensures image never shrinks badly */
 }

 /* Shared background styles */
 .alpha-bg-img {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   filter: brightness(0.75);
   z-index: 0;
 }


 /* Overlay */
 .alpha-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.241) 100%);
   z-index: 1;
 }

 /* Desktop version visible by default */
 .desktop-img {
   display: block !important;
   top: 100px;
   height: calc(100% - 100px);
   object-position: top center;
 }

 @media (min-width: 769px) {

   .desktop-img,
   .desktop-img-two {
     display: block !important;
   }

   .mobile-img,
   .mobile-img-two {
     display: none !important;
   }
 }

 /* Hide mobile image by default */
 .mobile-img {
   display: none;
 }

 /* 🔹 Mobile view: show mobile image, hide desktop image */
 @media (max-width: 768px) {
   .desktop-img {
     display: none;
   }

   .mobile-img {
     display: block;
     object-position: top center;
     top: 60px;
     height: calc(100% - 60px);
   }
 }


 /* content wrapper tweaks */
 .content-wrapper {
   position: relative;
   margin-top: -180px;
   z-index: 5;
   /* padding: 0 15px 60px; */
 }

 /* Section Title */
 .section-title h2 {
   font-size: clamp(1.8rem, 4vw, 2rem);
   font-weight: 700;
   line-height: 1.2;
   display: inline-block;
 }

 /* Highlight Gradient */
 .section-title .highlight {
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 700;
   display: inline-block;
   vertical-align: baseline;
   /* Default for desktop */
 }

 /* 🔥 Mobile fix — highlight moves slightly down to bottom */
 @media (max-width: 576px) {
   .section-title .highlight {
     display: inline-block;
     line-height: 1.1;
     vertical-align: bottom;
     position: relative;
     top: 2px;
     /* adjust to align perfectly */
   }
 }


 .subtitle {
   color: #d7d7d7;
   font-size: 1.05rem;
   margin-bottom: 1.25rem;
 }

 /* TILE: general */
 .alpha-tile {
   position: relative;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
   border-radius: 18px;
   padding: 28px 22px 20px;
   text-align: left;
   color: #fff;
   overflow: visible;
   box-shadow: var(--tile-shadow);
   transform-style: preserve-3d;
   transition: transform .35s cubic-bezier(.2, .9, .2, 1), box-shadow .35s, filter .35s;
   border: 1px solid rgba(212, 175, 55, 0.08);
   backdrop-filter: blur(6px) saturate(120%);
   min-height: 220px;
 }

 /* featured larger tile */
 .alpha-tile.featured {
   padding: 36px;
   min-height: 260px;
   margin-top: -12px;
 }

 /* decorative SVG ribbon at top */
 .tile-deco {
   position: absolute;
   top: -10px;
   left: 0;
   right: 0;
   height: 30px;
   pointer-events: none;
   opacity: .9;
 }

 .tile-deco svg {
   display: block;
   width: 100%;
   height: 100%;
   fill: linear-gradient(90deg, var(--gold), #fff);
   fill: rgba(212, 175, 55, 0.08);
 }

 /* badge + title */
 .tile-header {
   display: flex;
   align-items: center;
   gap: 14px;
   margin-bottom: 8px;
 }

 .tile-header .badge {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   /* background: linear-gradient(180deg, rgba(212, 175, 55, 0.95), rgba(212, 175, 55, 0.85)); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   color: #071017;
   font-weight: 800;
   font-size: 1.1rem;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 6px 18px rgba(212, 175, 55, 0.18), inset 0 -2px 6px rgba(0, 0, 0, 0.12);
   transform: translateZ(20px);
 }

 /* tile headings & text */
 .alpha-tile h5 {
   /* color: var(--gold); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin: 0;
   font-weight: 700;
   font-size: 1.05rem;
 }

 .tile-sub {
   margin: 8px 0 6px;
   color: #e6e6e6;
   font-size: .95rem;
 }

 .tile-body {
   color: #d8d8d8;
   line-height: 1.45;
   margin-bottom: 12px;
   font-size: .95rem;
 }

 /* little gold line footer */
 .tile-footer {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: 10px;
   margin-top: auto;
 }

 .tile-footer .mini-line {
   display: inline-block;
   width: 68px;
   height: 6px;
   border-radius: 6px;
   background: linear-gradient(90deg, rgba(212, 175, 55, 1), rgba(212, 175, 55, 0.18));
   box-shadow: 0 6px 18px rgba(212, 175, 55, 0.08);
 }

 /* hover effects */
 .alpha-tile:hover {
   transform: translateY(-10px) rotateX(2deg) scale(1.02);
   box-shadow: 0 22px 50px rgba(2, 6, 23, 0.7);
   filter: saturate(1.05);
 }

 .alpha-tile:hover .badge {
   transform: translateY(-6px);
 }

 /* responsive grid spacing tweaks */
 @media (max-width: 992px) {
   .alpha-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(100deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.95) 100%);
   }

   .content-wrapper {
     margin-top: -120px;
   }

   .alpha-tile {
     min-height: 200px;
     padding: 22px;
   }

   .alpha-tile.featured {
     min-height: 230px;
   }
 }

 @media (max-width: 768px) {
   .desktop-img {
     display: none;
   }

   .mobile-img {
     display: block;
   }

   /* FIXED HEIGHT = perfect for all smartphones */
   .alpha-bg {
     height: 75vh;
     /* prevents cut-off */
     min-height: 520px;
     /* ensures full view */
   }

   .mobile-img {
     object-fit: cover;
     object-position: top center !important;
     /* MAIN FIX */
   }
 }

 /* Ultra-small devices fix */
 @media (max-width: 480px) {
   .alpha-bg {
     height: 68vh;
     /* Prevents long crop on iPhones */
     min-height: 480px;
   }

   .mobile-img {
     object-position: 25% top;
     /* adjusts visible focus area */
   }
 }

 /* CONTENT WRAPPER */
 .content-wrapper {
   position: relative;
   z-index: 5;
   margin-top: -180px;
   padding: 0 15px 0px 15px;
 }

 /* Adjust for mobile background height fix */
 @media (max-width: 768px) {
   .content-wrapper {
     margin-top: -90px;
   }
 }

 @media (max-width: 576px) {
   .content-wrapper {
     margin-top: -260px;
   }
 }

 :root {
   --gold: #E3B23C;
   --gold-dark: #C59A2D;
   --text-dark: #111111;
   --text-gray: #6F6F6F;
   --white: #FFFFFF;
 }

 /* --- FINAL LUX TESTIMONIAL CAROUSEL (PHASE 11 - MOBILE OPTIMIZED) --- */
 .lux-testimonial-section {
   background: #000000;
   padding: clamp(3rem, 6vw, 8rem) 0;
   position: relative;
   overflow: hidden;
   text-align: center;
   content-visibility: auto;
   contain-intrinsic-size: 0 600px;
 }

 .lux-testimonial-section::before {
   content: "";
   position: absolute;
   width: 600px;
   height: 600px;
   background: radial-gradient(circle, rgba(184, 134, 11, 0.15), transparent 70%);
   top: -200px;
   right: -200px;
   pointer-events: none;
 }

 .lux-title {
   font-size: clamp(1.8rem, 1.5rem + 2vw, 3.2rem);
   font-weight: 900;
   line-height: 1.1;
   margin-bottom: 2rem;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   letter-spacing: -1px;
 }

 .lux-stack-container {
   max-width: 1200px;
   margin: 40px auto 0;
   position: relative;
   perspective: 1200px;
   padding: 0 15px;
 }

 .lux-stack {
   position: relative;
   height: 520px;
   display: flex;
   justify-content: center;
   align-items: center;
   transform-style: preserve-3d;
 }

 .lux-card {
   position: absolute;
   width: 100%;
   max-width: 440px;
   background: #111;
   border: 1px solid rgba(184, 134, 11, 0.3);
   border-radius: 40px;
   box-shadow: 0 40px 100px rgba(0, 0, 0, 0.8);
   overflow: visible;
   transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   text-align: center;
 }

 /* 3D STACKING STATES */
 .lux-card.active {
   z-index: 10;
   transform: scale(1) translateX(0) translateZ(0);
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
 }

 .lux-card.prev {
   z-index: 5;
   transform: scale(0.85) translateX(-40%) translateZ(-150px);
   opacity: 0.5;
   visibility: visible;
 }

 .lux-card.next {
   z-index: 5;
   transform: scale(0.85) translateX(40%) translateZ(-150px);
   opacity: 0.5;
   visibility: visible;
 }

 .lux-card.hidden {
   z-index: 1;
   transform: scale(0.7) translateZ(-300px);
   opacity: 0;
 }

 /* CARD UI */
 .lux-card-header {
   height: 120px;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   border-radius: 40px 40px 0 0;
 }

 .lux-card-profile {
   width: 130px;
   height: 130px;
   margin: -65px auto 15px;
   position: relative;
   border-radius: 50%;
   border: 5px solid #b8860b;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
   background: #222;
   overflow: hidden;
   z-index: 2;
 }

 .lux-card-profile img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .lux-card-body {
   padding: 10px 35px 40px;
 }

 .lux-card-name {
   font-size: clamp(1.4rem, 4vw, 1.6rem);
   font-weight: 900;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 5px;
   text-transform: uppercase;
 }

 .lux-card-role {
   font-size: 0.95rem;
   font-weight: 700;
   color: #b8860b;
   margin-bottom: 20px;
 }

 .lux-card-quote {
   font-size: clamp(1rem, 3.5vw, 1.15rem);
   line-height: 1.6;
   color: #ddd;
   font-weight: 500;
 }

 /* CONTROLS */
 .lux-controls {
   display: flex;
   justify-content: center;
   gap: 20px;
   margin-top: 40px;
 }

 .lux-btn-prev,
 .lux-btn-next {
   width: 46px;
   height: 46px;
   border-radius: 50%;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   color: #000;
   border: 1px solid transparent;
   font-size: 1.1rem;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   box-shadow: 0 5px 15px rgba(184, 134, 11, 0.3);
 }

 .lux-btn-prev:hover,
 .lux-btn-next:hover {
   background: #fff;
   color: #b8860b;
   border: 1px solid #b8860b;
   transform: scale(1.1);
   box-shadow: 0 8px 20px rgba(184, 134, 11, 0.4);
 }

 /* MOBILE VIEW - RESPONSIVE FIXES */
 @media (max-width: 768px) {
   .lux-stack {
     height: 580px;
     /* Taller for mobile text height */
   }

   .lux-card {
     max-width: 90%;
     border-radius: 30px;
   }

   .lux-card.prev {
     transform: scale(0.8) translateX(-18%) translateZ(-100px);
     opacity: 0.2;
   }

   .lux-card.next {
     transform: scale(0.8) translateX(18%) translateZ(-100px);
     opacity: 0.2;
   }

   .lux-card-header {
     height: 100px;
     border-radius: 30px 30px 0 0;
   }

   .lux-card-profile {
     width: 110px;
     height: 110px;
     margin: -55px auto 10px;
     border-width: 4px;
   }

   .lux-card-body {
     padding: 10px 20px 35px;
   }

   .lux-controls {
     margin-top: 30px;
   }

   .lux-btn-prev,
   .lux-btn-next {
     width: 40px;
     height: 40px;
     font-size: 1rem;
   }
 }

 @media (max-width: 480px) {
   .lux-stack {
     height: 390px;
     /* Extra height for very narrow devices */
   }

   .lux-card.prev,
   .lux-card.next {
     display: none;
     /* Hide side cards on tiny devices for cleaner look */
   }
 }

 .about-gad-section {
   background: linear-gradient(145deg, #0d0d0d, #1a1a1a);
   color: #fff;
   padding: 90px 0;
   /* border-top: 2px solid #d4af37; */
   /* border-bottom: 2px solid #d4af37; */
   position: relative;
   overflow: hidden;
   content-visibility: auto;
   contain-intrinsic-size: 0 800px;
 }

 /* IMAGE */
 .gad-photo-wrapper {
   position: relative;
   display: inline-block;
 }

 .gad-photo {
   border-radius: 16px;
   /* box-shadow: 0 0 30px rgba(212, 175, 55, 0.2); */
   transition: transform 0.4s ease, box-shadow 0.4s ease;
 }

 .gad-photo:hover {
   transform: scale(1.05);
   /* box-shadow: 0 0 50px rgba(212, 175, 55, 0.35); */
 }

 /* HEADINGS */
 .gad-heading {
   font-size: 2.5rem;
   font-weight: 700;
   color: #fff;
   /* border-left: 4px solid #d4af37; */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   /* padding-left: 12px; */
 }

 .gad-heading span {
   color: #d4af37;
 }

 .gad-subheading {
   font-size: 1.5rem;
   /* color: #f2c94c; */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-top: 10px;
   font-weight: 600;
 }

 .gad-role {
   color: #ccc;
   font-style: italic;
   margin-bottom: 20px;
 }

 /* LIST */
 .gad-list {
   list-style: none;
   padding-left: 0;
 }

 .gad-list li {
   margin-bottom: 10px;
   font-size: 1rem;
   color: #eaeaea;
   position: relative;
   padding-left: 32px;
 }

 .gad-list li::before {
   font-family: "Font Awesome 6 Free";
   content: "\f061";
   /* arrow-right icon */
   font-weight: 900;
   color: #d4af37;
   position: absolute;
   left: 0;
   top: 2px;
   font-size: 0.95rem;
 }

 /* QUOTE */
 .gad-quote {
   background: rgba(255, 255, 255, 0.05);
   border-left: 4px solid #d4af37;
   padding: 15px 20px;
   border-radius: 10px;
   font-style: italic;
 }

 .gad-quote span {
   color: #d4af37;
   font-weight: 600;
 }

 /* CTA */
 .gad-cta {
   background: #fff;
   color: #000;
   border-radius: 14px;
   padding: 25px 20px;
   max-width: 400px;
   margin: 0 auto;
   box-shadow: 0 0 30px rgba(255, 215, 0, 0.15);
   transition: all 0.3s ease;
 }

 .gad-cta:hover {
   transform: translateY(-5px);
   box-shadow: 0 0 40px rgba(255, 215, 0, 0.3);
 }

 .price {
   font-size: 1.1rem;
 }

 .offer {
   font-size: 1.5rem;
   color: #d4af37;
   font-weight: 700;
 }

 .benefits {
   font-size: 0.95rem;
   color: #333;
 }

 .benefits span {
   color: #000;
   font-weight: 600;
 }

 .btn-gold {
   background: linear-gradient(90deg, #d4af37, #b68c2d);
   border: none;
   color: #000;
   font-weight: 700;
   padding: 10px 28px;
   border-radius: 8px;
   transition: 0.3s ease;
 }

 .btn-gold:hover {
   background: linear-gradient(90deg, #b68c2d, #d4af37);
   color: #000;
 }

 /* RESPONSIVE */
 @media (max-width: 991px) {
   .gad-heading {
     font-size: 2rem;
   }

   .gad-photo {
     width: 80%;
   }

   .gad-cta {
     margin-top: 30px;
   }
 }

 @media (max-width: 767px) {
   .about-gad-section {
     padding: 60px 20px;
   }

   .gad-heading {
     text-align: center;
   }

   .gad-subheading,
   .gad-role {
     text-align: center;
   }

   .gad-photo {
     width: 90%;
   }
 }

 :root {
   --bg: #0a0b0d;
   --panel: #0e0f12;
   --gold: #e3b23c;
   --muted: #c8cfda;
   --ink: #ffffff;
 }

 /* Layout */
 .alpha-hero-split {
   margin: auto;
   position: relative;
   /* border-radius: 30px; */
   max-width: 1920px;
   padding: 0px 0px 0px 0px;
   display: grid;
   grid-template-columns: 1.1fr 1fr;
   /* slightly wider left like the mock */
   min-height: 680px;
   background: var(--bg);
   overflow: hidden;
 }

 /* LEFT side (portrait) */
 .alpha-left {
   position: relative;
   background: #000;
   /* pure black like the comp */
   display: flex;
   align-items: flex-end;
   justify-content: center;
 }

 .alpha-left img {
   width: min(900px, 75%);
   /* big portrait */
   height: auto;
   object-fit: contain;
   /* filter: grayscale(1) contrast(1.05) brightness(.95)
          sepia(.25) hue-rotate(195deg) saturate(1.4); */

   /* deep navy tint */
   transform: translateY(8px);
   /* small push down like reference */
 }

 /* RIGHT side (content + textures) */
 .alpha-right {
   position: relative;
   /* background: url('32582886_rrt1.JPG'); */
   background: #0a0b0d;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: clamp(28px, 4vw, 52px);
 }

 /* subtle diagonal textures */
 .alpha-right::before,
 .alpha-right::after {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;
 }

 .alpha-right::before {
   background:
     linear-gradient(135deg, rgba(255, 255, 255, .03) 0 25%, transparent 25% 50%,
       rgba(255, 255, 255, .03) 50% 75%, transparent 75% 100%);
   background-size: 22px 22px;
   /* faint pattern */
   opacity: .25;
 }

 .alpha-right::after {
   /* background:
    linear-gradient(120deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.7) 100%); */
   mix-blend-mode: normal;
 }

 /* Content box width */
 .alpha-right-inner {
   position: relative;
   z-index: 1;
   max-width: 620px;
   color: var(--ink);
   text-align: left;
 }

 /* Eyebrow */
 .alpha-eyebrow {
   text-align: center;
   font-weight: 800;
   font-size: clamp(1.6rem, 3vw, 2.6rem);
   letter-spacing: .5px;
   margin-bottom: .6rem;
   color: transparent;
   /* background: linear-gradient(180deg, var(--gold), #b38a21); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   background-clip: text;
 }

 /* Headline */
 .alpha-headline {
   font-weight: 800;
   line-height: 1.15;
   font-size: clamp(1.9rem, 3.6vw, 2rem);
   align-items: center;
   text-align: center;
   color: #fff;
   margin: 0 0 1.1rem;
 }

 /* Subline (italic / spaced) */
 .alpha-subline {
   text-align: center;
   color: #cfd3db;
   opacity: .9;
   font-style: italic;
   /* letter-spacing:.06em; */
   line-height: 1.4;
   margin: 0 0 1.4rem;
 }

 /* Session line (white + gold highlight) */
 .alpha-session {
   color: #fff;
   text-align: center;
   font-size: clamp(1rem, 2.1vw, 1.25rem);
   font-weight: 700;
   line-height: 1.5;
   margin: 0 0 1.2rem;
 }

 .alpha-session .hl {
   /* color: var(--gold); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 800;
 }

 /* Model name in gold quotes */
 .alpha-model {
   /* color: var(--gold); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   text-align: center;
   font-weight: 800;
   letter-spacing: .02em;
   font-size: clamp(1rem, 2vw, 1.15rem);
   margin: .3rem 0 0;
 }

 @media (max-width: 576px) {
   .alpha-headline {
     font-size: 20px;
   }

   .alpha-hero-split {
     grid-template-columns: 1fr;
     min-height: 0;
     border-radius: 0%;
   }
 }

 /* Responsive stack */
 @media (max-width: 992px) {
   .alpha-hero-split {
     grid-template-columns: 1fr;
     min-height: 0;
   }

   .alpha-left {
     padding-top: 24px;
   }

   .alpha-left img {
     width: min(560px, 88%);
     transform: none;
   }

   .alpha-right {
     padding: 28px 20px 44px;
   }

   .alpha-right-inner {
     text-align: center;
     margin: 0 auto;
   }
 }

 :root {
   --card: #ffffff;
   --text: #111;
   --sub: #6b6b6b;
   --muted: #8c8c8c;

   /* Ribbon gradient colors */
   --a1: #ff6b6b;
   --b1: #ffa06b;
   --a2: #7b5cff;
   --b2: #5ce1ff;
   --a3: #ffd166;
   --b3: #f78fb3;
 }

 /* SECTION BACKGROUND */
 .alpha-bonus-clean {
   padding: 40px 0;
   background: #0b0b0d;
   /* dark background */
   color: #fff;
 }

 .abc-eyebrow {
   display: inline-block;
   background: #ffffff10;
   padding: .45rem .9rem;
   margin-bottom: 10px;
   border-radius: 999px;
   font-size: .85rem;
   color: #f1f1f1;
   border: 1px solid #ffffff20;
 }

 .abc-title {
   font-weight: 800;
   font-size: clamp(1.6rem, 1.1rem + 2vw, 2.6rem);
   /* margin: 14px 0 8px; */

 }

 .abc-sub {
   color: #bdbdbd;
   margin-bottom: 0px !important;
 }

 /* -------- CARD -------- */
 .abc-card {
   background: var(--card);
   border-radius: 18px;
   border: 1px solid #e8e8e8;
   display: flex;
   height: 100%;
   overflow: visible;
   position: relative;
   transition: transform .2s ease, box-shadow .2s ease;
 }

 .abc-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
 }

 .abc-body {
   padding: 26px 24px 22px;
   border-radius: 18px;
   flex: 1;
 }

 /* BONUS RIBBON (always visible) */
 .abc-ribbon {
   position: absolute;
   top: 14px;
   left: -8px;
   padding: .42rem 1.2rem .42rem 1.6rem;
   border-top-right-radius: 999px;
   border-bottom-right-radius: 999px;
   font-size: .86rem;
   font-weight: 800;
   color: #000000;
   letter-spacing: .08em;
   z-index: 10;
 }

 /* ICON + TEXT */
 .abc-top {
   display: flex;
   align-items: center;
   gap: .8rem;
   margin-top: 28px;
 }

 .abc-icon {
   width: 50px;
   height: 50px;
   border-radius: 14px;
   display: grid;
   place-items: center;
   color: #fff;
   font-size: 1.3rem;
   font-weight: 700;
 }

 .abc-name {
   margin: 0;
   font-size: 1.22rem;
   font-weight: 800;
   color: var(--text);
 }

 .abc-tag {
   margin: 3px 0 2px;
   font-size: .92rem;
   color: #000000;
   font-weight: 600;
 }

 .abc-copy {
   color: #000;
   font-size: .95rem;
   margin-top: 12px;
   line-height: 1.6;
   text-align: center;
 }

 .abc-grid {
   row-gap: 32px;
 }

 .abc-card.a .abc-icon,
 .abc-card.b .abc-icon,
 .abc-card.c .abc-icon,
 .abc-card.d .abc-icon,
 .abc-card.e .abc-icon,
 .abc-card.f .abc-icon {
   /* background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);  */
   background: #000;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 /* Ribbon & Icon color sets */
 .abc-card.a .abc-ribbon

 /* .abc-card.a .abc-icon  */
   {
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
 }

 .abc-card.b .abc-ribbon {
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
 }

 .abc-card.c .abc-ribbon {
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
 }

 .abc-card.d .abc-ribbon {
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
 }

 .abc-card.e .abc-ribbon {
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
 }

 .abc-card.f .abc-ribbon {
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
 }

 /* ==============================
   BONUS VALUE – MOBILE RESPONSIVE
================================ */

 /* Base (Mobile First) */
 .abc-value {
   display: block;
   width: fit-content;
   margin: 14px auto 0;
   padding: 6px 14px;
   font-size: .85rem;
   font-weight: 800;
   text-align: center;
   border-top: 1px dashed #d4af37;
   color: #000;
   border: 1.5px solid #d4af37;
   border-radius: 999px;
   background: transparent;
 }

 /* Tablet */
 @media (min-width: 576px) {
   .abc-value {
     font-size: .88rem;
     padding: 6px 16px;
   }
 }

 /* Desktop */
 @media (min-width: 992px) {
   .abc-value {
     font-size: .9rem;
     padding: 7px 18px;
   }
 }


 :root {
   --pink: #e9e9e9c2;
   --pink-deep: #000;
   --txt: #263241;
   --muted: #6a7785;
   --cta: #928911;
   --cta-dark: #e6e654;
   --white: #fff;
   --pill: #fffee6;
 }

 /* ======== SECTION ======== */
 .nova-section {
   background: #ffffff;
   padding: clamp(20px, 4vw, 48px);
   color: var(--txt);
   content-visibility: auto;
   contain-intrinsic-size: 0 1000px;
 }

 /* ======== GOLDEN TEXT ======== */
 .text-gold-gradient-three {
   font-weight: 900;
   font-size: clamp(2.2rem, 5vw, 4rem);
   /* background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b); */
   /*background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #ffdc18, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: inline-block;
   letter-spacing: 1px;
   text-transform: uppercase;
 }

 /* ======== TITLE ======== */
 .nova-title {
   font-weight: 800;
   line-height: 1.15;
   font-size: clamp(1.5rem, 3.6vw, 3rem);
   margin: 6px 0 2px;
 }

 /* ======== POINTS ======== */
 .nova-points {
   margin: 14px 0 0;
   padding: 0;
   list-style: none;
 }

 .nova-points li {
   display: grid;
   grid-template-columns: 40px 1fr;
   align-items: center;
   column-gap: .9rem;
   row-gap: .25rem;
   margin-bottom: .9rem;
   line-height: 1.5;
   font-size: clamp(1rem, 2.6vw, 1.2rem);
 }

 .nova-num {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #ffffff;
   color: #000000;
   display: grid;
   place-items: center;
   font-weight: 800;
   font-size: 1rem;
 }

 .nova-media {
   position: relative;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
   min-height: 240px;
 }

 .nova-media img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 /* ======== CTA ======== */
 .nova-cta {
   background: #fff;
   border-radius: 18px;
   padding: clamp(16px, 3.6vw, 28px);
   margin-top: clamp(18px, 4vw, 36px);
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 14px;
   box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
 }

 .nova-price {
   font-size: clamp(1.05rem, 2.6vw, 1rem);
   font-weight: 800;
   color: #253446;
 }

 .nova-price del {
   color: #253446;
   text-decoration: line-through;
   font-weight: 600;
 }

 .golden-cta-btn {
   position: relative;
   overflow: hidden;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   border: none;
   padding: 0.9rem 1.8rem;
   border-radius: 999px;
   font-weight: 800;
   color: #000;
   text-transform: uppercase;
   box-shadow: 0 10px 20px rgba(255, 215, 0, 0.3);
   transition: all 0.3s ease;
 }

 /* GOLD SHIMMER LAYER */
 .golden-cta-btn::after {
   content: "";
   position: absolute;
   top: 0;
   left: -120%;
   width: 120%;
   height: 100%;
   background: linear-gradient(120deg,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0.55) 45%,
       rgba(255, 255, 255, 0) 90%);
   transform: skewX(-20deg);
   animation: shimmer 2.2s infinite ease-in-out;
   pointer-events: none;
 }

 /* SHIMMER KEYFRAMES */
 @keyframes shimmer {
   0% {
     left: -120%;
   }

   60% {
     left: 120%;
   }

   100% {
     left: 120%;
   }
 }

 /* Hover effect stays */
 .golden-cta-btn:hover {
   background: linear-gradient(90deg, #ffcc00, #fff6b3, #ffcc00);
   transform: scale(1.05);
 }


 .nova-benefits {
   font-weight: 600;
   color: #18212b;
   line-height: 1.55;
   max-width: 560px;
 }

 .nova-pipe {
   opacity: .45;
   padding: 0 .45rem;
 }

 /* ======== RESPONSIVE ======== */
 @media (max-width: 768px) {
   .text-gold-gradient-three {
     display: block;
     text-align: center;
     margin: 0 auto;
   }

   .nova-title {
     text-align: center;
   }
 }

 @media (max-width: 399px) {
   .nova-section {
     border-radius: 0;
     padding: 18px;
   }
 }


 :root {
   --accent: linear-gradient(90deg, #d4af37, #f9e27d, #d4af37);
   --card-bg: #111;
   --text-muted: #aaa;
   --highlight: #d4af37;
   --glow: rgba(212, 175, 55, 0.3);
 }

 .accent {
   /* background: var(--accent); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .divider {
   width: 100px;
   height: 3px;
   background: var(--accent);
   border-radius: 2px;
 }

 .carousel-viewport {
   overflow: hidden;
   position: relative;
 }

 .carousel-track {
   display: flex;
   gap: 24px;
   transition: transform 0.5s ease;
   cursor: grab;
 }

 .testimonial-card {
   flex: 0 0 300px;
   background: linear-gradient(180deg, #1a1a1a, #0f0f0f);
   border-radius: 20px;
   padding: 30px 25px;
   text-align: center;
   color: #fff;
   box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
   border: 1px solid rgba(255, 255, 255, 0.05);
   position: relative;
   transition: all 0.4s ease;
 }

 .testimonial-card::before {
   content: "";
   position: absolute;
   inset: 0;
   border-radius: 20px;
   padding: 1px;
   background: linear-gradient(120deg, #d4af37, #f9e27d, #d4af37);
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   opacity: 0;
   transition: opacity 0.4s;
 }

 .testimonial-card:hover::before {
   opacity: 1;
 }

 .testimonial-figure {
   width: 90px;
   height: 90px;
   border-radius: 50%;
   margin: 0 auto 15px;
   overflow: hidden;
   border: 2px solid #d4af37;
   box-shadow: 0 0 15px var(--glow);
 }

 .testimonial-figure img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform .4s ease;
 }

 .testimonial-card:hover .testimonial-figure img {
   transform: scale(1.08);
 }

 .testimonial-card h5 {
   font-weight: 700;
   margin-bottom: 4px;
   font-size: 1.1rem;
   background: var(--accent);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .role {
   color: var(--text-muted);
   font-size: 0.9rem;
   margin-bottom: 12px;
 }

 .quote {
   font-size: 0.95rem;
   color: #ccc;
   font-style: italic;
   line-height: 1.6;
 }

 .arrow-btn {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 48px;
   height: 48px;
   border-radius: 50%;
   display: grid;
   place-items: center;
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid rgba(212, 175, 55, 0.4);
   box-shadow: 0 0 10px var(--glow);
   cursor: pointer;
   backdrop-filter: blur(8px);
   transition: all 0.3s ease;
 }

 .arrow-btn:hover {
   background: rgba(212, 175, 55, 0.15);
   transform: translateY(-50%) scale(1.05);
   box-shadow: 0 0 20px var(--glow);
 }

 .arrow-left {
   left: 10px;
 }

 .arrow-right {
   right: 10px;
 }

 .arrow-svg {
   width: 20px;
   height: 20px;
   fill: #f9e27d;
 }

 .dot {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.3);
   cursor: pointer;
   transition: all 0.3s ease;
 }

 .dot.active {
   background: var(--highlight);
   box-shadow: 0 0 10px var(--glow);
   transform: scale(1.2);
 }

 @media(max-width:768px) {
   .testimonial-card {
     flex: 0 0 85%;
   }

   .arrow-btn {
     display: none;
   }
 }

 /* subtle fade-up animation for cards */
 .testimonial-card {
   opacity: 0;
   transform: translateY(30px);
   animation: fadeUp 0.8s forwards;
 }

 @keyframes fadeUp {
   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 .testimonial-card:nth-child(1) {
   animation-delay: 0.1s;
 }

 .testimonial-card:nth-child(2) {
   animation-delay: 0.2s;
 }

 .testimonial-card:nth-child(3) {
   animation-delay: 0.3s;
 }

 .testimonial-card:nth-child(4) {
   animation-delay: 0.4s;
 }

 .testimonial-card:nth-child(5) {
   animation-delay: 0.5s;
 }

 .testimonial-card:nth-child(6) {
   animation-delay: 0.6s;
 }



 :root {
   --gold: #E3B23C;
   --gold-light: #F4D586;
   --white: #ffffff;
   --shadow: rgba(0, 0, 0, 0.12);
 }

 /* Section */

 .clients-showcase {
   background: #000000 !important;
   padding: clamp(60px, 7vw, 10px) 20px;
   text-align: center;
 }

 /* Heading */
 .clients-heading {
   margin-bottom: 50px;
 }

 .clients-title {
   font-size: clamp(2.2rem, 1.4rem + 2vw, 3.2rem);
   font-weight: 800;
   /* background: linear-gradient(90deg, #655319, #d4af37, #d4af37); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   letter-spacing: .05em;
 }

 .clients-sub {
   font-size: clamp(1.05rem, .9rem + .5vw, 1.25rem);
   color: rgba(255, 255, 255, 0.8) !important;
   margin-top: 6px;
   font-weight: 500;
 }

 .clients-divider {
   width: 140px;
   height: 4px;
   margin: 20px auto 0;
   background: linear-gradient(90deg, transparent, var(--gold), transparent);
   border-radius: 3px;
 }

 /* Infinite Scroll Slider (Phase 14) */
 .clients-slider {
   width: 100%;
   overflow: hidden;
   position: relative;
   padding: 20px 0;
 }

 .clients-slider::before,
 .clients-slider::after {
   content: "";
   position: absolute;
   top: 0;
   width: 150px;
   height: 100%;
   z-index: 2;
   pointer-events: none;
 }

 .clients-slider::before {
   left: 0;
   background: linear-gradient(to right, #000, transparent);
 }

 .clients-slider::after {
   right: 0;
   background: linear-gradient(to left, #000, transparent);
 }

 .clients-track {
   display: flex;
   width: max-content;
   gap: 40px;
   animation: scroll 40s linear infinite;
 }

 .clients-track:hover {
   animation-play-state: paused;
 }

 @keyframes scroll {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(calc(-50% - 20px));
     /* Move by half the track width + half the gap */
   }
 }

 /* Seamless Logostyle - No Card */
 .client-card {
   flex: 0 0 240px;
   background: transparent !important;
   backdrop-filter: none !important;
   border: none !important;
   padding: 10px !important;
   border-radius: 0 !important;
   transition: all .35s ease;
   box-shadow: none !important;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 120px;
 }

 .client-card img {
   max-height: 75px;
   max-width: 100%;
   width: auto;
   filter: none;
   /* Show original colors */
   transition: all .4s ease;
 }

 .client-card:hover {
   background: transparent !important;
   transform: translateY(-8px) scale(1.1);
 }

 .client-card:hover img {
   transform: scale(1.1);
 }

 /* Responsive Adjustments */
 @media (max-width: 768px) {
   .clients-track {
     gap: 25px;
     animation-duration: 30s;
     /* Faster for smaller screens */
   }

   .client-card {
     flex: 0 0 180px;
     height: 100px;
     padding: 12px 15px;
   }

   .client-card img {
     max-height: 50px;
   }

   .clients-slider::before,
   .clients-slider::after {
     width: 80px;
   }
 }


 :root {
   --golden-grad: linear-gradient(90deg, #d4af37, #f7e26a, #d4af37);
   --accent: #f5d142;
   --dark-bg: #070b13;
 }

 .identity-hero {
   min-height: 80vh;
   background: radial-gradient(circle at top left, #0a0a0a 0%, #000 70%);
   padding: 40px 0;
   overflow: hidden;
 }

 /* ========== PROFILE IMAGE ========== */
 .hero-image-wrapper {
   width: 540px;
   height: 540px;
   /* right: 7%; */
   position: relative;
   margin: 36px auto 0;
 }

 .hero-profile-img {
   width: 100%;
   height: 100%;

   object-fit: cover;
   mix-blend-mode: screen;
   filter: brightness(1.1) contrast(1.05);
   transition: transform 0.4s ease, filter 0.4s ease;
 }

 .hero-profile-img:hover {
   transform: scale(1.05);
   filter: brightness(1.2);
 }

 /* ========== TEXT SECTION ========== */
 .hero-top-badge {
   /* background: var(--golden-grad); */
   color: #ffffff;
   padding: 6px 18px;
   border-radius: 20px;
   font-weight: 700;
   font-size: 0.95rem;
   display: inline-block;
   outline: 2px solid #d4af37;
   outline-offset: 3px;
 }

 .hero-title {
   font-weight: 800;
   font-size: 2.5rem;
   margin: 0.6rem 0;
   color: #fff;
 }

 .hero-highlight {
   /* background: var(--golden-grad); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .hero-features li {
   margin-bottom: 14px;
   display: flex;
   align-items: center;
   font-weight: 500;
   color: #eef2f8;
 }

 .feature-icon {
   width: 38px;
   height: 38px;
   border-radius: 10px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-right: 12px;
   font-size: 1.05rem;
 }

 .bg-success-glow {
   background: rgba(0, 255, 102, 0.15);
   box-shadow: 0 0 10px #00ff66;
 }

 .bg-primary-glow {
   background: rgba(0, 183, 255, 0.15);
   box-shadow: 0 0 10px #00b7ff;
 }

 .bg-danger-glow {
   background: rgba(255, 80, 80, 0.15);
   box-shadow: 0 0 10px #ff5050;
 }

 /* ========== CTA ========== */
 .golden-cta-btn {
   position: relative;
   /* background: var(--golden-grad); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   color: #000;
   font-weight: 800;
   font-size: 1rem;
   padding: 12px 26px;
   border-radius: 12px;
   text-decoration: none;
   transition: all 0.3s ease;
   overflow: hidden;
   display: inline-block;
 }

 .golden-cta-btn::before {
   content: "";
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   /* background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.7), transparent); */
   transition: 0.5s;
 }

 .golden-cta-btn:hover::before {
   left: 100%;
 }

 .golden-cta-btn:hover {
   color: #000;
   transform: translateY(-3px);
   /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); */
 }

 /* ========== ANIMATIONS ========== */
 .fade-in-up {
   opacity: 0;
   animation: fadeUp 1s ease-out forwards;
 }

 @keyframes fadeUp {
   from {
     opacity: 0;
     transform: translateY(40px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 .delay-1 {
   animation-delay: 0.3s;
 }

 .delay-2 {
   animation-delay: 0.9s;
 }

 /* ========== RESPONSIVE ========== */
 @media (max-width: 992px) {
   .identity-hero {
     text-align: center;
     padding: 60px 0 40px;
   }

   .hero-title {
     font-size: 2rem;
     line-height: 1.3;
   }

   .hero-features li {
     justify-content: center;
   }

   .hero-image-wrapper {
     width: 440px;
     height: 380px;
   }

   .hero-cta {
     justify-content: center;
   }
 }

 @media (max-width: 768px) {
   .hero-title {
     font-size: 1.8rem;
   }

   .hero-image-wrapper {
     width: 360px;
     height: 310px;
   }
 }

 @media (max-width: 576px) {
   .identity-hero {
     padding: 40px 0px 80px 0px;
   }

   .hero-title {
     font-size: 1.6rem;
     line-height: 1.4;
   }

   .hero-image-wrapper {
     width: 280px;
     height: 240px;
   }

   .golden-cta-btn {
     font-size: 0.9rem;
     padding: 10px 20px;
   }
 }


 :root {
   --gold: #E3B23C;
   /* PREMIUM GOLD */
   --gold-dark: #C49A2C;
   --bg-dark: #0B0B0D;
   --bg-deep: #000000;
   --text-light: #F5F5F5;
   --muted: #A7A9B2;
 }

 /* SECTION */
 .alpha-learn-section {
   background: radial-gradient(900px at 10% 30%, rgba(255, 255, 255, 0.09) 0%, transparent 70%),
     linear-gradient(140deg, var(--bg-dark) 0%, var(--bg-deep) 100%);
   padding: clamp(6rem, 5vw, 6rem) 0;
   color: var(--text-light);
   content-visibility: auto;
   contain-intrinsic-size: 0 1200px;
 }

 /* Eyebrow */
 .alpha-learn-eyebrow {
   font-size: 2.5rem;
   font-weight: 700;
   /* letter-spacing: .15em; */
   /* background: linear-gradient(90deg, #655319, #d4af37, #d4af37); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);

   /* background: linear-gradient(
  90deg,
  #b97a00 0%,
  #f6c400 20%,
  #9a6400 40%,
  #ffdb73 60%,
  #b97a00 80%,
  #875300 100%
); */

   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 /* Title */
 .alpha-learn-title {
   font-size: clamp(1.6rem, 1rem + 1.2vw, 2.6rem);
   font-weight: 800;
   letter-spacing: -0.5px;
 }



 .alpha-learn-title span {
   /* background: linear-gradient(90deg, #655319, #d4af37, #d4af37); */
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   font-size: clamp(1.6rem, 1rem + 1.2vw, 2.6rem);
   font-weight: 800;
 }


 @media (min-width: 1200px) {
   .alpha-learn-title {
     white-space: nowrap;
   }
 }


 /* .alpha-learn-title span{ color: var(--gold); } */

 /* ===== GRID for equal positioning/spacing ===== */
 .alpha-learn-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 18px;
   /* equal vertical & horizontal spacing */
 }

 @media (min-width: 768px) {
   .alpha-learn-grid {
     grid-template-columns: 1fr 1fr;
     /* 2 columns on md+ */
   }
 }

 @media (max-width: 567px) {
   .alpha-learn-section {

     padding: clamp(6rem, 5vw, 9rem) 0;
     /* color: var(--text-light); */
   }

   .alpha-learn-eyebrow {
     font-size: 1.5rem !important;
   }
 }

 /* Item (card style, equal heights) */
 .alpha-learn-item {
   display: flex;
   gap: 14px;
   align-items: flex-start;
   padding: 22px 18px;
   background: rgba(255, 255, 255, 0.02);
   border: 1px solid rgba(255, 255, 255, .08);
   border-radius: 16px;
   height: 100%;
   /* stretch to equal row height */
 }

 /* Icon */
 .alpha-learn-icon {
   min-width: 60px;
   height: 60px;
   display: grid;
   place-items: center;
   border-radius: 14px;
   font-size: 1.6rem;
   color: #000;
   background: linear-gradient(145deg, var(--gold), var(--gold-dark));
   box-shadow: 0 0 18px rgba(227, 178, 60, .35);
 }

 /* Text */
 .alpha-learn-text {
   flex: 1;
 }

 .alpha-learn-name {
   font-size: 1rem;
   font-weight: 700;
   margin: 0;
   line-height: 1.7;
 }

 .alpha-learn-desc {
   margin-top: 6px;
   color: var(--muted);
   line-height: 1.6;
 }


 :root {
   --golden-grad: linear-gradient(90deg, #d4af37, #b8860b);
   --black-bg: rgba(0, 0, 0, 0.9);
   --golden-text: #d4af37;
   --white: #fff;
 }

 /* MAIN STRIP */
 .golden-offer-strip {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   background: var(--black-bg);
   width: 100%;
   padding-bottom: env(safe-area-inset-bottom);
   z-index: 9999;
   border-top: 2px solid rgba(212, 175, 55, 0.4);
   box-shadow: 0 -4px 20px rgba(212, 175, 55, 0.3);
 }

 /* GLOWING TOP LINE */
 .golden-offer-strip::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 3px;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   box-shadow: 0 0 15px rgba(212, 175, 55, 0.7);
 }

 /* CONTENT WRAPPER */
 .golden-offer-container {
   max-width: 1180px;
   margin: auto;
   padding: 6px 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 20px;
 }

 .golden-offer-title {
   font-weight: 800;
   font-size: 1.1rem;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   text-transform: uppercase;
   letter-spacing: 1px;
 }

 .golden-price-box {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 4px;
 }

 .golden-old {
   position: relative;
   font-weight: 700;
   font-size: 1rem;
   text-decoration: line-through;
   color: var(--pill);
 }

 .golden-new {
   font-size: 1.4rem;
   font-weight: 900;
   color: var(--white);
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 0 0 15px rgba(212, 175, 55, 0.5);
 }

 .golden-new-free {
   font-size: 1.4rem;
   font-weight: 900;
   color: var(--white);
   background: #ffffff;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 0 0 15px rgba(212, 175, 55, 0.5);
 }

 /* RIGHT SIDE (TIME + BUTTON) */
 .golden-offer-right {
   display: flex;
   flex-direction: column;
   /* align-items: flex-end; */
   align-items: center;
   gap: 4px;
 }

 .golden-offer-time {
   font-size: 0.95rem;
   font-weight: 800;
   margin-bottom: 3px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   color: var(--golden-text);
   opacity: 0.9;
 }

 /* CTA BUTTON */
 .golden-cta-btn {
   position: relative;
   display: inline-block;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   color: #000;
   font-weight: 800;
   font-size: 1rem;
   padding: 12px 32px;
   border-radius: 50px;
   text-decoration: none;
   transition: all 0.3s ease;
   box-shadow: 0 0 25px rgba(212, 175, 55, 0.4);
   overflow: hidden;
   letter-spacing: 0.5px;
   z-index: 1;
 }

 /* Shimmer reflection INSIDE the button */
 .golden-cta-btn::before {
   content: "";
   position: absolute;
   top: 0;
   left: -150%;
   width: 150%;
   height: 100%;
   transform: skewX(-25deg);
   animation: shimmerInside 2.8s infinite linear;
   z-index: 2;
   border-radius: inherit;
 }

 /* Shimmer animation */
 @keyframes shimmerInside {
   0% {
     left: -150%;
   }

   100% {
     left: 150%;
   }
 }

 .golden-cta-btn:hover {
   transform: translateY(-2px);
   box-shadow: 0 0 35px rgba(255, 215, 0, 0.6);
 }

 /* RESPONSIVE */
 @media (max-width: 768px) {
   .golden-offer-container {
     flex-direction: row;
     justify-content: space-between;
     gap: 10px;
     padding: 6px 12px;
   }

   .golden-offer-title {
     font-size: 0.9rem;
   }

   .golden-old {
     font-size: 0.9rem;
   }

   .golden-new {
     font-size: 0.76rem;
   }

   .golden-cta-btn {
     font-size: 0.9rem;
     padding: 10px 18px;
   }

   .golden-offer-right {
     /* align-items: flex-end; */
     align-items: center;
   }
 }

 @media (max-width: 480px) {
   .golden-offer-container {
     gap: 6px;
   }

   .golden-offer-time {
     font-size: 0.6rem;
   }

   .golden-offer-title {
     font-size: 0.60rem;
   }

   .golden-cta-btn {
     font-size: 0.6rem;
     padding: 8px 14px;
   }

   .golden-offer-right {
     /* align-items: flex-end; */
     align-items: center;
   }
 }

 #testimonialDots {
   display: flex;
   gap: 10px;
 }

 #testimonialDots .dot {
   width: 10px;
   /* small circle */
   height: 10px;
   border-radius: 50px;
   /* makes it rounded pill shape when width expands */
   background: #fff;
   opacity: 0.4;
   transition: all 0.3s ease;
   border: none;
 }

 #testimonialDots .dot.active {
   width: 28px;
   /* active dot becomes rounded pill */
   opacity: 1;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
 }


 .desktop-img-two {
   display: block;
   width: 100%;
   height: auto;
 }

 .mobile-img-two {
   display: none;
   width: 100%;
   height: auto;
 }

 @media screen and (max-width: 768px) {
   .desktop-img-two {
     display: none;
   }

   .mobile-img-two {
     display: block;
   }
 }

 .hero-img {
   width: 95%;
   max-width: 260px;
   height: auto;
   object-fit: contain;
   transition: transform 0.3s ease,
 }

 .hero-img:hover {
   transform: scale(1.03);
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
 }

 @media (max-width: 768px) {
   .hero-img {
     max-width: 50%;
     margin: 0 auto;
     z-index: 999;
   }
 }

 .live-dot {
   margin-right: 5px !important;
   width: 8px;
   height: 8px;
   background-color: #ff2d2d !important;
   border-radius: 50%;
   display: inline-block;
   animation: livePulse 1.4s infinite;
 }

 @keyframes livePulse {
   0% {
     transform: scale(1);
     opacity: 1;
   }

   50% {
     transform: scale(1.3);
     opacity: 0.6;
   }

   100% {
     transform: scale(1);
     opacity: 1;
   }
 }

 @media (max-width: 576px) {
   .live-dot {
     width: 8px !important;
     height: 8px !important;
   }
 }

 .alpha-cta-wrap {
   text-align: center;
   margin: 40px auto;
   max-width: 720px;
 }

 /* CTA Button */
 .alpha-gold-btn {
   display: inline-block;
   padding: 18px 38px;
   font-size: 1.15rem;
   font-weight: 700;
   color: #111;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   border-radius: 50px;
   text-decoration: none;
   box-shadow: 0 12px 32px rgba(245, 158, 11, 0.35);
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }

 .alpha-gold-btn:hover {
   transform: translateY(-3px) scale(1.02);
   box-shadow: 0 18px 46px rgba(245, 158, 11, 0.45);
 }

 /* --- Premium CTA Pill Layout --- */
 .cta-message {
   font-size: 1rem !important;
   letter-spacing: 1.5px !important;
   text-transform: uppercase !important;
   background: rgba(0, 0, 0, 0.85) !important;
   border: 1px solid rgba(212, 175, 55, 0.4) !important;
   padding: 12px 32px !important;
   border-radius: 999px !important;
   display: inline-block !important;
   backdrop-filter: blur(15px) !important;
   margin-bottom: 2rem !important;
   color: #ffffff !important;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(212, 175, 55, 0.1);
   font-weight: 700 !important;
 }

 .cta-message-black {
   font-size: 1rem !important;
   letter-spacing: 1.5px !important;
   text-transform: uppercase !important;
   background: rgba(0, 0, 0, 0.85) !important;
   border: 1px solid rgba(212, 175, 55, 0.4) !important;
   padding: 12px 32px !important;
   border-radius: 999px !important;
   display: inline-block !important;
   backdrop-filter: blur(15px) !important;
   margin-bottom: 2rem !important;
   color: #ffffff !important;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(212, 175, 55, 0.1);
   font-weight: 700 !important;
 }

 /* Strike Amount */
 .alpha-strike {
   position: relative !important;
   margin: 0 8px !important;
   color: #ffcc4a !important;
   /* Brighter gold for background contrast */
   font-weight: 800 !important;
   text-decoration: line-through !important;
   text-decoration-color: #ff3333 !important;
   /* Explicit red strike */
 }

 /* FREE Text with Shimmer */
 .alpha-free {
   background: linear-gradient(90deg, #ffd700 0%, #fff 50%, #ffd700 100%);
   background-size: 200% auto;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 900 !important;
   letter-spacing: 2px !important;
   animation: alphaShine 3s linear infinite;
   text-shadow: 0 0 15px rgba(255, 215, 0, 0.3);
 }

 @keyframes alphaShine {
   to {
     background-position: 200% center;
   }
 }

 /* Benefits */
 .alpha-benefit-row {
   margin-top: 16px;
   font-size: 0.95rem;
   color: #ffffff;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 8px;
 }

 .golden-offer-right {
   /* border: 1px solid #b8860b; */
   border-radius: 16px;
   padding: 7px 8px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: transparent;
   box-shadow: 0 0 0 rgba(245, 158, 11, 0);
   transition: all 0.3s ease;
 }

 /* .alpha-sep{
  color:#f59e0b;
  font-weight:700;
} */

 /* Mobile */
 @media(max-width:600px) {
   .alpha-gold-btn {
     font-size: 0.85rem;
     padding: 16px 26px;
   }

   .alpha-benefit-row {
     font-size: 0.9rem;
     line-height: 1.6;
     font-weight: 500;
   }

   .alpha-strike {
     position: relative;
     margin: 0 4px;
     font-size: 17px;
     color: #7c2d12;
   }
 }

 /* --- Registration Modal Styling --- */
 .reg-modal-content {
   background: rgba(15, 15, 15, 0.95);
   backdrop-filter: blur(15px);
   border: 1px solid rgba(212, 175, 55, 0.3);
   border-radius: 20px;
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(212, 175, 55, 0.1);
 }

 .reg-form-header h2 {
   font-size: 1.8rem;
   letter-spacing: 2px;
 }

 .reg-form .form-label {
   margin-bottom: 0.4rem;
   font-weight: 500;
 }

 .reg-form .input-group-text {
   border-right: none;
   color: #ffd700;
 }

 .reg-form .form-control {
   border-left: none;
   padding: 0.75rem 1rem;
   font-size: 1rem;
 }

 .reg-form .form-control:focus {
   box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
   border-color: rgba(212, 175, 55, 0.5);
   background-color: rgba(30, 30, 30, 1) !important;
 }

 .text-gold {
   color: #ffd700 !important;
 }

 .reg-submit-btn {
   transition: all 0.3s ease;
   text-transform: uppercase;
   letter-spacing: 1px;
   border: none;
 }

 .reg-submit-btn:hover:not(:disabled) {
   transform: translateY(-2px);
   box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);
   filter: brightness(1.1);
 }

 .reg-submit-btn:disabled {
   opacity: 0.7;
   cursor: not-allowed;
 }

 .form-privacy {
   opacity: 0.7;
   font-size: 0.85rem;
 }

 .success-icon {
   animation: scaleIn 0.5s ease-out;
 }

 @keyframes scaleIn {
   0% {
     transform: scale(0);
     opacity: 0;
   }

   60% {
     transform: scale(1.2);
   }

   100% {
     transform: scale(1);
     opacity: 1;
   }
 }

 /* Responsive tweaks for modal */
 @media (max-width: 576px) {
   .reg-form-header h2 {
     font-size: 1.5rem;
   }
 }

 /* --- Life Transformation Banner Section --- */
 .life-transformation-banner {
   padding: 80px 0 !important;
   background-color: #000 !important;
   position: relative;
   z-index: 10;
   content-visibility: auto;
   contain-intrinsic-size: 0 700px;
 }

 .life-transformation-banner .bg-glass-card {
   background: rgba(15, 15, 15, 0.8) !important;
   backdrop-filter: blur(20px);
   border: 1px solid rgba(212, 175, 55, 0.3) !important;
   transition: all 0.4s ease;
 }

 .life-transformation-banner .bg-glass-card:hover {
   border-color: rgba(212, 175, 55, 0.6) !important;
   box-shadow: 0 0 50px rgba(212, 175, 55, 0.2) !important;
 }

 .life-transformation-banner .title-banner {
   font-size: 2.8rem !important;
   font-weight: 800 !important;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   line-height: 1.2;
 }

 .life-transformation-banner .life-areas-grid {
   display: flex !important;
   flex-wrap: wrap !important;
   gap: 12px !important;
   margin-top: 20px;
 }

 .life-transformation-banner .area-pill {
   padding: 10px 22px !important;
   background: rgba(212, 175, 55, 0.1) !important;
   border: 1px solid rgba(212, 175, 55, 0.4) !important;
   border-radius: 50px !important;
   color: #fff !important;
   font-size: 1.05rem !important;
   font-weight: 600 !important;
   letter-spacing: 0.5px;
   transition: all 0.3s ease;
   flex: 1 1 auto;
   text-align: center;
   display: inline-block;
 }

 .life-transformation-banner .area-pill:hover {
   background: linear-gradient(90deg, #b8860b, #ffd700) !important;
   color: #000 !important;
   border-color: transparent !important;
   transform: translateY(-3px);
 }

 .life-transformation-banner .banner-img-wrap {
   position: relative;
   min-height: 450px;
 }

 .life-transformation-banner .banner-img {
   object-fit: cover !important;
   object-position: center !important;
   width: 100%;
   height: 100%;
 }

 @media (max-width: 991px) {
   .life-transformation-banner .title-banner {
     font-size: 2.2rem !important;
   }

   .life-transformation-banner .banner-img-wrap {
     min-height: 350px;
   }
 }

 @media (max-width: 576px) {
   .life-transformation-banner {
     padding: 40px 0 !important;
   }

   .life-transformation-banner .title-banner {
     font-size: 1.8rem !important;
   }

   .life-transformation-banner .area-pill {
     padding: 8px 16px !important;
     font-size: 0.9rem !important;
   }
 }

 /* INDUSTRY LEADERS VIDEO SECTION */
 .industry-leaders-section {
   padding: 80px 0;
   background: #000;
   position: relative;
   z-index: 1;
   content-visibility: auto;
   contain-intrinsic-size: 0 600px;
 }

 .industry-leaders-section .section-title h2 {
   font-size: clamp(2rem, 5vw, 3rem);
   font-weight: 800;
   margin-bottom: 20px;
 }

 .video-container {
   position: relative;
   padding-bottom: 56.25%;
   /* 16:9 Aspect Ratio */
   height: 0;
   overflow: hidden;
   border: 4px solid var(--accent-gold);
   border-radius: 20px;
   box-shadow: 0 20px 50px rgba(184, 134, 11, 0.3);
   background: #000;
 }

 .video-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
 }

 @media (max-width: 768px) {
   .industry-leaders-section {
     padding: 60px 0;
   }

   .video-container {
     border-width: 2px;
     border-radius: 12px;
   }
 }

 /* ============================================================
   INDUSTRY LEADERS VIDEO SECTION - CREATIVE DESIGN
   ============================================================ */
 .industry-leaders-section {
   padding: 100px 0;
   background: radial-gradient(circle at center, #111 0%, #000 100%);
   position: relative;
   overflow: hidden;
 }

 .industry-leaders-section::before {
   content: '';
   position: absolute;
   top: -10%;
   left: -10%;
   width: 120%;
   height: 120%;
   background: radial-gradient(circle at 50% 50%, rgba(184, 134, 11, 0.05) 0%, transparent 70%);
   pointer-events: none;
 }

 .industry-leaders-section .section-title h2 {
   font-size: clamp(2.2rem, 6vw, 3.5rem);
   font-weight: 900;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 2px;
   text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
   margin-bottom: 40px;
 }

 .industry-leaders-section .highlight {
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   filter: drop-shadow(0 0 10px rgba(184, 134, 11, 0.5));
 }

 /* --- Standalone Registration Section styling --- */
 #on-page-registration {
   position: relative;
   overflow: hidden;
 }

 #on-page-registration::before {
   content: '';
   position: absolute;
   top: -10%;
   right: -10%;
   width: 400px;
   height: 400px;
   background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
   z-index: 1;
 }

 .on-page-reg-card {
   transition: transform 0.4s ease, border-color 0.4s ease;
 }

 .on-page-reg-card:hover {
   border-color: rgba(212, 175, 55, 0.6) !important;
 }

 #on-page-registration .form-control:focus,
 #on-page-registration .form-select:focus {
   box-shadow: none;
   border-bottom: 2px solid #ffd700 !important;
 }

 #on-page-registration .form-label {
   letter-spacing: 2px;
   font-weight: 700;
 }

 #standalone-submit-btn:hover {
   transform: translateY(-3px);
   box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);
   filter: brightness(1.1);
 }

 @media (max-width: 768px) {
   #on-page-registration h2 {
     font-size: 2rem !important;
   }
 }

 .benefits-1 {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 1rem;
 }

 .benefits-1 .bi {
   color: var(--gold);
   margin-right: .35rem;
 }

 .reserve-text {
   font-size: 32px;
   font-weight: 800;
   text-align: center;
   background: linear-gradient(90deg, #b8860b, #ffd700, #f8e473, #b8860b);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   /* margin-bottom: 20px; */
   letter-spacing: 0.5px;
 }

 /* Responsive */
 @media (max-width: 768px) {
   .reserve-text {
     font-size: 24px;
   }
 }

 @media (max-width: 480px) {
   .reserve-text {
     font-size: 20px;
   }
 }

 /* --- Form Field Visibility Fix --- */
 .registration-form-common .form-control,
 .registration-form-common .form-select {
   color: #ffffff !important;
   background: rgba(255, 255, 255, 0.05) !important;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
 }

 .registration-form-common .form-control::placeholder {
   color: rgba(255, 255, 255, 0.5) !important;
 }

 .registration-form-common .input-group-text {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
 }