:root{
  --bg:#05070b; --panel:#0a1018; --panel2:#101622; --line:rgba(255,194,47,.22);
  --gold:#ffb820; --gold2:#ffd36a; --orange:#ff7a18; --purple:#bb3cff; --blue:#0ea5ff; --green:#78d64b;
  --text:#f8fbff; --muted:#aeb8c7; --dim:#6f7a8c; --danger:#ff5b5b; --ok:#5ce397;
  --shadow:0 18px 60px rgba(0,0,0,.42); --radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(255,184,32,.12),transparent 28%),radial-gradient(circle at 78% 8%,rgba(14,165,255,.12),transparent 32%),linear-gradient(180deg,#020407,#07101c 44%,#05070b 100%);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;}
a{color:inherit;text-decoration:none}p{line-height:1.6}.wrap{width:min(1180px,92vw);margin:0 auto}.site-bg{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;background:rgba(3,5,9,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{min-height:74px;display:flex;align-items:center;gap:24px;width:min(1420px,94vw);margin:0 auto}.brand{display:flex;align-items:center;gap:10px;min-width:255px}.brand .star{font-size:34px;color:var(--gold);filter:drop-shadow(0 0 12px rgba(255,184,32,.6))}.brand-main{font-size:40px;line-height:.85;font-weight:950;letter-spacing:-2px}.brand-sub{font-size:12px;line-height:1.05;font-weight:800;letter-spacing:.7px}.links{display:flex;gap:15px;flex:1;justify-content:center;flex-wrap:wrap}.links a{font-size:13px;text-transform:uppercase;letter-spacing:.55px;color:#e9eef6;opacity:.88;padding:28px 3px 22px;border-bottom:3px solid transparent}.links a.active,.links a:hover{color:var(--gold);border-color:var(--gold)}.nav-actions{display:flex;gap:10px}.nav-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,184,32,.5);background:linear-gradient(135deg,var(--gold),#cf8100);color:#090b10;font-weight:900;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:13px 20px;box-shadow:0 0 26px rgba(255,184,32,.18);cursor:pointer}.btn.secondary{background:transparent;color:var(--text);border-color:rgba(255,184,32,.35)}.btn.blue{background:linear-gradient(135deg,var(--blue),#065eb8);color:#fff;border-color:rgba(14,165,255,.5)}.btn.purple{background:linear-gradient(135deg,var(--purple),#5e1fa1);color:#fff;border-color:rgba(187,60,255,.6)}.btn.green{background:linear-gradient(135deg,var(--green),#377a1f);color:#071107;border-color:rgba(120,214,75,.5)}.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.hero-page{position:relative;overflow:hidden;padding:86px 0 54px;border-bottom:1px solid rgba(255,255,255,.08)}.hero-page:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,0,0,.75),rgba(0,0,0,.28)),radial-gradient(circle at 74% 22%,rgba(255,122,24,.18),transparent 28%),radial-gradient(circle at 42% 10%,rgba(187,60,255,.16),transparent 25%);}.hero-page:after{content:"";position:absolute;right:-10vw;top:0;width:66vw;height:100%;background:linear-gradient(130deg,transparent 0 22%,rgba(255,184,32,.11) 22% 23%,transparent 23% 100%);}.hero-page .wrap{position:relative;z-index:2}.eyebrow{color:var(--gold);font-weight:950;text-transform:uppercase;letter-spacing:2.2px;font-size:13px;margin-bottom:12px}.hero-title{font-size:clamp(44px,7vw,92px);line-height:.86;margin:0;letter-spacing:-3px;text-transform:uppercase;max-width:900px}.hero-title span{display:block;color:var(--gold)}.lead{color:#e3e9f2;font-size:18px;max-width:680px;margin:22px 0 0}.section{padding:54px 0;border-bottom:1px solid rgba(255,255,255,.08)}h2{font-size:clamp(30px,4vw,56px);line-height:.95;letter-spacing:-1.6px;text-transform:uppercase;margin:0 0 12px}h2 span{color:var(--gold)}.intro{font-size:17px;color:#d5dde8;max-width:780px;margin:0 0 28px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(16,22,34,.9),rgba(7,12,20,.96));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(255,184,32,.13),transparent 28%);opacity:.75;pointer-events:none}.card>*{position:relative}.card.gold{border-color:rgba(255,184,32,.45)}.card.purple{border-color:rgba(187,60,255,.45)}.card.blue{border-color:rgba(14,165,255,.45)}.card.green{border-color:rgba(120,214,75,.45)}.icon{font-size:42px;margin-bottom:12px}.card h3{font-size:22px;margin:0 0 8px}.card p,.muted{color:var(--muted)}.stat{font-size:40px;font-weight:950;color:var(--gold);letter-spacing:-1px}.mini{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);padding:8px 12px;border-radius:999px;color:#d8e2ef;background:rgba(255,255,255,.04);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:18px}.date{font-weight:950;color:var(--gold);text-transform:uppercase}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1px}.table td{background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:14px;color:#e8eef7}.table td:first-child{border-left:1px solid rgba(255,255,255,.1);border-radius:12px 0 0 12px}.table td:last-child{border-right:1px solid rgba(255,255,255,.1);border-radius:0 12px 12px 0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.cta-band{background:linear-gradient(90deg,rgba(255,184,32,.16),rgba(14,165,255,.1),rgba(187,60,255,.12));border:1px solid rgba(255,184,32,.24);border-radius:26px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;font-size:15px}.form textarea{min-height:120px}.notice{background:rgba(255,184,32,.08);border:1px solid rgba(255,184,32,.28);border-radius:14px;padding:14px;color:#ffe6a6}.footer{padding:32px 0;color:#aab4c4}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#d5dde8}.admin-corner{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-corner a{padding:10px 13px;border-radius:999px;background:var(--gold);color:#06080d;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.35);font-size:12px;text-transform:uppercase}.admin-corner a.dark{background:#101725;color:#fff;border:1px solid rgba(255,255,255,.14)}.locked-note{position:fixed;left:14px;bottom:14px;z-index:70;background:rgba(0,0,0,.72);border:1px solid rgba(255,184,32,.25);color:#fff;padding:10px 12px;border-radius:999px;font-size:12px}.home-page{min-height:100vh;background:#020407;display:flex;align-items:flex-start;justify-content:center;overflow:auto}.stage{position:relative;width:100vw;min-width:980px;line-height:0}.stage img{width:100%;display:block}.hotspot{position:absolute;display:block;text-indent:-9999px;overflow:hidden;border-radius:10px;transition:.18s}.hotspot:hover{outline:2px solid rgba(255,184,32,.7);background:rgba(255,184,32,.08)}.launcher{min-height:100vh;display:grid;place-items:center;padding:40px}.launcher-card{width:min(1020px,94vw);background:linear-gradient(180deg,rgba(15,22,34,.96),rgba(6,10,18,.98));border:1px solid rgba(255,184,32,.25);border-radius:30px;padding:38px;box-shadow:var(--shadow)}.launcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.launch-link{display:block;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;background:rgba(255,255,255,.045)}.launch-link strong{display:block;color:var(--gold);margin-bottom:6px;text-transform:uppercase}.admin-shell{padding:30px 0 60px}.dashboard{display:grid;grid-template-columns:280px 1fr;gap:20px}.side{position:sticky;top:92px;align-self:start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:16px}.side a{display:block;padding:12px;border-radius:12px;color:#dce5f0}.side a:hover{background:rgba(255,255,255,.08);color:var(--gold)}.admin-panel{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:24px;margin-bottom:20px}.progress{height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--blue));border-radius:999px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(255,184,32,.12);color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.recorder-box{background:#070b12;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px}.record-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--dim);margin-right:8px}.record-dot.live{background:var(--danger);box-shadow:0 0 18px var(--danger)}audio{width:100%;margin-top:12px}.small{font-size:13px;color:var(--muted)}.print-page{background:#fff;color:#111}.print-page .print-wrap{max-width:1000px;margin:0 auto;padding:42px}.print-page h1,.print-page h2{color:#111}.print-page h2 span,.print-page .eyebrow{color:#a86b00}.print-card{border:1px solid #ddd;border-radius:16px;padding:20px;margin:14px 0}.print-page .btn{color:#111}@media(max-width:980px){.links{display:none}.brand{min-width:auto}.grid.two,.grid.three,.grid.four,.split,.dashboard,.launcher-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}.cta-band{align-items:flex-start;flex-direction:column}.nav{justify-content:space-between}.stage{min-width:900px}.locked-note{display:none}}

/* === v12 CINEMATIC ANIMATION RESTORE PASS ===
   Animation is intentionally layered above the locked screenshot reference so
   the approved layout remains intact while stage energy returns. */
@keyframes cbeFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes cbeBeamSweep{0%{transform:translateX(-32%) rotate(-18deg);opacity:.05}18%{opacity:.34}50%{opacity:.12}82%{opacity:.32}100%{transform:translateX(46%) rotate(-18deg);opacity:.06}}
@keyframes cbeBeamSweepReverse{0%{transform:translateX(40%) rotate(16deg);opacity:.06}26%{opacity:.25}55%{opacity:.1}80%{opacity:.32}100%{transform:translateX(-38%) rotate(16deg);opacity:.06}}
@keyframes cbeGlowPulse{0%,100%{opacity:.18;transform:scale(.98)}45%{opacity:.42;transform:scale(1.04)}}
@keyframes cbeSparkFloat{0%{opacity:0;transform:translate3d(0,20px,0) scale(.85)}20%{opacity:.75}80%{opacity:.55}100%{opacity:0;transform:translate3d(60px,-40px,0) scale(1.18)}}
@keyframes cbeButtonPulse{0%,100%{box-shadow:0 0 0 rgba(255,184,32,0)}50%{box-shadow:0 0 34px rgba(255,184,32,.36)}}
@keyframes cbeCardLift{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes cbeBorderGlow{0%,100%{border-color:rgba(255,184,32,.22)}50%{border-color:rgba(14,165,255,.42)}}
.stage.motion-enabled{isolation:isolate;background:#020407;}
.stage.motion-enabled img{position:relative;z-index:0;}
.cinematic-motion{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;mix-blend-mode:screen;}
.light-beam{position:absolute;top:-18%;height:140%;width:18%;filter:blur(10px);opacity:.16;transform-origin:top center;background:linear-gradient(90deg,transparent,rgba(255,196,56,.22),rgba(255,255,255,.12),transparent);}
.beam-one{left:17%;animation:cbeBeamSweep 8.5s ease-in-out infinite;}
.beam-two{left:53%;background:linear-gradient(90deg,transparent,rgba(14,165,255,.18),rgba(255,255,255,.12),transparent);animation:cbeBeamSweepReverse 10.5s ease-in-out infinite .8s;}
.beam-three{left:76%;background:linear-gradient(90deg,transparent,rgba(187,60,255,.18),rgba(255,184,32,.12),transparent);animation:cbeBeamSweep 12s ease-in-out infinite 1.4s;}
.stage-glow{position:absolute;border-radius:50%;filter:blur(40px);opacity:.26;animation:cbeGlowPulse 5.8s ease-in-out infinite;}
.glow-gold{left:4%;top:14%;width:23%;height:18%;background:rgba(255,184,32,.58);}
.glow-blue{right:10%;top:10%;width:24%;height:18%;background:rgba(14,165,255,.48);animation-delay:1.3s;}
.glow-purple{left:45%;top:48%;width:22%;height:18%;background:rgba(187,60,255,.43);animation-delay:2.1s;}
.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(255,219,122,.9);box-shadow:0 0 12px rgba(255,184,32,.9);animation:cbeSparkFloat 7s linear infinite;}
.spark-a{left:18%;top:36%;animation-delay:.2s}.spark-b{left:58%;top:62%;background:rgba(94,210,255,.85);box-shadow:0 0 12px rgba(14,165,255,.9);animation-delay:2.4s}.spark-c{left:82%;top:44%;background:rgba(213,121,255,.85);box-shadow:0 0 12px rgba(187,60,255,.9);animation-delay:4.1s}
.motion-enabled .hotspot{z-index:5;}
.motion-enabled .hotspot:hover{animation:cbeButtonPulse 1.2s ease-in-out infinite;}
.home-page{animation:cbeFadeUp .75s ease-out both;}
.hero-page .eyebrow,.hero-page .hero-title,.hero-page .lead,.hero-page .btn-row{animation:cbeFadeUp .7s ease-out both}.hero-page .hero-title{animation-delay:.08s}.hero-page .lead{animation-delay:.16s}.hero-page .btn-row{animation-delay:.24s}
.card{animation:cbeCardLift .65s ease-out both;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-5px);box-shadow:0 24px 72px rgba(0,0,0,.48)}
.card.gold,.card.blue,.card.purple,.card.green{animation:cbeCardLift .65s ease-out both,cbeBorderGlow 5.2s ease-in-out infinite}.grid .card:nth-child(2){animation-delay:.08s}.grid .card:nth-child(3){animation-delay:.16s}.grid .card:nth-child(4){animation-delay:.24s}
.btn,.nav-btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover,.nav-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 0 34px rgba(255,184,32,.26)}
.links a{transition:color .18s ease,border-color .18s ease,opacity .18s ease}.progress span{animation:cbeGlowPulse 3.8s ease-in-out infinite;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}.cinematic-motion{display:none!important}}


/* === v15 PIPELINE CENTER PASS === */
.intake-list{display:grid;gap:18px;margin-top:18px}.intake-card .table{margin-top:12px}.intake-card .table td:first-child{text-transform:capitalize;color:var(--gold);font-weight:900;width:34%}.launch-link:hover{transform:translateY(-3px);border-color:rgba(255,184,32,.38);box-shadow:0 18px 45px rgba(0,0,0,.28)}.launch-link{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.admin-panel[id="intake"]{border-color:rgba(14,165,255,.28);background:linear-gradient(180deg,rgba(14,165,255,.07),rgba(255,255,255,.035))}


/* === v15 PIPELINE CENTER PASS === */
.pipeline-list{display:grid;gap:16px;margin-top:18px}.pipeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mini-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer}.mini-btn:hover{border-color:rgba(255,184,32,.45);color:var(--gold)}.filter-row{display:flex;gap:12px;align-items:center;margin:12px 0 10px}.filter-row select{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}.pipeline-card{border-color:rgba(14,165,255,.22)}.pipeline-card:hover{border-color:rgba(255,184,32,.35)}.admin-panel[id="pipeline"]{border-color:rgba(255,184,32,.28);background:linear-gradient(180deg,rgba(255,184,32,.07),rgba(255,255,255,.035))}.admin-panel[id="intake"]{border-color:rgba(14,165,255,.28);background:linear-gradient(180deg,rgba(14,165,255,.07),rgba(255,255,255,.035))}


/* v15 Sponsor Outreach Center */
.template-box{width:100%;min-height:260px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.14);border-radius:16px;color:#eef5ff;padding:14px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;resize:vertical;margin:12px 0;}
.btn-row.compact{margin-top:12px;}
.pipeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.filter-row{margin:10px 0 18px;}
.filter-row select{min-width:260px;}


/* v16 Talent Management Center */
.admin-panel[id="talent"]{border-color:rgba(187,60,255,.32);background:linear-gradient(180deg,rgba(187,60,255,.08),rgba(255,255,255,.035));}
.talent-card{border-color:rgba(187,60,255,.26)}
.talent-card:hover{border-color:rgba(255,184,32,.42)}
.talent-links{word-break:break-word;color:#d9e7ff}
.readiness-note{border-left:3px solid rgba(255,184,32,.48);padding-left:12px;color:#d5dde8}

/* v17 Event Management Center polish */
.admin-panel[id="events-admin"]{border-color:rgba(14,165,255,.28);background:linear-gradient(180deg,rgba(14,165,255,.07),rgba(255,255,255,.035))}
.event-card{border-color:rgba(14,165,255,.26)}
.event-card:hover{border-color:rgba(255,184,32,.42)}


/* v19 Recording Protection & Storage Layer */
.admin-panel[id="recording-protection"]{border-color:rgba(255,184,32,.34);background:linear-gradient(180deg,rgba(255,184,32,.09),rgba(255,255,255,.035));}
.protection-card{border-color:rgba(255,184,32,.25)}
.protection-card:hover{border-color:rgba(14,165,255,.42)}
.policy-box{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;margin:14px 0;}
.check-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.check-row:last-child{border-bottom:0}.check-row input{margin-top:4px}.check-row label{color:#dce7f4;line-height:1.45}.storage-meter{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.storage-result{font-size:28px;font-weight:1000;color:var(--gold);margin:8px 0}.danger-note{border-left:4px solid var(--danger);padding:14px 16px;background:rgba(255,59,87,.08);border-radius:14px;margin:14px 0}.ok-note{border-left:4px solid var(--green);padding:14px 16px;background:rgba(25,211,125,.08);border-radius:14px;margin:14px 0}.legal-note{font-size:13px;color:#b8c6d8;line-height:1.55}.form input[type="checkbox"]{width:auto;min-height:auto}.consent-status{margin-top:12px;padding:12px;border-radius:14px;background:rgba(14,165,255,.08);border:1px solid rgba(14,165,255,.2)}


/* v20 Social Media Requirements Center */
.admin-panel[id="social-media"]{border-color:rgba(14,165,255,.34);background:linear-gradient(180deg,rgba(14,165,255,.09),rgba(255,255,255,.035));}
.social-card{border-color:rgba(14,165,255,.24)}
.social-card:hover{border-color:rgba(255,184,32,.42)}
.social-requirement-note{border-left:4px solid rgba(14,165,255,.56);padding:14px 16px;background:rgba(14,165,255,.08);border-radius:14px;margin:14px 0}


/* v23 Admin Training & Operating Manual Center */
.admin-panel[id="admin-training"]{border-color:rgba(255,184,32,.34);background:linear-gradient(180deg,rgba(255,184,32,.08),rgba(255,255,255,.035));}
.training-panel{border-color:rgba(14,165,255,.30);}
.training-panel .check-row{border-bottom:1px solid rgba(255,255,255,.08);}
.training-panel .template-box{min-height:180px;}

/* === v26 HOME GRAPHICS / ANIMATION REPAIR PASS ===
   This pass focuses on the approved cinematic homepage. It adds visible motion
   around the stage lights, CTA areas, journey cards, chat area, and music-energy
   details without replacing the locked screenshot reference. */
@keyframes cbeAuroraDrift{
  0%{transform:translate3d(-10%,0,0) rotate(-8deg) scale(1);opacity:.08}
  35%{opacity:.28}
  60%{transform:translate3d(18%,3%,0) rotate(-2deg) scale(1.08);opacity:.18}
  100%{transform:translate3d(-10%,0,0) rotate(-8deg) scale(1);opacity:.08}
}
@keyframes cbeStageSweepWide{
  0%{transform:translateX(-120%) skewX(-18deg);opacity:0}
  18%{opacity:.26}
  45%{opacity:.13}
  70%{opacity:.30}
  100%{transform:translateX(140%) skewX(-18deg);opacity:0}
}
@keyframes cbeStageSweepReverseWide{
  0%{transform:translateX(130%) skewX(18deg);opacity:0}
  25%{opacity:.22}
  52%{opacity:.08}
  78%{opacity:.28}
  100%{transform:translateX(-130%) skewX(18deg);opacity:0}
}
@keyframes cbeShimmerScan{
  0%,100%{opacity:0;transform:translateY(-35%)}
  18%{opacity:.16}
  40%{opacity:.05}
  62%{opacity:.20}
  84%{opacity:.04;transform:translateY(45%)}
}
@keyframes cbePulseTarget{
  0%,100%{opacity:.12;box-shadow:0 0 18px rgba(255,184,32,.14);transform:scale(1)}
  50%{opacity:.34;box-shadow:0 0 34px rgba(255,184,32,.42),0 0 64px rgba(14,165,255,.18);transform:scale(1.015)}
}
@keyframes cbeJourneyBluePulse{
  0%,100%{opacity:.07;box-shadow:0 0 14px rgba(14,165,255,.12);transform:translateY(0)}
  50%{opacity:.22;box-shadow:0 0 38px rgba(14,165,255,.34);transform:translateY(-2px)}
}
@keyframes cbeAudioBounce{
  0%,100%{transform:scaleY(.25);opacity:.35}
  35%{transform:scaleY(1);opacity:.85}
  60%{transform:scaleY(.45);opacity:.55}
}
@keyframes cbeSparkFloatV26{
  0%{opacity:0;transform:translate3d(0,28px,0) scale(.72)}
  14%{opacity:.9}
  45%{opacity:.48;filter:blur(.2px)}
  78%{opacity:.75}
  100%{opacity:0;transform:translate3d(96px,-72px,0) scale(1.24)}
}
.stage.motion-enabled::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(circle at 14% 18%,rgba(255,184,32,.11),transparent 22%),
             radial-gradient(circle at 78% 16%,rgba(14,165,255,.10),transparent 20%),
             radial-gradient(circle at 56% 62%,rgba(187,60,255,.10),transparent 24%);
  mix-blend-mode:screen;animation:cbeGlowPulse 6.5s ease-in-out infinite;
}
.stage.motion-enabled::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:22%;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(255,184,32,.08),rgba(14,165,255,.06));
  opacity:.55;animation:cbeGlowPulse 4.8s ease-in-out infinite reverse;
}
.v26-home-animation{z-index:3;mix-blend-mode:screen;}
.v26-home-animation .light-beam{width:23%;filter:blur(14px);opacity:.22;}
.v26-home-animation .beam-one{animation:cbeBeamSweep 5.8s ease-in-out infinite;}
.v26-home-animation .beam-two{animation:cbeBeamSweepReverse 7.1s ease-in-out infinite .35s;}
.v26-home-animation .beam-three{animation:cbeBeamSweep 8.2s ease-in-out infinite .7s;}
.stage-aurora{position:absolute;border-radius:42% 58% 52% 48%;filter:blur(32px);opacity:.18;pointer-events:none;}
.aurora-one{left:2%;top:11%;width:58%;height:23%;background:linear-gradient(90deg,rgba(255,184,32,.38),rgba(255,122,24,.18),rgba(14,165,255,.20));animation:cbeAuroraDrift 9.2s ease-in-out infinite;}
.aurora-two{right:0;top:38%;width:50%;height:29%;background:linear-gradient(90deg,rgba(187,60,255,.26),rgba(14,165,255,.22),rgba(255,184,32,.16));animation:cbeAuroraDrift 11.4s ease-in-out infinite reverse;}
.stage-sweep{position:absolute;top:-10%;height:125%;width:18%;filter:blur(14px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),rgba(255,184,32,.18),transparent);pointer-events:none;}
.sweep-one{left:0;animation:cbeStageSweepWide 6.8s ease-in-out infinite;}
.sweep-two{right:0;background:linear-gradient(90deg,transparent,rgba(14,165,255,.14),rgba(255,255,255,.10),transparent);animation:cbeStageSweepReverseWide 8.6s ease-in-out infinite 1.1s;}
.stage-shimmer{position:absolute;left:0;right:0;height:16%;top:36%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.06),rgba(255,184,32,.08),transparent);filter:blur(8px);animation:cbeShimmerScan 9s ease-in-out infinite;}
.v26-home-animation .spark{width:7px;height:7px;animation:cbeSparkFloatV26 6s linear infinite;}
.spark-d{left:11%;top:71%;background:rgba(255,151,64,.85);box-shadow:0 0 14px rgba(255,122,24,.9);animation-delay:1.4s!important;}
.spark-e{left:39%;top:26%;background:rgba(255,236,160,.88);box-shadow:0 0 14px rgba(255,184,32,.9);animation-delay:3.1s!important;}
.spark-f{left:74%;top:72%;background:rgba(80,204,255,.82);box-shadow:0 0 14px rgba(14,165,255,.9);animation-delay:5.1s!important;}
.pulse-target{position:absolute;border:1px solid rgba(255,184,32,.38);border-radius:15px;background:linear-gradient(135deg,rgba(255,184,32,.11),rgba(14,165,255,.06));pointer-events:none;animation:cbePulseTarget 3.2s ease-in-out infinite;}
.pulse-hero-left{left:2%;top:29.8%;width:15.6%;height:5.2%;}
.pulse-hero-right{left:18.6%;top:29.8%;width:12.9%;height:5.2%;animation-delay:.8s;}
.pulse-journey-one,.pulse-journey-two,.pulse-journey-three,.pulse-journey-four{top:57%;height:4.5%;border-color:rgba(14,165,255,.32);background:linear-gradient(135deg,rgba(14,165,255,.08),rgba(187,60,255,.06));animation:cbeJourneyBluePulse 4.2s ease-in-out infinite;}
.pulse-journey-one{left:2%;width:22.1%;animation-delay:.2s;}
.pulse-journey-two{left:27.1%;width:21%;animation-delay:1s;}
.pulse-journey-three{left:50.8%;width:20.4%;animation-delay:1.8s;}
.pulse-journey-four{left:73.8%;width:21%;animation-delay:2.6s;}
.audio-bars{position:absolute;right:2.1%;bottom:5.8%;height:44px;width:120px;display:flex;align-items:flex-end;gap:7px;opacity:.62;pointer-events:none;}
.audio-bars i{display:block;width:8px;height:100%;border-radius:999px;background:linear-gradient(180deg,rgba(255,184,32,.95),rgba(14,165,255,.42));transform-origin:bottom;animation:cbeAudioBounce 1.25s ease-in-out infinite;}
.audio-bars i:nth-child(2){animation-delay:.12s}.audio-bars i:nth-child(3){animation-delay:.24s}.audio-bars i:nth-child(4){animation-delay:.36s}.audio-bars i:nth-child(5){animation-delay:.48s}.audio-bars i:nth-child(6){animation-delay:.60s}.audio-bars i:nth-child(7){animation-delay:.72s}.audio-bars i:nth-child(8){animation-delay:.84s}
.stage.motion-enabled .hotspot{z-index:10;}
.stage.motion-enabled .hotspot:nth-of-type(12),.stage.motion-enabled .hotspot:nth-of-type(13),.stage.motion-enabled .hotspot:nth-of-type(18),.stage.motion-enabled .hotspot:nth-of-type(19),.stage.motion-enabled .hotspot:nth-of-type(20),.stage.motion-enabled .hotspot:nth-of-type(21){outline:1px solid transparent;}
.stage.motion-enabled .hotspot:hover{outline:2px solid rgba(255,184,32,.86);background:rgba(255,184,32,.10);box-shadow:0 0 36px rgba(255,184,32,.42);}


