/* =========================================================
   NEXTIER V11.3.5 — PURPLE BRAND SYSTEM
   Reference: NEXTIER purple / white / deep-black brand artwork.
   Layout and content structure intentionally unchanged.
========================================================= */
:root{
  --bg:#f8f6fb;
  --paper:#ffffff;
  --paper2:#f2edf8;
  --ink:#17111f;
  --ink2:#41364a;
  --muted:#786e82;
  --muted2:#a399aa;

  /* Existing site components use blue/navy/gold variables.
     Re-map them to NEXTIER brand violet instead of changing every component ad hoc. */
  --blue:#7137c8;
  --blue2:#9459ed;
  --navy:#160d22;
  --navy2:#2b1640;
  --gold:#9b5de5;
  --gold2:#c98cff;

  --line:#e8e0ee;
  --line2:#d9cde4;
  --shadow:0 28px 84px rgba(57,31,77,.12);
  --shadow2:0 14px 42px rgba(57,31,77,.08);

  --basic:#6c3bb2;
  --basic-rgb:108,59,178;
  --advanced:#8a4ed7;
  --advanced-rgb:138,78,215;
  --elite:#aa67ef;
  --elite-rgb:170,103,239;
  --val:#7e43dc;
  --val-rgb:126,67,220;
  --pubg:#a46be7;
  --pubg-rgb:164,107,231;
}

