/* ============================================================
   GLOBAL RESET — CF Pages (no WP theme to provide this)
============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  background: #0a0a0b;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}



@font-face {
  font-family: 'Kapra Neue Pro';
  src: url('/fonts/kapra-neue-pro-900.woff2') format('woff2'),
       url('/fonts/kapra-neue-pro-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ── Fonts for secondary headings + buttons ── */
#r30 .u-h3, #r30 .step-title, #r30 .step-num, #r30 .pillar-title, #r30 .perk-title,
#r30 .hl-title, #r30 .hl-num, #r30 .wn-title, #r30 .video-card-title,
#r30 .testi-name, #r30 .day-card-day, #r30 .day-card-name, #r30 .day-name,
#r30 .btn, #r30 .hook-callout p, #r30 .hook-callout-p, #r30 .scarcity-tag,
#r30-sticky-cta .scta-btn, #r30-sticky-cta .sticky-btn, #r30-sticky-cta .sticky-price,
#r30 .track-badge, #r30 .track-tab, #r30 .membership-tag, #r30 .membership-name,
#r30 .membership-price, #r30 .membership-orig, #r30 .membership-body,
#r30 .atome-note p, #r30 .pack-name, #r30 .pack-credits, #r30 .pack-total,
#r30 .pack-per, #r30 .pack-credits-label, #r30 .pack-tag, #r30 .trial-price,
#r30 .trial-label, #r30 .trial-badge, #r30 .trial-orig, #r30 .sp-num,
#r30 .proof-num, #r30 .u-eyebrow, #r30PopupTitle {
  font-family: 'Barlow Condensed', sans-serif !important;
}

/* ── Mascot ── */
#r30 .mascot-wrap { display:flex!important; flex-direction:column!important; align-items:center!important; margin:28px auto 0!important; gap:10px!important; }
#r30 .mascot-img { width:120px!important; height:120px!important; object-fit:cover!important; object-position:center 20%!important; border-radius:50%!important; border:3px solid #F5C518!important; box-shadow:0 0 24px rgba(245,197,24,0.35)!important; display:block!important; }
#r30 .mascot-caption { font-family:'Outfit',sans-serif!important; font-size:13px!important; color:rgba(255,255,255,0.45)!important; font-style:italic!important; margin:0!important; }

/* ── Perks section ── */
#r30 .perks.u-section { padding-left:64px!important; padding-right:64px!important; }
#r30 .perks .u-wrap { max-width:100%!important; padding:0!important; }
#r30 .perks-header { text-align:center!important; margin-bottom:40px!important; }
#r30 .perks-inner { display:grid!important; grid-template-columns:300px 1fr!important; gap:32px!important; align-items:start!important; }
#r30 .perks-video-col { position:sticky!important; top:100px!important; }
#r30 .perks-video-card { position:relative!important; width:100%!important; aspect-ratio:9/16!important; border-radius:16px!important; overflow:hidden!important; border:1px solid rgba(245,197,24,0.2)!important; box-shadow:0 8px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(245,197,24,0.08)!important; background:#000!important; cursor:pointer!important; }
#r30 .perks-video-card:hover .video-play-btn { transform:scale(1.15)!important; box-shadow:0 0 28px rgba(245,197,24,0.8)!important; }
#r30 .perks-video-label { text-align:center!important; margin-top:12px!important; font-family:'Outfit',sans-serif!important; font-size:12px!important; color:rgba(255,255,255,0.35)!important; letter-spacing:0.05em!important; text-transform:uppercase!important; }
#r30 .perks-right-col .perks-grid { grid-template-columns:repeat(3,1fr)!important; gap:16px!important; }
@media (max-width:1024px) { #r30 .perks-right-col .perks-grid { grid-template-columns:repeat(2,1fr)!important; } }
@media (max-width:860px) {
  #r30 .perks.u-section { padding-left:16px!important; padding-right:16px!important; }
  #r30 .perks .u-wrap { padding-left:0!important; padding-right:0!important; width:100%!important; max-width:100%!important; }
  #r30 .perks-inner { grid-template-columns:1fr!important; gap:20px!important; width:100%!important; }
  #r30 .perks-video-col { position:relative!important; top:0!important; width:100%!important; max-width:100%!important; margin:0 0 8px!important; }
  #r30 .perks-video-card { width:100%!important; aspect-ratio:9/16!important; max-height:80vh!important; }
  #r30 .perks-right-col { width:100%!important; padding:0!important; margin:0!important; grid-column:1!important; }
  #r30 .perks-right-col .perks-grid { grid-template-columns:1fr!important; width:100%!important; padding:0!important; }
  #r30 .perk-card { aspect-ratio:4/3!important; grid-column:auto!important; width:100%!important; }
}

/* ── USP Section ── */
#r30 .usp-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
#r30 .usp-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:40px 36px; position:relative; overflow:hidden; transition:border-color 0.3s,transform 0.3s; }
#r30 .usp-card:hover { border-color:rgba(245,197,24,0.3); transform:translateY(-4px); }
#r30 .usp-card--accent { background:rgba(245,197,24,0.03); border-color:rgba(245,197,24,0.12); }
#r30 .usp-icon { width:56px; height:56px; background:rgba(245,197,24,0.08); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:24px; }
#r30 .usp-title { font-family:'Barlow Condensed',sans-serif!important; font-size:clamp(20px,2vw,26px)!important; font-weight:700!important; text-transform:uppercase!important; color:#fff!important; letter-spacing:0.04em!important; margin-bottom:16px!important; line-height:1.15!important; }
#r30 .usp-body { font-family:var(--f-body); font-size:15px; color:rgba(255,255,255,0.6); line-height:1.75; margin-bottom:24px; }
#r30 .usp-tag { display:inline-flex; align-items:center; gap:6px; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:#F5C518; border:1px solid rgba(245,197,24,0.3); padding:5px 14px; border-radius:100px; }
#r30 .usp-tag::before { content:'⚡'; font-size:10px; }
@media (max-width:768px) { #r30 .usp-grid { grid-template-columns:1fr; } #r30 .usp-card { padding:28px 24px; } }

/* ── Blocks Section ── */
#r30 .blocks-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:64px; }
#r30 .block-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:36px 28px; position:relative; transition:border-color 0.3s,transform 0.3s; }
#r30 .block-card:hover { border-color:rgba(245,197,24,0.3); transform:translateY(-4px); }
#r30 .block-card--mid { background:rgba(245,197,24,0.03); border-color:rgba(245,197,24,0.12); }
#r30 .block-label { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:#F5C518; margin-bottom:16px; }
#r30 .block-icon-wrap { width:52px; height:52px; background:rgba(245,197,24,0.08); border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
#r30 .block-title { font-family:'Barlow Condensed',sans-serif!important; font-size:clamp(18px,1.8vw,22px)!important; font-weight:700!important; text-transform:uppercase!important; color:#fff!important; letter-spacing:0.04em!important; margin-bottom:12px!important; line-height:1.2!important; }
#r30 .block-body { font-family:var(--f-body); font-size:14px; color:rgba(255,255,255,0.55); line-height:1.7; margin-bottom:20px; }
#r30 .block-tools { display:flex; flex-wrap:wrap; gap:6px; }
#r30 .block-tools span { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.1); padding:4px 10px; border-radius:4px; }
#r30 .buddy-wrap { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding-top:56px; border-top:1px solid rgba(255,255,255,0.06); }
#r30 .buddy-img { width:100%; border-radius:16px; object-fit:cover; aspect-ratio:4/3; display:block; }
#r30 .buddy-title { font-family:'Barlow Condensed',sans-serif!important; font-size:clamp(24px,2.5vw,34px)!important; font-weight:700!important; text-transform:uppercase!important; color:#fff!important; letter-spacing:0.03em!important; margin:12px 0 16px!important; line-height:1.15!important; }
#r30 .buddy-body { font-family:var(--f-body); font-size:15px; color:rgba(255,255,255,0.6); line-height:1.75; margin-bottom:24px; }
#r30 .buddy-tags { display:flex; flex-wrap:wrap; gap:10px; }
@media (max-width:860px) { #r30 .blocks-grid { grid-template-columns:1fr; } #r30 .buddy-wrap { grid-template-columns:1fr; gap:28px; } }

/* CTA sub-note */
#r30 .cta-note { font-family:var(--f-body)!important; font-size:11px!important; color:rgba(255,255,255,0.55)!important; margin:0!important; text-align:center!important; display:block!important; }

/* ── Global font size increases ── */
#r30 { font-size:16px!important; }
#r30 .u-body { font-size:16px!important; }
#r30 .perk-body { font-size:14px!important; line-height:1.65!important; }
#r30 .usp-body  { font-size:16px!important; line-height:1.75!important; }
#r30 .block-body { font-size:15px!important; line-height:1.7!important; }
#r30 .buddy-body { font-size:16px!important; line-height:1.75!important; }
#r30 .day-desc  { font-size:14px!important; line-height:1.6!important; }
#r30 .testi-text { font-size:15px!important; line-height:1.75!important; }
#r30 .hl-list li { font-size:14px!important; line-height:1.7!important; }
#r30 .wn-desc  { font-size:14px!important; line-height:1.65!important; }
#r30 .hero-sub { font-size:clamp(16px,1.6vw,20px)!important; }
#r30 .hook-callout p, #r30 .hook-callout-p { font-size:clamp(16px,1.8vw,22px)!important; }
#r30 .btn { font-size:15px!important; padding:14px 28px!important; letter-spacing:0.1em!important; }
#r30-nav .nav-cta { font-size:14px!important; }
#r30 .u-eyebrow { font-size:14px!important; letter-spacing:0.14em!important; }
#r30 .scarcity-tag { font-size:12px!important; }
#r30 .track-badge { font-size:12px!important; }
#r30 .proof-label { font-size:12px!important; letter-spacing:0.14em!important; }
#r30 .membership-tag { font-size:12px!important; }
#r30 .pack-name { font-size:13px!important; letter-spacing:0.12em!important; }
#r30 .pack-total { font-size:clamp(22px,2.2vw,28px)!important; }
#r30 .pack-per { font-size:13px!important; }
#r30 .pack-credits-label { font-size:13px!important; }
#r30 .membership-body { font-size:17px!important; line-height:1.75!important; }
#r30 .membership-name { font-size:18px!important; }
#r30 .step-num { font-size:clamp(14px,1.5vw,18px)!important; }
#r30-nav .nav-links a { font-size:14px!important; letter-spacing:0.1em!important; }
@media (max-width:768px) { #r30 .btn { font-size:14px!important; padding:13px 24px!important; } #r30 .usp-body { font-size:15px!important; } #r30 .buddy-body { font-size:15px!important; } #r30 .testi-text { font-size:14px!important; } #r30 .hero-sub { font-size:16px!important; } }

/* ── Video carousel ── */
#r30 .videos.u-section .u-wrap { max-width:100%!important; padding-left:0!important; padding-right:0!important; }
#r30 .videos-header { max-width:1120px; margin-left:auto; margin-right:auto; padding-left:48px; padding-right:48px; }
#r30 .videos-grid { overflow-x:auto!important; overflow-y:visible!important; padding:16px 80px 40px!important; }
#r30 .videos-carousel-wrap { overflow:visible!important; padding:0 24px; }
#r30 .videos.u-section { overflow:visible; }

/* ── Proof grid mobile: 2 per row ── */
@media (max-width:860px) {
  #r30 .proof-grid-stats {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
  }
  #r30 .proof-item {
    border-right:1px solid rgba(255,255,255,0.08)!important;
    border-bottom:1px solid rgba(255,255,255,0.08)!important;
  }
  #r30 .proof-item:nth-child(2n) {
    border-right:none!important;
  }
}

/* ── Trainer pills mobile: 3 rows 2-2-1 ── */
#r30 .trainer-strip-inner {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
@media (max-width:860px) {
  /* For You section: 1 col on mobile */
  #r30-foryou .foryou-grid {
    grid-template-columns:1fr!important;
  }
  /* Proof stats: 2-per-row on mobile */
  #r30 .proof-grid-stats {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    flex-wrap:unset!important;
  }
  #r30 .proof-item {
    min-width:unset!important;
    border-right:1px solid rgba(255,255,255,0.08)!important;
    border-bottom:1px solid rgba(255,255,255,0.08)!important;
  }
  /* Remove right border on even items (right column) */
  #r30 .proof-item:nth-child(2n) {
    border-right:none!important;
  }
  /* Remove bottom border on last row items */
  #r30 .proof-item:nth-last-child(-n+2) {
    border-bottom:none!important;
  }
  #r30 .proof-review span { font-size:14px!important; color:rgba(255,255,255,0.6)!important; }
  #r30 .pricing-header { text-align:center!important; }
  #r30 .r30-hl { white-space:normal!important; }
  #r30 .trainer-strip-inner {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    max-width:360px!important;
    margin:0 auto!important;
  }
  #r30 .trainer-strip-inner .trainer-label {
    grid-column:1/-1!important;
    text-align:center!important;
    margin-bottom:4px!important;
  }
  #r30 .trainer-strip-inner .trainer-pill:nth-child(6) {
    grid-column:1/-1!important;
    justify-self:center!important;
    width:auto!important;
    max-width:220px!important;
  }
}