/* === v27 HOME ANIMATION / SCROLLBAR FIX PASS ===
   Fixes reported v26 issues: self-moving scrollbars, bottom horizontal scrollbar,
   moving spark dot, distracting equalizer under chat, top-tab frame alignment,
   and missing feature-box highlight rotation. */
html, body{
  max-width:100%;
  overflow-x:hidden !important;
}
.home-page{
  width:100%;
  max-width:100vw;
  overflow-x:hidden !important;
  overflow-y:auto;
  align-items:flex-start;
}
.stage.motion-enabled,
.stage{
  width:100%;
  max-width:100vw;
  min-width:0 !important;
  overflow:hidden !important;
  contain:paint;
}
.stage.motion-enabled img,
.stage img{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
}
.cinematic-motion,
.v27-home-animation{
  overflow:hidden !important;
  inset:0;
}
/* Remove distracting independent motion elements. */
.spark,
.v27-home-animation .spark,
.v26-home-animation .spark,
.audio-bars,
.v27-home-animation .audio-bars,
.v26-home-animation .audio-bars{
  display:none !important;
  animation:none !important;
}
/* Keep stage light movement but reduce travel so it cannot create scroll artifacts. */
@keyframes cbeStageSweepContained{
  0%{transform:translateX(-35%) skewX(-14deg);opacity:0}
  22%{opacity:.16}
  52%{opacity:.09}
  80%{opacity:.15}
  100%{transform:translateX(35%) skewX(-14deg);opacity:0}
}
@keyframes cbeStageSweepContainedReverse{
  0%{transform:translateX(35%) skewX(14deg);opacity:0}
  24%{opacity:.14}
  54%{opacity:.08}
  82%{opacity:.15}
  100%{transform:translateX(-35%) skewX(14deg);opacity:0}
}
.stage-sweep{width:12%;filter:blur(12px);}
.sweep-one{animation:cbeStageSweepContained 7s ease-in-out infinite !important;}
.sweep-two{animation:cbeStageSweepContainedReverse 9s ease-in-out infinite 1.2s !important;}
.stage-aurora{opacity:.10;filter:blur(26px);}
.v27-home-animation .light-beam,
.v26-home-animation .light-beam{opacity:.13;filter:blur(12px);}
.stage.motion-enabled::before{opacity:.68;}
.stage.motion-enabled::after{opacity:.32;}
/* Remove visible frames; use soft button glow instead. */
.pulse-target{
  border:0 !important;
  outline:0 !important;
  background:radial-gradient(circle at 50% 50%,rgba(255,184,32,.22),rgba(255,184,32,.07) 42%,transparent 72%) !important;
  box-shadow:0 0 24px rgba(255,184,32,.18) !important;
  border-radius:14px;
}
@keyframes cbeFeatureBoxRoundRobin{
  0%,18%{opacity:.44;transform:scale(1.012);box-shadow:0 0 44px rgba(255,184,32,.46),0 0 82px rgba(14,165,255,.18)}
  22%,100%{opacity:.04;transform:scale(1);box-shadow:0 0 0 rgba(255,184,32,0)}
}
@keyframes cbeHeroButtonSoftPulse{
  0%,100%{opacity:.10;transform:scale(1);box-shadow:0 0 18px rgba(255,184,32,.12)}
  50%{opacity:.28;transform:scale(1.01);box-shadow:0 0 38px rgba(255,184,32,.34)}
}
.pulse-hero-left,.pulse-hero-right{
  animation:cbeHeroButtonSoftPulse 3.8s ease-in-out infinite !important;
}
.pulse-hero-right{animation-delay:1.1s !important;}
.pulse-journey-one,.pulse-journey-two,.pulse-journey-three,.pulse-journey-four{
  background:radial-gradient(circle at 50% 50%,rgba(255,184,32,.24),rgba(14,165,255,.10) 48%,transparent 76%) !important;
  animation:cbeFeatureBoxRoundRobin 8s ease-in-out infinite !important;
}
.pulse-journey-one{animation-delay:0s !important;}
.pulse-journey-two{animation-delay:2s !important;}
.pulse-journey-three{animation-delay:4s !important;}
.pulse-journey-four{animation-delay:6s !important;}
/* No visible frames on top tabs or other hotspots; only soft highlighting on hover/focus. */
.hotspot,
.stage.motion-enabled .hotspot,
.stage.motion-enabled .hotspot:nth-of-type(12),
.stage.motion-enabled .hotspot:nth-of-type(13),
.stage.motion-enabled .hotspot:nth-of-type(18),
.stage.motion-enabled .hotspot:nth-of-type(19),
.stage.motion-enabled .hotspot:nth-of-type(20),
.stage.motion-enabled .hotspot:nth-of-type(21){
  outline:0 !important;
  border:0 !important;
  background:transparent;
  box-shadow:none;
}
.hotspot:hover,
.hotspot:focus,
.stage.motion-enabled .hotspot:hover,
.stage.motion-enabled .hotspot:focus{
  outline:0 !important;
  border:0 !important;
  background:radial-gradient(circle at 50% 50%,rgba(255,184,32,.28),rgba(255,184,32,.10) 46%,transparent 76%) !important;
  box-shadow:0 0 28px rgba(255,184,32,.34), inset 0 0 18px rgba(255,184,32,.14) !important;
}
/* Top navigation hotspots: centered soft glow only; no rectangular frame. */
.stage.motion-enabled .hotspot:nth-of-type(-n+11):hover,
.stage.motion-enabled .hotspot:nth-of-type(-n+11):focus{
  background:linear-gradient(180deg,rgba(255,184,32,.20),rgba(255,184,32,.06),transparent) !important;
  box-shadow:0 0 20px rgba(255,184,32,.24) !important;
  border-radius:999px;
}
@media(max-width:980px){
  .stage{min-width:0 !important;width:100vw;}
  .home-page{overflow-x:hidden !important;}
}


