:root {
            --plum: #2a1640;
            --plum2: #3d2160;
            --violet: #6d3fb0;
            --violet-l: #8b5cd6;
            --coral: #ff6a4d;
            --coral2: #ff9457;
            --gold: #e5a55b;
            --cream: #fbf6ef;
            --cream2: #f5ede2;
            --lilac: #f3edfa;
            --card: #ffffff;
            --ink: #2c2238;
            --ink-soft: #5d5169;
            --line: #ebe2d6;
            --ok: #3fa776;
            --grad-cta: linear-gradient(100deg, #ff6a4d, #ff9457);
            --grad-dark: linear-gradient(155deg, #2a1640, #3d2160 60%, #4a2770);
            --maxw: 1120px;
            --shadow: 0 18px 50px -22px rgba(42, 22, 64, 0.35);
          }
          * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
          }
          html {
            scroll-behavior: smooth;
            -webkit-text-size-adjust: 100%;
          }
          body {
            font-family: "Plus Jakarta Sans", sans-serif;
            background: var(--cream);
            color: var(--ink);
            line-height: 1.55;
            overflow-x: hidden;
            font-size: 16px;
          }
          h1,
          h2,
          h3,
          h4 {
            font-family: "Bricolage Grotesque", sans-serif;
            line-height: 1.1;
            letter-spacing: -0.02em;
            font-weight: 700;
          }
          img {
            max-width: 100%;
            display: block;
          }
          a {
            color: inherit;
            text-decoration: none;
          }
          .wrap {
            max-width: var(--maxw);
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 2;
          }
          .acc {
            color: var(--coral);
          }
          .tag {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-size: 12.5px;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--violet);
            background: var(--lilac);
            padding: 8px 15px;
            border-radius: 100px;
          }
    
          /* hypnotherapy ring motif (tintable via color) */
          .deco {
            position: absolute;
            z-index: 0;
            pointer-events: none;
            background: currentColor;
            color: var(--violet);
            opacity: 0.11;
            -webkit-mask: center/contain no-repeat;
            mask: center/contain no-repeat;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Ccircle cx='100' cy='100' r='22'/%3E%3Ccircle cx='100' cy='100' r='44'/%3E%3Ccircle cx='100' cy='100' r='66'/%3E%3Ccircle cx='100' cy='100' r='88'/%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Ccircle cx='100' cy='100' r='22'/%3E%3Ccircle cx='100' cy='100' r='44'/%3E%3Ccircle cx='100' cy='100' r='66'/%3E%3Ccircle cx='100' cy='100' r='88'/%3E%3C/g%3E%3C/svg%3E");
          }
          .deco.coral {
            color: var(--coral);
          }
          .deco.light {
            color: #fff;
            opacity: 0.1;
          }
          .spin {
            animation: spin 100s linear infinite;
          }
          @keyframes spin {
            to {
              transform: rotate(360deg);
            }
          }
    
          /* buttons */
          .btn {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            font-family: "Plus Jakarta Sans";
            font-weight: 700;
            font-size: 17px;
            color: #fff;
            background: var(--grad-cta);
            border: none;
            border-radius: 100px;
            padding: 16px 32px;
            cursor: pointer;
            overflow: hidden;
            box-shadow: 0 12px 28px -8px rgba(255, 106, 77, 0.6);
            transition:
              transform 0.25s,
              box-shadow 0.25s;
            animation: cta-pulse 2.6s ease-in-out infinite;
            will-change: transform;
          }
          .btn:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 18px 36px -8px rgba(255, 106, 77, 0.7);
          }
          .btn:active {
            transform: translateY(0) scale(0.99);
          }
          .btn::after {
            content: "";
            position: absolute;
            top: 0;
            left: -120%;
            width: 55%;
            height: 100%;
            background: linear-gradient(
              120deg,
              transparent,
              rgba(255, 255, 255, 0.55),
              transparent
            );
            transform: skewX(-20deg);
            animation: shine 3.4s ease-in-out infinite;
          }
          .btn .ar {
            font-size: 15px;
            transition: transform 0.25s;
          }
          .btn:hover .ar {
            transform: translateX(4px);
          }
          @keyframes shine {
            0% {
              left: -120%;
            }
            55% {
              left: 140%;
            }
            100% {
              left: 140%;
            }
          }
          @keyframes cta-pulse {
            0%,
            100% {
              box-shadow: 0 12px 28px -8px rgba(255, 106, 77, 0.55);
            }
            50% {
              box-shadow: 0 14px 34px -6px rgba(255, 106, 77, 0.85);
            }
          }
          .btn-sub {
            display: block;
            font-size: 13px;
            color: var(--ink-soft);
            margin-top: 11px;
            font-weight: 500;
          }
    
          /* top bar */
          .topbar {
            background: var(--grad-dark);
            color: #f3e9f7;
            text-align: center;
            font-size: 11.5px;
            font-weight: 600;
            padding: 10px 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            flex-wrap: wrap;
            position: relative;
            z-index: 30;
          }
          .topbar .dot {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--coral);
          }
          .topbar b {
            color: #fff;
          }
    
          /* sections */
          section {
            position: relative;
            padding: 56px 0;
            overflow: hidden;
          }
          .dotgrid::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: radial-gradient(
              rgba(109, 63, 176, 0.08) 1.2px,
              transparent 1.2px
            );
            background-size: 28px 28px;
            -webkit-mask-image: linear-gradient(
              180deg,
              transparent,
              #000 22%,
              #000 78%,
              transparent
            );
            mask-image: linear-gradient(
              180deg,
              transparent,
              #000 22%,
              #000 78%,
              transparent
            );
            pointer-events: none;
          }
          .sec-head {
            text-align: center;
            max-width: 760px;
            margin: 0 auto 34px;
          }
          .sec-head h2 {
            font-size: clamp(28px, 4.4vw, 44px);
            margin: 13px 0;
          }
          .sec-head p {
            color: var(--ink-soft);
            font-size: 17px;
          }
    
          /* hero */
        .hero {
        background: radial-gradient(110% 80% at 88% -20%, #f3e7fb, transparent 52%),
              var(--cream);
        padding-top: 25px;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
          .hgrid {
            display: grid;
            grid-template-columns: 1.05fr 0.95fr;
            gap: 46px;
            align-items: center;
          }
          .hcol-l,
          .hcol-r {
            min-width: 0;
          }
          .hcol-r {
            display: flex;
            flex-direction: column;
            gap: 24px;
            padding-bottom: 80px;
          }
          .hero .tag2 {
            display: inline-flex;
            font-size: 10px;
            letter-spacing: 0.1em;
            font-weight: 700;
            text-transform: uppercase;
            color: var(--coral);
            background: #ffede6;
            border: 1px solid #ffd8cc;
            padding: 7px 14px;
            border-radius: 100px;
            margin-bottom: 16px;
          }
          .hero h1 {
            font-size: clamp(24px, 5vw, 36px);
            font-weight: 800;
          }
          .hero h1 .u {
            background: var(--grad-cta);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
          }
          .hero .lead {
            font-size: 14px;
            color: var(--ink-soft);
            margin: 18px 0 24px;
            max-width: 520px;
            /*text-align:center;*/
          }
          .cta-row {
            margin-bottom: 0;
          }
          .video-card {
            position: relative;
            border-radius: 22px;
            overflow: hidden;
            box-shadow: var(--shadow);
            border: 8px solid #fff;
            aspect-ratio: 16/11;
            background: linear-gradient(150deg, var(--plum), var(--violet));
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
          }
          .video-card .vrings {
            position: absolute;
            width: 120%;
            height: 120%;
            opacity: 0.16;
          }
          .video-card .ph {
            position: relative;
            z-index: 2;
            color: #ecd9f5;
            text-align: center;
            font-size: 13px;
            font-weight: 600;
            padding: 0 20px;
          }
          .video-card .play {
            width: 72px;
            height: 72px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.92);
            display: grid;
            place-items: center;
            margin: 0 auto 14px;
            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s;
          }
          .video-card:hover .play {
            transform: scale(1.08);
          }
          .video-card .play::after {
            content: "";
            border-left: 20px solid var(--coral);
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            margin-left: 5px;
          }
         .video-tag {
        position: absolute;
        top: 3px;
        left: 0px;
        background: #ff3b3b;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        padding: 5px 11px;
        border-radius: 7px;
        z-index: 3;
        display: flex;
        align-items: center;
        gap: 6px;
    }
          .video-tag::before {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #fff;
            animation: liveb 1.3s infinite;
          }
          @keyframes liveb {
            50% {
              opacity: 0.3;
            }
          }
          .wd {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
            margin-top: 28px;
          }
          .wd .c {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 14px;
            padding: 13px 14px;
            box-shadow: 0 6px 18px -12px rgba(42, 22, 64, 0.4);
          }
          .wd .c .ic {
            font-size: 18px;
            margin-bottom: 5px;
          }
          .wd .c .lb {
            font-size: 10.5px;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--ink-soft);
            font-weight: 700;
          }
          .wd .c .vl {
            font-size: 13.5px;
            font-weight: 700;
            margin-top: 1px;
          }
          #workshopDetails {
            margin-top: 16px;
          }
          #workshopDetails .pill {
            display: inline-block;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 100px;
            padding: 9px 18px;
            font-weight: 700;
            font-size: 13px;
            box-shadow: 0 6px 16px -12px rgba(42, 22, 64, 0.4);
          }
          .stats {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
          }
          .stat {
            flex: 1;
            min-width: 120px;
            background: linear-gradient(160deg, #fff, #fffaf4);
            border: 1px solid var(--line);
            border-radius: 16px;
            padding: 16px 14px;
            text-align: center;
          }
          .stat .n {
            font-family: "Bricolage Grotesque";
            font-size: 26px;
            font-weight: 800;
            background: var(--grad-cta);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
          }
          .stat .t {
            font-size: 12.5px;
            color: var(--ink-soft);
            font-weight: 600;
            margin-top: 2px;
          }
    
          /* problem */
          .problem {
            background: var(--cream2);
          }
          .prob-body {
            max-width: 680px;
            margin: 0 auto;
          }
          .prob-body > p {
            font-size: 18px;
            color: #42384f;
            margin-bottom: 14px;
          }
          .prob-lines {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin: 20px 0;
          }
          .prob-lines .l {
            background: #fff;
            border-left: 4px solid var(--coral);
            border-radius: 0 12px 12px 0;
            padding: 13px 18px;
            font-weight: 600;
            font-size: 15.5px;
            box-shadow: 0 6px 18px -14px rgba(42, 22, 64, 0.4);
          }
          .prob-body .pay {
            font-weight: 700;
            color: var(--plum);
            font-size: 18px;
            background: var(--lilac);
            padding: 18px 22px;
            border-radius: 14px;
            margin-top: 6px;
          }
          .tgrid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            max-width: 880px;
            margin: 30px auto 0;
          }
          .tcard {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 16px;
            padding: 20px;
            box-shadow: 0 8px 24px -18px rgba(42, 22, 64, 0.5);
          }
          .tcard .st {
            color: var(--gold);
            font-size: 14px;
            letter-spacing: 2px;
            margin-bottom: 8px;
          }
          .tcard p {
            font-size: 14.5px;
            color: #4a3f57;
          }
          .tcard .who {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 14px;
          }
          .tcard .av {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--lilac);
            display: grid;
            place-items: center;
            font-weight: 700;
            color: var(--violet);
            font-size: 14px;
          }
          .tcard .who b {
            font-size: 13.5px;
          }
          .tcard .who span {
            font-size: 11.5px;
            color: var(--ink-soft);
            display: block;
          }
    
          /* math / comparison */
          .math .intro {
            max-width: 720px;
            margin: 0 auto 34px;
            text-align: center;
          }
          .math .intro p {
            font-size: 17px;
            color: #4a3f57;
            margin-top: 13px;
          }
          .math .intro .big {
            font-size: 19.5px;
            color: var(--plum);
            font-weight: 700;
            font-family: "Bricolage Grotesque";
          }
          .compare {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            max-width: 880px;
            margin: 0 auto;
            align-items: start;
          }
          .col {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 18px;
            overflow: hidden;
          }
          .col .ch {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 17px 20px;
            font-weight: 700;
            font-family: "Bricolage Grotesque";
            font-size: 16px;
          }
          .col .cic {
            flex: 0 0 24px;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
          }
          .col .row {
            padding: 14px 20px;
            font-size: 14.5px;
            font-weight: 600;
            border-top: 1px solid var(--line);
            min-height: 58px;
            display: flex;
            align-items: center;
          }
          .col.a .ch {
            background: #efe7dd;
            color: #5a4f68;
          }
          .col.a .ch .cic {
            background: #ddd0c2;
            color: #7d7186;
          }
          .col.a .row {
            color: #6a5e78;
          }
          .col.b {
            position: relative;
            border: 2px solid var(--coral);
            box-shadow: 0 22px 44px -22px rgba(255, 106, 77, 0.55);
            transform: translateY(-8px);
          }
          .col.b .ch {
            background: var(--grad-dark);
            color: #fff;
          }
          .col.b .ch .cic {
            background: var(--coral);
            color: #fff;
          }
          .col.b .row {
            color: var(--plum);
          }
          .col.b .row::before {
            content: "✓";
            color: var(--coral);
            font-weight: 800;
            margin-right: 10px;
            font-size: 13px;
          }
        .col.b .badge {
        position: absolute;
        top: 3px;
        right: 3px;
        z-index: 3;
        background: var(--grad-cta);
        color: #fff;
        font-size: 8px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 5px 12px;
        border-radius: 100px;
        box-shadow: 0 8px 18px -8px rgba(255, 106, 77, 0.7);
    }
          .addon {
            max-width: 780px;
            margin: 28px auto 0;
            text-align: center;
            font-size: 17px;
            color: #4a3f57;
          }
    
          /* agenda */
          .agenda {
            background: var(--grad-dark);
            color: #f1e8f7;
          }
          .agenda::after {
            content: "";
            position: absolute;
            inset: 0;
            background-image: radial-gradient(
              rgba(255, 255, 255, 0.05) 1px,
              transparent 1px
            );
            background-size: 26px 26px;
            pointer-events: none;
          }
          .agenda .sec-head h2 {
            color: #fff;
          }
          .agenda .tag {
            background: rgba(255, 255, 255, 0.1);
            color: #e3c9f5;
          }
          .agenda .when {
            text-align: center;
            color: var(--gold);
            font-weight: 700;
            letter-spacing: 0.06em;
            font-size: 14px;
            margin-bottom: 4px;
            position: relative;
            z-index: 2;
          }
          .ag-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            max-width: 920px;
            margin: 0 auto;
          }
          .ag {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 18px;
            padding: 24px;
            transition:
              transform 0.3s,
              background 0.3s;
          }
          .ag:hover {
            transform: translateY(-5px);
            background: rgba(255, 255, 255, 0.09);
          }
          .ag .num {
            font-family: "Bricolage Grotesque";
            font-size: 36px;
            font-weight: 800;
            background: var(--grad-cta);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1;
          }
          .ag h3 {
            font-size: 19px;
            color: #fff;
            margin: 8px 0 9px;
          }
          .ag p {
            font-size: 14.5px;
            color: #cdbcdd;
          }
          .agenda .foot {
            text-align: center;
            color: #e3c9f5;
            font-weight: 600;
            margin: 30px 0 20px;
            position: relative;
            z-index: 2;
          }
     .center {
        text-align: center;
        position: relative;
        z-index: 2;
        margin-top: 23px;
    }
          /* become */
          .become .lead2 {
            text-align: center;
            max-width: 640px;
            margin: 0 auto 26px;
            color: var(--ink-soft);
            font-size: 16.5px;
          }
          .checklist {
            max-width: 760px;
            margin: 0 auto;
            display: grid;
            gap: 11px;
          }
          .cl {
            display: flex;
            gap: 14px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 14px;
            padding: 15px 20px;
            box-shadow: 0 8px 22px -18px rgba(42, 22, 64, 0.5);
            align-items: flex-start;
            transition:
              transform 0.25s,
              box-shadow 0.25s;
          }
          .cl:hover {
            transform: translateX(6px);
            box-shadow: 0 12px 28px -18px rgba(109, 63, 176, 0.5);
          }
          .cl .ck {
            flex: 0 0 26px;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--ok), #5cc995);
            display: grid;
            place-items: center;
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            margin-top: 1px;
            line-height: 1;
          }
          .cl p {
            font-size: 15px;
            font-weight: 600;
            color: #3a3047;
          }
    
          /* trainer */
          .trainer {
            background: var(--grad-dark);
            color: #f1e8f7;
          }
          .trainer .grid {
            display: grid;
            grid-template-columns: 0.85fr 1.15fr;
            gap: 44px;
            align-items: center;
          }
          .trainer .photo img {
            border-radius: 15px;
            aspect-ratio: 4/5;
            object-fit: cover;
            object-position: top;
            box-shadow: var(--shadow);
          }
          .trainer .photo {
            aspect-ratio: 4/5;
            border-radius: 22px;
            background: linear-gradient(160deg, #4a2770, #6d3fb0);
            border: 7px solid rgba(255, 255, 255, 0.12);
            display: grid;
            place-items: center;
            color: #e3c9f5;
            font-size: 13px;
            text-align: center;
            padding: 0px;
            box-shadow: var(--shadow);
          }
          .trainer .tag {
            background: rgba(255, 255, 255, 0.1);
            color: #e3c9f5;
          }
          .trainer h2 {
            color: #fff;
            font-size: clamp(25px, 3.5vw, 37px);
            margin: 12px 0 16px;
          }
          .trainer p {
            color: #d3c4e2;
            font-size: 16px;
            margin-bottom: 13px;
          }
          .trainer .role {
            color: var(--gold);
            font-weight: 700;
            font-size: 15px;
            margin-bottom: 16px;
            font-family: "Bricolage Grotesque";
          }
    
          /* video testimonials */
          .vgrid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
          }
          .vt {
            aspect-ratio: 16/9;
            border-radius: 18px;
            background: linear-gradient(160deg, var(--plum), var(--violet));
            display: grid;
            place-items: center;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            box-shadow: var(--shadow);
            border: 6px solid #fff;
            transition: transform 0.3s;
          }
          .vt:hover {
            transform: translateY(-6px);
          }
          .vt .vrings {
            position: absolute;
            width: 130%;
            height: 130%;
            opacity: 0.15;
          }
          .vt .play {
            position: relative;
            z-index: 2;
            width: 58px;
            height: 58px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.92);
            display: grid;
            place-items: center;
          }
          .vt .play::after {
            content: "";
            border-left: 17px solid var(--coral);
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
          }
          .vt .lb {
            position: absolute;
            bottom: 12px;
            left: 0;
            right: 0;
            text-align: center;
            color: #efe0f7;
            font-size: 12px;
            font-weight: 600;
            z-index: 2;
          }
    
          /* for you */
          .foryou {
            background: var(--cream2);
          }
          .fy-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 22px;
            max-width: 920px;
            margin: 0 auto;
          }
          .fy-col {
            background: #fff;
            border-radius: 20px;
            padding: 24px;
            box-shadow: 0 12px 34px -22px rgba(42, 22, 64, 0.5);
          }
          .fy-col.yes {
            border-top: 5px solid var(--ok);
          }
          .fy-col.no {
            border-top: 5px solid #e0726a;
          }
          .fy-col h3 {
            font-size: 18px;
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            gap: 9px;
          }
          .fy-col .hint {
            font-size: 12.5px;
            color: var(--ink-soft);
            margin-bottom: 15px;
          }
          .fy-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 12px 14px;
            border-radius: 12px;
            cursor: pointer;
            border: 1.5px solid transparent;
            transition: all 0.2s;
            user-select: none;
            margin-bottom: 8px;
            background: #faf6f0;
          }
          .fy-item:hover {
            background: var(--lilac);
          }
          .fy-item .box {
            flex: 0 0 22px;
            width: 22px;
            height: 22px;
            border-radius: 7px;
            border: 2px solid;
            display: grid;
            place-items: center;
            font-size: 12px;
            font-weight: 800;
            transition: all 0.2s;
            margin-top: 1px;
            line-height: 1;
          }
          .fy-item p {
            font-size: 14px;
            font-weight: 600;
            color: #3a3047;
          }
          .fy-col.yes .fy-item .box {
            background: #e7f6ef;
            border-color: #bfe6d2;
            color: var(--ok);
          }
          .fy-col.no .fy-item .box {
            background: #fbedec;
            border-color: #f1cecb;
            color: #d9665e;
          }
          .fy-col.yes .fy-item.sel {
            background: #e9f7f0;
            border-color: var(--ok);
          }
          .fy-col.yes .fy-item.sel .box {
            background: var(--ok);
            border-color: var(--ok);
            color: #fff;
            transform: scale(1.08);
          }
          .fy-col.no .fy-item.sel {
            background: #fbeceb;
            border-color: #e0726a;
          }
          .fy-col.no .fy-item.sel .box {
            background: #e0726a;
            border-color: #e0726a;
            color: #fff;
            transform: scale(1.08);
          }
    
          /* faq */
          .faq-list {
            max-width: 780px;
            margin: 0 auto;
            display: grid;
            gap: 11px;
          }
          .q {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 8px 22px -20px rgba(42, 22, 64, 0.5);
            transition: box-shadow 0.25s;
          }
          .q.open {
            box-shadow: 0 14px 30px -18px rgba(109, 63, 176, 0.45);
          }
          .q .qh {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 14px;
            padding: 17px 20px;
            cursor: pointer;
            font-weight: 700;
            font-size: 15.5px;
            color: var(--plum);
          }
          .q .ico {
            position: relative;
            flex: 0 0 28px;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: var(--lilac);
            color: var(--violet);
            transition:
              background 0.3s,
              color 0.3s;
          }
          .q .ico::before,
          .q .ico::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            background: currentColor;
            border-radius: 2px;
            transform: translate(-50%, -50%);
            transition: transform 0.3s;
          }
          .q .ico::before {
            width: 11px;
            height: 2.4px;
          }
          .q .ico::after {
            width: 2.4px;
            height: 11px;
          }
          .q.open .ico {
            background: var(--coral);
            color: #fff;
          }
          .q.open .ico::after {
            transform: translate(-50%, -50%) scaleY(0);
          }
          .q .qb {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease;
          }
          .q .qb p {
            padding: 0 20px 18px;
            font-size: 14.5px;
            color: #52475f;
          }
    
          /* final */
          .final {
            background: var(--grad-dark);
            color: #f1e8f7;
            text-align: center;
          }
          .final .tag {
            background: rgba(255, 255, 255, 0.1);
            color: #e3c9f5;
          }
          .final h2 {
            color: #fff;
            font-size: clamp(28px, 4.4vw, 46px);
            margin: 13px 0 20px;
          }
          .final .body {
            max-width: 600px;
            margin: 0 auto 16px;
          }
          .final .body p {
            color: #d3c4e2;
            font-size: 16.5px;
            margin-bottom: 13px;
          }
          .final .when2 {
            color: var(--gold);
            font-weight: 700;
            margin: 16px 0 24px;
            font-size: 15px;
          }
          .final .strip {
            color: #bca8cf;
            font-size: 13px;
            margin-top: 24px;
            font-weight: 600;
          }
    
          /* footer */
       footer {
        background: #1d0f2e;
        color: #9b89ac;
        font-size: 12.5px;
        padding: 2px 0 82px;
        text-align: center;
    }
          footer .dis {
            max-width: 760px;
            margin: 0 auto 14px;
            line-height: 1.7;
          }
          footer .cp {
            color: #c3b3d2;
            font-weight: 600;
          }
          footer a {
            color: #b9a6c9;
            text-decoration: underline;
          }
    
          /* sticky */
          .sticky {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 40;
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(10px);
            border-top: 1px solid var(--line);
            box-shadow: 0 -8px 30px -16px rgba(42, 22, 64, 0.4);
            /*transform: translateY(120%);*/
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            padding: 10px 0;
          }
          .sticky.show {
            transform: translateY(0);
          }
          .sticky .in {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
          }
          .sticky .pr {
            display: flex;
            flex-direction: column;
          }
          .sticky .pr .a {
            font-family: "Bricolage Grotesque";
            font-weight: 800;
            font-size: 22px;
            color: var(--plum);
          }
          .sticky .pr .b {
            font-size: 11.5px;
            color: var(--ink-soft);
            font-weight: 600;
          }
          .sticky .btn {
            padding: 13px 24px;
            font-size: 15px;
          }
    
          /* popup */
          .ov {
            position: fixed;
            inset: 0;
            z-index: 60;
            background: rgba(35, 18, 52, 0.62);
            backdrop-filter: blur(5px);
            display: none;
            align-items: flex-start;
            justify-content: center;
            padding: 24px 16px;
            overflow-y: auto;
            -ms-overflow-style: none;
            scrollbar-width: none;
          }
          .ov::-webkit-scrollbar {
            display: none;
          }
          .ov.show {
            display: flex;
            animation: fade 0.25s ease;
          }
          @keyframes fade {
            from {
              opacity: 0;
            }
            to {
              opacity: 1;
            }
          }
          .modal {
            background: var(--cream);
            border-radius: 22px;
            width: 100%;
            max-width: 430px;
            margin: auto;
            position: relative;
            box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.5);
            animation: pop 0.35s cubic-bezier(0.16, 1, 0.3, 1);
            overflow: hidden;
          }
          @keyframes pop {
            from {
              transform: translateY(24px) scale(0.96);
              opacity: 0;
            }
            to {
              transform: none;
              opacity: 1;
            }
          }
          .modal .top {
            position: relative;
            background: var(--grad-dark);
            color: #fff;
            padding: 22px 24px 20px;
            overflow: hidden;
          }
          .modal .top .tag {
            background: rgba(255, 255, 255, 0.12);
            color: #e3c9f5;
            margin-bottom: 10px;
          }
          .modal .top h3 {
            font-size: 20px;
            color: #fff;
            position: relative;
            z-index: 2;
          }
          .modal .top p {
            font-size: 13px;
            color: #cdbcdd;
            margin-top: 5px;
            position: relative;
            z-index: 2;
          }
          .modal .x {
            position: absolute;
            top: 14px;
            right: 16px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: none;
            background: rgba(255, 255, 255, 0.18);
            color: #fff;
            font-size: 18px;
            cursor: pointer;
            display: grid;
            place-items: center;
            z-index: 3;
          }
          .modal .x:hover {
            background: rgba(255, 255, 255, 0.3);
          }
          .modal .bd {
            padding: 22px 24px 26px;
          }
          .fld {
            margin-bottom: 14px;
          }
          .fld label {
            display: block;
            font-size: 12.5px;
            font-weight: 700;
            margin-bottom: 6px;
            color: var(--plum);
          }
          .fld input {
            width: 100%;
            background: #fff;
            border: 1.5px solid var(--line);
            border-radius: 11px;
            padding: 12px 14px;
            font-size: 15px;
            font-family: "Plus Jakarta Sans";
            color: var(--ink);
            transition: border 0.2s;
          }
          .fld input:focus {
            outline: none;
            border-color: var(--violet);
            box-shadow: 0 0 0 3px rgba(109, 63, 176, 0.12);
          }
          .fld .ph-row {
            display: flex;
          }
          .fld .cc {
            display: inline-flex;
            align-items: center;
            padding: 0 14px;
            background: #efe7dd;
            border: 1.5px solid var(--line);
            border-right: none;
            border-radius: 11px 0 0 11px;
            font-size: 13px;
            font-weight: 700;
            color: var(--ink-soft);
          }
          .fld .ph-row input {
            border-radius: 0 11px 11px 0;
          }
          .err {
            display: none;
            color: #e0524b;
            font-size: 11.5px;
            margin-top: 5px;
            font-weight: 600;
          }
          .summary {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 13px;
            padding: 14px 16px;
            margin: 6px 0 16px;
          }
          .summary .r {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            padding: 3px 0;
          }
          .summary hr {
            border: none;
            border-top: 1px dashed var(--line);
            margin: 8px 0;
          }
          .summary .tot {
            font-weight: 800;
            font-size: 16px;
            color: var(--plum);
          }
          .modal .btn {
            width: 100%;
            font-size: 17px;
          }
          .modal .secure {
            text-align: center;
            font-size: 11.5px;
            color: var(--ink-soft);
            margin-top: 12px;
            font-weight: 600;
          }
          .loader {
            display: none;
            flex-direction: column;
            align-items: center;
            gap: 16px;
            padding: 50px 0;
          }
          .loader .sp {
            width: 46px;
            height: 46px;
            border: 4px solid var(--lilac);
            border-top-color: var(--violet);
            border-radius: 50%;
            animation: spin2 1s linear infinite;
          }
          @keyframes spin2 {
            to {
              transform: rotate(360deg);
            }
          }
    
          /* reveal */
          .rv {
            opacity: 0;
            transform: translateY(26px);
            transition:
              opacity 0.7s ease,
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
          }
          .rv.in {
            opacity: 1;
            transform: none;
          }
    
          /* responsive */
          @media (max-width: 880px) {
            .hgrid {
              display: flex;
              flex-direction: column;
              gap: 18px;
            }
            .hcol-l,
            .hcol-r {
              display: contents;
            }
            .hero .tag2 {
              order: 1;
              margin-bottom: 0;
              text-align: center;
            }
            .hero h1 {
              order: 2;
            }
            .hero .lead {
              order: 3;
              margin: 0;
              max-width: none;
              text-align: center;
            }
            .hero .video-card {
              order: 4;
            }
            .hero .wd {
              order: 5;
              margin-top: 0;
            }
            .hero .cta-row {
              order: 6;
              text-align: center;
            }
            .hero #workshopDetails {
              order: 7;
              margin-top: 0;
            }
            .hero .stats {
              order: 8;
            }
            .trainer .grid {
              grid-template-columns: 1fr;
              gap: 28px;
            }
            .trainer .photo {
              max-width: 300px;
              margin: 0 auto;
            }
            .col.b {
              transform: none;
            }
          }
          @media (max-width: 680px) {
            section {
              padding: 42px 0;
            }
            .sec-head {
              margin-bottom: 28px;
            }
            .wd {
              grid-template-columns: 1fr 1fr;
            }
            .ag-grid,
            .fy-grid,
            .tgrid {
              grid-template-columns: 1fr;
            }
            .vgrid {
              grid-template-columns: 1fr;
              max-width: 300px;
              margin: 0 auto;
            }
            .hero h1 {
              font-size: 24px;
              text-align: center;
            }
            
            .hero .lead{
                font-size: 14px;
            }
            .btn {
              font-size: 15.5px;
              padding: 15px 26px;
            }
            .sticky .pr .a {
              font-size: 19px;
            }
            .sticky .btn {
              padding: 12px 18px;
              font-size: 14px;
            }
            .compare {
              gap: 14px;
            }
            .col .row {
              font-size: 13px;
              padding: 12px 13px;
              min-height: 54px;
            }
            .col .ch {
              font-size: 14.5px;
              padding: 14px 13px;
            }
            .prob-body > p {
              font-size: 16.5px;
            }
          }
          @media (max-width: 380px) {
            .wd {
              grid-template-columns: fr;
            }
            .sticky .pr .b {
              display: none;
            }
          }
          @media (prefers-reduced-motion: reduce) {
            * {
              animation: none !important;
              transition: none !important;
            }
          }
    
          /* ===== FINAL MOBILE FIX: COMPARISON SECTION ===== */
    
          @media (max-width: 680px) {
            .compare {
              grid-template-columns: 1fr 1fr;
              gap: 10px;
              overflow: visible;
              box-shadow: none;
              border-radius: 0;
              align-items: stretch;
            }
    
            .compare .col {
              position: relative;
              padding: 0;
              height: 100%;
              display: grid;
              grid-template-rows: 74px repeat(4, minmax(66px, 1fr));
              border-radius: 17px;
              overflow: hidden;
              box-shadow: 0 12px 30px -22px rgba(42, 22, 64, 0.45);
            }
    
            .compare .a {
              border: 1px solid var(--line);
              background: #f7f1e9;
            }
    
            .compare .b {
              border: 1.5px solid var(--coral);
              background: #fff;
            }
    
            .compare .badge {
              display: none !important;
            }
    
            .compare .ch {
              min-height: 74px;
              padding: 12px 8px;
              font-size: 13px;
              line-height: 1.18;
              display: flex;
              align-items: center;
              justify-content: center;
              text-align: center;
            }
    
            .compare .b .ch {
              padding-top: 12px !important;
              gap: 6px;
            }
    
            .compare .cic {
              flex: 0 0 auto;
              width: 19px;
              height: 19px;
              font-size: 11px;
            }
    
            .compare .row {
              min-height: 66px;
              height: auto;
              padding: 11px 9px;
              font-size: 12.2px;
              line-height: 1.35;
              display: flex;
              align-items: center;
            }
    
            .compare .b .row::before {
              margin-right: 6px;
              font-size: 12px;
              flex: 0 0 auto;
            }
    
            .addon {
              margin-top: 26px;
              font-size: 15px;
              line-height: 1.5;
            }
          }
    
          @media (max-width: 380px) {
            .compare {
              gap: 8px;
            }
    
            .compare .col {
              grid-template-rows: 72px repeat(4, minmax(68px, 1fr));
            }
    
            .compare .ch {
              min-height: 72px;
              padding: 11px 7px;
              font-size: 12px;
            }
    
            .compare .row {
              min-height: 68px;
              padding: 10px 7px;
              font-size: 11.4px;
            }
    
            .compare .cic {
              width: 18px;
              height: 18px;
              font-size: 10px;
            }
          }
    
          /* ===== STICKY BAR TIMER ===== */
    
          .sticky .sticky-in {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
          }
    
          .sticky-left {
            display: flex;
            align-items: center;
            gap: 14px;
            min-width: 0;
          }
    
          .sticky-timer {
            display: flex;
            align-items: center;
            gap: 8px;
            background: linear-gradient(135deg, #fff2ec, #ffffff);
            border: 1px solid #ffd2c4;
            border-radius: 100px;
            padding: 8px 12px;
            box-shadow: 0 8px 20px -16px rgba(255, 106, 77, 0.75);
            white-space: nowrap;
          }
    
          .timer-label {
            font-size: 10px;
            line-height: 1;
            color: var(--ink-soft);
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.08em;
          }
    
          .timer-count {
            font-family: "Bricolage Grotesque", sans-serif;
            font-size: 17px;
            line-height: 1;
            color: var(--coral);
            font-weight: 800;
            letter-spacing: 0.02em;
          }
    
          .sticky.show .sticky-timer {
            animation:
              timer-pop 0.45s cubic-bezier(0.16, 1, 0.3, 1),
              timer-glow 2.3s ease-in-out infinite;
          }
    
          .sticky-timer.is-ending {
            animation: timer-glow 1s ease-in-out infinite;
          }
    
          .sticky-timer.ended {
            opacity: 0.72;
          }
    
          @keyframes timer-pop {
            from {
              transform: translateY(8px) scale(0.96);
              opacity: 0;
            }
            to {
              transform: none;
              opacity: 1;
            }
          }
    
          @keyframes timer-glow {
            0%,
            100% {
              box-shadow: 0 8px 20px -16px rgba(255, 106, 77, 0.55);
            }
            50% {
              box-shadow: 0 8px 24px -10px rgba(255, 106, 77, 0.95);
            }
          }
    
          @media (max-width: 680px) {
            .sticky {
              padding: 7px 0;
            }
    
            .sticky .sticky-in {
              gap: 8px;
            }
    
            .sticky-left {
              flex: 1;
              gap: 7px;
              min-width: 0;
            }
    
            .sticky .pr {
              flex: 0 0 auto;
            }
    
            .sticky .pr .a {
              font-size: 18px;
              line-height: 1;
            }
    
            .sticky .pr .b {
              font-size: 9.5px;
              line-height: 1.2;
              white-space: nowrap;
            }
    
            .sticky-timer {
              flex-direction: column;
              align-items: flex-start;
              justify-content: center;
              gap: 2px;
              padding: 6px 8px;
              border-radius: 13px;
              min-width: 76px;
            }
    
            .timer-label {
              font-size: 7.5px;
              letter-spacing: 0.05em;
            }
    
            .timer-count {
              font-size: 13.5px;
            }
    
            .sticky .btn {
              flex: 0 0 auto;
              padding: 10px 13px;
              font-size: 12.8px;
              gap: 5px;
            }
          }
    
          @media (max-width: 380px) {
            .sticky-left {
              gap: 6px;
            }
    
            .sticky-timer {
              min-width: 70px;
              padding: 6px 7px;
            }
    
            .timer-label {
              font-size: 7px;
            }
    
            .timer-count {
              font-size: 12.5px;
            }
    
            .sticky .btn {
              padding: 10px 11px;
              font-size: 12.2px;
            }
          }
    
          /* ===== CUSTOM VIDEO CONTROLS - MOBILE SAFE ===== */
    
          .hero-video-card {
            position: relative;
            aspect-ratio: 16/9;
            display: block;
            padding: 0;
            overflow: hidden;
            background: #000;
          }
    
          .video-frame {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
          }
    
          .hero-video {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
            background: #000;
            border: 0;
          }
    
          .custom-video-box {
            cursor: pointer;
          }
    
       .custom-play-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 45px;
        height: 45px;
        border-radius: 50%;
        border: 0;
        background: rgb(255 255 255 / 62%);
        display: grid;
        place-items: center;
        cursor: pointer;
        z-index: 4;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
    }
          .custom-play-btn span {
            display: block;
            width: 0;
            height: 0;
            border-left: 22px solid var(--coral);
            border-top: 14px solid transparent;
            border-bottom: 14px solid transparent;
            margin-left: 5px;
          }
    
          .custom-video-box.playing .custom-play-btn {
            opacity: 0;
            pointer-events: none;
          }
    
          @media (max-width: 680px) {
            .custom-play-btn {
              width: 58px;
              height: 58px;
            }
    
            .custom-play-btn span {
              border-left-width: 18px;
              border-top-width: 11px;
              border-bottom-width: 11px;
            }
          }
    
          /* ===== MOBILE HERO VIDEO VISIBILITY FIX ===== */
    
          @media (max-width: 680px) {
            .hero .grid {
              display: flex !important;
              flex-direction: column !important;
              gap: 18px !important;
            }
    
            /* This allows heading, subheading, video, details, CTA to be ordered properly */
            .hero .grid > .rv:not(.video-wrap) {
              display: contents;
            }
    
            .hero .tag2 {
              order: 1;
              text-align: center;
            }
    
            .hero h1 {
              order: 2;
            }
    
            .hero .lead {
              order: 3;
              text-align: center;
            }
    
            .hero .video-wrap {
              order: 4 !important;
              display: block !important;
              width: 100% !important;
              max-width: 100% !important;
              opacity: 1 !important;
              visibility: visible !important;
              margin: 4px 0 8px !important;
            }
    
            .hero .video-card,
            .hero-video-card {
              display: block !important;
              width: 100% !important;
              max-width: 100% !important;
              aspect-ratio: 16/9 !important;
              min-height: 190px !important;
              height: auto !important;
              opacity: 1 !important;
              visibility: visible !important;
              overflow: hidden !important;
              background: #000 !important;
            }
    
            .hero .video-frame,
            .hero .custom-video-box {
              position: absolute !important;
              inset: 0 !important;
              width: 100% !important;
              height: 100% !important;
            }
    
            .hero .hero-video {
              width: 100% !important;
              height: 100% !important;
              display: block !important;
              object-fit: contain !important;
              background: #000 !important;
            }
    
            .hero .wd {
              order: 5;
            }
    
            .hero .cta-row {
              order: 6;
            }
    
            #workshopDetails {
              order: 7;
            }
    
            .hero .stats {
              order: 8;
              width: 100%;
            }
          }
    
          @media (max-width: 380px) {
            .hero .video-card,
            .hero-video-card {
              min-height: 172px !important;
            }
          }
    
          /* ===== TESTIMONIAL VIDEO CARDS ===== */
    
          .testimonial-video-card {
            position: relative;
            aspect-ratio: 16/9;
            border-radius: 18px;
            overflow: hidden;
            background: #000;
            border: 6px solid #fff;
            box-shadow: var(--shadow);
            cursor: pointer;
            display: block;
          }
    
          .testimonial-video {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            background: #000;
          }
    
          .testimonial-video-card::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 42%;
            background: linear-gradient(
              180deg,
              transparent,
              rgba(42, 22, 64, 0.82)
            );
            pointer-events: none;
            z-index: 2;
          }
    
          .testimonial-play {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 62px;
            height: 62px;
            border-radius: 50%;
            border: 0;
            background: rgba(255, 255, 255, 0.94);
            display: grid;
            place-items: center;
            cursor: pointer;
            z-index: 4;
            box-shadow: 0 10px 26px rgba(0, 0, 0, 0.32);
            transition:
              transform 0.25s ease,
              opacity 0.25s ease;
          }
    
          .testimonial-play:hover {
            transform: translate(-50%, -50%) scale(1.06);
          }
    
          .testimonial-play span {
            display: block;
            width: 0;
            height: 0;
            border-left: 19px solid var(--coral);
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            margin-left: 5px;
          }
    
          .testimonial-name {
            position: absolute;
            left: 12px;
            right: 12px;
            bottom: 13px;
            z-index: 3;
            color: #fff;
            text-align: center;
            font-size: 12.5px;
            font-weight: 700;
            line-height: 1.25;
            transition: opacity 0.25s ease;
          }
    
          .testimonial-video-card.playing .testimonial-play,
          .testimonial-video-card.playing .testimonial-name {
            opacity: 0;
            pointer-events: none;
          }
    
          @media (max-width: 680px) {
            .testimonial-video-card {
              max-width: 300px;
              margin: 0 auto;
            }
    
            .testimonial-play {
              width: 56px;
              height: 56px;
            }
    
            .testimonial-play span {
              border-left-width: 17px;
              border-top-width: 10px;
              border-bottom-width: 10px;
            }
          }
    
          /* ===== TESTIMONIAL IMAGE INFINITE MARQUEE ===== */
    
    .testimonial-proof{
      position:relative;
      z-index:2;
      margin-top:38px;
    }
    
    .proof-mini{
      text-align:center;
      max-width:560px;
      margin:0 auto 20px;
    }
    
    .proof-mini span{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:var(--coral);
      background:#FFEDE6;
      border:1px solid #FFD8CC;
      border-radius:100px;
      padding:7px 13px;
      font-size:11px;
      line-height:1;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.1em;
    }
    
    .proof-mini p{
      margin-top:10px;
      color:var(--ink-soft);
      font-size:14.5px;
      font-weight:600;
    }
    
    .proof-marquee{
      position:relative;
      width:100%;
      overflow:hidden;
      padding:10px 0 18px;
      -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
      mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    }
    
    .proof-track{
      display:flex;
      align-items:center;
      gap:18px;
      width:max-content;
      animation:proofMarquee 52s linear infinite;
      will-change:transform;
    }
    
    .proof-marquee:hover .proof-track{
      animation-play-state:paused;
    }
    
    .proof-card{
      flex:0 0 clamp(260px, 28vw, 400px);
      background:linear-gradient(180deg,#fff,#FFFBF6);
      border:1px solid var(--line);
      border-radius:22px;
      padding:8px;
      box-shadow:0 16px 42px -28px rgba(42,22,64,.45);
      overflow:hidden;
    }
    
    .proof-card img{
      width:100%;
      height:auto;
      display:block;
      border-radius:16px;
      background:#fff;
    }
    
    @keyframes proofMarquee{
      from{
        transform:translateX(0);
      }
      to{
        transform:translateX(-50%);
      }
    }
    
    @media(max-width:680px){
    
      .testimonial-proof{
        margin-top:32px;
      }
      
      .stats{flex-wrap:nowrap;gap:8px}
      .stat{min-width:0;padding:13px 7px}
      .stat .n{font-size:19px}
      .stat .t{font-size:10px;line-height:1.25}
    
      .proof-mini{
        margin-bottom:16px;
        padding:0 8px;
      }
    
      .proof-mini p{
        font-size:13.5px;
        line-height:1.45;
      }
    
      .proof-marquee{
        width:calc(100% + 40px);
        margin-left:-20px;
        padding:8px 0 16px;
        -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
        mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
      }
    
      .proof-track{
        gap:14px;
        animation-duration:46s;
      }
    
      .proof-card{
        flex-basis:78vw;
        max-width:330px;
        border-radius:19px;
        padding:7px;
      }
    
      .proof-card img{
        border-radius:14px;
      }
    }
    
    @media(max-width:380px){
    
      .proof-card{
        flex-basis:82vw;
        max-width:310px;
      }
    
      .proof-track{
        animation-duration:44s;
      }
    }
    
    /* ===== WISTIA VIDEOS ===== */
    .wistia-hero{border-radius:22px;overflow:hidden;border:8px solid #fff;box-shadow:var(--shadow);background:#000}
    .wistia-hero wistia-player{display:block}
    .wistia-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .wistia-card{border-radius:18px;overflow:hidden;border:6px solid #fff;box-shadow:var(--shadow);background:#000;align-self:start}
    .wistia-card wistia-player{display:block}
    @media(max-width:680px){.wistia-testi-grid{grid-template-columns:1fr 1fr;gap:12px}}
    @media(max-width:400px){.wistia-testi-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}}
    /* blurred preview while each player loads */
    wistia-player[media-id='merohcfpsu']:not(:defined){background:center/contain no-repeat url('https://fast.wistia.com/embed/medias/merohcfpsu/swatch');display:block;filter:blur(5px);padding-top:56.25%}
    wistia-player[media-id='ixxaez8yq8']:not(:defined){background:center/contain no-repeat url('https://fast.wistia.com/embed/medias/ixxaez8yq8/swatch');display:block;filter:blur(5px);padding-top:177.78%}
    wistia-player[media-id='0ckq2bk12n']:not(:defined){background:center/contain no-repeat url('https://fast.wistia.com/embed/medias/0ckq2bk12n/swatch');display:block;filter:blur(5px);padding-top:177.78%}
    wistia-player[media-id='dth8a5vfcg']:not(:defined){background:center/contain no-repeat url('https://fast.wistia.com/embed/medias/dth8a5vfcg/swatch');display:block;filter:blur(5px);padding-top:177.78%}
    wistia-player[media-id='1sx710gcg0']:not(:defined){background:center/contain no-repeat url('https://fast.wistia.com/embed/medias/1sx710gcg0/swatch');display:block;filter:blur(5px);padding-top:177.78%}
    wistia-player[media-id='ed2wxuvp8k']:not(:defined){background:center/contain no-repeat url('https://fast.wistia.com/embed/medias/ed2wxuvp8k/swatch');display:block;filter:blur(5px);padding-top:125%}
    wistia-player[media-id='go1ib1ysyt']:not(:defined){background:center/contain no-repeat url('https://fast.wistia.com/embed/medias/go1ib1ysyt/swatch');display:block;filter:blur(5px);padding-top:177.78%}
    .bonus-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:22px;
        margin-top:40px;
    }
    
    .bonus-card {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 18px;
        /*padding: 11px 15px;*/
        text-align: center;
        box-shadow: 0 12px 30px -20px rgba(42,22,64,.25);
        transition: .3s;
    }
    .bonus-card:hover{
        transform:translateY(-6px);
        box-shadow:0 18px 40px -20px rgba(42,22,64,.35);
    }
    
    
    .bonus-img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        border-radius: 14px;
        margin-bottom: 18px;
        transition: .35s ease;
    }
    .bonus-card:hover .bonus-img{
        transform:scale(1.04);
    }
    
    .bonus-card h3{
        font-size:20px;
        margin-bottom:12px;
        color:var(--plum);
    }
    
    .bonus-card p {
        color: var(--ink-soft);
        font-size: 12px;
        line-height: 1.7;
    }
    @media(max-width:768px){
        .bonus-grid{
            grid-template-columns:1fr;
        }
    .bonus-img {
        width: 100%;
        height: 228px;
        object-fit: cover;
        border-radius: 14px;
        margin-bottom: 18px;
        transition: .35s ease;
    }
    span.bonus-badge {
        font-size: 13px;
        font-weight: 900;
        color: #ff704e;
    }
    /* Number wale container ko flex banaya taaki badge upar stack ho sake */
    .num {
      display: flex;
      flex-direction: column;
      align-items: start; /* Center align karne ke liye */
      line-height: 1;      /* Gap kam karne ke liye */
    }
    
    /* Day Badge ki Styling */
    .day-badge {
      font-size: 11px;          /* Chota size */
      text-transform: uppercase;/* Saare letters capital */
      letter-spacing: 1px;      /* Letters ke beech thodi space */
      font-weight: 700;         /* Bold look */
      opacity: 0.8;             /* Thoda halka color dikhne ke liye (Aap direct color bhi de sakte hain) */
      margin-bottom: 2px;       /* Number aur Day ke beech ka gap */
      
      /* Optional: Agar ise capsule/badge jaisa background dena ho */
      /* background: #ff4757; */
      /* color: #fff; */
      /* padding: 2px 6px; */
      /* border-radius: 4px; */
    }
 .sec-desc{
    max-width:720px;
    margin:15px auto 0;
    font-size:16px;
    line-height:1.7;
    color:#d8d8d8;
}

/* Logo Grid */

.logo-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
    margin-top:45px;
    align-items:center;
}