/* ── Perks mobile ── */
@media (max-width:860px) {
  #r30 .perks-right-col { width:100%!important; padding:0!important; margin:0!important; }
  #r30 .perks-right-col .perks-grid { width:100%!important; padding:0!important; }
}



/* ── APP FAB ── */
#r30-app-fab { position:relative; bottom:auto; right:auto; z-index:1; display:flex; flex-direction:column; align-items:flex-end; }
#r30-app-btn { width:54px; height:54px; border-radius:50%; background:#0a0a0b!important; border:2px solid rgba(58,243,252,0.6); cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 2px rgba(58,243,252,0.6),0 0 14px 4px rgba(58,243,252,0.35),0 0 30px 8px rgba(58,243,252,0.15); animation:r30-app-glow 2.5s ease-in-out infinite; padding:0; overflow:hidden; isolation:isolate; }
@keyframes r30-app-glow {
  0%,100%{box-shadow:0 0 0 2px rgba(58,243,252,0.6),0 0 14px 4px rgba(58,243,252,0.35),0 0 30px 8px rgba(58,243,252,0.15);}
  50%{box-shadow:0 0 0 2px rgba(58,243,252,1),0 0 20px 6px rgba(58,243,252,0.55),0 0 42px 12px rgba(58,243,252,0.25);}
}
#r30 .r30-app-fab-img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
#r30-app-panel { display:none; position:absolute; bottom:64px; right:0; width:220px; background:#0d0d12; border:1px solid rgba(58,243,252,0.25); border-radius:14px; padding:20px; box-shadow:0 16px 60px rgba(0,0,0,0.7),0 0 30px rgba(58,243,252,0.08); animation:r30-panel-rise 0.3s cubic-bezier(0.22,1,0.36,1); text-align:center; }
#r30-app-panel.open { display:block; }
#r30 .r30-app-close { position:absolute; top:10px; right:12px; background:none; border:none; color:rgba(255,255,255,0.35); font-size:16px; cursor:pointer; transition:color 0.2s; }
#r30 .r30-app-close:hover { color:#fff; }
#r30 .r30-app-label { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:#3AF3FC; margin-bottom:12px; }
#r30 .r30-app-link { display:flex; flex-direction:column; align-items:center; gap:8px; text-decoration:none; margin-bottom:10px; }
#r30 .r30-app-icon-img { width:56px; height:56px; border-radius:12px; box-shadow:0 0 16px rgba(58,243,252,0.4); }
#r30 .r30-app-link-text { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#fff; }
#r30 .r30-app-sub { font-family:var(--f-body); font-size:11px; color:rgba(255,255,255,0.35); margin-bottom:10px; }
#r30 .r30-app-qr { width:110px; height:110px; border-radius:8px; }
@media (max-width:560px) {
  #r30-app-fab { bottom:auto; right:auto; }
  #r30-app-panel { width:calc(100vw - 56px); max-width:280px; right:0; }
}

/* ── REFERRAL PROGRAMME CARD ── */
#r30 .referral-card { width:100%; }
#r30 .referral-card-inner { display:grid; grid-template-columns:1fr 1.4fr; gap:0; background:var(--c-card); border:1px solid rgba(245,197,24,0.2); border-radius:12px; overflow:hidden; }
#r30 .referral-left { padding:40px 36px; background:rgba(245,197,24,0.04); border-right:1px solid rgba(245,197,24,0.15); display:flex; flex-direction:column; gap:12px; }
#r30 .referral-eyebrow { font-family:var(--f-body); font-size:11px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--c-yellow); margin:0; }
#r30 .referral-heading { font-family:var(--f-head); font-size:clamp(32px,3.5vw,48px); font-weight:900; text-transform:uppercase; color:#fff; line-height:1; margin:0; }
#r30 .referral-sub { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; color:rgba(255,255,255,0.7); margin:0; }
#r30 .referral-trigger { font-family:var(--f-body); font-size:13px; color:rgba(255,255,255,0.5); line-height:1.6; margin:0; }
#r30 .referral-cta { margin-top:8px; align-self:flex-start; }
#r30 .referral-right { padding:40px 36px; display:flex; flex-direction:column; justify-content:center; gap:0; }
#r30 .referral-row { display:grid; grid-template-columns:120px 1fr; gap:20px; align-items:center; padding:20px 0; }
#r30 .referral-role { font-family:var(--f-head); font-size:22px; font-weight:900; text-transform:uppercase; color:var(--c-yellow); line-height:1.1; }
#r30 .referral-role--blue { color:var(--c-blue); }
#r30 .referral-desc { font-family:var(--f-body); font-size:15px; color:rgba(255,255,255,0.7); line-height:1.65; }
#r30 .referral-divider { height:1px; background:rgba(255,255,255,0.07); margin:0; }
@media (max-width:860px) {
  #r30 .referral-card-inner { grid-template-columns:1fr!important; }
  #r30 .referral-left { border-right:none!important; border-bottom:1px solid rgba(245,197,24,0.15)!important; padding:28px 24px!important; }
  #r30 .referral-right { padding:24px!important; }
  #r30 .referral-row { grid-template-columns:90px 1fr!important; gap:14px!important; }
  #r30 .referral-heading { font-size:36px!important; }
}



/* =============================================================
   SCOPED DESIGN SYSTEM — #r30
============================================================= */
#r30 {
  --c-bg:       #0a0a0b;
  --c-surface:  #111114;
  --c-card:     #18181d;
  --c-border:   rgba(255,255,255,0.07);
  --c-yellow:   #F5C518;
  --c-yellow-d: #c9a010;
  --c-purple:   #8B3DFF;
  --c-blue:     #00BFFF;
  --c-white:    #FFFFFF;
  --c-muted:    #6b6b7a;
  --c-body:     #a8a8b8;
  --f-head: 'Kapra Neue Pro', 'Barlow Condensed', sans-serif;
  --f-body: 'Outfit', sans-serif;
  --sp-xs:8px; --sp-sm:16px; --sp-md:24px; --sp-lg:48px; --sp-xl:80px; --sp-2xl:120px;
  --max-w:1120px; --nav-h:72px;
  font-family:var(--f-body);
  background:var(--c-bg);
  color:var(--c-white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  box-sizing:border-box;
}
#r30 *, #r30 *::before, #r30 *::after { box-sizing:inherit; }
#r30 img { display:block; max-width:100%; }
#r30 a { text-decoration:none; color:inherit; }
#r30 ul, #r30 ol { list-style:none; padding:0; margin:0; }
#r30 p { margin:0; }
#r30 h1,#r30 h2,#r30 h3,#r30 h4 { margin:0; }
#r30 button { cursor:pointer; background:none; border:none; }

/* UTILITIES */
#r30 .u-wrap { max-width:var(--max-w); margin-left:auto; margin-right:auto; padding-left:48px; padding-right:48px; }
#r30 .u-section { padding-top:var(--sp-2xl); padding-bottom:var(--sp-2xl); }

#r30 section, #r30 footer, #r30 .u-section { scroll-margin-top:140px; }
#r30 .u-section--md { padding-top:var(--sp-xl); padding-bottom:var(--sp-xl); }
#r30 .u-eyebrow { display:inline-block; font-family:var(--f-body); font-size:13px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--c-yellow); border:1px solid rgba(245,197,24,0.6); padding:9px 22px; border-radius:100px; margin-bottom:20px; animation:r30-tag-glow 2.5s ease-in-out infinite; }
#r30 .u-h2 { font-family:var(--f-head); font-size:clamp(38px,4.5vw,58px); font-weight:800; line-height:1.0; letter-spacing:0.01em; text-transform:uppercase; color:var(--c-white); }
/* Mobile heading override — placed directly after base to win cascade */
@media (max-width:860px) {
  #r30 .u-h2 { font-size:clamp(32px,8vw,48px)!important; text-align:center!important; line-height:1.08!important; }
  #r30 .r30-hl { white-space:normal!important; }
}
#r30 .u-h3 { font-family:var(--f-head); font-size:clamp(20px,2vw,26px); font-weight:700; letter-spacing:0.04em; text-transform:uppercase; color:var(--c-white); }
#r30 .u-body { font-size:16px; line-height:1.75; color:var(--c-body); font-weight:400; }
#r30 .u-accent { color:var(--c-yellow); }
#r30 .u-purple { color:var(--c-purple); }
#r30 .u-glow-y { text-shadow:0 0 30px rgba(245,197,24,0.45); }
#r30 .u-glow-p { text-shadow:0 0 30px rgba(139,61,255,0.5); }

/* BUTTONS */
#r30 .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--f-head); font-size:14px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:14px 32px; border-radius:4px; transition:all 0.25s ease; white-space:nowrap; cursor:pointer; }
#r30 .btn-primary { background:var(--c-yellow); color:#0a0a0b; }
#r30 .btn-primary:hover { background:#ffd63a; }
#r30 .btn-ghost { background:transparent; color:var(--c-white); border:1px solid rgba(255,255,255,0.2); }
#r30 .btn-ghost:hover { border-color:var(--c-purple); color:var(--c-purple); box-shadow:inset 0 0 20px rgba(139,61,255,0.08),0 0 16px rgba(139,61,255,0.15); }
#r30 .btn-purple { background:var(--c-purple); color:var(--c-white); }
#r30 .btn-purple:hover { background:#7a2ff0; transform:translateY(-2px); box-shadow:0 12px 40px rgba(139,61,255,0.35); }

/* NEON DIVIDER */
#r30 .neon-line { height:1px; background:linear-gradient(90deg,transparent 0%,var(--c-purple) 30%,var(--c-blue) 70%,transparent 100%); opacity:0.35; }