/* ==========================================================
   v27.1 Journey / Feature Highlight Fix
   User correction: the rotating highlight was not visible on the
   Journey cards. The v27 pulse targets were sitting on the lower
   buttons only. This pass moves the rotation over the full Journey
   cards and adds a second rotating spotlight through the CBE Ecosystem
   feature icons. No frames are used; only soft highlight/glow.
   ========================================================== */
.v27-1-journey-fix .pulse-target{
  pointer-events:none !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
@keyframes cbeJourneyCardRotatingHighlight{
  0%,18%{
    opacity:.72;
    transform:scale(1.006);
    background:
      linear-gradient(115deg,transparent 0 4%,rgba(255,184,32,.22) 16%,rgba(255,184,32,.06) 30%,transparent 52%),
      radial-gradient(circle at 18% 18%,rgba(255,184,32,.34),transparent 34%),
      radial-gradient(circle at 78% 18%,rgba(14,165,255,.18),transparent 38%) !important;
    box-shadow:0 0 34px rgba(255,184,32,.28), inset 0 0 34px rgba(255,184,32,.12) !important;
  }
  22%,100%{
    opacity:0;
    transform:scale(1);
    background:transparent !important;
    box-shadow:none !important;
  }
}
@keyframes cbeEcosystemFeatureRotatingHighlight{
  0%,13%{
    opacity:.80;
    transform:scale(1.015);
    background:radial-gradient(circle at 50% 30%,rgba(255,184,32,.32),rgba(14,165,255,.16) 44%,transparent 72%) !important;
    box-shadow:0 0 30px rgba(255,184,32,.28),0 0 44px rgba(14,165,255,.16) !important;
  }
  17%,100%{
    opacity:0;
    transform:scale(1);
    background:transparent !important;
    box-shadow:none !important;
  }
}
/* Full Journey cards: Artist / Sponsor / Fan / Community */
.v27-1-journey-fix .pulse-journey-one,
.v27-1-journey-fix .pulse-journey-two,
.v27-1-journey-fix .pulse-journey-three,
.v27-1-journey-fix .pulse-journey-four{
  top:37.6% !important;
  height:24.0% !important;
  border-radius:14px !important;
  animation:cbeJourneyCardRotatingHighlight 8s ease-in-out infinite !important;
}
.v27-1-journey-fix .pulse-journey-one{left:1.9% !important;width:23.4% !important;animation-delay:0s !important;}
.v27-1-journey-fix .pulse-journey-two{left:26.0% !important;width:23.2% !important;animation-delay:2s !important;}
.v27-1-journey-fix .pulse-journey-three{left:49.9% !important;width:22.3% !important;animation-delay:4s !important;}
.v27-1-journey-fix .pulse-journey-four{left:73.0% !important;width:25.3% !important;animation-delay:6s !important;}
/* CBE Ecosystem icon row: subtle rotating spotlight through each feature. */
.v27-1-journey-fix .ecosystem-highlight{
  top:68.2% !important;
  height:14.7% !important;
  width:5.1% !important;
  border-radius:999px !important;
  animation:cbeEcosystemFeatureRotatingHighlight 12s ease-in-out infinite !important;
}
.v27-1-journey-fix .ecosystem-one{left:24.3% !important;animation-delay:0s !important;}
.v27-1-journey-fix .ecosystem-two{left:29.7% !important;animation-delay:2s !important;}
.v27-1-journey-fix .ecosystem-three{left:35.1% !important;animation-delay:4s !important;}
.v27-1-journey-fix .ecosystem-four{left:40.6% !important;animation-delay:6s !important;}
.v27-1-journey-fix .ecosystem-five{left:46.0% !important;animation-delay:8s !important;}
.v27-1-journey-fix .ecosystem-six{left:51.4% !important;animation-delay:10s !important;}
/* Top-tab hover targets: softer, centered, no frames. */
.v27-1-journey-fix ~ .hotspot:nth-of-type(-n+11),
.stage.motion-enabled .hotspot:nth-of-type(-n+11){
  border-radius:999px !important;
}
.stage.motion-enabled .hotspot:nth-of-type(-n+11):hover,
.stage.motion-enabled .hotspot:nth-of-type(-n+11):focus{
  background:radial-gradient(ellipse at 50% 62%,rgba(255,184,32,.34),rgba(255,184,32,.10) 44%,transparent 70%) !important;
  box-shadow:0 0 18px rgba(255,184,32,.26) !important;
  outline:0 !important;
  border:0 !important;
}

/* ==========================================================
   v27.3 Featured Event Sparkle Pass
   User correction: line #4 should rotate the highlight on the Journey
   buttons, and the Featured Event section should be highlighted. This pass
   moves the primary rotating highlight back onto the four Journey CTA buttons
   and adds a controlled Featured Event glow without reintroducing frames,
   moving scrollbars, moving dots, or equalizer motion.
   ========================================================== */
.v27-2-button-featured-fix .pulse-journey-one,
.v27-2-button-featured-fix .pulse-journey-two,
.v27-2-button-featured-fix .pulse-journey-three,
.v27-2-button-featured-fix .pulse-journey-four{
  /* Retire the large card-body overlay from v27.1. */
  opacity:0 !important;
  animation:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
.v27-2-button-featured-fix .journey-button-highlight,
.v27-2-button-featured-fix .featured-event-highlight,
.v27-2-button-featured-fix .featured-event-button-highlight{
  position:absolute;
  pointer-events:none !important;
  border:0 !important;
  outline:0 !important;
  background:transparent;
  box-shadow:none;
  z-index:5;
}
@keyframes cbeJourneyButtonRoundRobinV272{
  0%,19%{
    opacity:.92;
    transform:scale(1.012);
    background:
      linear-gradient(105deg,transparent 0 8%,rgba(255,255,255,.26) 23%,rgba(255,184,32,.28) 38%,transparent 62%),
      radial-gradient(ellipse at 50% 50%,rgba(255,184,32,.44),rgba(255,184,32,.16) 46%,transparent 74%) !important;
    box-shadow:0 0 32px rgba(255,184,32,.45),0 0 54px rgba(14,165,255,.14),inset 0 0 18px rgba(255,255,255,.10) !important;
  }
  23%,100%{
    opacity:0;
    transform:scale(1);
    background:transparent !important;
    box-shadow:none !important;
  }
}
@keyframes cbeFeaturedEventSoftHighlightV272{
  0%,100%{
    opacity:.20;
    transform:scale(1);
    background:radial-gradient(ellipse at 38% 52%,rgba(255,184,32,.22),rgba(255,122,24,.08) 44%,transparent 76%) !important;
    box-shadow:0 0 18px rgba(255,184,32,.13), inset 0 0 22px rgba(255,184,32,.06) !important;
  }
  50%{
    opacity:.48;
    transform:scale(1.004);
    background:
      linear-gradient(115deg,transparent 0 7%,rgba(255,184,32,.18) 25%,rgba(14,165,255,.08) 48%,transparent 72%),
      radial-gradient(ellipse at 38% 52%,rgba(255,184,32,.30),rgba(255,122,24,.12) 46%,transparent 78%) !important;
    box-shadow:0 0 30px rgba(255,184,32,.24),0 0 48px rgba(255,122,24,.12), inset 0 0 28px rgba(255,184,32,.08) !important;
  }
}
@keyframes cbeFeaturedEventButtonPulseV272{
  0%,100%{
    opacity:.16;
    transform:scale(1);
    background:radial-gradient(ellipse at 50% 50%,rgba(255,184,32,.24),rgba(255,184,32,.08) 50%,transparent 78%) !important;
    box-shadow:0 0 14px rgba(255,184,32,.15) !important;
  }
  50%{
    opacity:.62;
    transform:scale(1.015);
    background:radial-gradient(ellipse at 50% 50%,rgba(255,184,32,.42),rgba(255,122,24,.16) 48%,transparent 76%) !important;
    box-shadow:0 0 28px rgba(255,184,32,.36),0 0 46px rgba(255,122,24,.16) !important;
  }
}
/* Journey CTA buttons: Artist / Sponsor / Fan / Community. */
.v27-2-button-featured-fix .journey-button-highlight{
  top:56.9% !important;
  height:4.9% !important;
  border-radius:10px !important;
  animation:cbeJourneyButtonRoundRobinV272 8s ease-in-out infinite !important;
}
.v27-2-button-featured-fix .journey-button-one{left:3.0% !important;width:21.1% !important;animation-delay:0s !important;}
.v27-2-button-featured-fix .journey-button-two{left:27.0% !important;width:21.2% !important;animation-delay:2s !important;}
.v27-2-button-featured-fix .journey-button-three{left:50.8% !important;width:20.5% !important;animation-delay:4s !important;}
.v27-2-button-featured-fix .journey-button-four{left:74.1% !important;width:20.2% !important;animation-delay:6s !important;}
/* Featured Event: entire panel gets a soft highlight, then the two event buttons pulse. */
.v27-2-button-featured-fix .featured-event-card{
  left:1.75% !important;
  top:62.25% !important;
  width:20.1% !important;
  height:26.1% !important;
  border-radius:10px !important;
  animation:cbeFeaturedEventSoftHighlightV272 5.6s ease-in-out infinite !important;
}
.v27-2-button-featured-fix .featured-event-button-highlight{
  top:83.05% !important;
  height:3.6% !important;
  border-radius:9px !important;
  animation:cbeFeaturedEventButtonPulseV272 4.4s ease-in-out infinite !important;
}
.v27-2-button-featured-fix .featured-event-ticket{left:2.95% !important;width:8.9% !important;animation-delay:.5s !important;}
.v27-2-button-featured-fix .featured-event-learn{left:12.75% !important;width:8.1% !important;animation-delay:2.1s !important;}
/* Keep hover behavior frame-free. */
.v27-2-button-featured-fix ~ .hotspot:hover,
.v27-2-button-featured-fix ~ .hotspot:focus{
  outline:0 !important;
  border:0 !important;
}

/* ==========================================================
   v27.4 Visible Journey + Featured Event Highlight Repair
   This corrects the prior v27.3 issue where sparkle spans existed in HTML
   but did not have final visible CSS. It also strengthens the Journey button
   rotation so it is visible without frames around the top navigation.
   ========================================================== */
.stage.motion-enabled{overflow:hidden !important;max-width:100vw !important;}
.home-page{overflow-x:hidden !important;}
.cinematic-motion.v27-4-visible-highlight-fix{z-index:2 !important;overflow:hidden !important;mix-blend-mode:screen !important;}
.stage.motion-enabled img{z-index:0 !important;}
.motion-enabled .hotspot{z-index:25 !important;}

@keyframes cbeJourneyButtonVisibleRoundRobinV274{
  0%,4%{
    opacity:0;
    transform:scale(.985);
    filter:brightness(1);
  }
  8%,22%{
    opacity:1;
    transform:scale(1.018);
    filter:brightness(1.2);
    background:
      linear-gradient(105deg,transparent 0 10%,rgba(255,255,255,.42) 25%,rgba(255,184,32,.46) 42%,transparent 66%),
      radial-gradient(ellipse at 50% 50%,rgba(255,184,32,.70),rgba(255,122,24,.28) 52%,transparent 78%) !important;
    box-shadow:
      0 0 18px rgba(255,255,255,.24),
      0 0 44px rgba(255,184,32,.72),
      0 0 70px rgba(14,165,255,.24),
      inset 0 0 24px rgba(255,255,255,.18) !important;
  }
  26%,100%{
    opacity:0;
    transform:scale(1);
    filter:brightness(1);
    background:transparent !important;
    box-shadow:none !important;
  }
}

.v27-4-visible-highlight-fix .journey-button-highlight{
  position:absolute !important;
  top:56.75% !important;
  height:5.15% !important;
  border-radius:11px !important;
  pointer-events:none !important;
  border:0 !important;
  outline:0 !important;
  opacity:0;
  z-index:12 !important;
  animation:cbeJourneyButtonVisibleRoundRobinV274 8s ease-in-out infinite !important;
}
.v27-4-visible-highlight-fix .journey-button-one{left:2.92% !important;width:21.28% !important;animation-delay:0s !important;}
.v27-4-visible-highlight-fix .journey-button-two{left:26.95% !important;width:21.25% !important;animation-delay:2s !important;}
.v27-4-visible-highlight-fix .journey-button-three{left:50.82% !important;width:20.58% !important;animation-delay:4s !important;}
.v27-4-visible-highlight-fix .journey-button-four{left:73.92% !important;width:21.02% !important;animation-delay:6s !important;}

@keyframes cbeFeaturedEventBorderGlowV274{
  0%,100%{
    opacity:.86;
    transform:scale(1);
    border-color:rgba(255,184,32,.70);
    box-shadow:
      0 0 16px rgba(255,184,32,.44),
      0 0 34px rgba(255,122,24,.22),
      inset 0 0 18px rgba(255,184,32,.16) !important;
    background:radial-gradient(ellipse at 45% 48%,rgba(255,184,32,.12),rgba(255,122,24,.05) 48%,transparent 75%) !important;
  }
  50%{
    opacity:1;
    transform:scale(1.006);
    border-color:rgba(255,220,122,.98);
    box-shadow:
      0 0 24px rgba(255,255,255,.30),
      0 0 54px rgba(255,184,32,.78),
      0 0 84px rgba(255,122,24,.28),
      inset 0 0 28px rgba(255,184,32,.24) !important;
    background:
      linear-gradient(112deg,transparent 0 18%,rgba(255,255,255,.18) 32%,rgba(255,184,32,.18) 45%,transparent 65%),
      radial-gradient(ellipse at 45% 48%,rgba(255,184,32,.20),rgba(255,122,24,.08) 50%,transparent 78%) !important;
  }
}

.v27-4-visible-highlight-fix .featured-event-card{
  position:absolute !important;
  left:1.75% !important;
  top:62.15% !important;
  width:20.25% !important;
  height:26.35% !important;
  border-radius:11px !important;
  border:2px solid rgba(255,184,32,.82) !important;
  pointer-events:none !important;
  z-index:11 !important;
  animation:cbeFeaturedEventBorderGlowV274 3.2s ease-in-out infinite !important;
}

@keyframes cbeFeaturedEventSparkleV274{
  0%,100%{
    opacity:0;
    transform:scale(.65) rotate(0deg);
    filter:brightness(1);
  }
  18%{
    opacity:.95;
    transform:scale(1.22) rotate(45deg);
    filter:brightness(1.45);
  }
  38%{
    opacity:.25;
    transform:scale(.85) rotate(90deg);
  }
  62%{
    opacity:1;
    transform:scale(1.32) rotate(135deg);
    filter:brightness(1.55);
  }
  82%{
    opacity:.18;
    transform:scale(.75) rotate(180deg);
  }
}

.v27-4-visible-highlight-fix .featured-event-sparkle{
  position:absolute !important;
  width:10px !important;
  height:10px !important;
  pointer-events:none !important;
  z-index:14 !important;
  opacity:0;
  background:transparent !important;
  animation:cbeFeaturedEventSparkleV274 2.8s ease-in-out infinite !important;
}
.v27-4-visible-highlight-fix .featured-event-sparkle::before,
.v27-4-visible-highlight-fix .featured-event-sparkle::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:rgba(255,236,165,.96);
  box-shadow:0 0 10px rgba(255,184,32,.95),0 0 20px rgba(255,122,24,.50);
}
.v27-4-visible-highlight-fix .featured-event-sparkle::before{width:10px;height:2px;border-radius:99px;}
.v27-4-visible-highlight-fix .featured-event-sparkle::after{width:2px;height:10px;border-radius:99px;}

/* Sparkle positions around the Featured Event panel only. */
.v27-4-visible-highlight-fix .sparkle-a{left:2.05% !important;top:62.45% !important;animation-delay:0s !important;}
.v27-4-visible-highlight-fix .sparkle-b{left:10.6% !important;top:62.25% !important;animation-delay:.35s !important;}
.v27-4-visible-highlight-fix .sparkle-c{left:21.35% !important;top:62.8% !important;animation-delay:.72s !important;}
.v27-4-visible-highlight-fix .sparkle-d{left:21.45% !important;top:70.2% !important;animation-delay:1.05s !important;}
.v27-4-visible-highlight-fix .sparkle-e{left:21.1% !important;top:79.4% !important;animation-delay:1.38s !important;}
.v27-4-visible-highlight-fix .sparkle-f{left:18.2% !important;top:88.05% !important;animation-delay:1.72s !important;}
.v27-4-visible-highlight-fix .sparkle-g{left:9.5% !important;top:88.35% !important;animation-delay:2.04s !important;}
.v27-4-visible-highlight-fix .sparkle-h{left:2.0% !important;top:87.4% !important;animation-delay:2.38s !important;}
.v27-4-visible-highlight-fix .sparkle-i{left:1.72% !important;top:75.5% !important;animation-delay:2.72s !important;}
.v27-4-visible-highlight-fix .sparkle-j{left:1.92% !important;top:67.4% !important;animation-delay:3.04s !important;}

/* Keep top tab behavior frame-free; highlight only. */
.stage.motion-enabled .hotspot:nth-of-type(-n+11):hover,
.stage.motion-enabled .hotspot:nth-of-type(-n+11):focus{
  outline:0 !important;
  border:0 !important;
  background:radial-gradient(ellipse at 50% 62%,rgba(255,184,32,.34),rgba(255,184,32,.10) 44%,transparent 70%) !important;
  box-shadow:0 0 18px rgba(255,184,32,.26) !important;
}


/* ------------------------------------------------------------------
   v27.7 Featured Event Layout Reset Pass
   Adds a visible artist/lineup strip inside the Featured Event panel while
   keeping the approved cinematic image, journey button rotation, and sparkle
   repair intact.
------------------------------------------------------------------- */
.v27-5-lineup-fix .featured-lineup-panel{
  position:absolute;
  left:2.75%;
  top:74.25%;
  width:18.25%;
  height:4.35%;
  z-index:16;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.08em;
  padding:.34% .58%;
  box-sizing:border-box;
  pointer-events:none;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(10,22,36,.54) 60%,rgba(0,0,0,.18));
  border-left:3px solid rgba(255,184,32,.95);
  box-shadow:0 0 18px rgba(255,184,32,.36), inset 0 0 18px rgba(14,165,255,.10);
  animation:cbeLineupPanelGlow 4.8s ease-in-out infinite;
}
.v27-5-lineup-fix .lineup-kicker{
  display:block;
  color:#ffbd31;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:clamp(8px,.72vw,13px);
  line-height:1;
  text-shadow:0 0 9px rgba(255,184,32,.45);
}
.v27-5-lineup-fix .lineup-name{
  display:block;
  color:#ffffff;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.03em;
  font-size:clamp(10px,.95vw,17px);
  line-height:1.05;
  text-shadow:0 0 12px rgba(255,255,255,.28);
}
.v27-5-lineup-fix .lineup-sub{
  display:block;
  color:#d7eaff;
  font-weight:750;
  font-size:clamp(7px,.58vw,11px);
  line-height:1;
  opacity:.94;
}
.lineup-hotspot:hover,
.lineup-hotspot:focus{
  background:rgba(255,184,32,.12) !important;
  box-shadow:0 0 28px rgba(255,184,32,.34) !important;
  outline:0 !important;
}
@keyframes cbeLineupPanelGlow{
  0%,100%{opacity:.92;filter:drop-shadow(0 0 6px rgba(255,184,32,.28));}
  50%{opacity:1;filter:drop-shadow(0 0 16px rgba(255,184,32,.58));}
}