/* Page canvas */
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 88% 0%,rgba(142,75,221,.08),transparent 29rem),
    radial-gradient(circle at 4% 17%,rgba(201,140,255,.075),transparent 25rem),
    linear-gradient(180deg,#fff 0%,#f9f7fb 40%,#f3eff8 100%);
}
::selection{background:#7b42ce;color:#fff}

/* Global highlights */
.eyebrow,.category-kicker,.hero-title .accent,
.proof-item b,.journey .num,.journey .tag,.class-card small,
.price-view-head small,.coach-pro-body .role,.category-breadcrumb,
.review-card-context strong{
  color:#7137c8!important
}
.eyebrow:before,.nav-links a:after{background:#a867ef!important}
.badge{
  background:rgba(113,55,200,.065)!important;
  border-color:rgba(113,55,200,.16)!important;
  color:#7137c8!important
}

/* Buttons — no cyan; clear primary hierarchy */
.btn.primary,.nav-cta,.coach-pro-actions .primary,
.category-actions .btn.primary,.mega .primary,.openchat-cta a.primary{
  background:linear-gradient(135deg,#6730bc,#914ee1)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 15px 34px rgba(104,48,188,.22)!important
}
.btn.primary:hover,.nav-cta:hover,.coach-pro-actions .primary:hover{
  background:linear-gradient(135deg,#7a3ed0,#a15af0)!important
}
.btn.gold{
  background:linear-gradient(135deg,#b56fff,#d8a9ff)!important;
  color:#1c1027!important
}
.btn.ghost,.coach-pro-actions button,.coach-pro-actions a:not(.primary){
  border-color:#ddcfeb!important;
  color:#3d2d4a!important
}
.nav-event{
  color:#7741bf!important;
  border-color:#dbc9ec!important;
  background:#fbf8ff!important
}

/* Header */
header.scrolled{
  background:rgba(253,251,255,.95)!important;
  border-color:#e9e0ef!important
}
.nav-links a:hover{color:#7137c8!important}

/* Deep sections match the campaign artwork rather than blue/navy */
.dark{
  background:
    radial-gradient(circle at 82% 8%,rgba(143,68,227,.25),transparent 25rem),
    radial-gradient(circle at 8% 82%,rgba(100,44,174,.17),transparent 22rem),
    linear-gradient(145deg,#100918,#1a0d27 58%,#251137)!important
}
.dark .eyebrow,.game-copy small{color:#c889ff!important}
.finder-result{
  background:
    radial-gradient(circle at 86% 12%,rgba(194,119,255,.22),transparent 15rem),
    linear-gradient(145deg,#160c22,#2d1542)!important
}
.final-cinema:after{
  background:linear-gradient(90deg,rgba(11,6,17,.93),rgba(15,8,22,.67) 52%,rgba(15,8,22,.25))!important
}

/* Panels / content */
.panel,.category-card,.review-db-card{
  border-color:#e8e0ee!important
}
.soft{background:linear-gradient(180deg,#fdfcff,#f3eef8)!important}
.proof{background:rgba(255,255,255,.82)!important;border-color:#e8e0ee!important}
.finder-btn:hover,.finder-btn.active{
  background:#f5effb!important;
  border-color:#c7a6e6!important;
  color:#6c35bb!important
}
.class-card.is-selected{
  box-shadow:0 24px 58px rgba(var(--class-rgb),.15)!important
}

/* Process / FAQ */
.process-rail::after,.process::after{
  background:linear-gradient(90deg,#7137c8,#c88aff)!important
}
.process:hover,.process.is-active{border-color:#d5bfe8!important}
.process:hover .icon,.process.is-active .icon{
  box-shadow:0 8px 24px rgba(113,55,200,.14)!important
}
.faq-menu{
  background:linear-gradient(160deg,#130a1d,#241036)!important
}
.faq-display{
  background:
    radial-gradient(circle at 84% 18%,rgba(166,87,237,.2),transparent 20rem),
    linear-gradient(145deg,#160c22,#271039)!important
}
.faq-btn:hover,.faq-btn.active{
  border-color:rgba(199,137,255,.54)!important;
  background:rgba(156,83,225,.13)!important
}
.viz-chip.hot{
  background:#bd79ff!important;
  color:#1b1024!important
}
.viz-arrow,.viz-frame b{color:#c888ff!important}
.viz-line i{background:linear-gradient(90deg,#8c4ede,#d29cff)!important}

/* Schedule */
.schedule-app,.admin-public-calendar-wrap{
  border-color:#e3d8eb!important
}
.coach-schedule-tab.active{
  background:linear-gradient(135deg,#672fba,#9250df)!important;
  color:#fff!important;
  border-color:transparent!important
}
.day.today,.day.selected{
  border-color:#a66be1!important;
  box-shadow:inset 0 0 0 1px rgba(145,78,218,.14)!important
}
.status.booked{
  background:#f2eafb!important;
  border-color:#d5b9ee!important;
  color:#6335a5!important
}
.schedule-legend i,.legend-booked{background:#8b4bd2!important}

/* Footer */
footer{
  background:linear-gradient(160deg,#100817,#170c22)!important
}
.footer-live b,.footer-col>b{color:#be7cff!important}

/* ============================
   INTERACTIVE PRICE EXPERIENCE
============================ */
.price-shell{
  --class:#7137c8!important;
  --class-rgb:113,55,200!important;
  border-color:#e3d7ec!important;
  overflow:hidden
}
.price-shell[data-theme="advanced"]{
  --class:#8749d3!important;
  --class-rgb:135,73,211!important
}
.price-shell[data-theme="elite"]{
  --class:#a763e9!important;
  --class-rgb:167,99,233!important
}
.price-tabs{
  background:linear-gradient(180deg,#faf7fd,#f4eef9)!important
}
.price-tab{
  border-color:#dfd3e8!important
}
.price-tab:hover{
  border-color:#c7a5e2!important;
  background:#faf6fd!important
}
.price-tab.active{
  background:linear-gradient(135deg,rgba(var(--class-rgb),.14),rgba(var(--class-rgb),.055))!important;
  border-color:rgba(var(--class-rgb),.52)!important;
  color:rgb(var(--class-rgb))!important;
  box-shadow:0 10px 28px rgba(var(--class-rgb),.09)!important
}
.packages .package{
  appearance:none;
  width:100%;
  min-width:0;
  font:inherit;
  text-align:left;
  cursor:pointer;
  border-color:#e5dce9!important;
  background:#fff!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.packages .package:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--class-rgb),.38)!important;
  box-shadow:0 12px 28px rgba(var(--class-rgb),.08)
}
.packages .package.featured{
  background:#fff!important;
  border-color:#e5dce9!important;
  box-shadow:none!important
}
.packages .package.active,
.packages .package[aria-pressed="true"]{
  transform:translateY(-4px);
  border-color:rgba(var(--class-rgb),.72)!important;
  background:
    linear-gradient(180deg,rgba(var(--class-rgb),.11),rgba(var(--class-rgb),.035))!important;
  box-shadow:0 17px 38px rgba(var(--class-rgb),.14)!important
}
.packages .package.active:after{
  content:"SELECTED";
  position:absolute;
  right:11px;
  top:10px;
  color:rgb(var(--class-rgb));
  font-size:7px;
  font-weight:900;
  letter-spacing:.1em
}
.packages .package{position:relative}
.package .discount{
  background:rgba(var(--class-rgb),.12)!important;
  color:rgb(var(--class-rgb))!important
}
.price-view-head h3,.package strong{
  color:#1b1421!important
}
.smart-start{
  border-color:#e5d9ec!important;
  background:#faf7fc!important
}
.pricing-interactive-section{
  padding-top:36px!important
}
.pricing-interactive-section .price-shell{
  margin-top:28px
}

/* ============================
   REVIEWS — editorial card UI
============================ */
.review-summary-shell{
  border-color:#e5dceb!important;
  background:#e5dceb!important;
  box-shadow:0 18px 48px rgba(59,32,76,.055)!important
}
.review-summary-value strong,.review-summary-count strong,
.review-db-card h3{
  color:#1b1421!important
}
.review-summary-stars .review-stars-text,
.review-card-rating .review-stars-text{
  color:#9155dc!important
}
.review-filterbar button.active{
  background:linear-gradient(135deg,#6930ba,#914fe0)!important;
  border-color:transparent!important
}
.review-coach-context{
  background:#faf7fd!important;
  border-color:#e4d7ed!important
}
.review-coach-context span{color:#7440b9!important}
.review-db-card{
  box-shadow:0 12px 32px rgba(44,28,57,.045)!important
}
.review-card-authorline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid #eee8f1
}
.review-card-authorline strong{
  color:#2b2032;
  font-size:11px;
  font-weight:900
}
.review-card-authorline time{
  color:#9a8fa1;
  font-size:9px
}
.review-card-ratingrow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px
}
.review-card-rating{
  display:flex!important;
  align-items:center;
  gap:7px
}
.review-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:15px;
  padding-top:13px;
  border-top:1px solid #eee8f1
}
.review-card-foot span{
  color:#9c91a2;
  font-size:8px
}
.review-card-foot strong{
  color:#6c3db0;
  font-size:8px;
  letter-spacing:.07em
}

/* Coach-card review: remove the accidental "footer bar" look */
.coach-review-clean-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:8px
}
.coach-review-clean-foot span{
  color:#746a7b;
  font-size:8px
}
.coach-review-clean-foot small{
  color:#9e94a4;
  font-size:7px;
  letter-spacing:.08em
}
.coach-review-clean-head a{color:#7440b9!important}
.coach-review-clean-score b{color:#6539a3!important}
.coach-review-clean-head small{color:#8350be!important}

/* No public VALORANT role/agent decoration */
.coach-expertise-public,
.review-audience-grid,
.review-coach-stats,
.public-game-icon{display:none!important}

/* Mobile refinement */
@media(max-width:760px){
  body{
    background:
      radial-gradient(circle at 90% 0%,rgba(144,76,220,.065),transparent 18rem),
      linear-gradient(180deg,#fff,#f6f2f9)
  }
  .review-card-authorline{align-items:flex-start}
  .review-card-ratingrow{align-items:flex-start;flex-direction:column}
  .price-tabs{background:#faf7fd!important}
  .packages .package.active{transform:none}
  .packages .package:hover{transform:none}
}


/* =========================================================
   V11.3.6 — CONTRAST / REVIEW / PRICE VISUAL HOTFIX
========================================================= */

/* ---------------------------------------------------------
   FAQ
   V11.3.5 changed the FAQ panels to dark purple but inherited
   several dark text colors from the original light layout.
   Rebuild the FAQ itself as white/lavender for maximum legibility.
--------------------------------------------------------- */
.faq-menu{
  background:#ffffff!important;
  color:#17111f!important;
  border:1px solid #e5dbea!important;
  box-shadow:0 18px 54px rgba(58,32,76,.08)!important
}
.faq-menu .eyebrow{
  color:#7440b9!important
}
.faq-menu h2{
  color:#17111f!important
}
.faq-menu p{
  color:#6c6273!important
}
.faq-btn{
  background:#ffffff!important;
  border-color:#e4dbea!important;
  color:#21172a!important;
  box-shadow:none!important
}
.faq-btn strong{
  color:#21172a!important
}
.faq-num{
  background:#f4eef9!important;
  color:#7440b9!important
}
.faq-btn:after{
  color:#a797b1!important
}
.faq-btn:hover,
.faq-btn.active{
  background:linear-gradient(135deg,#f8f3fc,#f0e6f8)!important;
  border-color:#cba9e6!important;
  color:#5f319f!important;
  transform:translateY(-2px)
}
.faq-btn:hover strong,
.faq-btn.active strong{
  color:#5f319f!important
}
.faq-btn.active:after{
  color:#7c42c2!important
}

/* Answer panel: white/light-lavender, black copy, purple labels */
.faq-display{
  background:
    radial-gradient(circle at 86% 18%,rgba(167,99,233,.13),transparent 18rem),
    linear-gradient(145deg,#ffffff,#f7f1fb)!important;
  color:#17111f!important;
  border:1px solid #e3d7eb!important;
  box-shadow:0 22px 62px rgba(59,32,76,.1)!important
}
.faq-display:after{
  color:rgba(111,57,177,.055)!important
}
.faq-label{
  color:#7440b9!important
}
.faq-display h3{
  color:#17111f!important
}
.faq-display p{
  color:#5d5264!important
}
.faq-meta span{
  border-color:#dfd1e8!important;
  background:#ffffff!important;
  color:#46384f!important
}

/* FAQ visual cards also need a light palette */
.faq-viz-card{
  border-color:#e1d5e9!important;
  background:linear-gradient(145deg,#ffffff,#f4edf9)!important;
  box-shadow:inset 0 1px 0 #fff!important
}
.faq-viz-card::before{
  background:radial-gradient(240px circle at 82% 25%,rgba(162,89,229,.12),transparent 55%)!important
}
.viz-label{
  color:#7a6b83!important
}
.viz-chip{
  background:#ffffff!important;
  border-color:#dfd3e6!important;
  color:#392c42!important
}
.viz-chip.hot{
  background:#8b4bd2!important;
  border-color:#8b4bd2!important;
  color:#ffffff!important
}
.viz-arrow{
  color:#8b4bd2!important
}
.viz-line{
  background:#e9e1ee!important
}
.viz-line i{
  background:linear-gradient(90deg,#7539be,#c98cff)!important
}
.viz-rank{
  background:#e9e1ef!important
}
.viz-rank:nth-child(5){
  background:linear-gradient(180deg,#8b4bd2,#d4b1ef)!important
}
.viz-rank span{
  color:#6e6176!important
}
.viz-target{
  border-color:#d8c8e3!important;
  background:
    radial-gradient(circle,transparent 0 18px,rgba(111,57,177,.055) 19px 36px,transparent 37px 53px,rgba(111,57,177,.05) 54px)!important
}
.viz-frame{
  background:linear-gradient(145deg,#ffffff,#f1e9f7)!important;
  border-color:#dfd4e6!important
}
.viz-frame b{
  color:#7440b9!important
}
.viz-frame span{
  color:#6d6175!important
}
.viz-map{
  background:#f7f2fa!important;
  border-color:#dfd3e7!important
}
.viz-map .ring{
  border-color:#9957d9!important
}
.viz-map .r2{
  border-color:#b7a8c0!important
}
.viz-map .route-mini{
  background:linear-gradient(90deg,#7040b1,#c98cff)!important
}
.viz-node{
  border-color:#ded2e6!important;
  background:#ffffff!important;
  color:#35283e!important
}
.viz-node strong{
  color:#6336a3!important
}

/* ---------------------------------------------------------
   MAIN LANDING · BEST REVIEW
   Replace the old blue review display with white content card.
--------------------------------------------------------- */
#reviews.dark{
  background:
    radial-gradient(circle at 85% 15%,rgba(158,85,226,.19),transparent 23rem),
    linear-gradient(145deg,#12091c,#21102f 62%,#29143a)!important
}
.review-tabs{
  background:#f8f6fa!important;
  border-color:#e5dce9!important
}
.review-tab{
  background:#ffffff!important;
  color:#21172a!important;
  border-color:#e4dbea!important
}
.review-tab small{
  color:#7a42bf!important
}
.review-tab strong{
  color:#21172a!important
}
.review-tab span{
  color:#7b6f82!important
}
.review-tab:hover,
.review-tab.active{
  background:linear-gradient(135deg,#fbf8fd,#f2eaf8)!important;
  border-color:#cdaee4!important
}

/* The large content area should read like an editorial card, not a blue banner */
.review-display{
  background:
    radial-gradient(circle at 90% 12%,rgba(168,93,232,.10),transparent 18rem),
    linear-gradient(145deg,#ffffff,#f8f4fb)!important;
  color:#17111f!important;
  border:1px solid #e3d8ea!important;
  box-shadow:0 22px 64px rgba(44,25,58,.16)!important
}
.review-display:after{
  color:rgba(106,57,163,.055)!important
}
.review-kicker{
  color:#7c42c2!important
}
.review-display h3{
  color:#17111f!important
}
.review-body{
  color:#514658!important
}
.review-highlights span{
  border-color:#dfd3e6!important;
  background:#ffffff!important;
  color:#51445a!important
}
.review-bottom{
  border-top-color:#e6deea!important
}
.review-bottom b{
  color:#2d2134!important
}
.review-bottom a{
  background:linear-gradient(135deg,#7439bf,#9b58dd)!important;
  color:#ffffff!important;
  box-shadow:0 10px 25px rgba(116,57,191,.16)!important
}

/* ---------------------------------------------------------
   PRICE
   Fix white-on-white package copy after converting the former
   dark featured card into a white selectable card.
--------------------------------------------------------- */
.packages .package,
.packages .package.featured,
.packages .package.active,
.packages .package[aria-pressed="true"]{
  color:#17111f!important
}
.packages .package b,
.packages .package.featured b,
.packages .package.active b{
  color:#665b6d!important
}
.packages .package strong,
.packages .package.featured strong,
.packages .package.active strong{
  color:#17111f!important
}
.packages .package span,
.packages .package.featured span,
.packages .package.active span{
  color:#786d80!important
}
.packages .package .old-price,
.packages .package.featured .old-price,
.packages .package.active .old-price{
  color:#a398aa!important
}
.packages .package .discount{
  color:#ffffff!important;
  background:#7d44c3!important
}

/* User requested the original BASIC/ADVANCED/ELITE colors only on these 3 tabs.
   BASIC green / ADVANCED blue / ELITE red. */
.price-tab[data-price="basic"]{
  --tab-color:#239764!important
}
.price-tab[data-price="adv"]{
  --tab-color:#3d73db!important
}
.price-tab[data-price="elite"]{
  --tab-color:#d4584d!important
}
.price-tab[data-price="basic"] strong,
.price-tab[data-price="basic"] span{
  color:#239764
}
.price-tab[data-price="adv"] strong,
.price-tab[data-price="adv"] span{
  color:#3d73db
}
.price-tab[data-price="elite"] strong,
.price-tab[data-price="elite"] span{
  color:#d4584d
}
.price-tab.active{
  color:var(--tab-color)!important;
  background:color-mix(in srgb,var(--tab-color) 9%,white)!important;
  border-color:color-mix(in srgb,var(--tab-color) 38%,#e0d7e6)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--tab-color) 11%,transparent)!important
}
.price-tab.active strong,
.price-tab.active span{
  color:var(--tab-color)!important
}
.price-tab::before{
  background:var(--tab-color)!important
}

/* mobile readability */
@media(max-width:760px){
  .faq-display{
    min-height:0!important
  }
  .faq-display h3{
    font-size:29px!important
  }
  .faq-display p{
    font-size:14px!important;
    line-height:1.72!important
  }
  .review-display{
    min-height:0!important
  }
  .review-body{
    font-size:13px!important;
    line-height:1.78!important
  }
  .review-bottom b{
    font-size:11px!important
  }
}


/* =========================================================
   NEXTIER V11.3.7 — PRICE / CTA / FOOTER POLISH
========================================================= */

/* ---------------------------------------------------------
   PRICE · discount badge / selected badge collision
--------------------------------------------------------- */
.packages .package .discount,
.packages .package.featured .discount,
.packages .package.active .discount,
.packages .package[aria-pressed="true"] .discount{
  color:#ffffff!important;
  background:#7d44c3!important;
  opacity:1!important;
  z-index:3!important;
  font-weight:900!important;
}

/* SELECTED is moved away from the percentage badge */
.packages .package.active,
.packages .package[aria-pressed="true"]{
  padding-bottom:36px!important
}
.packages .package.active:after,
.packages .package[aria-pressed="true"]:after{
  content:"SELECTED"!important;
  position:absolute!important;
  top:auto!important;
  right:11px!important;
  bottom:10px!important;
  color:rgb(var(--class-rgb))!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  line-height:1!important;
  z-index:2!important;
  background:transparent!important;
}

/* ---------------------------------------------------------
   PRICE · selected CLASS title follows CLASS color
--------------------------------------------------------- */
.price-shell[data-theme="basic"] #priceName{
  color:#239764!important
}
.price-shell[data-theme="advanced"] #priceName{
  color:#3d73db!important
}
.price-shell[data-theme="elite"] #priceName{
  color:#d4584d!important
}
.price-view-head #priceName{
  font-weight:950!important
}
.price-view-head #priceSub{
  color:#27202e!important
}

/* ---------------------------------------------------------
   CATEGORY CTA
   pricing / reviews / other dedicated pages
--------------------------------------------------------- */
.category-cta{
  background:
    radial-gradient(circle at 84% 14%,rgba(191,117,255,.12),transparent 22rem),
    linear-gradient(180deg,#f8f4fb,#f1eaf7)!important;
  border-top:1px solid #e6dbea!important;
  border-bottom:1px solid #e6dbea!important
}
.category-cta-box{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(199,145,239,.28)!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(196,126,255,.2),transparent 17rem),
    linear-gradient(135deg,#160b22,#2b153f 72%,#361b4e)!important;
  box-shadow:0 24px 70px rgba(59,30,82,.16)!important
}
.category-cta-box:after{
  content:""!important;
  position:absolute!important;
  width:230px!important;
  height:230px!important;
  right:-90px!important;
  bottom:-120px!important;
  border:1px solid rgba(205,149,255,.16)!important;
  border-radius:50%!important;
  pointer-events:none!important
}
.category-cta-box h2{
  color:#ffffff!important
}
.category-cta-box p{
  color:rgba(255,255,255,.72)!important
}
.category-cta-box .btn{
  position:relative!important;
  z-index:2!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(135deg,#a95ff0,#cf93ff)!important;
  color:#1b0f25!important;
  box-shadow:0 12px 30px rgba(123,57,191,.25)!important
}
.category-cta-box .btn:hover{
  background:linear-gradient(135deg,#ba71f5,#d9a8ff)!important;
  color:#170d20!important
}

/* ---------------------------------------------------------
   FOOTER · loosen brand copy and live inquiry area
--------------------------------------------------------- */
.footer-brand p{
  max-width:360px!important;
  margin:20px 0 0!important;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;
  line-height:1.82!important
}
.footer-live{
  display:grid!important;
  grid-template-columns:max-content 1fr!important;
  align-items:center!important;
  gap:8px 14px!important;
  margin-top:20px!important;
  max-width:360px!important;
  padding:12px 14px!important;
  border:1px solid rgba(199,137,255,.14)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important
}
.footer-live b{
  display:block!important;
  color:#c986ff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.03em!important
}
.footer-live span{
  display:block!important;
  color:rgba(255,255,255,.68)!important;
  font-size:10px!important;
  line-height:1.55!important
}

/* ---------------------------------------------------------
   CLASS FINDER · CTA readability
--------------------------------------------------------- */
.finder-result .btn.gold{
  background:linear-gradient(135deg,#8a49d0,#b96ff3)!important;
  border-color:transparent!important;
  color:#ffffff!important;
  box-shadow:0 13px 30px rgba(111,55,180,.25)!important
}
.finder-result .btn.gold:hover{
  background:linear-gradient(135deg,#9755dc,#c17cf6)!important;
  color:#ffffff!important
}

/* finder text hierarchy on brand dark panel */
.finder-result small{
  color:#cf91ff!important
}
.finder-result h3{
  color:#ffffff!important
}
.finder-result p{
  color:rgba(255,255,255,.76)!important
}
.finder-tags span{
  border-color:rgba(213,161,255,.2)!important;
  background:rgba(183,112,239,.09)!important;
  color:#f5eaff!important
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */
@media(max-width:760px){
  .packages .package.active,
  .packages .package[aria-pressed="true"]{
    padding-bottom:34px!important
  }

  .packages .package.active:after,
  .packages .package[aria-pressed="true"]:after{
    right:10px!important;
    bottom:9px!important
  }

  .category-cta-box{
    padding:24px 20px!important
  }
  .category-cta-box h2{
    font-size:28px!important;
    line-height:1.08!important
  }
  .category-cta-box p{
    font-size:12px!important;
    line-height:1.65!important
  }
  .category-cta-box .btn{
    width:100%!important;
    justify-content:center!important;
    min-height:48px!important
  }

  .footer-brand p{
    max-width:none!important;
    font-size:11.5px!important
  }
  .footer-live{
    grid-template-columns:1fr!important;
    gap:5px!important;
    max-width:none!important
  }

  .finder-result .btn.gold{
    color:#ffffff!important
  }
}