/* NAV */
#r30-nav { position:fixed; top:0; left:0; right:0; z-index:99999!important; height:var(--nav-h); display:flex!important; align-items:center; padding:0 48px; background:rgba(10,10,11,0.92)!important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid rgba(139,61,255,0.15); transition:border-color 0.3s; font-family:'Kapra Neue Pro','Barlow Condensed',sans-serif; box-sizing:border-box; }
#r30-nav .nav-inner { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:var(--max-w); margin:0 auto; }
#r30-nav .nav-logo { display:flex; align-items:center; padding:14px 0; }
#r30-nav .nav-logo img { height:38px; width:auto; display:block; mix-blend-mode:lighten; }
#r30-nav .nav-links { display:flex; align-items:center; gap:40px; list-style:none; padding:0; margin:0; }
#r30-nav .nav-links a { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:#a8a8b8; text-decoration:none; transition:color 0.2s; }
/* nav link hover colour removed */
#r30-nav .nav-cta { display:inline-flex; align-items:center; gap:8px; font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:12px 28px; background:#F5C518; color:#0a0a0b; border-radius:4px; text-decoration:none; transition:all 0.2s; white-space:nowrap; }
#r30-nav .nav-cta:hover { background:#ffd63a; }
#r30-nav .nav-burger { display:none; flex-direction:column; gap:5px; padding:4px; cursor:pointer; background:none; border:none; position:relative; z-index:9999999!important; }
#r30-nav .nav-burger span { display:block; width:22px; height:2px; background:#FFFFFF; transition:all 0.3s; border-radius:2px; }
#r30-drawer { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(10,10,11,0.97); backdrop-filter:blur(20px); z-index:999999!important; flex-direction:column; align-items:center; justify-content:center; gap:28px; padding:80px 24px 40px; overflow-y:auto; font-family:'Kapra Neue Pro','Barlow Condensed',sans-serif; }
#r30-drawer.open { display:flex; }
#r30-drawer a { font-family:'Kapra Neue Pro','Barlow Condensed',sans-serif; font-size:22px; font-weight:400; letter-spacing:0.12em; text-transform:uppercase; color:#FFFFFF; text-decoration:none; transition:color 0.2s; }
#r30-drawer a:hover { color:#F5C518; }
#r30-nav .nav-burger.is-open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
#r30-nav .nav-burger.is-open span:nth-child(2) { opacity:0; transform:scaleX(0); }
#r30-nav .nav-burger.is-open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
@media (max-width:860px) { #r30-nav .nav-links { display:none; } #r30-nav .nav-cta.desk { display:none; } #r30-nav .nav-burger { display:flex; } #r30-nav { padding:0 24px; } #r30-nav .nav-logo { padding:12px 0; } #r30-nav .nav-logo img { height:28px; } }

/* HERO */
#r30 .hero { position:relative; height:100vh; min-height:640px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
#r30 .hero-bg { position:absolute; inset:0; background:url('/images/RE30-STUDIO.webp') center 20%/cover no-repeat; }
/* hero-bg zoom removed */
#r30 .hero-overlay { position:absolute; inset:0; background:linear-gradient(160deg,rgba(10,10,11,0.72) 0%,rgba(10,10,11,0.45) 50%,rgba(10,10,11,0.88) 100%); }
#r30 .hero-ambient { position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 20% 60%,rgba(139,61,255,0.2) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 40%,rgba(0,191,255,0.1) 0%,transparent 65%); pointer-events:none; }
#r30 .hero-content { position:relative; z-index:2; text-align:center; padding:48px 24px; max-width:860px; }
#r30 .hero-logo { width:120px; margin:0 auto 40px; filter:drop-shadow(0 0 20px rgba(139,61,255,0.4)); opacity:0; transform:translateY(-16px); transition:opacity 0.8s ease 0.2s,transform 0.8s ease 0.2s; }
#r30 .hero-logo.visible { opacity:1; transform:translateY(0); }
#r30 .r30line-wrap { display:block; overflow:hidden; line-height:1.05; }
#r30 .r30line { display:block; }
#r30 .hero-tag { display:inline-block; font-family:var(--f-body); font-size:12px; font-weight:700; letter-spacing:0.22em; text-transform:uppercase; color:var(--c-yellow); border:1px solid rgba(245,197,24,0.6); padding:9px 22px; border-radius:100px; margin-bottom:28px; text-shadow:0 0 18px rgba(245,197,24,0.8),0 0 40px rgba(245,197,24,0.4); box-shadow:0 0 16px rgba(245,197,24,0.2),inset 0 0 12px rgba(245,197,24,0.05); background:rgba(139,61,255,0.06); }
#r30 .hero-h1 { font-family:var(--f-head); font-size:clamp(44px,7vw,96px); font-weight:900; line-height:0.92; letter-spacing:-0.01em; text-transform:uppercase; color:var(--c-white); margin-bottom:28px; }
#r30 .hero-h1 em { font-style:normal; color:var(--c-yellow); text-shadow:0 0 50px rgba(245,197,24,0.45); }
#r30 .hero-sub { font-size:17px; line-height:1.65; color:rgba(255,255,255,0.72); max-width:520px; margin:0 auto 40px; }
#r30 .hero-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* HOW IT WORKS */
#r30 .how { background:var(--c-surface); }
#r30 .how-header { text-align:center; margin-bottom:64px; }
#r30 .how-header .u-h2 { margin-top:0; }
#r30 .how-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--c-border); border:1px solid var(--c-border); border-radius:8px; overflow:hidden; }
#r30 .how-step { background:var(--c-card); padding:52px 40px; position:relative; transition:background 0.3s; display:flex; flex-direction:column; }
#r30 .how-step:hover { background:#1e1e24; }
#r30 .how-step::after { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--c-purple),var(--c-blue)); box-shadow:0 0 12px var(--c-purple); opacity:0; transition:opacity 0.3s; }
#r30 .how-step:hover::after { opacity:1; }
#r30 .step-num { font-family:var(--f-head); font-size:80px; font-weight:900; line-height:1; color:rgba(245,197,24,0.18); margin-bottom:24px; letter-spacing:-0.02em; }
#r30 .step-title { font-family:var(--f-head); font-size:20px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--c-white); margin-bottom:16px; }

/* PILLARS */
#r30 .pillars { background:var(--c-bg); }
#r30 .pillars-header { text-align:center; margin-bottom:64px; }
#r30 .pillars-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
#r30 .pillar { position:relative; border-radius:6px; overflow:hidden; aspect-ratio:3/4; }
#r30 .pillar-img { width:100%; height:100%; object-fit:cover; transition:transform 0.7s ease; }
/* pillar img zoom removed */
#r30 .pillar-tint { position:absolute; inset:0; opacity:0; transition:opacity 0.4s ease; mix-blend-mode:color; pointer-events:none; }
#r30 .pillar:nth-child(1) .pillar-tint { background:var(--c-yellow); }
#r30 .pillar:nth-child(2) .pillar-tint { background:var(--c-purple); }
#r30 .pillar:nth-child(3) .pillar-tint { background:var(--c-blue); }
#r30 .pillar:hover .pillar-tint, #r30 .pillar.hovered .pillar-tint { opacity:0.72!important; }
#r30 .pillar { transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),box-shadow 0.35s ease!important; }
#r30 .pillar:hover { transform:translateY(-14px) scale(1.03)!important; }
#r30 .pillar:nth-child(1):hover { box-shadow:0 0 0 2px rgba(245,197,24,0.7),0 0 24px rgba(245,197,24,0.3),0 20px 40px rgba(0,0,0,0.5)!important; }
#r30 .pillar:nth-child(2):hover { box-shadow:0 0 0 2px rgba(139,61,255,0.7),0 0 24px rgba(139,61,255,0.3),0 20px 40px rgba(0,0,0,0.5)!important; }
#r30 .pillar:nth-child(3):hover { box-shadow:0 0 0 2px rgba(0,191,255,0.7),0 0 24px rgba(0,191,255,0.3),0 20px 40px rgba(0,0,0,0.5)!important; }
#r30 .pillar-content { transition:transform 0.4s cubic-bezier(0.22,1,0.36,1); }
#r30 .pillar:hover .pillar-content, #r30 .pillar.hovered .pillar-content { transform:translateY(-10px)!important; }
#r30 .pillar-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,10,11,0.96) 0%,rgba(10,10,11,0.4) 55%,rgba(10,10,11,0.1) 100%); }
#r30 .pillar-content { position:absolute; bottom:0; left:0; right:0; padding:36px 32px; }
#r30 .pillar-num { font-family:var(--f-body); font-size:10px; font-weight:600; letter-spacing:0.22em; text-transform:uppercase; color:var(--c-yellow); margin-bottom:10px; }
#r30 .pillar-title { font-family:var(--f-head); font-size:22px; font-weight:800; text-transform:uppercase; letter-spacing:0.04em; color:var(--c-white); margin-bottom:10px; }
#r30 .pillar-body { font-size:14px; line-height:1.65; color:rgba(255,255,255,0.68)!important; max-height:0; overflow:hidden; transition:max-height 0.5s ease,opacity 0.4s ease; opacity:0; }
#r30 .pillar:hover .pillar-body, #r30 .pillar.hovered .pillar-body { max-height:200px!important; opacity:1!important; }

/* PROGRAMME */
#r30 .programme { background:var(--c-surface); }
#r30 .programme-header { text-align:center; margin-bottom:64px; }
#r30 .days-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:56px; }
#r30 .day-card { background:var(--c-card); border:1px solid var(--c-border); border-radius:6px; overflow:hidden; transition:border-color 0.3s,transform 0.3s,box-shadow 0.3s; display:flex; flex-direction:column; }
#r30 .day-img-wrap { width:100%; height:200px; overflow:hidden; flex-shrink:0; background:var(--c-card); }
#r30 .day-img { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
#r30 .day-body { padding:24px; }
#r30 .day-label { font-family:var(--f-body); font-size:10px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:var(--c-yellow); margin-bottom:8px; }
#r30 .day-name { font-family:var(--f-head); font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--c-white); margin-bottom:10px; }
#r30 .day-desc { font-size:13px; line-height:1.65; color:var(--c-muted); }

/* VIDEOS */
#r30 .videos { background:var(--c-bg); }
#r30 .videos-header { text-align:center; margin-bottom:56px; }
#r30 .videos-carousel-wrap { margin:0 -8px; overflow:visible; display:flex; align-items:center; gap:16px; }
#r30 .videos-grid { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding:16px 24px 40px; scrollbar-width:none; cursor:grab; }
#r30 .videos-grid::-webkit-scrollbar { display:none; }
#r30 .videos-grid.is-dragging { cursor:grabbing; }
#r30 .vid-arrow { flex-shrink:0; width:48px; height:48px; border-radius:50%; background:rgba(10,10,11,0.9); border:1px solid rgba(245,197,24,0.6); color:var(--c-yellow); font-size:20px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.3s ease; box-shadow:0 0 16px rgba(245,197,24,0.35),0 0 32px rgba(245,197,24,0.15); animation:r30-tag-glow 2.5s ease-in-out infinite; text-shadow:0 0 10px rgba(245,197,24,0.8); }
#r30 .vid-arrow:hover { background:rgba(245,197,24,0.2); border-color:var(--c-yellow); box-shadow:0 0 28px rgba(245,197,24,0.7),0 0 56px rgba(245,197,24,0.3); transform:scale(1.1); }
#r30 .video-card { flex:0 0 300px; scroll-snap-align:start; position:relative; border-radius:8px; overflow:visible; border:none; cursor:pointer; transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),box-shadow 0.35s ease; background:transparent; margin:0!important; padding:0!important; line-height:0!important; font-size:0!important; display:flex!important; flex-direction:column!important; align-items:center!important; }
#r30 .video-card * { font-size:revert!important; line-height:revert!important; }
#r30 .video-card-title { display:none!important; }
#r30 .video-card:hover { transform:translateY(-8px) scale(1.02); }
#r30 .video-card:hover .video-thumb { border-color:rgba(245,197,24,0.6); box-shadow:0 0 24px rgba(245,197,24,0.25),0 16px 40px rgba(0,0,0,0.6); }
#r30 .video-thumb { position:relative; padding-bottom:177.78%; background:#111; overflow:hidden; border-radius:8px; border:1px solid rgba(255,255,255,0.08); width:100%; transition:border-color 0.35s ease,box-shadow 0.35s ease; margin:0!important; padding-left:0!important; padding-right:0!important; padding-top:0!important; }
#r30 .video-thumb iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; pointer-events:none; margin:0!important; padding:0!important; }
#r30 .video-play-overlay { position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.35); transition:background 0.3s ease; }
#r30 .video-card:hover .video-play-overlay { background:rgba(0,0,0,0.15); }
#r30 .video-play-btn { width:64px; height:64px; border-radius:50%; background:rgba(0,0,0,0.75); border:2px solid rgba(245,197,24,0.8); display:flex; align-items:center; justify-content:center; transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease,background 0.3s ease; animation:r30-play-glow 1.6s ease-in-out infinite; }
#r30 .video-card:hover .video-play-btn { background:rgba(245,197,24,0.15); transform:scale(1.22); box-shadow:0 0 40px rgba(245,197,24,1),0 0 80px rgba(245,197,24,0.6),0 0 120px rgba(245,197,24,0.3); }
@keyframes r30-play-glow { 0%,100%{box-shadow:0 0 20px rgba(245,197,24,0.8),0 0 40px rgba(245,197,24,0.5),0 0 70px rgba(245,197,24,0.25),0 0 0 4px rgba(245,197,24,0.15);}50%{box-shadow:0 0 32px rgba(245,197,24,1),0 0 64px rgba(245,197,24,0.7),0 0 100px rgba(245,197,24,0.4),0 0 0 8px rgba(245,197,24,0.25);} }
#r30 .video-label { display:block!important; padding:12px 0 4px; width:100%; text-align:center!important; line-height:normal!important; font-size:revert!important; }
#r30 .video-label h4 { font-family:'Barlow Condensed',sans-serif!important; font-size:15px!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:0.08em!important; color:rgba(255,255,255,0.85)!important; margin:0 0 2px!important; text-align:center!important; }
#r30 .video-label p { font-family:var(--f-body); font-size:12px!important; color:rgba(255,255,255,0.4)!important; margin:0!important; }

/* LIGHTBOX */
#r30-lightbox { position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,0.92); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity 0.3s ease; }
#r30-lightbox.open { opacity:1; pointer-events:all; }
#r30-lightbox-inner { position:relative; width:min(380px,90vw); }
#r30-lightbox-video { position:relative; padding-bottom:177.78%; border-radius:10px; overflow:hidden; box-shadow:0 0 60px rgba(0,0,0,0.8); }
#r30-lightbox-video iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }
#r30-lightbox-close { position:absolute; top:-44px; right:0; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); color:#fff; font-size:18px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background 0.2s; line-height:1; }
#r30-lightbox-close:hover { background:rgba(245,197,24,0.2); border-color:var(--c-yellow); }
@media (max-width:860px) { #r30 .video-card { flex:0 0 220px; } #r30 .vid-arrow { width:36px; height:36px; font-size:16px; } }

/* PERKS */
#r30 .perks { background:var(--c-surface); }
#r30 .perks-header { text-align:center; margin-bottom:64px; }
#r30 .perks-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
#r30 .perk-card { position:relative; border-radius:6px; overflow:hidden; aspect-ratio:4/3; border:1px solid var(--c-border); transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),box-shadow 0.35s ease!important; }
#r30 .perk-card:hover, #r30 .perk-card.hovered { transform:translateY(-12px) scale(1.03)!important; }
#r30 .perk-img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease; }
/* perk img zoom removed */
#r30 .perk-tint { position:absolute; inset:0; opacity:0; transition:opacity 0.4s ease; mix-blend-mode:color; pointer-events:none; border-radius:6px; }
#r30 .perk-card:nth-child(1) .perk-tint,#r30 .perk-card:nth-child(4) .perk-tint,#r30 .perk-card:nth-child(7) .perk-tint,#r30 .perk-card:nth-child(10) .perk-tint { background:var(--c-yellow); }
#r30 .perk-card:nth-child(2) .perk-tint,#r30 .perk-card:nth-child(5) .perk-tint,#r30 .perk-card:nth-child(8) .perk-tint { background:var(--c-purple); }
#r30 .perk-card:nth-child(3) .perk-tint,#r30 .perk-card:nth-child(6) .perk-tint,#r30 .perk-card:nth-child(9) .perk-tint { background:var(--c-blue); }
#r30 .perk-card:hover .perk-tint, #r30 .perk-card.hovered .perk-tint { opacity:0.72!important; }
#r30 .perk-card:nth-child(1):hover,#r30 .perk-card:nth-child(4):hover,#r30 .perk-card:nth-child(7):hover,#r30 .perk-card:nth-child(10):hover , #r30 .perk-card:nth-child(1).hovered,#r30 .perk-card:nth-child(4).hovered,#r30 .perk-card:nth-child(7).hovered,#r30 .perk-card:nth-child(10).hovered { box-shadow:0 0 0 2px rgba(245,197,24,0.7),0 0 24px rgba(245,197,24,0.3),0 16px 36px rgba(0,0,0,0.5)!important; }
#r30 .perk-card:nth-child(2):hover,#r30 .perk-card:nth-child(5):hover,#r30 .perk-card:nth-child(8):hover , #r30 .perk-card:nth-child(2).hovered,#r30 .perk-card:nth-child(5).hovered,#r30 .perk-card:nth-child(8).hovered { box-shadow:0 0 0 2px rgba(139,61,255,0.7),0 0 24px rgba(139,61,255,0.3),0 16px 36px rgba(0,0,0,0.5)!important; }
#r30 .perk-card:nth-child(3):hover,#r30 .perk-card:nth-child(6):hover,#r30 .perk-card:nth-child(9):hover , #r30 .perk-card:nth-child(3).hovered,#r30 .perk-card:nth-child(6).hovered,#r30 .perk-card:nth-child(9).hovered { box-shadow:0 0 0 2px rgba(0,191,255,0.7),0 0 24px rgba(0,191,255,0.3),0 16px 36px rgba(0,0,0,0.5)!important; }
#r30 .perk-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,10,11,0.95) 0%,rgba(10,10,11,0.5) 50%,rgba(10,10,11,0.1) 100%); }
#r30 .perk-content { position:absolute; bottom:0; left:0; right:0; padding:28px; transition:transform 0.4s cubic-bezier(0.22,1,0.36,1); }
#r30 .perk-card:hover .perk-content, #r30 .perk-card.hovered .perk-content { transform:translateY(-10px)!important; }
#r30 .perk-title { font-family:var(--f-head); font-size:20px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; color:var(--c-white); margin-bottom:8px; }
#r30 .perk-body { font-size:13px; line-height:1.6; color:rgba(255,255,255,0.7); }
#r30 .perks-footer { text-align:center; margin-top:48px; }

/* PRICING */
#r30 .pricing { background:var(--c-bg); }
#r30-pricing .u-wrap { max-width:1400px!important; padding-left:40px!important; padding-right:40px!important; }
#r30 .pricing-header { text-align:center; margin-bottom:64px; }
#r30 .pricing-header p { margin-top:20px; max-width:540px; margin-left:auto; margin-right:auto; }
#r30 .trial-block { position:relative; background:linear-gradient(135deg,rgba(139,61,255,0.1) 0%,rgba(0,191,255,0.05) 100%); border:1px solid rgba(139,61,255,0.35); border-left:4px solid var(--c-yellow)!important; box-shadow:-4px 0 24px rgba(245,197,24,0.2),0 0 40px rgba(139,61,255,0.1)!important; border-radius:8px; padding:60px; display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:center; margin-bottom:48px; overflow:hidden; }
#r30 .trial-block::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--c-purple),var(--c-blue)); box-shadow:0 0 20px var(--c-purple); }
#r30 .trial-badge { display:inline-block; background:var(--c-yellow); color:#0a0a0b; font-family:var(--f-body); font-size:10px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; padding:5px 14px; border-radius:100px; margin-bottom:20px; }
#r30 .trial-price { font-family:var(--f-head); font-size:88px; font-weight:900; line-height:1; color:var(--c-white); margin-bottom:6px; }
#r30 .trial-price sup { font-size:36px; vertical-align:top; margin-top:14px; display:inline-block; }
#r30 .trial-orig { font-size:14px; color:var(--c-muted); margin-bottom:8px; }
#r30 .trial-label { font-family:var(--f-head); font-size:22px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--c-white); margin-bottom:28px; }
#r30 .trial-why-head { font-family:var(--f-body); font-size:11px!important; font-weight:700; letter-spacing:0.22em; text-transform:uppercase; color:var(--c-yellow)!important; border:1px solid rgba(245,197,24,0.6); padding:9px 22px; border-radius:100px; margin-bottom:16px; display:inline-block; text-shadow:0 0 14px rgba(245,197,24,0.7),0 0 30px rgba(245,197,24,0.35)!important; animation:r30-tag-glow 2.5s ease-in-out infinite!important; }
#r30 .trial-why { font-size:17px; line-height:1.8; color:var(--c-body); padding-left:20px; border-left:2px solid rgba(139,61,255,0.4); }
#r30 .trial-deco { position:absolute; top:-20px; right:40px; font-family:var(--f-head); font-size:clamp(140px,18vw,220px); font-weight:900; color:rgba(245,197,24,0.05); line-height:1; pointer-events:none; user-select:none; letter-spacing:-0.05em; }
#r30 .packs-label {
  text-align:center;
  font-family:'Barlow Condensed',sans-serif!important;
  font-size:22px!important;
  font-weight:700!important;
  letter-spacing:0.08em!important;
  text-transform:uppercase!important;
  color:#fff!important;
  margin-bottom:28px!important;
  padding:28px 0 24px!important;
  border-top:1px solid rgba(255,255,255,0.08)!important;
  position:relative!important;
}
#r30 .packs-label::after {
  content:'';
  display:block;
  width:48px;
  height:2px;
  background:var(--c-yellow);
  border-radius:2px;
  margin:10px auto 0;
  box-shadow:0 0 10px rgba(245,197,24,0.5);
}
#r30 .packs-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:48px; }
#r30 .pack { background:var(--c-card); border:1px solid var(--c-border); border-radius:6px; padding:32px 20px; text-align:center; transition:all 0.3s; position:relative; }
#r30 .pack.best { border-color:rgba(245,197,24,0.4); background:rgba(245,197,24,0.04); }
#r30 .pack:hover { border-color:rgba(245,197,24,0.5); transform:translateY(-3px); box-shadow:0 12px 40px rgba(245,197,24,0.1); }
#r30 .pack-tag { display:none; position:absolute; top:-11px; left:50%; transform:translateX(-50%); background:var(--c-yellow); color:#0a0a0b; font-family:var(--f-body); font-size:9px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; padding:3px 12px; border-radius:100px; white-space:nowrap; }
#r30 .pack.best .pack-tag { display:block; }
#r30 .pack-name { font-family:var(--f-body); font-size:10px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--c-muted); margin-bottom:16px; }
#r30 .pack-credits { font-family:var(--f-head); font-size:40px; font-weight:900; color:var(--c-white); line-height:1; }
#r30 .pack-credits-label { font-size:11px; color:var(--c-muted); margin-bottom:16px; margin-top:2px; }
#r30 .pack-total { font-family:var(--f-head); font-size:22px; font-weight:700; color:var(--c-yellow); margin-bottom:4px; }
#r30 .pack-per { font-size:12px; color:var(--c-muted); }
#r30 .packs-weekly { grid-template-columns:repeat(4,1fr); }
#r30 .membership-block { background:var(--c-card); border:1px solid var(--c-border); border-radius:8px; padding:52px; display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:start; margin-bottom:32px; }
#r30 .membership-tag { display:inline-block; background:rgba(139,61,255,0.12); color:var(--c-purple); border:1px solid rgba(139,61,255,0.28); font-family:var(--f-body); font-size:10px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; padding:5px 14px; border-radius:100px; margin-bottom:20px; }
#r30 .membership-price { font-family:var(--f-head); font-size:72px; font-weight:900; color:var(--c-white); line-height:1; margin-bottom:6px; }
#r30 .membership-orig { font-size:14px; color:var(--c-muted); margin-bottom:8px; }
#r30 .membership-name { font-family:var(--f-head); font-size:22px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--c-white); margin-bottom:16px; }
#r30 .membership-body { font-size:17px; line-height:1.75; color:var(--c-body); margin-bottom:28px; }
#r30 .membership-btns { display:flex; gap:12px; flex-wrap:wrap; }
#r30 .perks-list { display:flex; flex-direction:column; gap:4px; }
#r30 .perks-list li { display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid var(--c-border); font-size:16px; color:var(--c-body); }
#r30 .perks-list li:first-child { border-top:1px solid var(--c-border); }
#r30 .perks-list li::before { content:''; display:block; width:6px; height:6px; background:var(--c-yellow); border-radius:50%; box-shadow:0 0 8px rgba(245,197,24,0.6); flex-shrink:0; }
#r30 .atome-note { text-align:center; padding:28px 32px; background:var(--c-surface); border:1px solid var(--c-border); border-radius:6px; }
#r30 .atome-note p:first-child { font-family:var(--f-head); font-size:22px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--c-white); margin-bottom:8px; }
#r30 .atome-note p:last-child { font-size:15px; color:rgba(255,255,255,0.55); }