/* ------------------------------------------------------------------
   v27.7 Featured Event Layout Reset Pass
   Reverts the oversized Featured Event redesign. Keeps the approved
   v27.4 visual structure, sparkle/glow, and journey button rotation.
   Adds only a small, non-intrusive artist indicator.
------------------------------------------------------------------- */
.v27-7-layout-reset-fix .featured-lineup-panel,
.v27-7-layout-reset-fix .featured-event-detail-panel{
  display:none !important;
  opacity:0 !important;
  animation:none !important;
}
.v27-7-layout-reset-fix .featured-artist-mini{
  position:absolute !important;
  left:3.05% !important;
  top:75.15% !important;
  width:16.95% !important;
  height:2.65% !important;
  z-index:18 !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.45em !important;
  padding:.22% .56% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(15,28,42,.45),rgba(0,0,0,.18)) !important;
  border:1px solid rgba(255,184,32,.58) !important;
  box-shadow:0 0 12px rgba(255,184,32,.22), inset 0 0 10px rgba(14,165,255,.08) !important;
  animation:cbeArtistMiniSoftGlowV277 4.8s ease-in-out infinite !important;
}
.v27-7-layout-reset-fix .mini-label{
  color:#ffbd31 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-size:clamp(7px,.56vw,11px) !important;
  line-height:1 !important;
  text-shadow:0 0 8px rgba(255,184,32,.40) !important;
  white-space:nowrap !important;
}
.v27-7-layout-reset-fix .mini-name{
  color:#ffffff !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.10em !important;
  font-size:clamp(8px,.62vw,12px) !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-shadow:0 0 7px rgba(255,255,255,.35) !important;
}
@keyframes cbeArtistMiniSoftGlowV277{
  0%,100%{opacity:.82; box-shadow:0 0 10px rgba(255,184,32,.18), inset 0 0 8px rgba(14,165,255,.06)}
  50%{opacity:1; box-shadow:0 0 18px rgba(255,184,32,.38),0 0 24px rgba(14,165,255,.10), inset 0 0 12px rgba(255,184,32,.10)}
}