.logo-box{
    background:#fff;
    border-radius:18px;
    padding:25px;
    height:170px;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.logo-box img{
    max-width:140px;
    max-height:90px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:.35s;
}

.logo-box:hover{
    transform:translateY(-8px);
}

.logo-box:hover img{
    transform:scale(1.08);
}

/* Laptop */

@media(max-width:1200px){

.logo-grid{
grid-template-columns:repeat(5,1fr);
gap:18px;
}

.logo-box{
height:145px;
padding:18px;
}

.logo-box img{
max-width:110px;
max-height:70px;
}

}

/* Tablet */

@media(max-width:991px){

.logo-grid{
grid-template-columns:repeat(3,1fr);
}

}

/* Mobile */

@media(max-width:576px){

.logo-grid{
grid-template-columns:repeat(2,1fr);
gap:12px;
}

.logo-box{
height:95px;
padding:12px;
}

.logo-box img{
max-width:75px;
max-height:55px;
}

}
.achievements{
    padding:90px 0;
    overflow:hidden;
    background:#fff;
}

.achievement-slider{
    overflow:hidden;
}

.achievement-track{
    display:flex;
    gap:20px;
    animation:scroll 35s linear infinite;
    width:max-content;
}

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

.achievement-card{
    flex:0 0 320px;
    height:420px;
    border-radius:20px;
    overflow:hidden;
    position:relative;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.achievement-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

.achievement-overlay{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
    padding:24px;
    background:linear-gradient(transparent,rgba(0,0,0,.9));
    color:#fff;
}

.achievement-overlay h3{
    font-size:22px;
    margin-bottom:10px;
}

.achievement-overlay p{
    font-size:14px;
    line-height:1.6;
}

@keyframes scroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}

/* Laptop */

@media(max-width:1200px){

.achievement-card{
flex:0 0 280px;
height:380px;
}

}

/* Tablet */

@media(max-width:991px){

.achievement-card{
flex:0 0 240px;
height:330px;
}

}

/* Mobile */

@media(max-width:576px){

.achievement-card{
flex:0 0 210px;
height:290px;
}

.achievement-overlay{
padding:16px;
}

.achievement-overlay h3{
font-size:17px;
}

.achievement-overlay p{
font-size:12px;
}

}