/* CTA STRIP */
#r30 .cta-strip { background:var(--c-bg); position:relative; overflow:hidden; }
#r30 .cta-strip-bg { position:absolute; inset:0; background:radial-gradient(ellipse 80% 80% at 50% 100%,rgba(58,243,252,0.18) 0%,transparent 70%); pointer-events:none; }
#r30 .cta-strip-inner { position:relative; z-index:1; text-align:center; padding-top:var(--sp-2xl); padding-bottom:var(--sp-2xl); }
#r30 .cta-strip-h { font-family:var(--f-head); font-size:clamp(44px,6vw,84px); font-weight:900; text-transform:uppercase; line-height:0.95; color:var(--c-white); margin-bottom:24px; }
#r30 .cta-strip-h em { font-style:normal; color:var(--c-yellow); text-shadow:0 0 40px rgba(245,197,24,0.4); }
#r30 .cta-strip-sub { font-size:17px; line-height:1.65; color:var(--c-body); max-width:480px; margin:0 auto 44px; }
#r30 .cta-strip-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* FOOTER */
#r30 .footer { background:var(--c-surface); padding-top:72px; padding-bottom:40px; border-top:1px solid var(--c-border); }
#r30 .footer-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:60px; margin-bottom:60px; }
#r30 .footer-logo { width:88px; margin-bottom:20px; }
#r30 .footer-about { font-size:14px; line-height:1.7; color:var(--c-muted); margin-bottom:28px; }
#r30 .footer-socials { display:flex; gap:10px; }
#r30 .footer-social { width:38px; height:38px; border:1px solid var(--c-border); border-radius:6px; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:all 0.2s; flex-shrink:0; }
#r30 .footer-social svg { width:17px; height:17px; fill:var(--c-muted); transition:fill 0.2s; display:block; }
#r30 .footer-social:hover { border-color:rgba(139,61,255,0.5); box-shadow:0 0 12px rgba(139,61,255,0.2); }
#r30 .footer-social:hover svg { fill:var(--c-purple); }
#r30 .footer-col-label { font-family:var(--f-body); font-size:10px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--c-yellow); margin-bottom:24px; display:flex; align-items:center; gap:10px; }
#r30 .footer-col-label::before { content:''; display:block; width:16px; height:1px; background:var(--c-yellow); }
#r30 .footer-links { display:flex; flex-direction:column; gap:14px; }
#r30 .footer-links a { font-size:14px; color:var(--c-muted); text-decoration:none; transition:color 0.2s; }
#r30 .footer-links a:hover { color:var(--c-white); }
#r30 .footer-contact { display:flex; flex-direction:column; gap:14px; }
#r30 .footer-contact-item { display:flex; align-items:flex-start; gap:12px; font-size:14px; color:var(--c-muted); }
#r30 .footer-contact-item a { color:var(--c-muted); text-decoration:none; transition:color 0.2s; }
#r30 .footer-contact-item a:hover { color:var(--c-white); }
#r30 .footer-contact-icon { width:22px; height:22px; flex-shrink:0; margin-top:1px; font-style:normal; display:flex; align-items:center; justify-content:center; }
#r30 .footer-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:28px; border-top:1px solid var(--c-border); flex-wrap:wrap; gap:12px; }
#r30 .footer-copy { font-size:12px; color:var(--c-muted); }
#r30 .footer-legal { display:flex; gap:24px; }
#r30 .footer-legal a { font-size:12px; color:var(--c-muted); text-decoration:none; transition:color 0.2s; }
#r30 .footer-legal a:hover { color:var(--c-white); }