/* ------------------------------------------------------------------
   v27.8 Featured Event Editor / Layout Cleanup Pass
   Public homepage: remove the extra public artist strip and any oversized
   overlay from the Featured Event area. Keep the original cinematic image
   clean, with only a controlled glow/sparkle and invisible hotspots.
------------------------------------------------------------------- */
.v27-8-featured-cleanup-fix .featured-artist-mini,
.v27-8-featured-cleanup-fix .featured-lineup-panel,
.v27-8-featured-cleanup-fix .featured-event-detail-panel{
  display:none !important;
  opacity:0 !important;
  animation:none !important;
}
.v27-8-featured-cleanup-fix .featured-event-card{
  left:1.78% !important;
  top:62.15% !important;
  width:20.05% !important;
  height:26.10% !important;
  border:1.5px solid rgba(255,184,32,.68) !important;
  border-radius:10px !important;
  background:radial-gradient(ellipse at 48% 45%,rgba(255,184,32,.08),rgba(255,122,24,.03) 48%,transparent 75%) !important;
  box-shadow:0 0 14px rgba(255,184,32,.28), inset 0 0 14px rgba(255,184,32,.08) !important;
  animation:cbeFeaturedEventCleanGlowV278 4.2s ease-in-out infinite !important;
}
@keyframes cbeFeaturedEventCleanGlowV278{
  0%,100%{opacity:.72;filter:brightness(1);box-shadow:0 0 12px rgba(255,184,32,.24), inset 0 0 10px rgba(255,184,32,.06)}
  50%{opacity:.95;filter:brightness(1.08);box-shadow:0 0 24px rgba(255,184,32,.46),0 0 36px rgba(255,122,24,.16), inset 0 0 18px rgba(255,184,32,.12)}
}
.v27-8-featured-cleanup-fix .featured-event-sparkle{
  width:7px !important;
  height:7px !important;
  opacity:.55;
  animation:cbeFeaturedEventSparkleV274 3.8s ease-in-out infinite !important;
}
.v27-8-featured-cleanup-fix .featured-event-sparkle::before{width:7px !important;height:1.5px !important;}
.v27-8-featured-cleanup-fix .featured-event-sparkle::after{width:1.5px !important;height:7px !important;}
.featured-editor-preview{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,184,32,.32);background:linear-gradient(180deg,rgba(13,18,29,.95),rgba(6,9,15,.98));padding:22px;box-shadow:var(--shadow)}
.featured-editor-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 12%,rgba(255,184,32,.14),transparent 30%),radial-gradient(circle at 72% 18%,rgba(14,165,255,.12),transparent 28%);pointer-events:none}.featured-editor-preview>*{position:relative;z-index:1}.featured-editor-preview h3{font-size:28px;margin:8px 0;color:#fff}.featured-editor-preview .feature-line{margin:8px 0;color:#dce8f7}.featured-editor-preview .feature-line strong{color:var(--gold)}


/* ------------------------------------------------------------------
   v28 Featured Event Publishing Workflow Pass
   Keeps the cinematic homepage visually clean while adding clear
   draft/publish controls and a separate public detail page.
------------------------------------------------------------------- */
.featured-publish-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:26px;padding:20px 22px;border:1px solid rgba(255,184,32,.30);border-radius:20px;background:linear-gradient(135deg,rgba(255,184,32,.08),rgba(14,165,255,.07),rgba(124,58,237,.06));box-shadow:var(--shadow)}
.featured-publish-bar p{margin:6px 0 0}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:7px 12px;margin:0 10px 8px 0;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.08);color:#fff}.status-chip.is-published{border-color:rgba(72,211,139,.55);background:rgba(72,211,139,.15);color:#a8ffd0}.status-chip.is-draft{border-color:rgba(255,184,32,.55);background:rgba(255,184,32,.12);color:#ffd879}.status-chip.is-unpublished{border-color:rgba(255,105,105,.50);background:rgba(255,105,105,.12);color:#ffb0b0}
.featured-editor-preview .preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.featured-editor-preview .preview-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.featured-editor-preview .preview-meta{padding-top:14px;margin-top:14px;border-top:1px solid rgba(255,255,255,.10)}
.featured-public-hero{background:radial-gradient(circle at 18% 18%,rgba(255,184,32,.16),transparent 32%),radial-gradient(circle at 78% 20%,rgba(14,165,255,.13),transparent 30%),linear-gradient(180deg,rgba(4,8,16,.42),rgba(4,8,16,.92))}.featured-public-facts h3{font-size:22px;line-height:1.25}.featured-public-details{margin-top:28px}.featured-public-details .card{min-height:270px}.featured-public-details p{font-size:17px;line-height:1.7}.featured-public-details strong{color:var(--gold)}
@media(max-width:760px){.featured-publish-bar{align-items:flex-start}.featured-publish-bar .btn-row{width:100%}.featured-public-facts h3{font-size:19px}}


/* ------------------------------------------------------------------
   v29 Public Events & Calendar Publishing Pass
------------------------------------------------------------------- */
.publication-status-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:22px 24px;border:1px solid rgba(14,165,255,.30);border-radius:22px;background:linear-gradient(135deg,rgba(14,165,255,.08),rgba(255,184,32,.08),rgba(124,58,237,.07));box-shadow:var(--shadow)}
.publication-status-bar h2{margin:4px 0 0;font-size:clamp(24px,3vw,38px)}
.publisher-split{align-items:start}.public-event-form .field-label{display:grid;gap:7px;color:#d9e7f8;font-size:13px;font-weight:800}.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.public-event-preview{min-height:520px}.public-event-preview h3{font-size:clamp(28px,4vw,44px)}
.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap}.public-filter-row{display:flex;gap:10px;flex-wrap:wrap}.public-filter-row select{min-width:190px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0b1320;color:#fff}
.publisher-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:24px}.public-publisher-card h3{font-size:24px}.public-listing-marker{margin:16px 0 4px}.public-listing-marker .status-chip{margin-bottom:0}
.public-count-strip{display:inline-flex;align-items:baseline;gap:10px;margin-top:24px;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,184,32,.34);background:rgba(255,184,32,.08)}.public-count-strip strong{font-size:30px;color:var(--gold)}.public-count-strip span{font-weight:800;color:#dce8f7}
.public-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px;margin-top:26px}.public-event-card{display:flex;flex-direction:column;min-height:470px}.public-event-card h3{font-size:clamp(25px,3vw,34px);margin:14px 0 8px}.public-event-card .btn-row{margin-top:auto}.public-event-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.public-event-meta{font-size:17px;line-height:1.55}.public-event-meta strong{color:var(--gold)}
.table-scroll{overflow-x:auto}.public-calendar-table{min-width:920px}.public-calendar-table td{vertical-align:middle}.public-calendar-table .mini-btn{display:inline-flex;text-decoration:none}
@media(max-width:760px){.form-grid-two{grid-template-columns:1fr}.public-event-preview{min-height:auto}.publication-status-bar{align-items:flex-start}.publication-status-bar .btn-row{width:100%}.public-filter-row{width:100%}.public-filter-row select{width:100%}.public-event-grid{grid-template-columns:1fr}}