/* WHATSAPP FLOAT */
#r30-wa { position:fixed; bottom:96px; right:28px; z-index:99990!important; width:54px; height:54px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 24px rgba(37,211,102,0.4); transition:transform 0.2s,box-shadow 0.2s; text-decoration:none; }
#r30-wa:hover { transform:scale(1.1); box-shadow:0 6px 32px rgba(37,211,102,0.5); }
#r30-wa svg { width:26px; height:26px; fill:#fff; }

/* SCROLL REVEAL */
#r30 .reveal { opacity:1; transform:translateY(0); }
#r30 .reveal.in { opacity:1; transform:translateY(0); }

/* Hero entrance -- CSS replaces GSAP */
@keyframes r30-hero-enter { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
#r30-hero .hero-tag,
#r30-hero .hero-h1,
#r30-hero .hero-sub,
#r30-hero .hero-btns,
#r30-hero .trainer-pill { animation:r30-hero-enter 0.6s ease-out both; }
#r30-hero .hero-h1 { animation-delay:0.1s; }
#r30-hero .hero-sub { animation-delay:0.15s; }
#r30-hero .hero-btns { animation-delay:0.2s; }
#r30-hero .trainer-pill { animation-delay:0.25s; }
@keyframes r30-fallback-show { to { opacity:1; transform:translateY(0); } }

/* RESPONSIVE */
@media (max-width:1024px) {
  #r30 .u-wrap { padding-left:32px; padding-right:32px; }
  #r30-nav { padding:0 32px; }
  #r30 .packs-grid { grid-template-columns:repeat(3,1fr); }
  #r30 .packs-weekly { grid-template-columns:repeat(2,1fr); }
  #r30 .trial-block { padding:44px; gap:40px; }
  #r30 .membership-block { padding:40px; gap:40px; }
}
@media (max-width:860px) {
  #r30 .u-wrap { padding-left:24px; padding-right:24px; }
  #r30 .u-section { padding-top:80px; padding-bottom:80px; }
  #r30 .u-section--md { padding-top:60px; padding-bottom:60px; }
  #r30 .hero-sub { font-size:14px; }
  #r30 .how-steps { grid-template-columns:1fr; }
  #r30 .how-step { padding:36px 24px!important; }
  #r30 .pillars-grid { grid-template-columns:1fr; }
  #r30 .pillar { aspect-ratio:unset; height:auto; border-radius:6px; background:var(--c-card); border:1px solid var(--c-border); display:flex; flex-direction:column; }
  #r30 .pillar-img { width:100%; height:220px; object-fit:cover; object-position:center; flex-shrink:0; position:relative; }
  #r30 .pillar-overlay { display:none; }
  #r30 .pillar-content { position:relative; bottom:auto; left:auto; right:auto; padding:24px 24px 28px; background:var(--c-card); }
  #r30 .pillar-num { color:var(--c-yellow); }
  #r30 .pillar-title { color:var(--c-white); }
  #r30 .pillar-body { max-height:none; opacity:1; overflow:visible; color:var(--c-body); }
  #r30 .days-grid { grid-template-columns:1fr; }
  #r30 .day-img-wrap { height:240px; }
  #r30 .perks-grid { grid-template-columns:1fr 1fr; }
  #r30 .packs-grid { grid-template-columns:repeat(3,1fr); }
  #r30 .packs-weekly { grid-template-columns:repeat(2,1fr); }
  #r30 .trial-block { grid-template-columns:1fr; padding:36px; gap:32px; }
  #r30 .membership-block { grid-template-columns:1fr; padding:36px; gap:32px; }
  #r30 .footer-grid { grid-template-columns:1fr; gap:48px; }
  #r30 .footer-bottom { flex-direction:column; text-align:center; }
}
@media (min-width:561px) {
  #r30 .trial-block .btn { font-size:18px!important; padding:16px 36px!important; }
}
@media (max-width:480px) {
  #r30 .u-h2 { font-size:30px!important; line-height:1.1!important; text-align:center!important; }
  #r30 .r30-hl { white-space:normal!important; }
  #r30 .u-accent { display:inline!important; }
  #r30 .pricing-header { text-align:center!important; }
  #r30-pricing .pricing-header .u-h2,
}
@media (max-width:560px) {
  #r30 .u-wrap { padding-left:20px; padding-right:20px; }
  #r30 .trial-badge { font-size:11px!important; padding:7px 14px!important; letter-spacing:0.06em!important; white-space:nowrap!important; }
  #r30 .trial-block .btn { font-size:15px!important; padding:15px 16px!important; width:100%!important; box-sizing:border-box!important; letter-spacing:0.08em!important; }
  #r30 .perks-grid { grid-template-columns:1fr; }
  #r30 .packs-grid { grid-template-columns:1fr 1fr; }
  #r30 .packs-weekly { grid-template-columns:1fr 1fr; }
  #r30 .hero-btns { flex-direction:column; align-items:center; }
  #r30 .cta-strip-btns { flex-direction:column; align-items:center; }
  #r30 .membership-btns { flex-direction:column; }
}

/* NEON ANIMATIONS */
@keyframes r30-flicker { 0%{opacity:0;}10%{opacity:1;}12%{opacity:0.4;}14%{opacity:1;}16%{opacity:0.5;}18%{opacity:1;}20%{opacity:0.7;}22%{opacity:1;}60%{opacity:1;}62%{opacity:0.8;}64%{opacity:1;}100%{opacity:1;} }
#r30 .hero-ambient { opacity:0; animation:r30-flicker 3.5s ease-out 0.5s 1 forwards; }
#r30 .neon-line { opacity:0.5; }
@keyframes r30-tag-glow { 0%,100%{text-shadow:0 0 18px rgba(245,197,24,0.8),0 0 40px rgba(245,197,24,0.4);box-shadow:0 0 16px rgba(245,197,24,0.2),inset 0 0 12px rgba(245,197,24,0.05);border-color:rgba(245,197,24,0.6);}50%{text-shadow:0 0 28px rgba(245,197,24,1),0 0 60px rgba(245,197,24,0.6);box-shadow:0 0 28px rgba(245,197,24,0.4),inset 0 0 20px rgba(245,197,24,0.1);border-color:rgba(245,197,24,0.9);} }
#r30 .hero-tag { text-shadow:0 0 18px rgba(245,197,24,0.8),0 0 40px rgba(245,197,24,0.4); box-shadow:0 0 16px rgba(245,197,24,0.2),inset 0 0 12px rgba(245,197,24,0.05); border-color:rgba(245,197,24,0.6); }

/* COMET TRAIN */
#r30 .hero-train { position:absolute; inset:0; z-index:10; pointer-events:none; width:100%; height:100%; overflow:visible; }
#r30 .hero-train rect { fill:none; stroke-width:6; stroke-linecap:round; }
#r30 .r30t-y { stroke:#F5C518; filter:drop-shadow(0 0 6px #F5C518) drop-shadow(0 0 14px rgba(245,197,24,0.7)); }
#r30 .r30t-p { stroke:#8B3DFF; filter:drop-shadow(0 0 6px #8B3DFF) drop-shadow(0 0 14px rgba(139,61,255,0.7)); }
#r30 .r30t-b { stroke:#00BFFF; filter:drop-shadow(0 0 6px #00BFFF) drop-shadow(0 0 14px rgba(0,191,255,0.7)); }
@keyframes r30-comet-y { from{stroke-dashoffset:0;}to{stroke-dashoffset:calc(0px - var(--p,4000px));} }
@keyframes r30-comet-p { from{stroke-dashoffset:calc(var(--p,4000px) / -3);}to{stroke-dashoffset:calc(var(--p,4000px) / -3 - var(--p,4000px));} }
@keyframes r30-comet-b { from{stroke-dashoffset:calc(var(--p,4000px) * -2 / 3);}to{stroke-dashoffset:calc(var(--p,4000px) * -2 / 3 - var(--p,4000px));} }
#r30 .r30t-y { animation:r30-comet-y 2.8s linear 0.5s infinite; }
#r30 .r30t-p { animation:r30-comet-p 2.8s linear 0.5s infinite; }
#r30 .r30t-b { animation:r30-comet-b 2.8s linear 0.5s infinite; }

/* HEADING HIGHLIGHT */
#r30 .r30-hl { position:relative; display:inline; white-space:nowrap; }
#r30 .r30-hl::before { content:''; position:absolute; left:0; right:0; bottom:0.05em; height:0.35em; background:linear-gradient(90deg,var(--c-yellow),var(--c-purple),var(--c-blue)); z-index:-1; transform:scaleX(0); transform-origin:left center; border-radius:2px; opacity:0.85; }
#r30 .r30-hl.r30-hl-in::before { transform:scaleX(1); transition:transform 0.65s cubic-bezier(0.22,1,0.36,1); }
#r30 .r30line { position:relative; display:inline-block; }
#r30 .r30line::before { content:''; position:absolute; left:-4px; right:-4px; bottom:0.04em; height:0.32em; background:linear-gradient(90deg,var(--c-yellow),var(--c-purple),var(--c-blue)); z-index:-1; border-radius:2px; opacity:0.82; transform:scaleX(0); transform-origin:left center; }
@keyframes r30-hl-sweep { from{transform:scaleX(0);}to{transform:scaleX(1);} }
#r30 .r30line-wrap:nth-child(1) .r30line::before { display:none; }
#r30 .r30line-wrap:nth-child(2) .r30line::before { display:none; }
#r30 .r30line-wrap:nth-child(3) .r30line::before { display:none; }

/* GHOST RUNNER */
#r30 .runner-wrap { position:relative; width:100%; height:100%; min-height:420px; overflow:visible; }
#r30 .hook-right { align-self:stretch; }
#r30 .runner-ghost { position:absolute; bottom:0; left:0; width:420px; height:auto; border-radius:25px; mix-blend-mode:lighten; pointer-events:none; user-select:none; }
#r30 .runner-ghost:nth-child(1) { left:0; opacity:0.52; transform:scale(0.93); filter:brightness(0.82) blur(0.5px); z-index:1; }
#r30 .runner-ghost:nth-child(2) { left:60px; opacity:0.42; transform:scale(0.97); filter:brightness(0.78); z-index:2; }
#r30 .runner-ghost:nth-child(3) { left:120px; opacity:1; transform:scale(1); filter:brightness(1); z-index:10; mix-blend-mode:normal; border-radius:25px; }
/* ghost pulse removed */
#r30 .runner-ghost:nth-child(1) { opacity:0.32; }
#r30 .runner-ghost:nth-child(2) { opacity:0.42; }
#r30 .runner-ghost:nth-child(3) { opacity:1; }
/* runner slide-in removed */
@media (min-width:861px) {
  #r30 .runner-wrap.r30-runner-in .runner-ghost:nth-child(1) { opacity:var(--ghost-base,0.32)!important; transform:translateX(0) scale(0.93)!important; transition-delay:0.08s; animation:r30-ghost-pulse 2s ease-in-out 1.5s infinite; }
  #r30 .runner-wrap.r30-runner-in .runner-ghost:nth-child(2) { opacity:var(--ghost-base,0.42)!important; transform:translateX(60px) scale(0.97)!important; transition-delay:0.2s; animation:r30-ghost-pulse 2s ease-in-out 1.7s infinite; }
  #r30 .runner-wrap.r30-runner-in .runner-ghost:nth-child(3) { opacity:1!important; transform:translateX(120px) scale(1)!important; transition-delay:0.32s; animation:r30-ghost-pulse 2s ease-in-out 1.9s infinite; }
}
@media (max-width:860px) {
  #r30 .runner-wrap { height:360px; min-height:360px; margin-top:24px; overflow:visible; }
  #r30 .runner-ghost { width:200px; }
  #r30 .runner-ghost:nth-child(1) { left:calc(50% - 140px); z-index:1; }
  #r30 .runner-ghost:nth-child(2) { left:calc(50% - 100px); z-index:2; }
  #r30 .runner-ghost:nth-child(3) { left:calc(50% - 60px); z-index:10; }
  #r30 .runner-wrap .runner-ghost { opacity:0!important; transform:translateX(-70px)!important; transition:opacity 0.65s ease,transform 0.7s cubic-bezier(0.22,1,0.36,1)!important; }
  #r30 .runner-wrap.r30-runner-in .runner-ghost:nth-child(1) { opacity:var(--ghost-base,0.32)!important; transform:translateX(0) scale(0.93)!important; transition-delay:0.08s!important; animation:r30-ghost-pulse 2s ease-in-out 1.5s infinite; }
  #r30 .runner-wrap.r30-runner-in .runner-ghost:nth-child(2) { opacity:var(--ghost-base,0.42)!important; transform:translateX(0) scale(0.97)!important; transition-delay:0.2s!important; animation:r30-ghost-pulse 2s ease-in-out 1.7s infinite; }
  #r30 .runner-wrap.r30-runner-in .runner-ghost:nth-child(3) { opacity:1!important; transform:translateX(0) scale(1)!important; transition-delay:0.32s!important; animation:r30-ghost-pulse 2s ease-in-out 1.9s infinite; }
}

/* TRACK TABS */
#r30 .track-tabs { display:flex; gap:12px; margin-bottom:36px; flex-wrap:wrap; justify-content:center; }
#r30 .track-tab { font-family:var(--f-body); font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:12px 28px; border:2px solid rgba(245,197,24,0.3); background:transparent; color:rgba(255,255,255,0.5); border-radius:4px; cursor:pointer; transition:all 0.3s ease; }
#r30 .track-tab:hover { border-color:var(--c-yellow); color:var(--c-yellow); box-shadow:0 0 16px rgba(245,197,24,0.3); }
#r30 .track-tab.active { background:var(--c-yellow); border-color:var(--c-yellow); color:#000; box-shadow:0 0 20px rgba(245,197,24,0.5); }
#r30 .track-meta { margin-bottom:32px; text-align:center; }
#r30 .track-badge { display:inline-block; font-size:11px; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; color:var(--c-yellow); border:1px solid rgba(245,197,24,0.4); padding:5px 14px; border-radius:100px; margin-bottom:12px; }
#r30 .track-desc { font-family:var(--f-body); font-size:15px; color:rgba(255,255,255,0.6); max-width:600px; margin-left:auto; margin-right:auto; text-align:center; }
#r30 .track-panel { display:none; }
#r30 .track-panel.active { display:block; animation:r30-tab-fade 0.4s ease both; }
@keyframes r30-tab-fade { from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);} }

/* HIGHLIGHTS */
#r30 .hl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }
#r30 .hl-card { position:relative; background:#111; border:1px solid rgba(255,255,255,0.08); border-radius:8px; padding:40px 32px 36px; overflow:hidden; cursor:default; transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),box-shadow 0.35s ease,border-color 0.35s ease; }
#r30 .hl-card:nth-child(1) { border-left:3px solid rgba(245,197,24,0.5)!important; }
#r30 .hl-card:nth-child(2) { border-left:3px solid rgba(139,61,255,0.5)!important; }
#r30 .hl-card:nth-child(3) { border-left:3px solid rgba(0,191,255,0.5)!important; }
#r30 .hl-num { font-family:var(--f-head); font-size:clamp(56px,7vw,96px); font-weight:900; line-height:1; position:absolute; top:16px; right:24px; transition:color 0.35s ease,transform 0.35s ease; user-select:none; }
#r30 .hl-card:nth-child(1) .hl-num { color:rgba(245,197,24,0.12); }
#r30 .hl-card:nth-child(2) .hl-num { color:rgba(139,61,255,0.12); }
#r30 .hl-card:nth-child(3) .hl-num { color:rgba(0,191,255,0.12); }
#r30 .hl-tint { position:absolute; inset:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:8px; }
#r30 .hl-card:nth-child(1) .hl-tint { background:linear-gradient(135deg,rgba(245,197,24,0.12),transparent 60%); opacity:0.35; }
#r30 .hl-card:nth-child(2) .hl-tint { background:linear-gradient(135deg,rgba(139,61,255,0.12),transparent 60%); opacity:0.35; }
#r30 .hl-card:nth-child(3) .hl-tint { background:linear-gradient(135deg,rgba(0,191,255,0.12),transparent 60%); opacity:0.35; }
#r30 .hl-title { font-family:var(--f-head); font-size:clamp(20px,2vw,26px); font-weight:800; text-transform:uppercase; color:var(--c-white); margin-bottom:20px; letter-spacing:0.02em; transition:color 0.3s ease; }
#r30 .hl-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
#r30 .hl-list li { font-family:var(--f-body); font-size:14px; color:rgba(255,255,255,0.6); padding-left:20px; position:relative; line-height:1.5; }
#r30 .hl-list li::before { content:'→'; position:absolute; left:0; color:var(--c-yellow); font-size:12px; }
#r30 .hl-card:hover { transform:translateY(-16px) scale(1.03)!important; }
#r30 .hl-card:nth-child(1):hover { border-color:rgba(245,197,24,0.8)!important; box-shadow:0 0 0 1px rgba(245,197,24,0.4),0 0 32px rgba(245,197,24,0.3),0 24px 56px rgba(0,0,0,0.7)!important; }
#r30 .hl-card:nth-child(2):hover { border-color:rgba(139,61,255,0.8)!important; box-shadow:0 0 0 1px rgba(139,61,255,0.4),0 0 32px rgba(139,61,255,0.3),0 24px 56px rgba(0,0,0,0.7)!important; }
#r30 .hl-card:nth-child(3):hover { border-color:rgba(0,191,255,0.8)!important; box-shadow:0 0 0 1px rgba(0,191,255,0.4),0 0 32px rgba(0,191,255,0.3),0 24px 56px rgba(0,0,0,0.7)!important; }
#r30 .hl-card:hover .hl-tint { opacity:1; }
#r30 .hl-card:nth-child(1):hover .hl-title { color:var(--c-yellow); }
#r30 .hl-card:nth-child(2):hover .hl-title { color:var(--c-purple); }
#r30 .hl-card:nth-child(3):hover .hl-title { color:var(--c-blue); }
#r30 .hl-card:hover .hl-list li { color:rgba(255,255,255,0.9); }
@media (max-width:860px) { #r30 .hl-grid { grid-template-columns:1fr; gap:16px; } }

/* WHAT'S NEW */
#r30-whatsnew { background:#0e0e0e; }
#r30 .wn-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
#r30 .wn-card { position:relative; background:#161616; border:1px solid rgba(255,255,255,0.07); border-radius:10px; padding:36px 28px 32px; overflow:hidden; transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),box-shadow 0.35s ease,border-color 0.35s ease; }
#r30 .wn-badge { display:inline-block; font-size:10px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; padding:4px 10px; border-radius:100px; margin-bottom:20px; }
#r30 .wn-card:nth-child(1) .wn-badge { background:rgba(245,197,24,0.15); color:var(--c-yellow); border:1px solid rgba(245,197,24,0.4); }
#r30 .wn-card:nth-child(2) .wn-badge { background:rgba(139,61,255,0.15); color:var(--c-purple); border:1px solid rgba(139,61,255,0.4); }
#r30 .wn-card:nth-child(3) .wn-badge { background:rgba(0,191,255,0.15); color:var(--c-blue); border:1px solid rgba(0,191,255,0.4); }
#r30 .wn-icon { font-size:40px; margin-bottom:16px; display:block; transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1); }
#r30 .wn-title { font-family:var(--f-head); font-size:clamp(18px,2vw,24px); font-weight:800; text-transform:uppercase; color:var(--c-white); margin-bottom:10px; letter-spacing:0.02em; transition:color 0.3s ease; }
#r30 .wn-desc { font-family:var(--f-body); font-size:14px; color:rgba(255,255,255,0.55); line-height:1.6; transition:color 0.3s ease; }
#r30 .wn-card::before { content:''; position:absolute; top:-40px; right:-40px; width:120px; height:120px; border-radius:50%; opacity:0; transition:opacity 0.4s ease; pointer-events:none; filter:blur(40px); }
#r30 .wn-card:nth-child(1)::before { background:var(--c-yellow); }
#r30 .wn-card:nth-child(2)::before { background:var(--c-purple); }
#r30 .wn-card:nth-child(3)::before { background:var(--c-blue); }
#r30 .wn-card:hover { transform:translateY(-14px) scale(1.03)!important; }
#r30 .wn-card:hover::before { opacity:0.18; }
#r30 .wn-card:hover .wn-icon { transform:scale(1.2) rotate(-5deg); }
#r30 .wn-card:nth-child(1):hover { border-color:rgba(245,197,24,0.7)!important; box-shadow:0 0 0 1px rgba(245,197,24,0.3),0 0 28px rgba(245,197,24,0.2),0 20px 48px rgba(0,0,0,0.6)!important; }
#r30 .wn-card:nth-child(1):hover .wn-title { color:var(--c-yellow); }
#r30 .wn-card:nth-child(2):hover { border-color:rgba(139,61,255,0.7)!important; box-shadow:0 0 0 1px rgba(139,61,255,0.3),0 0 28px rgba(139,61,255,0.2),0 20px 48px rgba(0,0,0,0.6)!important; }
#r30 .wn-card:nth-child(2):hover .wn-title { color:var(--c-purple); }
#r30 .wn-card:nth-child(3):hover { border-color:rgba(0,191,255,0.7)!important; box-shadow:0 0 0 1px rgba(0,191,255,0.3),0 0 28px rgba(0,191,255,0.2),0 20px 48px rgba(0,0,0,0.6)!important; }
#r30 .wn-card:nth-child(3):hover .wn-title { color:var(--c-blue); }
#r30 .wn-card:hover .wn-desc { color:rgba(255,255,255,0.8); }
@media (max-width:860px) {
  #r30 .wn-grid { grid-template-columns:1fr; gap:14px; }
  #r30 .wn-card { display:flex!important; align-items:flex-start!important; gap:16px!important; padding:20px 20px!important; }
  #r30 .wn-icon-col { flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:10px; padding-top:2px; }
  #r30 .wn-text-col { flex:1; min-width:0; }
  #r30 .wn-badge { margin-bottom:0!important; font-size:9px!important; padding:3px 8px!important; }
  #r30 .wn-icon { font-size:28px!important; margin-bottom:0!important; }
  #r30 .wn-title { font-size:16px!important; margin-bottom:6px!important; }
  #r30 .wn-desc { font-size:13px!important; }
}

/* DAY CARDS HOVER */
#r30 .day-img { transition:transform 0.5s cubic-bezier(0.22,1,0.36,1); }
#r30 .day-card:hover .day-img { transform:scale(1.08); }
#r30 .day-card { transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),box-shadow 0.35s ease,border-color 0.35s ease; }
#r30 .day-card:hover { transform:translateY(-14px) scale(1.04)!important; }
#r30 .day-card:nth-child(1):hover,#r30 .day-card:nth-child(4):hover { border-color:rgba(245,197,24,0.8)!important; box-shadow:0 0 0 1px rgba(245,197,24,0.5),0 0 20px rgba(245,197,24,0.4),0 16px 40px rgba(0,0,0,0.5)!important; }
#r30 .day-card:nth-child(2):hover,#r30 .day-card:nth-child(5):hover { border-color:rgba(139,61,255,0.8)!important; box-shadow:0 0 0 1px rgba(139,61,255,0.5),0 0 20px rgba(139,61,255,0.4),0 16px 40px rgba(0,0,0,0.5)!important; }
#r30 .day-card:nth-child(3):hover,#r30 .day-card:nth-child(6):hover { border-color:rgba(0,191,255,0.8)!important; box-shadow:0 0 0 1px rgba(0,191,255,0.5),0 0 20px rgba(0,191,255,0.4),0 16px 40px rgba(0,0,0,0.5)!important; }

/* TESTIMONIALS */
#r30 .testi-carousel-wrap { position:relative; display:flex; align-items:center; gap:16px; margin-top:48px; }
#r30 .testi-track { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; overflow:hidden; flex:1; }
#r30 .testi-card { background:#111; border:1px solid rgba(255,255,255,0.07); border-radius:10px; padding:32px 28px; display:flex; flex-direction:column; gap:16px; }
#r30 .testi-card.hidden { display:none; }
#r30 .testi-stars { color:var(--c-yellow); font-size:14px; letter-spacing:2px; text-shadow:0 0 8px rgba(245,197,24,0.5); }
#r30 .testi-text { font-family:var(--f-body); font-size:13px; line-height:1.75; color:rgba(255,255,255,0.6); font-style:italic; flex:1; }
#r30 .testi-name { font-family:'Barlow Condensed',sans-serif; font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:rgba(255,255,255,0.35); border-top:1px solid rgba(255,255,255,0.06); padding-top:14px; }
#r30 .testi-arrow { flex-shrink:0; width:44px; height:44px; border-radius:50%; background:rgba(10,10,11,0.9); border:1px solid rgba(245,197,24,0.5); color:var(--c-yellow); font-size:18px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.25s ease; box-shadow:0 0 12px rgba(245,197,24,0.2); animation:r30-tag-glow 2.5s ease-in-out infinite; line-height:1; padding:0; }
#r30 .testi-arrow:hover { background:rgba(245,197,24,0.15); box-shadow:0 0 24px rgba(245,197,24,0.6); transform:scale(1.1); }
#r30 .testi-arrow:disabled { opacity:0.3; cursor:default; animation:none; }
#r30 .testi-dots { display:flex; justify-content:center; gap:8px; margin-top:28px; }
#r30 .testi-dot { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,0.15); cursor:pointer; transition:background 0.3s,box-shadow 0.3s; border:none; }
#r30 .testi-dot.active { background:var(--c-yellow); box-shadow:0 0 8px rgba(245,197,24,0.7); }
@media (max-width:860px) { #r30 .testi-track { grid-template-columns:1fr!important; } #r30 .testi-card.hidden { display:none!important; } }

/* PROOF STRIP */
#r30-proof { border-top:1px solid rgba(255,255,255,0.06); border-bottom:1px solid rgba(255,255,255,0.06); padding:28px 0; }
#r30 .proof-grid { display:flex; align-items:stretch; justify-content:center; gap:0; flex-wrap:wrap; }
/* Stats row: separate div for 2-per-row on mobile */
#r30 .proof-grid-stats { display:flex; align-items:stretch; justify-content:center; flex-wrap:nowrap; }
#r30 .proof-item { display:flex; flex-direction:column; align-items:center; padding:16px 40px; border-right:1px solid rgba(255,255,255,0.08); text-align:center; min-width:160px; }
#r30 .proof-item:last-child { border-right:none; }
#r30 .proof-num { font-family:var(--f-head); font-size:clamp(28px,3vw,40px); font-weight:900; color:var(--c-yellow); line-height:1; margin-bottom:4px; text-shadow:0 0 20px rgba(245,197,24,0.5); }
#r30 .proof-label { font-family:var(--f-body); font-size:11px; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; color:rgba(255,255,255,0.45); }
#r30 .proof-stars { color:var(--c-yellow); font-size:16px; letter-spacing:2px; margin-bottom:4px; text-shadow:0 0 10px rgba(245,197,24,0.6); }
#r30 .proof-carousel { display:flex; flex-direction:column; align-items:center; padding:16px 48px; text-align:center; border-left:1px solid rgba(255,255,255,0.08); flex:1; max-width:480px; min-width:280px; }
#r30 .proof-nav { display:flex; align-items:center; gap:12px; margin-top:14px; }
#r30 .proof-arrow { width:28px; height:28px; border-radius:50%; background:rgba(10,10,11,0.9); border:1px solid rgba(245,197,24,0.5); color:var(--c-yellow); font-size:13px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.25s ease; box-shadow:0 0 10px rgba(245,197,24,0.25); animation:r30-tag-glow 2.5s ease-in-out infinite; line-height:1; padding:0; }
#r30 .proof-arrow:hover { background:rgba(245,197,24,0.15); box-shadow:0 0 20px rgba(245,197,24,0.6); transform:scale(1.15); }
#r30 .proof-reviews { position:relative; min-height:80px; width:100%; }
#r30 .proof-review { display:none; }
#r30 .proof-review.active { display:block; }
@keyframes r30-review-fade { from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);} }
#r30 .proof-review p { font-family:var(--f-body); font-size:17px; font-style:italic; color:rgba(255,255,255,0.85); line-height:1.75; margin-bottom:8px; }
#r30 .proof-review span { font-family:'Barlow Condensed',sans-serif; font-size:13px; letter-spacing:0.1em; color:rgba(255,255,255,0.5); text-transform:uppercase; }
#r30 .proof-dots { display:flex; gap:6px; margin-top:12px; }
#r30 .proof-dot { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.2); transition:background 0.3s; cursor:pointer; }
#r30 .proof-dot.active { background:var(--c-yellow); box-shadow:0 0 8px rgba(245,197,24,0.6); }