/* v30 Public Artist Roster Publishing */
.publisher-editor-layout{grid-template-columns:1.08fr .92fr}.artist-editor-preview{position:sticky;top:96px}.artist-editor-preview .preview-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.artist-editor-preview .preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.artist-editor-preview .preview-meta{padding-top:14px;margin-top:14px;border-top:1px solid rgba(255,255,255,.10)}.artist-avatar-placeholder{min-height:150px;border:1px dashed rgba(255,184,32,.38);border-radius:18px;background:linear-gradient(135deg,rgba(255,184,32,.09),rgba(124,58,237,.09),rgba(14,165,255,.08));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;margin:16px 0}.artist-avatar-placeholder span{font-size:22px;font-weight:950;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.artist-avatar-placeholder small{margin-top:7px;color:var(--muted);line-height:1.4}.artist-headline{font-size:18px;font-weight:850;color:#fff}.artist-highlights{padding:14px;border-left:3px solid var(--gold);background:rgba(255,184,32,.06);border-radius:12px}.public-artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:24px}.public-artist-card{display:flex;flex-direction:column}.public-artist-card .artist-avatar-placeholder{min-height:180px;margin-top:0}.public-artist-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.public-artist-card .btn-row{margin-top:auto;padding-top:10px}.public-artist-card .status-chip{margin:0}.form label{display:grid;gap:7px;color:#dbe6f4;font-size:13px;font-weight:850}.talent-card .public-listing-marker{margin:14px 0 4px}@media(max-width:980px){.publisher-editor-layout{grid-template-columns:1fr}.artist-editor-preview{position:static}}


/* v31 Demonstration Readiness & Presentation Pass */
.demo-hero{background:radial-gradient(circle at 76% 18%,rgba(120,214,75,.14),transparent 28%),radial-gradient(circle at 28% 8%,rgba(14,165,255,.14),transparent 30%),linear-gradient(180deg,rgba(4,8,16,.45),rgba(4,8,16,.94))}.demo-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.demo-metric{padding:20px}.demo-metric .stat{font-size:clamp(25px,3vw,38px);overflow-wrap:anywhere}.demo-metric p{font-size:13px;margin-bottom:0}.demo-console{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.demo-tour-panel{position:sticky;top:94px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:22px}.demo-tour-panel h2{font-size:34px}.demo-tour-steps{display:grid;gap:9px}.demo-tour-step{width:100%;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;text-align:left;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.demo-tour-step>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(255,184,32,.12);color:var(--gold);font-weight:950}.demo-tour-step strong{font-size:14px}.demo-tour-step small{color:var(--muted)}.demo-tour-step:hover,.demo-tour-step.active{border-color:rgba(255,184,32,.55);background:rgba(255,184,32,.09)}.demo-tour-step.complete>span{background:rgba(92,227,151,.16);color:#a8ffd0}.demo-tour-step.complete small{color:#a8ffd0}.demo-stage-panel{min-width:0}.demo-stage-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.demo-stage-toolbar h2{font-size:clamp(30px,4vw,50px)}.demo-presenter-note{margin:14px 0 18px;padding:16px 18px;border-left:4px solid var(--gold);border-radius:12px;background:rgba(255,184,32,.07)}.demo-presenter-note strong{color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.demo-presenter-note p{margin:7px 0 0}.demo-frame-shell{overflow:hidden;border:1px solid rgba(14,165,255,.30);border-radius:22px;background:#05070b;box-shadow:var(--shadow)}.demo-frame-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#0b1320;border-bottom:1px solid rgba(255,255,255,.10);font-size:13px;color:var(--muted)}.demo-frame-label .status-chip{margin:0;min-width:auto}.demo-frame-shell iframe{display:block;width:100%;height:720px;border:0;background:#020407}.btn-row.compact{gap:8px;margin-top:12px}.btn-row.compact .btn{padding:10px 13px;font-size:11px}.demo-stage-panel code,.demo-tour-panel code{color:var(--gold2)}
@media(max-width:1100px){.demo-metrics{grid-template-columns:repeat(3,1fr)}.demo-console{grid-template-columns:1fr}.demo-tour-panel{position:static}.demo-tour-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.demo-metrics{grid-template-columns:1fr 1fr}.demo-tour-steps{grid-template-columns:1fr}.demo-frame-shell iframe{height:560px}.demo-stage-toolbar .btn-row{width:100%}.demo-stage-toolbar .btn{flex:1}.demo-console{gap:14px}}
@media(max-width:480px){.demo-metrics{grid-template-columns:1fr}}


/* v32 Social Media Connection & Campaign Center */
.social-hero{background:radial-gradient(circle at 82% 12%,rgba(14,165,255,.18),transparent 31%),radial-gradient(circle at 24% 16%,rgba(124,58,237,.16),transparent 34%),linear-gradient(180deg,rgba(3,7,15,.55),rgba(3,7,15,.95))}.social-public-hero{background:radial-gradient(circle at 70% 15%,rgba(255,184,32,.17),transparent 32%),radial-gradient(circle at 20% 10%,rgba(14,165,255,.14),transparent 30%),linear-gradient(180deg,rgba(3,7,15,.5),rgba(3,7,15,.96))}.social-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.social-metric{padding:19px}.social-metric .stat{font-size:clamp(26px,3vw,39px);overflow-wrap:anywhere}.social-metric p{font-size:13px;margin-bottom:0}.social-platform-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr);gap:22px;align-items:start;margin-top:24px}.social-platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.social-platform-card{display:flex;flex-direction:column}.social-platform-card .btn-row{margin-top:auto}.social-platform-head,.campaign-card-head,.public-social-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.social-handle{font-size:18px;color:var(--gold);font-weight:900}.campaign-editor-layout{display:grid;grid-template-columns:minmax(390px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start;margin-top:24px}.social-fieldset{border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:14px}.social-fieldset legend{padding:0 8px;color:var(--gold);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.social-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tracking-builder{margin-top:8px;padding:16px;border:1px solid rgba(14,165,255,.24);border-radius:16px;background:rgba(14,165,255,.05)}.tracking-builder h3{font-size:20px}.tracking-preview{display:grid;gap:6px;margin-top:10px;padding:10px 12px;border-radius:10px;background:#07101c;border:1px solid rgba(255,255,255,.08);overflow-wrap:anywhere}.tracking-preview span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tracking-preview code{color:#a8e7ff;white-space:normal;overflow-wrap:anywhere}.campaign-toolbar{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;margin-bottom:14px}.campaign-toolbar select,.campaign-toolbar input{width:100%;padding:12px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#0b1320;color:#fff}.campaign-list{display:grid;gap:16px}.campaign-card h3{font-size:clamp(22px,3vw,29px)}.campaign-caption{padding:13px 15px;border-left:3px solid var(--gold);background:rgba(255,184,32,.055);border-radius:10px}.approval-strip{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.social-calendar{display:grid;gap:11px}.social-calendar-row{display:grid;grid-template-columns:145px 1fr auto;gap:15px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(255,255,255,.035)}.social-calendar-row time{display:grid;gap:3px}.social-calendar-row time strong{color:var(--gold)}.social-calendar-row time span{font-size:12px;color:var(--muted)}.social-calendar-row h3{font-size:19px;margin:0 0 3px}.social-calendar-row p{margin:0;color:var(--muted);font-size:13px}.social-preview-card{min-height:520px}.social-preview-placeholder{display:grid;place-items:center;min-height:430px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.15);border-radius:16px;padding:24px}.social-preview-platforms{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.social-preview-art{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,rgba(255,184,32,.18),rgba(124,58,237,.16),rgba(14,165,255,.14));border:1px solid rgba(255,255,255,.13);margin-bottom:16px}.social-preview-art span{font-size:52px;font-weight:950;letter-spacing:-.05em;color:var(--gold)}.social-preview-art small{text-transform:uppercase;letter-spacing:.1em;color:#dceafd}.social-preview-card h3{font-size:30px}.social-preview-meta{display:grid;gap:5px;margin:16px 0;color:var(--muted)}.social-preview-meta strong{color:#fff}.social-analytics-table{min-width:960px}.social-analytics-table td,.social-analytics-table th{text-align:right}.social-analytics-table td:first-child,.social-analytics-table th:first-child{text-align:left;min-width:280px}.public-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:24px}.public-social-card{display:flex;flex-direction:column}.public-social-card .btn{margin-top:auto;align-self:flex-start}.social-share-section{padding-top:30px}.social-share-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px;border:1px solid rgba(255,184,32,.25);border-radius:22px;background:linear-gradient(135deg,rgba(255,184,32,.07),rgba(14,165,255,.06),rgba(124,58,237,.06))}.social-share-band h2{font-size:clamp(28px,4vw,45px)}.social-share-band p{max-width:720px}.social-share-actions{display:flex;gap:9px;flex-wrap:wrap}.social-platform-card.public .btn{align-self:flex-start}
@media(max-width:1180px){.social-metrics{grid-template-columns:repeat(3,1fr)}.campaign-editor-layout,.social-platform-layout{grid-template-columns:1fr}.campaign-editor-layout>.card{position:static}.social-preview-card{min-height:auto}}
@media(max-width:760px){.social-metrics{grid-template-columns:1fr 1fr}.campaign-toolbar{grid-template-columns:1fr}.social-check-grid{grid-template-columns:1fr}.social-calendar-row{grid-template-columns:1fr}.social-calendar-row .mini-btn{justify-self:start}.social-share-actions{width:100%}.social-share-actions .btn{flex:1}.social-platform-grid,.public-social-grid{grid-template-columns:1fr}}
@media(max-width:480px){.social-metrics{grid-template-columns:1fr}}


/* === v32.1 CBE STORY PLAY BUTTON PASS === */
.story-play-hotspot{border-radius:50%;z-index:9!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;}
.story-play-hotspot:hover,.story-play-hotspot:focus-visible{outline:2px solid rgba(255,211,106,.95)!important;background:rgba(255,184,32,.10)!important;box-shadow:0 0 18px rgba(255,184,32,.55),0 0 46px rgba(255,184,32,.28);transform:scale(1.035);}
.story-page{background:radial-gradient(circle at 74% 12%,rgba(255,122,24,.18),transparent 26%),radial-gradient(circle at 32% 8%,rgba(187,60,255,.13),transparent 24%),linear-gradient(180deg,#020407,#07101c 50%,#05070b 100%);}
.story-hero{position:relative;overflow:hidden;padding:86px 0 68px;border-bottom:1px solid rgba(255,255,255,.08);}
.story-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(0,0,0,.10),rgba(0,0,0,.42)),radial-gradient(circle at 70% 36%,rgba(255,184,32,.16),transparent 24%);pointer-events:none;}
.story-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;}
.story-video-placeholder{min-height:390px;border:1px solid rgba(255,184,32,.45);border-radius:28px;background:linear-gradient(145deg,rgba(255,184,32,.10),rgba(14,165,255,.08) 48%,rgba(187,60,255,.10)),#070b12;box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 42px rgba(255,184,32,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;gap:10px;}
.story-video-placeholder strong{font-size:28px;letter-spacing:.08em;color:#fff;}
.story-video-placeholder span{color:var(--gold2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.story-video-placeholder small{max-width:430px;color:var(--muted);line-height:1.5;font-size:13px;}
.story-play-symbol{width:98px;height:98px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:40px;padding-left:8px;color:#fff;background:rgba(0,0,0,.35);box-shadow:0 0 34px rgba(255,184,32,.35),inset 0 0 24px rgba(255,184,32,.08);animation:cbeButtonPulse 1.8s ease-in-out infinite;}
.story-steps .card{min-height:245px;}
.story-band-section{padding-top:36px;}
.story-cta-buttons{justify-content:flex-end;}
@media(max-width:980px){.story-hero-grid{grid-template-columns:1fr}.story-video-placeholder{min-height:300px}.story-cta-buttons{justify-content:flex-start}}

/* ==========================================================
   v32.2 HOMEPAGE SIMPLIFICATION & ENHANCEMENT PASS
   Approved direction: remove CBE Ecosystem from the homepage,
   enlarge/readability-improve the top navigation in the locked
   image reference, brighten lower panel edges, preserve the CBE
   Story Play hotspot, and give Operation North Star a premium
   traveling/twinkling star perimeter.
   ========================================================== */
.v32-2-home-simplification .ecosystem-highlight{display:none!important;animation:none!important;}
/* Journey cards/buttons remain gently active but no large body overlays. */
.v32-2-home-simplification .pulse-journey-one,
.v32-2-home-simplification .pulse-journey-two,
.v32-2-home-simplification .pulse-journey-three,
.v32-2-home-simplification .pulse-journey-four{display:none!important;}
/* Align rotating Journey button glows to the simplified reference. */
.v32-2-home-simplification .journey-button-highlight{top:56.85%!important;height:4.45%!important;opacity:.0;}
.v32-2-home-simplification .journey-button-one{left:2.95%!important;width:21.2%!important;}
.v32-2-home-simplification .journey-button-two{left:27.0%!important;width:21.2%!important;}
.v32-2-home-simplification .journey-button-three{left:50.8%!important;width:20.4%!important;}
.v32-2-home-simplification .journey-button-four{left:73.8%!important;width:21.1%!important;}
/* North Star is now the wider left panel after Ecosystem removal. */
.v32-2-home-simplification .featured-event-card{
  left:1.72%!important;top:62.45%!important;width:32.55%!important;height:24.55%!important;
  border-radius:11px!important;border:1px solid rgba(255,199,64,.52)!important;
  background:transparent!important;
  animation:cbeNorthStarPremiumGlowV322 4.8s ease-in-out infinite!important;
}
@keyframes cbeNorthStarPremiumGlowV322{
  0%,100%{opacity:.34;transform:scale(1);box-shadow:0 0 12px rgba(255,184,32,.22),inset 0 0 14px rgba(255,184,32,.06)!important;}
  50%{opacity:.62;transform:scale(1.002);box-shadow:0 0 24px rgba(255,184,32,.40),0 0 38px rgba(255,122,24,.14),inset 0 0 18px rgba(255,184,32,.10)!important;}
}
/* Reposition the ten twinkles around the wider North Star perimeter. */
.v32-2-home-simplification .sparkle-a{left:1.85%!important;top:62.65%!important;animation-delay:0s!important;}
.v32-2-home-simplification .sparkle-b{left:9.0%!important;top:62.35%!important;animation-delay:.34s!important;}
.v32-2-home-simplification .sparkle-c{left:17.1%!important;top:62.30%!important;animation-delay:.68s!important;}
.v32-2-home-simplification .sparkle-d{left:26.4%!important;top:62.45%!important;animation-delay:1.02s!important;}
.v32-2-home-simplification .sparkle-e{left:33.55%!important;top:64.0%!important;animation-delay:1.36s!important;}
.v32-2-home-simplification .sparkle-f{left:33.7%!important;top:76.0%!important;animation-delay:1.70s!important;}
.v32-2-home-simplification .sparkle-g{left:32.8%!important;top:86.2%!important;animation-delay:2.04s!important;}
.v32-2-home-simplification .sparkle-h{left:22.0%!important;top:86.75%!important;animation-delay:2.38s!important;}
.v32-2-home-simplification .sparkle-i{left:10.0%!important;top:86.7%!important;animation-delay:2.72s!important;}
.v32-2-home-simplification .sparkle-j{left:1.65%!important;top:80.3%!important;animation-delay:3.06s!important;}
/* Align event button pulses with their raised v32.2 positions. */
.v32-2-home-simplification .featured-event-button-highlight{top:81.75%!important;height:3.65%!important;}
.v32-2-home-simplification .featured-event-ticket{left:2.95%!important;width:8.95%!important;}
.v32-2-home-simplification .featured-event-learn{left:12.55%!important;width:8.35%!important;}
/* Keep the play control clearly interactive but elegant. */
.story-play-hotspot:hover,.story-play-hotspot:focus-visible{
  box-shadow:0 0 22px rgba(255,184,32,.58),0 0 52px rgba(255,184,32,.25)!important;
  transform:scale(1.025)!important;
}


/* === v32.3 COMPLETION CANDIDATE ===
   Keep the CBE Story control visible in the locked homepage artwork,
   but disable the interactive hotspot until the final media experience is approved. */
.story-play-hotspot.story-play-disabled{pointer-events:auto;!important;cursor:default!important;background:transparent!important;box-shadow:none!important;outline:none!important;transform:none!important;animation:none!important;}
.story-play-hotspot.story-play-disabled:hover,.story-play-hotspot.story-play-disabled:focus{background:transparent!important;box-shadow:none!important;outline:none!important;transform:none!important;animation:none!important;}


/* CBE v35.3 — public site visitor counter moved beside PARTNERSHIP POWERED.
   Positioned as a compact fifth field immediately to the right of the existing value strip. */
.public-visitor-counter{
  position:absolute;
  left:87.1%;
  top:30.15%;
  bottom:auto;
  transform:none;
  z-index:60;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.42vw;
  width:11.2%;
  min-height:3.75%;
  padding:.34vw .46vw;
  border:1px solid rgba(255,184,32,.58);
  border-radius:9px;
  background:rgba(2,7,14,.90);
  box-shadow:0 0 18px rgba(255,184,32,.22), inset 0 0 10px rgba(255,184,32,.05);
  color:#fff;
  line-height:1;
  pointer-events:none;
  backdrop-filter:blur(3px);
}
.public-visitor-counter-label{
  font-size:clamp(8px,.56vw,11px);
  font-weight:900;
  letter-spacing:.08em;
  color:#d8e0ea;
  white-space:nowrap;
}
.public-visitor-counter strong{
  font-size:clamp(11px,.78vw,16px);
  font-weight:950;
  color:#ffbf32;
  letter-spacing:.04em;
  text-shadow:0 0 12px rgba(255,184,32,.40);
}
@media(max-width:980px){
  .public-visitor-counter{
    left:87.1%;
    top:30.15%;
    width:11.2%;
    min-height:3.75%;
    padding:4px 6px;
    gap:5px;
  }
  .public-visitor-counter-label{font-size:8px;}
  .public-visitor-counter strong{font-size:11px;}
}
.public-visitor-counter-label{font-size:9px;}
  .public-visitor-counter strong{font-size:12px;}
}