/* Mobile: proof stats 2-per-row */
@media (max-width:860px) {
  #r30 .proof-grid { flex-direction:column; align-items:center; }
  #r30 .proof-grid-stats { display:grid!important; grid-template-columns:1fr 1fr!important; width:100%; }
  #r30 .proof-item { border-right:1px solid rgba(255,255,255,0.08)!important; border-bottom:1px solid rgba(255,255,255,0.08)!important; min-width:0; padding:14px 16px; }
  #r30 .proof-item:nth-child(2n) { border-right:none!important; }
  #r30 .proof-carousel { border-left:none; border-top:1px solid rgba(255,255,255,0.08); padding:16px; max-width:100%; }
}

/* SOCIAL PROOF STATS */
#r30 .sp-grid { display:flex; align-items:center; justify-content:center; gap:48px; flex-wrap:wrap; }
#r30 .sp-stat { text-align:center; }
#r30 .sp-num { font-family:var(--f-head); font-size:clamp(32px,4vw,48px); font-weight:900; color:var(--c-yellow); line-height:1; text-shadow:0 0 20px rgba(245,197,24,0.5); }
#r30 .sp-label { font-family:var(--f-body); font-size:11px; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; color:rgba(255,255,255,0.5); margin-top:6px; }
#r30 .sp-divider { width:1px; height:48px; background:rgba(255,255,255,0.1); }
@media (max-width:860px) { #r30 .sp-divider { display:none; } #r30 .sp-grid { gap:28px; } }

/* MINI CTA */
#r30 .mini-cta { text-align:center; margin-top:48px; padding-top:40px; border-top:1px solid rgba(255,255,255,0.06); }
#r30 .mini-cta-text { font-family:var(--f-body); font-size:15px; color:rgba(255,255,255,0.6); margin-bottom:16px; }
#r30 .mini-cta-text strong { color:var(--c-yellow); }
#r30 .scarcity-tag { display:inline-flex; align-items:center; gap:6px; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--c-yellow); background:rgba(245,197,24,0.08); border:1px solid rgba(245,197,24,0.3); padding:6px 14px; border-radius:100px; margin-top:12px; }
#r30 .scarcity-tag::before { content:'⚡'; font-size:12px; }

/* STICKY CTA */
#r30-sticky-cta { position:fixed; bottom:0; left:0; right:0; z-index:99990; background:rgba(10,10,11,0.97); border-top:1px solid rgba(245,197,24,0.3); backdrop-filter:blur(16px); padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; transform:translateY(100%); transition:transform 0.4s cubic-bezier(0.22,1,0.36,1); box-shadow:0 -4px 32px rgba(0,0,0,0.5); overflow:hidden; }
#r30-sticky-cta.visible { transform:translateY(0); }
#r30-sticky-cta .scta-text { font-family:var(--f-body)!important; font-size:14px!important; color:#ffffff!important; line-height:1.4!important; }
#r30-sticky-cta .scta-text strong { color:var(--c-yellow); font-weight:700; }
#r30-sticky-cta .scta-btn { flex-shrink:0; font-family:var(--f-head); font-size:13px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; background:var(--c-yellow); color:#000; padding:12px 28px; border-radius:4px; text-decoration:none; white-space:nowrap; transition:box-shadow 0.3s ease,transform 0.2s ease; box-shadow:0 0 20px rgba(245,197,24,0.4); }
#r30-sticky-cta .scta-btn:hover { box-shadow:0 0 32px rgba(245,197,24,0.7); transform:scale(1.03); }
#r30-sticky-cta .scta-close { flex-shrink:0; width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,0.08); border:none; color:rgba(255,255,255,0.4); font-size:14px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
@media (max-width:600px) { #r30-sticky-cta .scta-text { font-size:11px; } #r30-sticky-cta .scta-price { display:none!important; } #r30-sticky-cta .scta-btn { font-size:11px; padding:10px 18px; } }

/* POPUP */
#r30Popup { display:none; position:fixed!important; inset:0!important; z-index:999999!important; align-items:center!important; justify-content:center!important; }
#r30Popup.r30p-open { display:flex!important; }
#r30PopupOverlay { position:absolute!important; inset:0!important; background:rgba(0,0,0,0.72)!important; backdrop-filter:blur(4px)!important; -webkit-backdrop-filter:blur(4px)!important; cursor:pointer!important; }
#r30PopupBox { position:relative!important; background:#18181d!important; border:1px solid rgba(245,197,24,0.25)!important; border-radius:16px!important; padding:36px 32px 28px!important; width:90%!important; max-width:420px!important; box-shadow:0 24px 80px rgba(0,0,0,0.7),0 0 0 1px rgba(245,197,24,0.08)!important; animation:r30p-rise 0.45s cubic-bezier(0.22,1,0.36,1) both!important; text-align:center!important; }
@keyframes r30p-rise { from{opacity:0;transform:translateY(28px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);} }
#r30PopupClose { position:absolute!important; top:14px!important; right:16px!important; background:none!important; border:none!important; color:rgba(255,255,255,0.4)!important; font-size:22px!important; line-height:1!important; cursor:pointer!important; padding:4px 6px!important; transition:color 0.2s!important; }
#r30PopupClose:hover { color:#fff!important; }
#r30PopupEyebrow { font-family:'Barlow Condensed',sans-serif!important; font-size:11px!important; font-weight:700!important; letter-spacing:0.2em!important; text-transform:uppercase!important; color:#F5C518!important; margin-bottom:8px!important; }
#r30PopupTitle { font-family:'Barlow Condensed',sans-serif!important; font-size:26px!important; font-weight:800!important; text-transform:uppercase!important; color:#fff!important; letter-spacing:0.04em!important; margin-bottom:6px!important; }
#r30PopupSub { font-family:'Outfit',sans-serif!important; font-size:13px!important; color:rgba(255,255,255,0.5)!important; margin-bottom:20px!important; }
#r30PopupOptions { display:flex!important; flex-direction:column!important; gap:8px!important; margin-bottom:14px!important; }
.r30-msg-opt { display:flex!important; align-items:center!important; gap:10px!important; width:100%!important; background:rgba(255,255,255,0.04)!important; border:1px solid rgba(255,255,255,0.1)!important; border-radius:10px!important; padding:13px 16px!important; font-family:'Outfit',sans-serif!important; font-size:13px!important; font-weight:500!important; color:rgba(255,255,255,0.75)!important; cursor:pointer!important; text-align:left!important; transition:all 0.2s!important; }
.r30-msg-opt:hover { background:rgba(245,197,24,0.1)!important; border-color:rgba(245,197,24,0.4)!important; color:#fff!important; }
.r30-msg-opt.selected { background:rgba(245,197,24,0.15)!important; border-color:#F5C518!important; color:#F5C518!important; }
.r30-opt-icon { font-size:16px!important; flex-shrink:0!important; }
#r30PopupNote { font-family:'Outfit',sans-serif!important; font-size:11px!important; color:rgba(255,255,255,0.3)!important; }

/* WP RESET */
#r30 p { margin:0; padding:0; }
#r30 .video-card p, #r30 .video-thumb p { display:none!important; }

/* MOBILE CTA BUTTONS */
@media (max-width:860px) {
  #r30 .mini-cta .btn, #r30 .programme-cta .btn, #r30 .hook-btns .btn { display:inline-block!important; width:auto!important; max-width:340px!important; }
  #r30 .mini-cta { padding-left:16px!important; padding-right:16px!important; }
}

/* FOR YOU GRID */
@media (max-width:680px) {
  }

/* TRAINER STRIP MOBILE: 3 rows 2-2-1 */
@media (max-width:860px) {
  #r30 .proof-review span { font-size:14px!important; color:rgba(255,255,255,0.6)!important; }
  #r30 .pricing-header { text-align:center!important; }
  #r30 .r30-hl { white-space:normal!important; }
  #r30 .trainer-strip-inner {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    max-width:380px!important;
    margin:0 auto!important;
    align-items:center!important;
  }
  #r30 .trainer-label {
    grid-column:1/-1!important;
    text-align:center!important;
  }
  /* Last pill (5th) spans full width for centered single */
  #r30 .trainer-pill:last-child {
    grid-column:1/-1!important;
    justify-self:center!important;
  }
}

/* SECTION SUBHEADING for pricing */
#r30 .pricing-subhead {
  font-family: var(--f-head);
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--c-white);
  letter-spacing: 0.04em;
  margin-bottom: 24px;
  margin-top: 0;
}
#r30 .pricing-subhead-wrap {
  text-align: center;
  padding: 40px 0 8px;
  border-top: 1px solid rgba(255,255,255,0.06);
  margin-bottom: 8px;
}


/* ── NEW PRICING CARDS ── */
    #r30 .new-packs-grid {
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:0;
      border:1px solid rgba(255,255,255,0.1);
      border-radius:12px;
      overflow:hidden;
      margin-top:40px;
    }
    #r30 .np-card {
      display:flex;
      flex-direction:column;
      padding:32px 20px;
      border-right:1px solid rgba(255,255,255,0.08);
      background:rgba(255,255,255,0.02);
      position:relative;
      transition:background 0.3s;
    }
    #r30 .np-card:last-child { border-right:none; }
    #r30 .np-card:nth-child(3n) { border-right:1px solid rgba(255,255,255,0.08); }
    #r30 .np-card--founder {
      background:linear-gradient(160deg,#0a0a0f 0%,#111118 100%);
      border-right:none;
      position:relative;
      overflow:hidden;
    }
    #r30 .np-card--founder::before {
      content:'';
      position:absolute;
      inset:0;
      background:radial-gradient(ellipse 120% 80% at 50% 120%,rgba(252,221,8,0.12) 0%,transparent 70%);
      pointer-events:none;
    }
    #r30 .np-hero-badge {
      display:flex;
      align-items:center;
      gap:6px;
      font-family:'Barlow Condensed',sans-serif;
      font-size:16px;
      font-weight:700;
      letter-spacing:0.15em;
      text-transform:uppercase;
      color:#F5C518;
      margin-bottom:18px;
    }
    #r30 .np-hero-badge::before {
      content:'★';
      font-size:16px;
    }
    #r30 .np-tier {
      font-family:'Barlow Condensed',sans-serif;
      font-size:16px;
      font-weight:700;
      letter-spacing:0.18em;
      text-transform:uppercase;
      color:rgba(255,255,255,0.55);
      margin-bottom:14px;
    }
    #r30 .np-card--founder .np-tier { color:rgba(252,221,8,0.6); }
    #r30 .np-price {
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(44px,3.5vw,68px);
      font-weight:900;
      color:#fff;
      line-height:1;
      margin-bottom:4px;
    }
    #r30 .np-card--founder .np-price { color:#F5C518; }
    #r30 .np-price sup {
      font-size:0.45em;
      font-weight:700;
      vertical-align:super;
      margin-right:2px;
    }
    #r30 .np-desc {
      font-family:var(--f-body);
      font-size:15px;
      color:rgba(255,255,255,0.55);
      margin-bottom:18px;
      line-height:1.5;
    }
    #r30 .np-divider {
      height:1px;
      background:rgba(255,255,255,0.07);
      margin-bottom:14px;
    }
    #r30 .np-card--founder .np-divider { background:rgba(252,221,8,0.2); }
    #r30 .np-per-class {
      font-family:'Barlow Condensed',sans-serif;
      font-size:24px!important;
      font-weight:800!important;
      color:#3AF3FC!important;
      letter-spacing:0.02em;
      margin-bottom:14px;
    }
    #r30 .np-card--founder .np-per-class { color:#F5C518; font-size:28px; }
    #r30 .np-body {
      font-family:var(--f-body);
      font-size:16px;
      color:rgba(255,255,255,0.45);
      line-height:1.65;
      flex:1;
      margin-bottom:20px;
    }
    #r30 .np-card--founder .np-body { color:rgba(255,255,255,0.6); }
    #r30 .np-btn {
      display:block;
      text-align:center;
      font-family:'Barlow Condensed',sans-serif;
      font-size:15px;
      font-weight:700;
      letter-spacing:0.1em;
      text-transform:uppercase;
      padding:14px 18px;
      border-radius:6px;
      text-decoration:none;
      transition:all 0.2s;
      border:1px solid rgba(255,255,255,0.15);
      color:rgba(255,255,255,0.7);
      background:transparent;
    }
    #r30 .np-btn:hover { border-color:rgba(255,255,255,0.4); color:#fff; }
    #r30 .np-btn--founder {
      background:#F5C518;
      color:#000;
      border-color:#F5C518;
      font-size:16px;
      padding:15px 18px;
    }
    #r30 .np-btn--founder:hover { background:#ffe522; box-shadow:0 0 20px rgba(252,221,8,0.5); }
    #r30 .np-founder-star {
      position:absolute;
      top:0;
      left:0;
      right:0;
      height:3px;
      background:linear-gradient(90deg,#FCDD08,#FF568A,#3AF3FC,#FCDD08);
      background-size:200% 100%;
      animation:r30-founder-shine 3s linear infinite;
    }
    @keyframes r30-founder-shine { 0%{background-position:0% 0%} 100%{background-position:200% 0%} }
    @media (max-width:860px) {
      #r30 .new-packs-grid {
        grid-template-columns:1fr!important;
        border-radius:12px!important;
      }
      #r30 .np-card {
        border-right:none!important;
        border-bottom:1px solid rgba(255,255,255,0.08)!important;
        padding:28px 24px!important;
      }
      #r30 .np-card:last-child { border-bottom:none!important; }
    }
    @media (min-width:861px) and (max-width:1100px) {
      #r30 .new-packs-grid { grid-template-columns:repeat(3,1fr)!important; }
      #r30 .np-card--founder { grid-column:span 2!important; }
    }
    
/* ── xFAB (Floating Action Buttons) ── */
.xfab-msg-opt {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.8) !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: all 0.2s !important;
  box-sizing: border-box !important;
  line-height: 1.4 !important;
}
.xfab-msg-opt:hover {
  background: rgba(37,211,102,0.12) !important;
  border-color: rgba(37,211,102,0.4) !important;
  color: #fff !important;
}
#xfab-re30-panel, #xfab-wa-bubble { box-sizing: border-box !important; }
@media (max-width: 560px) {
  #xfab-stack { right: 16px !important; }
  #xfab-wa-bubble { width: 280px !important; }
  #xfab-re30-panel { width: 240px !important; }
}