/* Dark editorial / club restyle inspired by the supplied references. */
.theme-editorial {
  --ink: #070807;
  --paper: #111210;
  --cream: #171916;
  --blue: #13b7e8;
  --blue-soft: #182d34;
  --green: #82f000;
  --green-soft: #243616;
  --pink: #ff315c;
  --pink-soft: #3a1723;
  --yellow: #f4ff57;
  --violet: #885cff;
  --muted: #9b9e98;
  --acid: #82f000;
  --red: #ff315c;
  --cyan: #19b7e5;
  --surface: #131412;
  --surface-2: #1b1d1a;
  --line: rgba(255, 255, 255, 0.16);
  --outline: 1px solid var(--line);
  --shadow: none;
  --radius-a: 0;
  --radius-b: 0;
  color: #f5f5f0;
  background: #0b0c0b;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
}

.theme-editorial h1,
.theme-editorial h2,
.theme-editorial h3,
.theme-editorial .price strong,
.theme-editorial .level-title h3,
.theme-editorial .hero-points span,
.theme-editorial .stat-sticker strong {
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.theme-editorial h1 {
  font-size: clamp(4.8rem, 9.1vw, 9.3rem);
  line-height: .79;
}

.theme-editorial h2 {
  font-size: clamp(3.4rem, 6.3vw, 6.5rem);
  line-height: .96;
}

.theme-editorial h3 {
  line-height: .92;
}

.theme-editorial p {
  color: #b8bbb5;
}

.theme-editorial .container {
  width: min(calc(100% - 56px), 1240px);
}

.theme-editorial .section {
  padding: 128px 0;
  border-top: 1px solid var(--line);
}

.theme-editorial .section-number {
  position: relative;
  align-items: center;
  gap: 12px;
  color: var(--acid);
  font-size: .68rem;
  letter-spacing: .18em;
}

.theme-editorial .section-number::before {
  content: "";
  width: 28px;
  height: 2px;
  background: currentColor;
}

.theme-editorial .button {
  min-height: 50px;
  padding: 13px 20px;
  border: 1px solid currentColor;
  border-radius: 0;
  box-shadow: none;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color 160ms ease, background 160ms ease, transform 160ms ease;
}

.theme-editorial .button:hover,
.theme-editorial .button:active {
  box-shadow: none;
  transform: none;
}

.theme-editorial .button:hover {
  color: #090a09;
  background: #fff;
}

.theme-editorial .button-dark {
  color: #090a09;
  border-color: var(--acid);
  background: var(--acid);
}

.theme-editorial .button-blue {
  color: #fff;
  border-color: var(--red);
  background: var(--red);
}

.theme-editorial .button-green {
  color: #090a09;
  border-color: var(--acid);
  background: var(--acid);
}

.theme-editorial .button-pink {
  color: #fff;
  border-color: var(--red);
  background: var(--red);
}

.theme-editorial .button-paper {
  color: #fff;
  border-color: rgba(255,255,255,.55);
  background: transparent;
}

.theme-editorial .site-header {
  position: fixed;
  z-index: 30;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  background: rgba(9, 10, 9, .78);
  backdrop-filter: blur(18px);
  transition: padding 240ms ease, background 240ms ease, box-shadow 240ms ease;
}

.theme-editorial .site-header.is-scrolled {
  padding-block: 8px;
  background: rgba(7, 8, 7, .94);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .32);
}

.theme-editorial .header-inner {
  grid-template-columns: 118px 1fr auto;
}

.theme-editorial .brand {
  width: 112px;
  height: 78px;
  border: 0;
  background: transparent;
}

.theme-editorial .brand img {
  transform: scale(1.52);
  mix-blend-mode: normal;
}

.theme-editorial .main-nav {
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.theme-editorial .main-nav a {
  color: #d8dad5;
}

.theme-editorial .main-nav a::after {
  bottom: -9px;
  height: 2px;
  background: var(--acid);
  transform: none;
}

.theme-editorial .menu-toggle {
  border: 1px solid var(--acid);
  border-radius: 0;
  background: transparent;
}

.theme-editorial .menu-toggle > span:not(.sr-only) {
  background: var(--acid);
}

.theme-editorial .hero {
  min-height: 890px;
  padding: 125px 0 0;
  color: #f7f7f3;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
    radial-gradient(circle at 79% 35%, rgba(130,240,0,.12), transparent 27%),
    radial-gradient(circle at 13% 82%, rgba(255,49,92,.10), transparent 23%),
    #0b0c0b;
  background-size: 80px 80px, 80px 80px, auto, auto, auto;
}

.theme-editorial .hero::before {
  opacity: .16;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  background-size: 180px;
  mix-blend-mode: screen;
}

.theme-editorial .hero-grid {
  min-height: 760px;
  grid-template-columns: 1.05fr .95fr;
  gap: 26px;
  padding-bottom: 96px;
}

.theme-editorial .hero-copy {
  padding-top: 30px;
}

.theme-editorial .hero h1 {
  display: grid;
  gap: .055em;
  margin-bottom: 38px;
  line-height: .87;
}

.theme-editorial .hero-title-line {
  display: block;
  white-space: nowrap;
}

.theme-editorial .eyebrow {
  margin-bottom: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  color: #e2e4df;
  background: rgba(255,255,255,.035);
  font-size: .64rem;
  letter-spacing: .11em;
  transform: none;
}

.theme-editorial .live-dot {
  background: var(--red);
  box-shadow: 0 0 18px var(--red);
}

.theme-editorial .scribble,
.theme-editorial .underline-green,
.theme-editorial .underline-pink,
.theme-editorial .underline-blue,
.theme-editorial .circle-blue,
.theme-editorial .circle-green,
.theme-editorial .highlight-yellow,
.theme-editorial .highlight-green {
  display: inline;
  color: var(--acid);
  text-shadow: 0 0 22px rgba(130,240,0,.19);
}

.theme-editorial .scribble-blue {
  color: var(--cyan);
  text-shadow: 0 0 22px rgba(25,183,229,.22);
}

.theme-editorial .scribble::before,
.theme-editorial .underline-green::after,
.theme-editorial .underline-pink::after,
.theme-editorial .underline-blue::after,
.theme-editorial .circle-blue::before,
.theme-editorial .circle-green::before,
.theme-editorial .highlight-yellow::before,
.theme-editorial .highlight-green::before {
  display: none;
}

.theme-editorial .hero-lead {
  max-width: 610px;
  margin-bottom: 40px;
  color: #b7bab4;
  font-size: 1rem;
  line-height: 1.65;
}

.theme-editorial .hero-actions {
  gap: 10px;
}

.theme-editorial .hero-points {
  display: grid;
  max-width: 640px;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 0;
  margin-top: 46px;
  border-block: 1px solid var(--line);
}

.theme-editorial .hero-points li {
  display: grid;
  gap: 1px;
  padding: 16px 14px;
  border-right: 1px solid var(--line);
  color: #888c85;
  font-size: .62rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.theme-editorial .hero-points li:first-child {
  border-left: 1px solid var(--line);
}

.theme-editorial .hero-points span,
.theme-editorial .hero-points li:nth-child(n) span {
  color: #fff;
  font-family: Impact, "Arial Narrow", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: .02em;
}

.theme-editorial .fine-print {
  margin-top: 12px;
  color: #686c66;
  font-size: .65rem;
}

.theme-editorial .hero-art {
  min-height: 680px;
  isolation: isolate;
}

.theme-editorial .hero-art::before,
.theme-editorial .hero-art::after {
  content: "";
  position: absolute;
  z-index: -2;
  border-radius: 50%;
  filter: blur(2px);
}

.theme-editorial .hero-art::before {
  top: 45px;
  right: -150px;
  width: 560px;
  height: 560px;
  background:
    radial-gradient(circle at 28% 28%, #fff36d 0, #ddff19 14%, #58ed00 33%, #ff7447 56%, #9b4dff 72%, #13b7e8 86%, transparent 87%);
  box-shadow: inset 32px -35px 70px rgba(0,0,0,.55), 0 0 90px rgba(130,240,0,.12);
  opacity: .88;
}

.theme-editorial .hero-art::after {
  top: 15px;
  right: -110px;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(255,255,255,.5);
  background: radial-gradient(circle at 40% 32%, transparent 0 46%, rgba(255,255,255,.32) 47%, transparent 49%);
  opacity: .62;
}

.theme-editorial .phone-shell {
  top: 64px;
  left: 51%;
  width: min(385px, 82vw);
  height: 575px;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 0;
  background: #111;
  box-shadow: 24px 28px 0 rgba(0,0,0,.55);
  transform: translateX(-50%) rotate(0);
}

.theme-editorial .phone-shell::before {
  top: 0;
  width: 105px;
  height: 18px;
  border-radius: 0 0 12px 12px;
}

.theme-editorial .phone-top {
  padding: 30px 16px 11px;
  color: white;
  background: #121311;
}

.theme-editorial .live-pill {
  border: 0;
  border-radius: 0;
  background: var(--red);
  letter-spacing: .09em;
}

.theme-editorial .stream-scene {
  isolation: isolate;
  height: 350px;
  border-block: 1px solid rgba(255,255,255,.24);
  background: #172b31;
}

.theme-editorial .streamer-photo {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
}

.theme-editorial .stream-scene::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 34%;
  background: linear-gradient(transparent, rgba(5,7,6,.82));
  pointer-events: none;
}

.theme-editorial .scene-rays {
  z-index: 2;
  opacity: .12;
  background: repeating-conic-gradient(from 0deg, transparent 0 19deg, rgba(130,240,0,.16) 19deg 31deg);
}

.theme-editorial .streamer-portrait {
  display: none;
}

.theme-editorial .face {
  border: 2px solid #111;
  background: #e0a78b;
}

.theme-editorial .hair {
  border: 2px solid #111;
  background: linear-gradient(135deg, var(--acid), #f5ff4e 40%, var(--cyan));
}

.theme-editorial .shirt {
  border: 2px solid #111;
  background: var(--acid);
}

.theme-editorial .floating-gem {
  z-index: 3;
  color: var(--red);
  -webkit-text-stroke: 0;
  filter: drop-shadow(0 0 12px var(--red));
}

.theme-editorial .chat-feed {
  padding-top: 12px;
  background: #111;
}

.theme-editorial .chat-feed p {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 0;
  color: #dedfdc;
  background: #1c1e1b;
}

.theme-editorial .stream-controls {
  color: #dfe1dc;
  background: #111;
}

.theme-editorial .sticker,
.theme-editorial .stat-sticker {
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 0;
  box-shadow: none;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
}

.theme-editorial .sticker-yellow {
  top: 28px;
  right: -20px;
  padding: 12px 15px;
  color: #0a0b0a;
  background: var(--acid);
  font-size: .65rem;
  letter-spacing: .08em;
  transform: rotate(0);
}

.theme-editorial .stat-sticker {
  color: #f4f4ef;
  background: rgba(16,17,15,.92);
  backdrop-filter: blur(12px);
}

.theme-editorial .stat-sticker strong,
.theme-editorial .stat-sticker-one strong,
.theme-editorial .stat-sticker-two strong {
  color: var(--acid);
  font-family: Impact, "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
}

.theme-editorial .stat-sticker-one {
  left: -35px;
  bottom: 94px;
  transform: none;
}

.theme-editorial .stat-sticker-two {
  right: -30px;
  bottom: 32px;
  transform: none;
}

.theme-editorial .doodle-arrow,
.theme-editorial .hero-doodle,
.theme-editorial .spark {
  display: none;
}

.theme-editorial .ticker {
  width: 100%;
  margin-left: 0;
  border-block: 1px solid var(--acid);
  color: var(--acid);
  background: #090a09;
  transform: none;
}

.theme-editorial .ticker::before,
.theme-editorial .ticker::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  width: 110px;
  height: 100%;
  background: repeating-linear-gradient(135deg, var(--acid) 0 10px, #090a09 10px 20px);
}

.theme-editorial .ticker::before { left: 0; }
.theme-editorial .ticker::after { right: 0; }

.theme-editorial .ticker-track {
  gap: 34px;
  padding: 13px 120px;
  font-family: Arial, sans-serif;
  font-size: .7rem;
  letter-spacing: .12em;
}

.theme-editorial .ticker-track i {
  color: var(--red);
  -webkit-text-stroke: 0;
}

.theme-editorial .section-heading {
  margin-bottom: 65px;
}

.theme-editorial .section-heading h2 {
  margin-bottom: 34px;
}

.theme-editorial .heading-split > p,
.theme-editorial .centered-heading > p {
  color: #8e928b;
  font-size: .96rem;
  line-height: 1.65;
}

.theme-editorial .paths {
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #151614;
  background-size: 80px 80px;
}

.theme-editorial .path-grid {
  gap: 1px;
  padding: 1px;
  background: var(--line);
}

.theme-editorial .path-card {
  min-height: 560px;
  padding: 44px 135px 42px 42px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

.theme-editorial .path-card::after,
.theme-editorial .price-card::after {
  content: "";
  position: absolute;
  top: 34px;
  right: 34px;
  width: 62px;
  height: calc(100% - 68px);
  opacity: .9;
  background:
    linear-gradient(90deg, transparent 0 7px, currentColor 7px 10px, transparent 10px 14px, currentColor 14px 16px, transparent 16px 20px, currentColor 20px 27px, transparent 27px 31px, currentColor 31px 33px, transparent 33px 40px, currentColor 40px 45px, transparent 45px 50px, currentColor 50px 52px, transparent 52px),
    repeating-linear-gradient(0deg, currentColor 0 2px, transparent 2px 5px);
  clip-path: inset(0 0 0 0);
}

.theme-editorial .path-card::before,
.theme-editorial .price-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 113px;
  width: 1px;
  height: 100%;
  background: repeating-linear-gradient(to bottom, currentColor 0 3px, transparent 3px 8px);
  opacity: .45;
}

.theme-editorial .path-agency {
  color: #090a09;
  background:
    radial-gradient(circle at 15% 90%, rgba(255,255,255,.6), transparent 30%),
    var(--acid);
}

.theme-editorial .path-agency p,
.theme-editorial .path-agency small {
  color: #18210e;
}

.theme-editorial .path-course {
  color: #f6f6f2;
  background:
    radial-gradient(circle at 78% 22%, rgba(25,183,229,.20), transparent 25%),
    #1a1c19;
}

.theme-editorial .path-card-top {
  margin-bottom: 66px;
}

.theme-editorial .path-icon {
  width: 55px;
  height: 55px;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: inherit;
  background: transparent;
  box-shadow: none;
  font-size: 1.3rem;
}

.theme-editorial .mini-label {
  padding: 6px 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: inherit;
  background: transparent;
  font-size: .58rem;
}

.theme-editorial .path-card h3 {
  margin-bottom: 20px;
  font-size: clamp(4rem, 7vw, 6.8rem);
}

.theme-editorial .path-lead {
  font-size: .96rem;
  line-height: 1.55;
}

.theme-editorial .check-list {
  gap: 9px;
  font-size: .82rem;
}

.theme-editorial .check-list li::before {
  content: "+";
  top: 0;
  font-family: Arial, sans-serif;
  font-size: 1rem;
}

.theme-editorial .path-agency .button-dark {
  color: white;
  border-color: #090a09;
  background: #090a09;
}

.theme-editorial .path-course .button-pink {
  background: var(--red);
}

.theme-editorial .system-section {
  overflow: hidden;
  background: #0d0e0d;
}

.theme-editorial .system-section::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .06;
  background: repeating-linear-gradient(115deg, transparent 0 25px, #fff 25px 26px);
}

.theme-editorial .system-grid {
  position: relative;
  gap: 95px;
}

.theme-editorial .system-visual {
  min-height: 560px;
}

.theme-editorial .system-visual::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 420px;
  height: 420px;
  border-radius: 46% 54% 58% 42%;
  background:
    radial-gradient(circle at 30% 22%, #fff36c, #c8ff00 19%, #ff8a3d 44%, #ad4eff 68%, #00b8ee 86%);
  box-shadow: inset -35px -48px 70px rgba(5,6,5,.7), 0 0 85px rgba(130,240,0,.13);
  transform: translate(-50%,-50%) rotate(-12deg);
}

.theme-editorial .system-center {
  width: 225px;
  height: 225px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 26px;
  background: #000;
  box-shadow: none;
  backdrop-filter: blur(16px);
  transform: translate(-50%, -50%);
}

.theme-editorial .system-center img {
  transform: scale(1.42);
  mix-blend-mode: normal;
}

.theme-editorial .system-orbit {
  border: 1px solid rgba(255,255,255,.6);
}

.theme-editorial .orbit-one { width: 500px; height: 300px; }
.theme-editorial .orbit-two { width: 310px; height: 500px; }

.theme-editorial .orbit-label {
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 999px;
  color: #fff;
  background: rgba(8,9,8,.72);
  box-shadow: none;
  font-size: .58rem;
  letter-spacing: .1em;
  backdrop-filter: blur(8px);
}

.theme-editorial .system-copy > p {
  color: #989c95;
  font-size: 1rem;
  line-height: 1.65;
}

.theme-editorial .system-notes {
  gap: 1px;
  padding: 1px;
  background: var(--line);
}

.theme-editorial .system-notes > div,
.theme-editorial .system-notes > div:first-child,
.theme-editorial .system-notes > div:last-child {
  padding: 24px;
  border: 0;
  border-radius: 0;
  color: #eceee9;
  background: rgba(255,255,255,.045);
  box-shadow: none;
  transform: none;
}

.theme-editorial .system-notes > div:last-child {
  background: linear-gradient(135deg, rgba(130,240,0,.14), rgba(255,255,255,.04));
}

.theme-editorial .system-notes span {
  color: #90948d;
}

.theme-editorial .levels {
  background:
    radial-gradient(circle at 85% 25%, rgba(130,240,0,.08), transparent 22%),
    #121311;
}

.theme-editorial .levels::before {
  opacity: .05;
  background-image: linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);
  background-size: 80px 80px;
}

.theme-editorial .centered-heading > p {
  color: #8e928b;
}

.theme-editorial .level-stack {
  max-width: 1080px;
  gap: 1px;
  padding: 1px;
  background: var(--line);
}

.theme-editorial .level-card {
  text-decoration: none;
  grid-template-columns: 55px 195px 1fr auto;
  gap: 26px;
  padding: 27px 30px;
  border: 0;
  border-radius: 0;
  color: #f7f7f2;
  background: #1a1c19;
  box-shadow: none;
  transform: none;
}

.theme-editorial .level-start {
  color: #090a09;
  background: var(--acid);
}

.theme-editorial .level-growth {
  background: linear-gradient(90deg, #1a1c19, #132c34);
}

.theme-editorial .level-scale {
  background: linear-gradient(90deg, #1a1c19, #32131d);
}

.theme-editorial .level-index {
  font-family: Arial, sans-serif;
  font-size: .7rem;
  letter-spacing: .14em;
}

.theme-editorial .level-title span {
  font-family: Arial, sans-serif;
  font-size: .58rem;
  letter-spacing: .19em;
}

.theme-editorial .level-title h3 {
  font-size: 3.5rem;
}

.theme-editorial .level-card p {
  color: #a9aca5;
  font-size: .8rem;
  line-height: 1.55;
}

.theme-editorial .level-start p {
  color: #19210f;
}

.theme-editorial .level-status {
  padding: 7px 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: inherit;
  background: transparent;
  font-size: .56rem;
}

.theme-editorial .levels-disclaimer {
  color: #686c65;
}

.theme-editorial .course {
  color: #f5f5f0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #0c0d0c;
  background-size: 80px 80px;
}

.theme-editorial .course-layout {
  grid-template-columns: minmax(0,1fr) 390px;
  gap: 62px;
}

.theme-editorial .course-intro {
  color: #989c95;
  font-size: 1rem;
}

.theme-editorial .accordion {
  gap: 1px;
  padding: 1px;
  background: var(--line);
}

.theme-editorial .module {
  border: 0;
  border-radius: 0;
  background: #181a17;
  box-shadow: none;
}

.theme-editorial .module-trigger {
  padding: 20px 22px;
  color: #f0f1ec;
}

.theme-editorial .module.is-open .module-trigger {
  color: #090a09;
  background: var(--acid);
}

.theme-editorial .module-number,
.theme-editorial .module-count {
  font-size: .58rem;
  letter-spacing: .12em;
}

.theme-editorial .module-name {
  font-size: .9rem;
  letter-spacing: .02em;
}

.theme-editorial .module-toggle {
  font-family: Arial, sans-serif;
  font-size: 1.1rem;
}

.theme-editorial .module-content {
  padding: 18px 24px 22px;
  border-top: 1px solid var(--line);
  color: #afb2ac;
  background: #111210;
}

.theme-editorial .module-content li {
  font-size: .8rem;
}

.theme-editorial .module-content li > span {
  color: var(--acid);
  font-family: Arial, sans-serif;
  font-size: .65rem;
}

.theme-editorial .price-card {
  position: sticky;
  top: 25px;
  padding: 42px 110px 36px 34px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  color: #090a09;
  background:
    radial-gradient(circle at 25% 95%, rgba(255,255,255,.7), transparent 35%),
    var(--acid);
  box-shadow: none;
  transform: none;
}

.theme-editorial .price-card::after {
  color: #090a09;
}

.theme-editorial .price-card::before {
  color: #090a09;
  right: 91px;
}

.theme-editorial .price-tape {
  top: 0;
  right: 0;
  padding: 8px 11px;
  border: 0;
  color: white;
  background: var(--red);
  font-family: Arial, sans-serif;
  font-size: .55rem;
  letter-spacing: .12em;
  transform: none;
}

.theme-editorial .price-label {
  font-size: .72rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.theme-editorial .price strong {
  font-size: 4.5rem;
}

.theme-editorial .installment,
.theme-editorial .price-card small {
  color: #1c2710;
}

.theme-editorial .compact-list {
  font-size: .74rem;
}

.theme-editorial .price-doodle {
  display: none;
}

.theme-editorial .outcome {
  background:
    radial-gradient(circle at 8% 78%, rgba(130,240,0,.11), transparent 24%),
    radial-gradient(circle at 82% 20%, rgba(255,125,50,.09), transparent 24%),
    #131412;
}

.theme-editorial .outcome-grid {
  gap: 12px;
}

.theme-editorial .outcome-grid article,
.theme-editorial .outcome-grid article:nth-child(n) {
  position: relative;
  min-height: 310px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 24px;
  color: #f4f5f0;
  background: linear-gradient(155deg, rgba(255,255,255,.12), rgba(255,255,255,.035));
  box-shadow: none;
  transform: none;
  backdrop-filter: blur(18px);
}

.theme-editorial .outcome-grid article::before {
  content: "";
  position: absolute;
  left: -30%;
  right: -30%;
  bottom: -42%;
  height: 65%;
  border-radius: 50%;
  background: radial-gradient(circle, var(--orb-color), transparent 68%);
  filter: blur(16px);
  opacity: .65;
}

.theme-editorial .outcome-grid article:nth-child(1) { --orb-color: #ff9c31; }
.theme-editorial .outcome-grid article:nth-child(2) { --orb-color: #13b7e8; }
.theme-editorial .outcome-grid article:nth-child(3) { --orb-color: #a54eff; }
.theme-editorial .outcome-grid article:nth-child(4) { --orb-color: #82f000; }

.theme-editorial .outcome-icon {
  position: relative;
  z-index: 1;
  width: 54px;
  height: 54px;
  margin-bottom: 62px;
  border: 0;
  border-radius: 50%;
  color: #090a09;
  background: radial-gradient(circle at 30% 25%, #fff36d, var(--acid) 32%, #ff7b39 62%, #7b50ff 84%);
  box-shadow: inset -7px -8px 13px rgba(0,0,0,.38);
  font-family: Arial, sans-serif;
}

.theme-editorial .outcome-grid h3,
.theme-editorial .outcome-grid p {
  position: relative;
  z-index: 1;
}

.theme-editorial .outcome-grid h3 {
  font-family: Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: -.02em;
  text-transform: none;
}

.theme-editorial .outcome-grid p {
  color: #b4b7b1;
  font-size: .78rem;
}

.theme-editorial .agency {
  padding-top: 50px;
  background: #131412;
}

.theme-editorial .agency-panel {
  position: relative;
  padding: clamp(42px,6vw,72px);
  overflow: hidden;
  border: 1px solid rgba(130,240,0,.55);
  border-radius: 0;
  color: #f4f5f0;
  background:
    linear-gradient(110deg, rgba(8,9,8,.97) 0 45%, rgba(8,9,8,.72) 70%, rgba(8,9,8,.33)),
    radial-gradient(circle at 88% 50%, #f5e84e 0, #82f000 23%, #ff733a 49%, #934fff 72%, #13b7e8 86%);
  box-shadow: none;
}

.theme-editorial .agency-panel::after {
  content: "";
  position: absolute;
  right: -8%;
  top: -35%;
  width: 530px;
  height: 780px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 50%;
  transform: rotate(22deg);
}

.theme-editorial .light-number {
  color: var(--acid);
}

.theme-editorial .agency-copy p {
  color: #aeb1ab;
}

.theme-editorial .agency-benefits {
  gap: 1px;
  padding: 1px;
  background: rgba(255,255,255,.18);
}

.theme-editorial .agency-benefits > div {
  padding: 22px;
  border: 0;
  border-radius: 0;
  background: rgba(15,16,14,.72);
  backdrop-filter: blur(14px);
}

.theme-editorial .agency-benefits span {
  color: var(--acid);
  font-family: Arial, sans-serif;
  font-size: .62rem;
  letter-spacing: .1em;
}

.theme-editorial .agency-benefits p {
  color: #92958f;
}

.theme-editorial .agency-squiggle {
  display: none;
}

/* BoostUp StreamLab */
.theme-editorial .hero-trainer-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  color: #dfe5df;
  font-size: .78rem;
  font-weight: 700;
  text-decoration: none;
}

.theme-editorial .hero-trainer-link span {
  padding: 4px 7px;
  border-radius: 999px;
  color: #060806;
  background: var(--acid);
  font-size: .58rem;
  letter-spacing: .09em;
}

.theme-editorial .hero-trainer-link:hover {
  color: var(--acid);
}

.theme-editorial .streamlab-promo {
  position: relative;
  overflow: hidden;
  border-block: 1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(circle at 82% 20%, rgba(25,183,229,.15), transparent 30%),
    radial-gradient(circle at 15% 100%, rgba(130,240,0,.1), transparent 30%),
    #080a08;
}

.theme-editorial .streamlab-promo::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .45;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 72px 72px;
}

.theme-editorial .streamlab-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: clamp(50px,8vw,130px);
}

.theme-editorial .streamlab-copy h2 {
  margin: 18px 0;
  font-size: clamp(3.4rem,7vw,7.4rem);
  line-height: .87;
  text-transform: uppercase;
}

.theme-editorial .streamlab-copy h2 span {
  color: var(--acid);
}

.theme-editorial .streamlab-copy > p {
  max-width: 610px;
  color: #a8afa8;
  font-size: 1.02rem;
  line-height: 1.7;
}

.theme-editorial .streamlab-copy > small {
  display: block;
  max-width: 610px;
  margin-top: 16px;
  color: #737a74;
  font-size: .7rem;
  line-height: 1.5;
}

.theme-editorial .streamlab-features {
  display: grid;
  gap: 1px;
  margin: 28px 0;
  padding: 1px;
  background: rgba(255,255,255,.13);
}

.theme-editorial .streamlab-features > div {
  display: grid;
  grid-template-columns: 45px 1fr;
  gap: 14px;
  align-items: center;
  padding: 15px;
  background: #101310;
}

.theme-editorial .streamlab-features b {
  color: var(--acid);
  font-family: "Oswald", sans-serif;
  font-size: 1.1rem;
}

.theme-editorial .streamlab-features span {
  color: #8f968f;
  font-size: .75rem;
}

.theme-editorial .streamlab-features strong {
  display: block;
  margin-bottom: 3px;
  color: #f3f6f2;
  font-size: .8rem;
}

.theme-editorial .streamlab-visual {
  min-height: 680px;
  position: relative;
  display: grid;
  place-items: center;
  perspective: 1000px;
}

.theme-editorial .streamlab-phone {
  width: 310px;
  height: 620px;
  padding: 12px;
  overflow: hidden;
  position: relative;
  z-index: 3;
  border: 2px solid #454d46;
  border-radius: 45px;
  background:
    radial-gradient(circle at 50% 24%, rgba(130,240,0,.28), transparent 34%),
    linear-gradient(165deg,#1d3222,#060806 65%);
  box-shadow: 0 40px 100px rgba(0,0,0,.6), 0 0 80px rgba(25,183,229,.1);
  transform: rotateY(-7deg) rotateX(2deg);
  animation: streamlab-phone-float 6s ease-in-out infinite;
}

@keyframes streamlab-phone-float {
  50% { transform: rotateY(5deg) rotateX(-1deg) translateY(-14px); }
}

.theme-editorial .streamlab-live-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px;
  border-radius: 12px;
  background: rgba(0,0,0,.52);
  font-size: .7rem;
  font-weight: 800;
}

.theme-editorial .streamlab-live-head i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff365f;
  box-shadow: 0 0 14px #ff365f;
  animation: pulse-live 1s infinite;
}

.theme-editorial .streamlab-live-head b {
  margin-left: auto;
  color: var(--acid);
}

.theme-editorial .streamlab-avatar {
  width: 210px;
  height: 370px;
  margin: 45px auto 0;
  position: relative;
}

.theme-editorial .streamlab-avatar .sl-head {
  width: 96px;
  height: 116px;
  position: absolute;
  z-index: 2;
  top: 43px;
  left: 57px;
  border-radius: 48% 48% 43% 43%;
  background: #dda17d;
  box-shadow: inset -8px -9px 0 rgba(0,0,0,.08);
}

.theme-editorial .streamlab-avatar .sl-head::before {
  content: "••";
  position: absolute;
  left: 24px;
  top: 39px;
  color: #221916;
  font-size: 1.4rem;
  letter-spacing: 18px;
}

.theme-editorial .streamlab-avatar .sl-head::after {
  content: "⌣";
  position: absolute;
  left: 36px;
  top: 63px;
  color: #973a50;
  font-size: 1.8rem;
}

.theme-editorial .streamlab-avatar .sl-hair {
  width: 114px;
  height: 91px;
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 48px;
  border-radius: 53% 53% 35% 35%;
  background: #242021;
}

.theme-editorial .streamlab-avatar .sl-body {
  width: 190px;
  height: 235px;
  position: absolute;
  top: 140px;
  left: 10px;
  border-radius: 84px 84px 12px 12px;
  background: linear-gradient(135deg,var(--green),#2b8d00);
  box-shadow: inset -28px -18px 0 rgba(0,0,0,.1);
}

.theme-editorial .sl-emotion {
  position: absolute;
  z-index: 5;
  left: 20px;
  bottom: 20px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  background: rgba(0,0,0,.7);
  color: var(--acid);
  font-size: .55rem;
  font-weight: 800;
}

.theme-editorial .streamlab-chat {
  display: grid;
  gap: 5px;
  position: absolute;
  left: 18px;
  bottom: 22px;
}

.theme-editorial .streamlab-chat p {
  width: max-content;
  margin: 0;
  padding: 6px 8px;
  border-radius: 7px;
  background: rgba(0,0,0,.7);
  font-size: .56rem;
}

.theme-editorial .streamlab-chat b {
  color: var(--green);
}

.theme-editorial .streamlab-metric,
.theme-editorial .streamlab-choice {
  position: absolute;
  z-index: 5;
  border: 1px solid rgba(255,255,255,.17);
  background: rgba(10,13,10,.88);
  box-shadow: 0 18px 55px rgba(0,0,0,.38);
  backdrop-filter: blur(16px);
}

.theme-editorial .streamlab-metric {
  width: 160px;
  padding: 14px;
}

.theme-editorial .streamlab-metric span {
  color: #8e958e;
  font-size: .52rem;
  letter-spacing: .12em;
}

.theme-editorial .streamlab-metric strong {
  display: block;
  margin: 4px 0;
  color: var(--acid);
  font-family: "Oswald",sans-serif;
  font-size: 2.3rem;
}

.theme-editorial .streamlab-metric i {
  display: block;
  height: 4px;
  background: linear-gradient(90deg,var(--blue) 20%,var(--green) 75%,transparent 75%);
}

.theme-editorial .metric-one { top: 120px; left: 0; transform: rotate(-3deg); }
.theme-editorial .metric-two { right: -12px; bottom: 140px; transform: rotate(4deg); }

.theme-editorial .streamlab-choice {
  width: 230px;
  left: -30px;
  bottom: 60px;
  padding: 16px;
}

.theme-editorial .streamlab-choice span {
  color: #ff527e;
  font-size: .52rem;
  letter-spacing: .12em;
}

.theme-editorial .streamlab-choice strong {
  display: block;
  margin: 6px 0 10px;
  font-size: .78rem;
}

.theme-editorial .streamlab-choice i {
  display: inline-block;
  margin: 2px;
  padding: 5px 7px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: #aeb4ae;
  font-size: .5rem;
  font-style: normal;
}

.theme-editorial .streamlab-orbit {
  position: absolute;
  border: 1px solid rgba(130,240,0,.25);
  border-radius: 50%;
  animation: streamlab-orbit 12s linear infinite;
}

.theme-editorial .streamlab-orbit::after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 22%;
  left: 4%;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 25px var(--green);
}

.theme-editorial .orbit-a { width: 540px; height: 540px; }
.theme-editorial .orbit-b { width: 670px; height: 370px; animation-direction: reverse; }
@keyframes streamlab-orbit { to { transform: rotate(360deg); } }

@media (max-width: 960px) {
  .theme-editorial .streamlab-grid { grid-template-columns: 1fr; }
  .theme-editorial .streamlab-visual { min-height: 650px; }
}

@media (max-width: 620px) {
  .theme-editorial .hero-trainer-link { align-items: flex-start; font-size: .7rem; line-height: 1.4; }
  .theme-editorial .streamlab-copy h2 { font-size: 3.4rem; }
  .theme-editorial .streamlab-visual { min-height: 570px; transform: scale(.86); transform-origin: center top; margin-bottom: -80px; }
  .theme-editorial .streamlab-phone { width: 280px; height: 560px; }
  .theme-editorial .metric-one { left: -24px; }
  .theme-editorial .metric-two { right: -24px; }
}

.theme-editorial .proof {
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #0c0d0c;
  background-size: 80px 80px;
}

.theme-editorial .proof-copy > p {
  color: #92968f;
}

.theme-editorial .proof-rule {
  padding: 18px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 0;
  color: #e9eae6;
  background: #181a17;
  box-shadow: none;
  transform: none;
}

.theme-editorial .proof-rule span {
  border: 1px solid var(--acid);
  color: var(--acid);
  background: transparent;
}

.theme-editorial .case-placeholder {
  padding: 36px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 26px;
  color: #f4f5f0;
  background:
    radial-gradient(circle at 10% 100%, rgba(130,240,0,.25), transparent 35%),
    linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.035));
  box-shadow: none;
  transform: none;
  backdrop-filter: blur(18px);
}

.theme-editorial .verification-badge {
  border: 1px solid var(--acid);
  border-radius: 999px;
  color: var(--acid);
  background: transparent;
}

.theme-editorial .case-avatar {
  border: 0;
  border-radius: 50%;
  color: #090a09;
  background: radial-gradient(circle at 30% 25%, #fff36d, var(--acid) 32%, #ff7b39 62%, #7b50ff 84%);
  box-shadow: inset -11px -12px 18px rgba(0,0,0,.4);
  font-family: Arial, sans-serif;
}

.theme-editorial .case-placeholder > p,
.theme-editorial .case-placeholder small {
  color: #a2a69f;
}

.theme-editorial .case-metrics {
  gap: 1px;
  padding: 1px;
  background: rgba(255,255,255,.14);
}

.theme-editorial .case-metrics div {
  border: 0;
  border-radius: 0;
  color: #f5f5f1;
  background: rgba(9,10,9,.68);
}

.theme-editorial .free-lesson {
  padding-bottom: 128px;
  background: #0c0d0c;
}

.theme-editorial .free-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 0;
  color: #f5f5f0;
  background:
    linear-gradient(100deg, rgba(12,13,12,.94) 0 48%, rgba(12,13,12,.55) 70%, rgba(12,13,12,.35)),
    radial-gradient(circle at 92% 54%, #ffeb55 0, #82f000 20%, #ff7137 45%, #9450ff 70%, #13b7e8 88%);
  box-shadow: none;
  transform: none;
}

.theme-editorial .free-panel::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: -155px;
  top: -220px;
  width: 520px;
  height: 720px;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 50%;
  transform: rotate(28deg);
}

.theme-editorial .free-icon,
.theme-editorial .free-copy,
.theme-editorial .lead-form {
  position: relative;
  z-index: 1;
}

.theme-editorial .free-icon {
  width: 82px;
  height: 82px;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 50%;
  color: #090a09;
  background: var(--acid);
  box-shadow: none;
}

.theme-editorial .free-copy p {
  color: #b2b5af;
}

.theme-editorial .lead-form input,
.theme-editorial .dialog-form input,
.theme-editorial .dialog-form select,
.theme-editorial .lead-form textarea,
.theme-editorial .dialog-form textarea {
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 0;
  color: #f3f4ef;
  background: rgba(10,11,10,.78);
}

.theme-editorial .lead-form input::placeholder,
.theme-editorial .dialog-form input::placeholder,
.theme-editorial .lead-form textarea::placeholder,
.theme-editorial .dialog-form textarea::placeholder {
  color: #686c65;
}

.theme-editorial .consent-line {
  color: #a1a49e;
}

.theme-editorial .faq {
  background: #151614;
}

.theme-editorial .faq-title p {
  color: #8f938c;
}

.theme-editorial .faq-item {
  border-bottom: 1px solid rgba(255,255,255,.2);
}

.theme-editorial .faq-item > button {
  padding: 23px 2px;
  color: #e9ebe6;
}

.theme-editorial .faq-item > button span {
  font-size: .88rem;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.theme-editorial .faq-item > button i {
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  color: #f0f1ed;
  background: transparent;
  font-family: Arial, sans-serif;
  font-size: .9rem;
}

.theme-editorial .faq-item.is-open > button {
  color: #090a09;
  background: var(--acid);
}

.theme-editorial .faq-item.is-open > button i {
  border-color: #090a09;
  color: #090a09;
  background: transparent;
}

.theme-editorial .faq-answer {
  padding: 18px 50px 23px 18px;
  color: #9ea29b;
  background: #10110f;
}

.theme-editorial .faq-answer p {
  color: #9ea29b;
}

.theme-editorial .final-cta {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(130,240,0,.4);
  background: #090a09;
}

.theme-editorial .final-cta::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  width: 900px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(130,240,0,.55), rgba(255,103,49,.28) 30%, rgba(132,70,255,.20) 52%, transparent 72%);
  filter: blur(32px);
  transform: translate(-50%,-50%);
}

.theme-editorial .final-cta-inner {
  position: relative;
  z-index: 1;
}

.theme-editorial .final-cta-inner > p {
  color: var(--acid);
  font-family: Arial, sans-serif;
  font-size: .68rem;
  letter-spacing: .17em;
  text-transform: uppercase;
  transform: none;
}

.theme-editorial .final-cta h2 span {
  color: var(--acid);
}

.theme-editorial .final-star,
.theme-editorial .final-arrow {
  display: none;
}

.theme-editorial .site-footer {
  padding-top: 48px;
  border-top: 1px solid var(--line);
  color: #dedfdc;
  background: #090a09;
}

.theme-editorial .footer-grid > p,
.theme-editorial .footer-bottom {
  color: #777b75;
}

.theme-editorial .footer-grid nav {
  color: #acafa9;
}

.theme-editorial .footer-bottom {
  border-top: 1px solid var(--line);
}

.theme-editorial .site-dialog {
  border: 1px solid rgba(255,255,255,.27);
  border-radius: 0;
  color: #f4f5f0;
  background:
    radial-gradient(circle at 100% 0, rgba(130,240,0,.12), transparent 38%),
    #151714;
  box-shadow: 0 25px 90px rgba(0,0,0,.65);
}

.theme-editorial .site-dialog::backdrop {
  background: rgba(2,3,2,.84);
  backdrop-filter: blur(9px);
}

.theme-editorial .dialog-close {
  border: 1px solid var(--acid);
  border-radius: 0;
  color: var(--acid);
  background: transparent;
  font-family: Arial, sans-serif;
}

.theme-editorial .dialog-kicker {
  color: var(--acid);
}

.theme-editorial .site-dialog > p,
.theme-editorial .dialog-note {
  color: #969a93;
}

.theme-editorial .dialog-routes {
  gap: 1px;
  padding: 1px;
  background: var(--line);
}

.theme-editorial .dialog-route,
.theme-editorial .agency-choice,
.theme-editorial .course-choice {
  border: 0;
  border-radius: 0;
  color: #f1f2ee;
  background: #1c1e1b;
  box-shadow: none;
}

.theme-editorial .dialog-route:hover {
  color: #090a09;
  background: var(--acid);
}

@media (max-width: 1020px) {
  .theme-editorial .header-inner {
    grid-template-columns: 105px 1fr auto;
  }

  .theme-editorial .hero-grid {
    grid-template-columns: 1fr .82fr;
  }

  .theme-editorial .path-card {
    padding-right: 105px;
  }

  .theme-editorial .path-card::after {
    right: 22px;
    width: 48px;
  }

  .theme-editorial .path-card::before {
    right: 85px;
  }

  .theme-editorial .course-layout {
    grid-template-columns: minmax(0,1fr) 330px;
    gap: 35px;
  }

  .theme-editorial .price-card {
    padding-right: 92px;
  }

  .theme-editorial .price-card::after {
    right: 22px;
    width: 48px;
  }

  .theme-editorial .price-card::before {
    right: 73px;
  }
}

@media (max-width: 820px) {
  .theme-editorial .container {
    width: min(calc(100% - 36px), 1240px);
  }

  .theme-editorial .section {
    padding: 92px 0;
  }

  .theme-editorial .header-inner {
    grid-template-columns: 1fr auto;
  }

  .theme-editorial .main-nav {
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 0;
    color: #f3f4ef;
    background: rgba(12,13,12,.97);
    box-shadow: none;
  }

  .theme-editorial .hero {
    min-height: auto;
    padding-top: 120px;
  }

  .theme-editorial .hero-grid {
    grid-template-columns: 1fr;
  }

  .theme-editorial .hero-copy {
    max-width: 680px;
    margin-inline: auto;
    text-align: center;
  }

  .theme-editorial .hero-art {
    min-height: 650px;
  }

  .theme-editorial .hero-art::before {
    right: 50%;
    transform: translateX(50%);
  }

  .theme-editorial .hero-art::after {
    right: 50%;
    transform: translateX(50%);
  }

  .theme-editorial .heading-split,
  .theme-editorial .path-grid,
  .theme-editorial .system-grid,
  .theme-editorial .course-layout,
  .theme-editorial .agency-panel,
  .theme-editorial .proof-grid,
  .theme-editorial .faq-layout {
    grid-template-columns: 1fr;
  }

  .theme-editorial .path-grid {
    gap: 1px;
  }

  .theme-editorial .path-card {
    min-height: 520px;
  }

  .theme-editorial .system-visual {
    order: 2;
  }

  .theme-editorial .level-card {
    grid-template-columns: 48px 170px 1fr;
  }

  .theme-editorial .level-status {
    grid-column: 2 / -1;
  }

  .theme-editorial .price-card {
    max-width: 540px;
  }

  .theme-editorial .faq-title {
    position: relative;
    top: auto;
  }

  .theme-editorial .footer-grid {
    grid-template-columns: 150px 1fr;
  }
}

@media (max-width: 560px) {
  .theme-editorial .container {
    width: min(calc(100% - 26px), 1240px);
  }

  .theme-editorial .section {
    padding: 76px 0;
  }

  .theme-editorial h1 {
    font-size: clamp(3.25rem, 15vw, 4.4rem);
    line-height: .9;
  }

  .theme-editorial h2 {
    font-size: clamp(3rem, 14.5vw, 4.4rem);
  }

  .theme-editorial .brand {
    width: 96px;
    height: 68px;
  }

  .theme-editorial .hero {
    padding-top: 105px;
  }

  .theme-editorial .hero-copy {
    padding-top: 15px;
  }

  .theme-editorial .hero h1 {
    gap: .075em;
    line-height: .9;
  }

  .theme-editorial .eyebrow {
    max-width: 100%;
    font-size: .52rem;
  }

  .theme-editorial .hero-actions .button,
  .theme-editorial .final-actions .button {
    width: 100%;
  }

  .theme-editorial .hero-points {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .theme-editorial .hero-points li:nth-child(2) {
    border-right: 1px solid var(--line);
  }

  .theme-editorial .hero-art {
    min-height: 585px;
  }

  .theme-editorial .hero-art::before {
    top: 65px;
    width: 420px;
    height: 420px;
  }

  .theme-editorial .hero-art::after {
    width: 380px;
    height: 380px;
  }

  .theme-editorial .phone-shell {
    width: 290px;
    height: 520px;
  }

  .theme-editorial .stream-scene {
    height: 305px;
  }

  .theme-editorial .stat-sticker-one {
    left: -4px;
  }

  .theme-editorial .stat-sticker-two {
    right: -5px;
  }

  .theme-editorial .ticker::before,
  .theme-editorial .ticker::after {
    width: 55px;
  }

  .theme-editorial .ticker-track {
    padding-inline: 65px;
  }

  .theme-editorial .path-card {
    min-height: 0;
    padding: 32px 78px 32px 26px;
  }

  .theme-editorial .path-card::after {
    right: 15px;
    width: 38px;
  }

  .theme-editorial .path-card::before {
    right: 65px;
  }

  .theme-editorial .path-card-top {
    margin-bottom: 45px;
  }

  .theme-editorial .path-card h3 {
    font-size: 4.4rem;
  }

  .theme-editorial .system-visual {
    min-height: 430px;
    margin: 0 -45px;
    transform: scale(.82);
  }

  .theme-editorial .system-notes,
  .theme-editorial .outcome-grid {
    grid-template-columns: 1fr;
  }

  .theme-editorial .level-card {
    grid-template-columns: 40px 1fr;
    padding: 22px 18px;
  }

  .theme-editorial .level-card p,
  .theme-editorial .level-status {
    grid-column: 2;
  }

  .theme-editorial .module-trigger {
    grid-template-columns: 1fr auto;
  }

  .theme-editorial .module-number,
  .theme-editorial .module-name {
    grid-column: 1;
  }

  .theme-editorial .module-count {
    display: none;
  }

  .theme-editorial .module-toggle {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .theme-editorial .price-card {
    padding: 36px 80px 32px 25px;
  }

  .theme-editorial .price-card::after {
    right: 15px;
    width: 38px;
  }

  .theme-editorial .price-card::before {
    right: 65px;
  }

  .theme-editorial .price strong {
    font-size: 3.7rem;
  }

  .theme-editorial .outcome-grid article,
  .theme-editorial .outcome-grid article:nth-child(n) {
    min-height: 270px;
  }

  .theme-editorial .agency-panel {
    padding: 34px 24px;
  }

  .theme-editorial .case-placeholder {
    padding: 26px 20px;
  }

  .theme-editorial .free-panel {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .theme-editorial .free-icon {
    margin: 0;
  }

  .theme-editorial .footer-grid {
    grid-template-columns: 1fr;
  }
}

/* Motion system, live practice stories and stricter editorial typography. */
.theme-editorial .scroll-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 90;
  height: 3px;
  pointer-events: none;
  background: rgba(255, 255, 255, .04);
}

.theme-editorial .scroll-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--acid), var(--cyan));
  box-shadow: 0 0 18px rgba(130, 240, 0, .52);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

.theme-editorial .button,
.theme-editorial .main-nav,
.theme-editorial .section-number,
.theme-editorial .eyebrow,
.theme-editorial .ticker-track,
.theme-editorial .level-index,
.theme-editorial .level-title span,
.theme-editorial .module-toggle,
.theme-editorial .module-content li > span,
.theme-editorial .agency-benefits span,
.theme-editorial .final-cta-inner > p,
.theme-editorial .dialog-kicker {
  font-family: "Manrope", Arial, Helvetica, sans-serif;
}

.theme-editorial .hero-points span,
.theme-editorial .hero-points li:nth-child(n) span,
.theme-editorial .stat-sticker strong,
.theme-editorial .stat-sticker-one strong,
.theme-editorial .stat-sticker-two strong {
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
}

.theme-editorial .button:hover,
.theme-editorial .button:active {
  transform: translateY(-2px);
}

.theme-editorial .hero-art {
  animation: boostup-float 7.5s ease-in-out infinite;
  translate: var(--mouse-x, 0) var(--mouse-y, 0);
  transition: translate 700ms cubic-bezier(.2,.72,.2,1);
  will-change: transform;
}

.theme-editorial .phone-shell {
  box-shadow: 0 35px 90px rgba(0, 0, 0, .42), 0 0 54px rgba(25, 183, 229, .1);
}

.theme-editorial .stat-sticker-one {
  animation: boostup-sticker-one 5.6s ease-in-out infinite;
}

.theme-editorial .stat-sticker-two {
  animation: boostup-sticker-two 6.2s ease-in-out .35s infinite;
}

.theme-editorial .system-orbit.orbit-one {
  animation: boostup-orbit 26s linear infinite;
}

.theme-editorial .system-orbit.orbit-two {
  animation: boostup-orbit-reverse 34s linear infinite;
}

.theme-editorial .system-center {
  background: rgba(5, 6, 5, .76);
  box-shadow: 0 0 70px rgba(130, 240, 0, .12);
  animation: boostup-center-pulse 5.5s ease-in-out infinite;
}

.theme-editorial .creator-scenes {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 83% 18%, rgba(25,183,229,.13), transparent 24%),
    radial-gradient(circle at 8% 85%, rgba(130,240,0,.1), transparent 27%),
    #0c0d0c;
  background-size: 80px 80px, 80px 80px, auto, auto, auto;
}

.theme-editorial .creator-scenes::before {
  content: "LIVE / PRACTICE / DATA";
  position: absolute;
  top: 32px;
  right: -24px;
  color: rgba(255, 255, 255, .035);
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: clamp(4rem, 10vw, 9rem);
  font-weight: 700;
  letter-spacing: -.045em;
  white-space: nowrap;
  pointer-events: none;
}

.theme-editorial .story-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  margin-top: 52px;
  perspective: 1200px;
}

.theme-editorial .story-card {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  background: rgba(23, 25, 22, .9);
  box-shadow: 0 30px 80px rgba(0,0,0,.24);
  transform: perspective(1100px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));
  transform-style: preserve-3d;
  transition: transform 180ms ease, border-color 240ms ease, box-shadow 240ms ease;
  will-change: transform;
}

.theme-editorial .story-card:hover {
  border-color: rgba(130, 240, 0, .58);
  box-shadow: 0 34px 95px rgba(0,0,0,.34), 0 0 45px rgba(130,240,0,.07);
}

.theme-editorial .story-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10.5;
  background: #080908;
}

.theme-editorial .story-card:not(.story-card-wide) .story-media {
  aspect-ratio: 13 / 10.5;
}

.theme-editorial .story-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 52%, rgba(4,5,4,.66));
  pointer-events: none;
}

.theme-editorial .story-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.04);
  transform: scale(1.01);
  transition: transform 900ms cubic-bezier(.2,.75,.2,1), filter 400ms ease;
}

.theme-editorial .story-card:hover .story-media img {
  filter: saturate(1.06) contrast(1.05);
  transform: scale(1.055);
}

.theme-editorial .story-live {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 3;
  padding: 8px 10px;
  color: #fff;
  background: var(--red);
  font-family: "Manrope", sans-serif;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .13em;
}

.theme-editorial .story-live-cyan {
  color: #050706;
  background: var(--cyan);
}

.theme-editorial .story-scan {
  position: absolute;
  z-index: 2;
  inset: -35% 0 auto;
  height: 24%;
  opacity: .56;
  background: linear-gradient(180deg, transparent, rgba(130,240,0,.2), transparent);
  mix-blend-mode: screen;
  pointer-events: none;
  animation: boostup-scan 5.8s ease-in-out infinite;
}

.theme-editorial .story-card:nth-child(2) .story-scan {
  background: linear-gradient(180deg, transparent, rgba(25,183,229,.25), transparent);
  animation-delay: 1.25s;
}

.theme-editorial .story-copy {
  position: relative;
  z-index: 2;
  min-height: 210px;
  padding: 28px 30px 32px;
  transform: translateZ(24px);
}

.theme-editorial .story-copy > span {
  display: block;
  margin-bottom: 22px;
  color: var(--acid);
  font-family: "Manrope", sans-serif;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .16em;
}

.theme-editorial .story-copy h3 {
  margin-bottom: 14px;
  font-size: clamp(2.1rem, 3.3vw, 3.65rem);
  line-height: .96;
}

.theme-editorial .story-copy p {
  max-width: 50ch;
  font-size: .96rem;
  line-height: 1.65;
}

.theme-editorial [data-reveal] {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity 720ms ease, transform 760ms cubic-bezier(.2,.72,.2,1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.theme-editorial [data-reveal="left"] { transform: translate3d(-38px, 0, 0); }
.theme-editorial [data-reveal="right"] { transform: translate3d(38px, 0, 0); }

.theme-editorial [data-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@keyframes boostup-float {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -12px, 0); }
}

@keyframes boostup-sticker-one {
  0%, 100% { transform: rotate(-4deg) translate3d(0, 0, 0); }
  50% { transform: rotate(-2deg) translate3d(4px, -9px, 0); }
}

@keyframes boostup-sticker-two {
  0%, 100% { transform: rotate(3deg) translate3d(0, 0, 0); }
  50% { transform: rotate(1deg) translate3d(-5px, -11px, 0); }
}

@keyframes boostup-orbit { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes boostup-orbit-reverse { to { transform: translate(-50%, -50%) rotate(-360deg); } }

@keyframes boostup-center-pulse {
  0%, 100% { box-shadow: 0 0 45px rgba(130,240,0,.08); }
  50% { box-shadow: 0 0 85px rgba(130,240,0,.2); }
}

@keyframes boostup-scan {
  0%, 16% { transform: translateY(0); opacity: 0; }
  24% { opacity: .55; }
  72% { opacity: .32; }
  82%, 100% { transform: translateY(590%); opacity: 0; }
}

@media (max-width: 900px) {
  .theme-editorial .story-grid {
    grid-template-columns: 1fr;
  }

  .theme-editorial .story-card:not(.story-card-wide) .story-media,
  .theme-editorial .story-media {
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 560px) {
  .theme-editorial .creator-scenes::before {
    top: 48px;
    font-size: 4.5rem;
  }

  .theme-editorial .story-grid {
    margin-top: 34px;
  }

  .theme-editorial .story-media,
  .theme-editorial .story-card:not(.story-card-wide) .story-media {
    aspect-ratio: 4 / 3;
  }

  .theme-editorial .story-copy {
    min-height: 0;
    padding: 24px 22px 28px;
  }

  .theme-editorial .story-copy > span {
    margin-bottom: 16px;
  }

  .theme-editorial .story-copy h3 {
    font-size: 2.55rem;
  }
}

/* V2: complete logo, youth editorial showcase and multi-directional motion. */
.theme-editorial .header-inner {
  grid-template-columns: 136px 1fr auto;
}

.theme-editorial .brand {
  position: relative;
  display: grid;
  place-items: center;
  width: 126px;
  height: 84px;
  padding: 3px;
  overflow: visible;
}

.theme-editorial .brand img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 116px;
  height: 116px;
  object-fit: contain;
  object-position: center;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 6px 13px rgba(0, 0, 0, .28));
}

.theme-editorial h1,
.theme-editorial h2,
.theme-editorial h3 {
  letter-spacing: -.035em;
}

.theme-editorial .creator-showcase {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 118px 0 142px;
  border-top: 1px solid var(--line);
  background:
    radial-gradient(circle at 12% 22%, rgba(255,49,92,.12), transparent 23%),
    radial-gradient(circle at 83% 68%, rgba(25,183,229,.14), transparent 27%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #0b0c0b;
  background-size: auto, auto, 80px 80px, 80px 80px, auto;
}

.theme-editorial .creator-showcase::before,
.theme-editorial .creator-showcase::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  opacity: .46;
  filter: blur(4px);
  pointer-events: none;
}

.theme-editorial .creator-showcase::before {
  top: -215px;
  left: 38%;
  border: 1px solid rgba(255,255,255,.32);
  background: radial-gradient(circle at 32% 28%, #dfff44, #82f000 23%, #13b7e8 54%, #885cff 76%, transparent 77%);
  animation: showcase-orb-one 14s ease-in-out infinite;
}

.theme-editorial .creator-showcase::after {
  right: -230px;
  bottom: -235px;
  border: 1px solid rgba(255,255,255,.24);
  background: radial-gradient(circle at 38% 34%, #ff315c, #885cff 42%, #13b7e8 67%, transparent 68%);
  animation: showcase-orb-two 17s ease-in-out infinite;
}

.theme-editorial .showcase-heading {
  display: grid;
  grid-template-columns: 1.2fr .72fr;
  align-items: end;
  gap: 56px;
  margin-bottom: 58px;
}

.theme-editorial .showcase-heading .section-number {
  grid-column: 1 / -1;
  margin-bottom: -28px;
}

.theme-editorial .showcase-heading h2 {
  margin: 0;
  font-size: clamp(3.65rem, 6.1vw, 6.35rem);
  line-height: .92;
}

.theme-editorial .showcase-heading p {
  max-width: 40ch;
  margin: 0 0 8px;
  font-size: 1rem;
  line-height: 1.65;
}

.theme-editorial .showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
  perspective: 1400px;
}

.theme-editorial .showcase-card {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  --parallax-y: 0px;
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(20,22,19,.93);
  box-shadow: 0 30px 90px rgba(0,0,0,.32);
  translate: 0 var(--parallax-y);
  transform-style: preserve-3d;
  transition: border-color 260ms ease, box-shadow 260ms ease, transform 180ms ease, translate 220ms ease-out;
  will-change: transform, translate;
}

.theme-editorial .showcase-card-coaching {
  margin-top: 72px;
}

.theme-editorial .showcase-card:hover {
  border-color: rgba(130,240,0,.72);
  box-shadow: 0 38px 105px rgba(0,0,0,.46), 0 0 55px rgba(130,240,0,.09);
}

.theme-editorial .showcase-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 4.8;
  background: #070807;
}

.theme-editorial .showcase-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 56%, rgba(4,5,4,.82));
  pointer-events: none;
}

.theme-editorial .showcase-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.04);
  animation: showcase-image-breathe 10s ease-in-out infinite;
  transition: filter 360ms ease;
  will-change: transform;
}

.theme-editorial .showcase-card:nth-child(2) .showcase-image img { animation-delay: -3.4s; }
.theme-editorial .showcase-card:nth-child(3) .showcase-image img { animation-delay: -6.7s; }

.theme-editorial .showcase-card:hover .showcase-image img {
  filter: saturate(1.08) contrast(1.05);
}

.theme-editorial .showcase-scan {
  position: absolute;
  z-index: 2;
  inset: -30% 0 auto;
  height: 26%;
  opacity: 0;
  background: linear-gradient(180deg, transparent, rgba(130,240,0,.3), transparent);
  mix-blend-mode: screen;
  animation: showcase-scanline 6.4s ease-in-out infinite;
  pointer-events: none;
}

.theme-editorial .showcase-scan-cyan {
  background: linear-gradient(180deg, transparent, rgba(25,183,229,.34), transparent);
  animation-delay: 1.2s;
}

.theme-editorial .showcase-scan-pink {
  background: linear-gradient(180deg, transparent, rgba(255,49,92,.32), transparent);
  animation-delay: 2.3s;
}

.theme-editorial .showcase-card figcaption {
  position: relative;
  z-index: 3;
  display: grid;
  min-height: 168px;
  padding: 24px 25px 27px;
  transform: translateZ(24px);
}

.theme-editorial .showcase-card figcaption > span {
  color: var(--acid);
  font-family: "Manrope", sans-serif;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .16em;
}

.theme-editorial .showcase-card figcaption strong {
  align-self: end;
  color: #f6f7f3;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: clamp(1.9rem, 2.5vw, 2.85rem);
  line-height: .95;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.theme-editorial .showcase-card figcaption small {
  margin-top: 9px;
  color: #999d96;
  font-family: "Manrope", sans-serif;
  font-size: .78rem;
  line-height: 1.45;
}

.theme-editorial [data-reveal="top"] { transform: translate3d(0, -58px, 0); }
.theme-editorial [data-reveal="zoom"] { transform: scale(.82); }
.theme-editorial [data-reveal="fly-left"] { transform: translate3d(-110px, 34px, 0) rotate(-5deg) scale(.92); }
.theme-editorial [data-reveal="fly-right"] { transform: translate3d(110px, 34px, 0) rotate(5deg) scale(.92); }

.theme-editorial .showcase-card[data-reveal].is-visible {
  transform: perspective(1100px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));
}

.theme-editorial .cursor-glow {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  opacity: .11;
  background: radial-gradient(circle, rgba(130,240,0,.56), rgba(25,183,229,.18) 42%, transparent 70%);
  filter: blur(8px);
  translate: -50% -50%;
  pointer-events: none;
  will-change: transform;
}

.theme-editorial.page-ready .brand {
  animation: boostup-logo-in 720ms cubic-bezier(.16,.82,.25,1.2) both;
}

.theme-editorial.page-ready .hero-title-line:nth-child(odd) {
  animation: hero-line-left 780ms cubic-bezier(.18,.86,.23,1) both;
}

.theme-editorial.page-ready .hero-title-line:nth-child(even) {
  animation: hero-line-right 780ms cubic-bezier(.18,.86,.23,1) both;
}

.theme-editorial.page-ready .hero-title-line:nth-child(1) { animation-delay: 90ms; }
.theme-editorial.page-ready .hero-title-line:nth-child(2) { animation-delay: 170ms; }
.theme-editorial.page-ready .hero-title-line:nth-child(3) { animation-delay: 250ms; }
.theme-editorial.page-ready .hero-title-line:nth-child(4) { animation-delay: 330ms; }

.theme-editorial.page-ready .hero-lead,
.theme-editorial.page-ready .hero-actions,
.theme-editorial.page-ready .hero-points,
.theme-editorial.page-ready .fine-print {
  animation: hero-rise-in 720ms cubic-bezier(.18,.86,.23,1) both;
}

.theme-editorial.page-ready .hero-lead { animation-delay: 420ms; }
.theme-editorial.page-ready .hero-actions { animation-delay: 500ms; }
.theme-editorial.page-ready .hero-points { animation-delay: 580ms; }
.theme-editorial.page-ready .fine-print { animation-delay: 640ms; }

@keyframes boostup-logo-in {
  from { opacity: 0; transform: translateY(-28px) scale(.82) rotate(-4deg); }
  to { opacity: 1; transform: none; }
}

@keyframes hero-line-left {
  from { opacity: 0; transform: translate3d(-95px, 0, 0) skewX(-5deg); }
  to { opacity: 1; transform: none; }
}

@keyframes hero-line-right {
  from { opacity: 0; transform: translate3d(95px, 0, 0) skewX(5deg); }
  to { opacity: 1; transform: none; }
}

@keyframes hero-rise-in {
  from { opacity: 0; transform: translate3d(0, 34px, 0); }
  to { opacity: 1; transform: none; }
}

@keyframes showcase-orb-one {
  0%, 100% { transform: translate3d(0,0,0) rotate(0); }
  50% { transform: translate3d(60px,32px,0) rotate(18deg); }
}

@keyframes showcase-orb-two {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(-54px,-30px,0) scale(1.12); }
}

@keyframes showcase-image-breathe {
  0%, 100% { transform: scale(1.02) translate3d(0,0,0); }
  50% { transform: scale(1.075) translate3d(0,-1.2%,0); }
}

@keyframes showcase-scanline {
  0%, 15% { transform: translateY(0); opacity: 0; }
  24% { opacity: .62; }
  74% { opacity: .34; }
  84%, 100% { transform: translateY(520%); opacity: 0; }
}

@media (max-width: 980px) {
  .theme-editorial .showcase-heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .theme-editorial .showcase-heading .section-number {
    margin-bottom: 0;
  }

  .theme-editorial .showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .theme-editorial .showcase-card-coaching {
    margin-top: 46px;
  }

  .theme-editorial .showcase-card-community {
    grid-column: 1 / -1;
    width: calc(50% - 9px);
    justify-self: center;
  }
}

@media (max-width: 640px) {
  .theme-editorial .header-inner {
    grid-template-columns: 104px 1fr auto;
  }

  .theme-editorial .brand {
    width: 100px;
    height: 72px;
    padding: 4px;
  }

  .theme-editorial .brand img {
    width: 104px;
    height: 104px;
  }

  .theme-editorial .creator-showcase {
    padding: 84px 0 96px;
  }

  .theme-editorial .showcase-heading {
    margin-bottom: 34px;
  }

  .theme-editorial .showcase-heading h2 {
    font-size: clamp(3.1rem, 15vw, 4.45rem);
  }

  .theme-editorial .showcase-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .theme-editorial .showcase-card-coaching,
  .theme-editorial .showcase-card-community {
    grid-column: auto;
    width: auto;
    margin-top: 0;
  }

  .theme-editorial .showcase-image {
    aspect-ratio: 4 / 4.35;
  }

  .theme-editorial .showcase-card figcaption {
    min-height: 150px;
    padding: 22px;
  }

  .theme-editorial .showcase-card figcaption strong {
    font-size: 2.35rem;
  }

  .theme-editorial .showcase-card[data-parallax-card] {
    translate: none;
  }

  .theme-editorial .cursor-glow {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-editorial *,
  .theme-editorial *::before,
  .theme-editorial *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .theme-editorial [data-reveal] {
    opacity: 1;
    transform: none;
  }
}

/* Единственный допустимый логотип проекта — прозрачный boostup-logo-dark.png. */
.theme-editorial .brand {
  width: 112px;
  height: 68px;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.theme-editorial .brand img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.32);
  filter: none;
}

.theme-editorial .system-center img {
  transform: none;
  object-fit: contain;
}

.theme-editorial .creator-cast {
  padding: 88px 0 96px;
  overflow: hidden;
  border-top: 1px solid var(--line);
  background:
    radial-gradient(circle at 18% 20%, rgba(25,183,229,.11), transparent 24%),
    radial-gradient(circle at 82% 75%, rgba(130,240,0,.1), transparent 25%),
    #0b0c0b;
}

.theme-editorial .cast-heading {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 60px;
  align-items: end;
  margin-bottom: 50px;
}

.theme-editorial .cast-heading h2 {
  margin: 12px 0 0;
  font-size: clamp(3.3rem, 6vw, 6.4rem);
}

.theme-editorial .cast-heading p {
  max-width: 520px;
  margin: 0 0 8px;
}

.theme-editorial .cast-grid {
  display: grid;
  grid-template-columns: .8fr .8fr 1.35fr;
  gap: 16px;
  align-items: end;
}

.theme-editorial .cast-card {
  position: relative;
  min-height: 520px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2);
  background: #111;
}

.theme-editorial .cast-card-tall { min-height: 590px; }
.theme-editorial .cast-offset { translate: 0 34px; }

.theme-editorial .cast-card img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  transition: transform .65s cubic-bezier(.16,.82,.25,1);
}

.theme-editorial .cast-card:hover img { transform: scale(1.055); }

.theme-editorial .cast-card figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 24px;
  background: linear-gradient(transparent, rgba(0,0,0,.94));
}

.theme-editorial .cast-card figcaption span {
  display: block;
  color: var(--acid);
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.theme-editorial .cast-card figcaption strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font: 700 2.1rem/1 "Oswald",sans-serif;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .theme-editorial .cast-heading { grid-template-columns: 1fr; gap: 18px; }
  .theme-editorial .cast-grid { grid-template-columns: 1fr 1fr; }
  .theme-editorial .cast-card-wide { grid-column: 1 / -1; min-height: 420px; }
  .theme-editorial .cast-offset { translate: none; }
}

@media (max-width: 560px) {
  .theme-editorial .creator-cast { padding: 60px 0 68px; }
  .theme-editorial .cast-grid { grid-template-columns: 1fr; }
  .theme-editorial .cast-card,
  .theme-editorial .cast-card-tall,
  .theme-editorial .cast-card-wide { grid-column: auto; min-height: 470px; }
}

/* Главная v3: более короткий путь, две игры и визуальные типажи. */
.home-v3 .hero-v3 {
  min-height: 820px;
}

.home-v3 .hero-copy h1 {
  max-width: 620px;
  font-size: clamp(3.6rem, 5.55vw, 6rem);
  line-height: .82;
  letter-spacing: -.045em;
}

.home-v3 .hero-title-stacked {
  display: grid;
  gap: .12em;
}

.home-v3 .hero-title-pair {
  display: grid;
  width: max-content;
}

.home-v3 .hero-title-word,
.home-v3 .hero-title-accent {
  display: block;
  width: max-content;
}

.home-v3 .hero-title-accent {
  font-style: normal;
}

.home-v3 .hero-title-pair-streaming .hero-title-accent {
  justify-self: end;
}

.home-v3 .hero-title-pair-growth .hero-title-accent {
  margin-left: 1.65ch;
}

.home-v3 .hero-lead {
  max-width: 660px;
  font-size: clamp(1rem, 1.28vw, 1.2rem);
  line-height: 1.6;
}

.home-v3 .hero-phone-v3 {
  animation: homePhoneFloat 5.2s ease-in-out infinite;
}

.home-v3 .hero-copy,
.home-v3 .hero-art {
  min-width: 0;
}

.home-v3 .hero-game-ticket {
  position: absolute;
  z-index: 8;
  display: grid;
  width: 202px;
  padding: 15px 17px;
  color: #080a08;
  border: 1px solid #080a08;
  box-shadow: 8px 8px 0 #080a08;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
}

.home-v3 .hero-game-ticket:hover {
  transform: translateY(-6px) rotate(0);
  box-shadow: 12px 12px 0 #080a08;
}

.home-v3 .hero-game-ticket small {
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .13em;
}

.home-v3 .hero-game-ticket strong {
  margin: 4px 0 12px;
  font: 700 1.45rem/1 "Oswald", sans-serif;
  text-transform: uppercase;
}

.home-v3 .hero-game-ticket span {
  font-size: .72rem;
  font-weight: 800;
}

.home-v3 .hero-game-ticket-one {
  right: -20px;
  bottom: 42px;
  background: var(--acid);
  transform: rotate(3deg);
  animation: ticketPulse 4.2s ease-in-out infinite;
}

.home-v3 .hero-game-ticket-two {
  left: -36px;
  top: 132px;
  background: #28bde8;
  transform: rotate(-4deg);
  animation: ticketPulse 4.2s .8s ease-in-out infinite reverse;
}

@keyframes homePhoneFloat {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-14px) rotate(1deg); }
}

@keyframes ticketPulse {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}

@keyframes homePhoneFloatMobile {
  0%, 100% { transform: translateX(-50%) translateY(0) rotate(-1deg); }
  50% { transform: translateX(-50%) translateY(-10px) rotate(1deg); }
}

.home-v3 .journey-section,
.home-v3 .archetypes-section,
.home-v3 .academy-preview,
.home-v3 .practice-v3,
.home-v3 .games-hub,
.home-v3 .paths-final {
  padding: 92px 0;
}

.home-v3 .journey-section {
  background:
    radial-gradient(circle at 12% 10%, rgba(25,183,229,.13), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(130,240,0,.11), transparent 26%),
    #0b0e0c;
  border-top: 1px solid var(--line);
}

.home-v3 .journey-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-top: 44px;
}

.home-v3 .journey-track::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 4%;
  right: 4%;
  top: 134px;
  height: 2px;
  background: linear-gradient(90deg, var(--blue), var(--acid), var(--pink));
}

.home-v3 .journey-track article {
  position: relative;
  z-index: 1;
  padding: 10px;
}

.home-v3 .journey-track article > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: -18px;
  border-radius: 50%;
  background: var(--acid);
  color: #090b09;
  font-weight: 800;
}

.home-v3 .journey-visual {
  height: 250px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  background: #101310;
}

.home-v3 .journey-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.06);
  transition: transform .6s ease;
}

.home-v3 .journey-track article:hover img {
  transform: scale(1.07);
}

.home-v3 .journey-track h3 {
  margin: 17px 0 8px;
  font: 700 1.5rem/1.04 "Oswald", sans-serif;
  text-transform: uppercase;
}

.home-v3 .journey-track p {
  margin: 0;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.5;
}

.home-v3 .archetypes-section {
  overflow: hidden;
  background: #090a09;
  border-top: 1px solid var(--line);
}

.home-v3 .archetype-heading,
.home-v3 .games-heading {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 45px;
}

.home-v3 .archetype-heading h2,
.home-v3 .games-heading h2 {
  margin: 12px 0 0;
  font-size: clamp(3.2rem, 5.6vw, 6rem);
}

.home-v3 .archetype-grid-v3 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 10px;
}

.home-v3 .archetype-grid-v3 article {
  position: relative;
  padding-bottom: 19px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.17);
  background: #111411;
  transition: transform .28s ease, border-color .28s ease;
}

.home-v3 .archetype-grid-v3 article:hover {
  z-index: 2;
  transform: translateY(-10px);
  border-color: var(--acid);
}

.home-v3 .archetype-portrait {
  height: 330px;
  overflow: hidden;
  background: #050605;
}

.home-v3 .archetype-portrait img {
  width: 600%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: var(--crop) 50%;
  transform: translateX(calc((var(--crop) - 8%) * -1.01));
}

.home-v3 .archetype-grid-v3 article > span,
.home-v3 .archetype-grid-v3 h3,
.home-v3 .archetype-grid-v3 p {
  margin-left: 16px;
  margin-right: 16px;
}

.home-v3 .archetype-grid-v3 article > span {
  display: block;
  margin-top: 14px;
  color: var(--acid);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.home-v3 .archetype-grid-v3 h3 {
  margin-top: 4px;
  margin-bottom: 8px;
  font: 700 1.65rem/1 "Oswald", sans-serif;
  text-transform: uppercase;
}

.home-v3 .archetype-grid-v3 p {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.45;
}

.home-v3 .text-link {
  display: inline-block;
  margin-top: 28px;
  color: var(--acid);
  font-weight: 700;
}

.home-v3 .levels {
  padding-top: 90px;
  padding-bottom: 90px;
}

.home-v3 .academy-preview {
  background:
    linear-gradient(115deg, rgba(25,183,229,.08), transparent 38%),
    #0b0c0b;
  border-top: 1px solid var(--line);
}

.home-v3 .academy-preview-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 70px;
  align-items: center;
}

.home-v3 .academy-preview-copy h2 {
  font-size: clamp(3.2rem, 5.2vw, 5.8rem);
}

.home-v3 .academy-preview-copy > p {
  max-width: 630px;
  color: var(--muted);
  font-size: 1.05rem;
  line-height: 1.65;
}

.home-v3 .academy-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 28px 0 32px;
  padding: 0;
  list-style: none;
}

.home-v3 .academy-tags li {
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  color: #e6e9e6;
  font-size: .75rem;
}

.home-v3 .academy-preview-art {
  position: relative;
  min-height: 610px;
  border: 1px solid rgba(255,255,255,.2);
  transform: perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));
  transition: transform .18s ease;
}

.home-v3 .academy-preview-art > img {
  width: 100%;
  height: 610px;
  object-fit: cover;
}

.home-v3 .academy-preview-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(20deg, rgba(0,0,0,.84), transparent 58%);
}

.home-v3 .academy-card-float,
.home-v3 .academy-note-float {
  position: absolute;
  z-index: 2;
  border: 1px solid #0b0d0b;
  color: #090b09;
}

.home-v3 .academy-card-float {
  left: -34px;
  bottom: 34px;
  display: grid;
  width: 300px;
  padding: 22px;
  background: var(--acid);
  box-shadow: 10px 10px 0 rgba(0,0,0,.7);
}

.home-v3 .academy-card-float small { font-weight: 800; letter-spacing: .15em; }
.home-v3 .academy-card-float strong { margin: 8px 0; font: 700 1.8rem/1 "Oswald",sans-serif; }
.home-v3 .academy-card-float span { font-size: .78rem; font-weight: 700; }

.home-v3 .academy-note-float {
  top: 30px;
  right: -24px;
  max-width: 250px;
  padding: 14px 17px;
  background: #29bde8;
  font-size: .76rem;
  font-weight: 800;
  transform: rotate(2deg);
}

.home-v3 .practice-v3 {
  background: #070907;
}

.home-v3 .games-hub {
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 75%, rgba(130,240,0,.14), transparent 24%),
    radial-gradient(circle at 92% 22%, rgba(25,183,229,.15), transparent 28%),
    #0b0e0c;
}

.home-v3 .games-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.home-v3 .game-card {
  position: relative;
  min-height: 580px;
  overflow: hidden;
  color: #fff;
  border: 1px solid rgba(255,255,255,.23);
  background: #101310;
  text-decoration: none;
}

.home-v3 .game-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .64;
  transition: transform .7s ease, opacity .4s ease;
}

.home-v3 .game-card:hover img {
  transform: scale(1.07);
  opacity: .82;
}

.home-v3 .game-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0,0,0,.94), rgba(0,0,0,.08) 72%);
}

.home-v3 .game-card-copy {
  position: absolute;
  z-index: 2;
  left: 30px;
  right: 30px;
  bottom: 45px;
}

.home-v3 .game-card-copy > span {
  color: var(--acid);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.home-v3 .game-card-copy h3 {
  margin: 9px 0 12px;
  font: 700 clamp(2.7rem,4vw,4.5rem)/.95 "Oswald",sans-serif;
  text-transform: uppercase;
}

.home-v3 .game-card-copy p {
  max-width: 510px;
  margin: 0 0 22px;
  color: rgba(255,255,255,.8);
}

.home-v3 .game-card-copy strong {
  display: inline-flex;
  padding: 12px 16px;
  background: var(--acid);
  color: #080a08;
  font-size: .78rem;
}

.home-v3 .game-card > i {
  position: absolute;
  z-index: 2;
  top: 22px;
  right: 22px;
  padding: 8px 10px;
  background: rgba(0,0,0,.7);
  color: #fff;
  font-size: .6rem;
  font-style: normal;
  letter-spacing: .12em;
}

.home-v3 .game-card-trainer img {
  object-position: center;
}

.home-v3 .free-panel {
  align-items: start;
  grid-template-columns: 82px minmax(230px, .72fr) minmax(520px, 1.28fr);
  gap: 26px;
}

.home-v3 .lead-form label > small,
.home-v3 .dialog-form label > small {
  display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.55);
  font-size: .67rem;
  line-height: 1.4;
}

.home-v3 .dialog-form textarea {
  width: 100%;
  resize: vertical;
  min-height: 110px;
}

.home-v3 .paths-final {
  background: #0a0c0a;
  border-top: 1px solid var(--line);
}

.home-v3 .games-fab {
  position: fixed;
  z-index: 50;
  right: 22px;
  bottom: 22px;
}

.home-v3 .games-fab summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  cursor: pointer;
  border: 1px solid #070907;
  border-radius: 999px;
  background: var(--acid);
  color: #080a08;
  box-shadow: 7px 7px 0 rgba(0,0,0,.65);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .11em;
  list-style: none;
}

.home-v3 .games-fab summary::-webkit-details-marker { display: none; }
.home-v3 .games-fab summary span { color: #f13d67; animation: liveBlink 1.2s infinite; }

.home-v3 .games-fab > div {
  position: absolute;
  right: 0;
  bottom: calc(100% + 12px);
  display: grid;
  width: 235px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  background: #111411;
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}

.home-v3 .games-fab a {
  display: grid;
  gap: 3px;
  padding: 15px;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.home-v3 .games-fab a:hover { background: rgba(130,240,0,.1); }
.home-v3 .games-fab a small { color: var(--muted); font-size: .68rem; }

@media (max-width: 1100px) {
  .home-v3 .archetype-grid-v3 { grid-template-columns: repeat(3,1fr); }
  .home-v3 .journey-track { grid-template-columns: repeat(3,1fr); }
  .home-v3 .journey-track::before { display: none; }
}

@media (max-width: 900px) {
  .home-v3 .hero-v3 { min-height: auto; }
  .home-v3 .hero-copy h1 { font-size: clamp(3.15rem, 9.5vw, 5.2rem); }
  .home-v3 .hero-game-ticket-one { right: 0; }
  .home-v3 .hero-game-ticket-two { left: 0; top: 90px; }
  .home-v3 .archetype-heading,
  .home-v3 .games-heading,
  .home-v3 .academy-preview-grid { grid-template-columns: 1fr; gap: 22px; }
  .home-v3 .academy-preview-art { margin-left: 34px; }
  .home-v3 .games-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .home-v3 .hero-copy h1 {
    max-width: 100%;
    font-size: clamp(2.65rem, 12.2vw, 4rem);
    line-height: .86;
  }
  .home-v3 .hero-lead { font-size: .96rem; }
  .home-v3 .hero-copy,
  .home-v3 .hero-art { width: 100%; }
  .home-v3 .hero-phone-v3 {
    left: 50%;
    right: auto;
    width: min(290px, calc(100% - 18px));
    animation-name: homePhoneFloatMobile;
  }
  .home-v3 .hero-game-ticket {
    position: relative;
    inset: auto;
    display: none;
  }
  .home-v3 .journey-section,
  .home-v3 .archetypes-section,
  .home-v3 .academy-preview,
  .home-v3 .practice-v3,
  .home-v3 .games-hub,
  .home-v3 .paths-final { padding: 66px 0; }
  .home-v3 .journey-track { grid-template-columns: 1fr; gap: 22px; }
  .home-v3 .journey-track article { display: grid; grid-template-columns: 108px 1fr; column-gap: 16px; padding: 0; }
  .home-v3 .journey-track article > span { position: absolute; left: 6px; top: 6px; margin: 0; }
  .home-v3 .journey-visual { grid-row: 1 / 3; height: 150px; }
  .home-v3 .journey-track h3 { align-self: end; margin: 8px 0; }
  .home-v3 .journey-track p { margin: 0; }
  .home-v3 .archetype-grid-v3 { grid-template-columns: 1fr 1fr; }
  .home-v3 .archetype-portrait { height: 260px; }
  .home-v3 .academy-preview-art { min-height: 460px; margin: 0 0 0 18px; }
  .home-v3 .academy-preview-art > img { height: 460px; }
  .home-v3 .academy-card-float { left: -18px; width: 245px; }
  .home-v3 .academy-note-float { right: -8px; }
  .home-v3 .game-card { min-height: 490px; }
  .home-v3 .game-card-copy { left: 20px; right: 20px; bottom: 26px; }
  .home-v3 .games-fab { right: 14px; bottom: 14px; }
}

@media (max-width: 430px) {
  .home-v3 .hero-copy h1 { font-size: clamp(2.45rem, 11.2vw, 3rem); }
  .home-v3 .archetype-grid-v3 { grid-template-columns: 1fr 1fr; gap: 7px; }
  .home-v3 .archetype-portrait { height: 220px; }
  .home-v3 .archetype-grid-v3 h3 { font-size: 1.3rem; }
  .home-v3 .archetype-grid-v3 p { font-size: .72rem; }
  .home-v3 .game-card { min-height: 450px; }
  .home-v3 .games-fab summary { padding: 12px 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v3 .hero-phone-v3,
  .home-v3 .hero-game-ticket,
  .home-v3 .games-fab summary span { animation: none; }
}

/* Путь стримера к монетизации */
.home-v3 .monetization-path {
  position: relative;
  overflow: hidden;
  padding: 92px 0 86px;
  background:
    radial-gradient(circle at 10% 18%, rgba(25,183,229,.12), transparent 25%),
    radial-gradient(circle at 90% 80%, rgba(130,240,0,.13), transparent 27%),
    #090c0a;
}

.home-v3 .money-path-heading {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 44px;
}

.home-v3 .money-path-heading h2 {
  margin: 12px 0 0;
  font-size: clamp(3.15rem,5.4vw,5.9rem);
}

.home-v3 .money-path-heading > p {
  max-width: 560px;
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.65;
}

.home-v3 .money-path-line {
  position: relative;
  height: 28px;
  margin: 0 8px 8px;
}

.home-v3 .money-path-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 13px;
  height: 2px;
  background: rgba(255,255,255,.12);
}

.home-v3 .money-path-line span {
  position: absolute;
  left: 0;
  top: 11px;
  width: 100%;
  height: 6px;
  transform-origin: left;
  background: linear-gradient(90deg,#18b7e4 0%,#82f000 56%,#f8db31 78%,#ff3f70 100%);
  box-shadow: 0 0 22px rgba(130,240,0,.35);
  animation: moneyLineFlow 4.8s ease-in-out infinite;
}

.home-v3 .money-path-line span::after {
  content: "›";
  position: absolute;
  right: -4px;
  top: 50%;
  color: #ff3f70;
  font: 700 2.2rem/1 "Oswald",sans-serif;
  transform: translateY(-53%);
}

.home-v3 .money-path-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 11px;
}

.home-v3 .money-stage {
  position: relative;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(16,20,17,.9);
  transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.home-v3 .money-stage:hover {
  z-index: 3;
  transform: translateY(-9px);
  border-color: var(--acid);
  box-shadow: 0 20px 55px rgba(0,0,0,.35);
}

.home-v3 .money-stage::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -18px;
  left: 18px;
  width: 12px;
  height: 12px;
  border: 3px solid #090c0a;
  border-radius: 50%;
  background: var(--acid);
  box-shadow: 0 0 0 1px var(--acid),0 0 18px rgba(130,240,0,.8);
}

.home-v3 .money-scene {
  position: relative;
  height: 285px;
  overflow: hidden;
  background: #080a08;
}

.home-v3 .money-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(0,0,0,.86),transparent 56%);
  pointer-events: none;
}

.home-v3 .money-scene > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.86) contrast(1.08);
  transition: transform .7s cubic-bezier(.16,.82,.25,1),filter .4s ease;
}

.home-v3 .money-stage:hover .money-scene > img {
  transform: scale(1.07);
  filter: saturate(1.1) contrast(1.08);
}

.home-v3 .money-stage-copy {
  padding: 19px 17px 22px;
}

.home-v3 .money-stage-copy > span {
  color: var(--acid);
  font-size: .63rem;
  font-weight: 900;
  letter-spacing: .18em;
}

.home-v3 .money-stage-copy h3 {
  min-height: 56px;
  margin: 6px 0 10px;
  font: 700 1.55rem/1.03 "Oswald",sans-serif;
  text-transform: uppercase;
}

.home-v3 .money-stage-copy p {
  min-height: 78px;
  margin: 0 0 14px;
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.5;
}

.home-v3 .money-stage-copy strong {
  display: block;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #f1f3ef;
  font-size: .73rem;
  line-height: 1.45;
}

.home-v3 .stage-live,
.home-v3 .return-badge {
  position: absolute;
  z-index: 3;
  left: 12px;
  top: 12px;
  padding: 7px 9px;
  background: #f83c69;
  color: #fff;
  font-size: .57rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.home-v3 .format-portals,
.home-v3 .studio-parts {
  position: absolute;
  z-index: 3;
  left: 10px;
  right: 10px;
  bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.home-v3 .format-portals i,
.home-v3 .studio-parts i {
  padding: 6px 7px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  background: rgba(0,0,0,.66);
  color: #fff;
  font-size: .49rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .06em;
}

.home-v3 .format-portals i:nth-child(2),
.home-v3 .studio-parts i:nth-child(2) {
  border-color: var(--acid);
  background: var(--acid);
  color: #080a08;
}

.home-v3 .audience-dots,
.home-v3 .community-ring {
  position: absolute;
  z-index: 3;
  display: flex;
  gap: 5px;
}

.home-v3 .audience-dots {
  left: 12px;
  bottom: 48px;
}

.home-v3 .audience-dots i,
.home-v3 .community-ring i {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #19b7e5;
  color: #080a08;
  font-size: .7rem;
  font-style: normal;
  animation: audiencePop 2.4s ease-in-out infinite;
}

.home-v3 .audience-dots i:nth-child(2),
.home-v3 .community-ring i:nth-child(2) { animation-delay: .2s; background: var(--acid); }
.home-v3 .audience-dots i:nth-child(3),
.home-v3 .community-ring i:nth-child(3) { animation-delay: .4s; background: #f9d830; }
.home-v3 .community-ring i:nth-child(4) { animation-delay: .6s; background: #f83c69; }
.home-v3 .community-ring i:nth-child(5) { animation-delay: .8s; background: #b56df5; }

.home-v3 .retention-meter,
.home-v3 .growth-chart {
  position: absolute;
  z-index: 3;
  left: 12px;
  right: 12px;
  bottom: 12px;
}

.home-v3 .retention-meter::before,
.home-v3 .growth-chart::before {
  content: "";
  display: block;
  height: 5px;
  background: rgba(255,255,255,.22);
}

.home-v3 .retention-meter span,
.home-v3 .growth-chart span {
  display: block;
  width: 76%;
  height: 5px;
  margin-top: -5px;
  background: var(--acid);
  animation: metricGrow 3.1s ease-in-out infinite;
}

.home-v3 .retention-meter b,
.home-v3 .growth-chart b {
  display: block;
  margin-top: 6px;
  color: #fff;
  font-size: .53rem;
  letter-spacing: .12em;
}

.home-v3 .community-ring {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}

.home-v3 .return-badge {
  top: auto;
  bottom: 72px;
  background: var(--acid);
  color: #080a08;
}

.home-v3 .gift-burst {
  position: absolute;
  z-index: 3;
  inset: 18px 18px auto auto;
  width: 110px;
  height: 115px;
}

.home-v3 .gift-burst i {
  position: absolute;
  color: var(--acid);
  font-style: normal;
  text-shadow: 0 0 15px currentColor;
  animation: giftFloat 2.5s ease-in-out infinite;
}

.home-v3 .gift-burst i:nth-child(1) { left: 6px; top: 35px; font-size: 1.2rem; }
.home-v3 .gift-burst i:nth-child(2) { right: 10px; top: 4px; color: #ff3f70; font-size: 1.5rem; animation-delay: .4s; }
.home-v3 .gift-burst i:nth-child(3) { right: 0; bottom: 12px; color: #19b7e5; animation-delay: .8s; }
.home-v3 .gift-burst i:nth-child(4) { left: 37px; bottom: 0; color: #f9d830; animation-delay: 1.1s; }

.home-v3 .growth-chart span {
  width: 88%;
  background: linear-gradient(90deg,#19b7e5,var(--acid),#f9d830);
}

.home-v3 .money-path-finish {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 30px;
  align-items: center;
  margin-top: 34px;
  padding: 27px 30px;
  border: 1px solid rgba(130,240,0,.5);
  background: rgba(130,240,0,.055);
}

.home-v3 .money-path-finish blockquote {
  max-width: 850px;
  margin: 0;
  color: #fff;
  font: 600 clamp(1.35rem,2vw,2rem)/1.22 "Manrope",sans-serif;
}

.home-v3 .money-path-finish > div {
  display: flex;
  gap: 9px;
}

@keyframes moneyLineFlow {
  0%,100% { transform: scaleX(.08); opacity: .55; }
  55%,80% { transform: scaleX(1); opacity: 1; }
}

@keyframes audiencePop {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.06); }
}

@keyframes metricGrow {
  0%,100% { transform: scaleX(.35); transform-origin: left; }
  60% { transform: scaleX(1); transform-origin: left; }
}

@keyframes giftFloat {
  0%,100% { transform: translateY(0) rotate(-5deg); opacity: .65; }
  50% { transform: translateY(-10px) rotate(7deg); opacity: 1; }
}

@media (max-width: 1100px) {
  .home-v3 .money-path-grid {
    grid-template-columns: repeat(3,1fr);
  }
  .home-v3 .money-path-line { display: none; }
}

@media (max-width: 760px) {
  .home-v3 .monetization-path { padding: 64px 0; }
  .home-v3 .money-path-heading { grid-template-columns: 1fr; gap: 18px; }
  .home-v3 .money-path-heading h2 { font-size: clamp(2.75rem,12vw,4.2rem); }
  .home-v3 .money-path-grid { grid-template-columns: 1fr; gap: 12px; }
  .home-v3 .money-stage {
    display: grid;
    grid-template-columns: 43% 57%;
    min-height: 260px;
  }
  .home-v3 .money-stage::before { display: none; }
  .home-v3 .money-scene { height: 100%; min-height: 260px; }
  .home-v3 .money-stage-copy { padding: 18px 16px; }
  .home-v3 .money-stage-copy h3 { min-height: 0; font-size: 1.38rem; }
  .home-v3 .money-stage-copy p { min-height: 0; margin-bottom: 11px; font-size: .76rem; }
  .home-v3 .money-stage-copy strong { font-size: .68rem; }
  .home-v3 .format-portals,
  .home-v3 .studio-parts { display: none; }
  .home-v3 .community-ring i:nth-child(n+4) { display: none; }
  .home-v3 .money-path-finish { grid-template-columns: 1fr; padding: 22px; }
  .home-v3 .money-path-finish > div { flex-direction: column; }
  .home-v3 .money-path-finish .button { width: 100%; text-align: center; justify-content: center; }
}

@media (max-width: 430px) {
  .home-v3 .money-stage { grid-template-columns: 40% 60%; min-height: 245px; }
  .home-v3 .money-scene { min-height: 245px; }
  .home-v3 .money-stage-copy { padding: 15px 13px; }
  .home-v3 .money-stage-copy h3 { font-size: 1.2rem; }
  .home-v3 .stage-live,
  .home-v3 .return-badge { font-size: .47rem; padding: 5px 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v3 .money-path-line span,
  .home-v3 .audience-dots i,
  .home-v3 .community-ring i,
  .home-v3 .retention-meter span,
  .home-v3 .growth-chart span,
  .home-v3 .gift-burst i { animation: none; }
}

/* Conversion and mobile pass — 2026-08-02. The section order stays unchanged. */
.home-v3 .hero-copy h1.hero-title-offer {
  max-width: 760px;
  gap: .08em;
  margin-bottom: 18px;
  font-size: clamp(3.35rem, 5vw, 5.45rem);
  line-height: .92;
}

.home-v3 .hero-title-offer .hero-title-platform {
  display: block;
  width: fit-content;
  margin-bottom: .36em;
  padding: .42em .62em;
  border: 1px solid rgba(255,255,255,.38);
  background: rgba(255,255,255,.06);
  color: var(--cyan);
  font: 800 .18em/1 "Manrope", sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.home-v3 .hero-title-offer .hero-title-word,
.home-v3 .hero-title-offer .hero-title-accent {
  width: auto;
  max-width: 100%;
}

.home-v3 .hero-title-offer .hero-title-word {
  font-size: .88em;
}

.home-v3 .hero-title-offer .hero-title-accent {
  font-size: .83em;
  white-space: nowrap;
}

.home-v3 .hero-principle {
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(.8rem, 1.05vw, .98rem);
  font-weight: 800;
  letter-spacing: .04em;
}

.home-v3 .hero-lead {
  margin-bottom: 24px;
}

.home-v3 .hero-offer-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.home-v3 .hero-offer-facts li {
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.home-v3 .hero-offer-facts li + li {
  border-left: 0;
}

.home-v3 .button {
  min-height: 48px;
  font-size: .78rem;
}

.home-v3 .trainer-choice {
  color: #090a09;
  background: var(--acid);
  transition: background-color .2s ease, box-shadow .2s ease, filter .2s ease;
}

.home-v3 .trainer-choice:hover,
.home-v3 .trainer-choice:focus-visible {
  color: #090a09;
  background: var(--acid);
  box-shadow: inset 6px 0 0 #090a09, inset -6px 0 0 #090a09;
  filter: brightness(1.1);
}

.home-v3 .form-intro {
  margin: 0 0 2px;
  color: rgba(255,255,255,.72);
  font-size: .75rem;
  line-height: 1.5;
}

.home-v3 .form-intro strong {
  color: #fff;
}

.home-v3 .lead-form-fields,
.home-v3 .dialog-form-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.home-v3 .lead-dialog {
  width: min(940px, calc(100% - 28px));
  padding: 34px 38px 30px;
}

.home-v3 .lead-dialog h2 {
  margin: 8px 48px 8px 0;
  letter-spacing: -.045em;
}

.home-v3 .lead-dialog .dialog-lead {
  margin: 0 0 12px;
}

.home-v3 .lead-dialog .dialog-form {
  gap: 10px;
}

@media (max-width: 1020px) {
  .home-v3 .free-panel {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .home-v3 .lead-form {
    grid-column: 1 / -1;
  }
}

.home-v3 .lead-form-fields label,
.home-v3 .dialog-form-fields label {
  display: grid;
  align-content: start;
  gap: 5px;
}

.home-v3 .lead-form .consent-line a,
.home-v3 .dialog-form .consent-line a {
  color: inherit;
}

.home-v3 .optional-profile {
  border: 1px solid rgba(17,17,17,.22);
  background: rgba(255,255,255,.5);
}

.home-v3 .optional-profile summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 48px;
  padding: 11px 13px;
  cursor: pointer;
  font-size: .76rem;
  font-weight: 800;
  list-style: none;
}

.home-v3 .optional-profile summary::-webkit-details-marker {
  display: none;
}

.home-v3 .optional-profile summary::after {
  content: "+";
  order: 3;
  font-size: 1.15rem;
}

.home-v3 .optional-profile[open] summary::after {
  content: "−";
}

.home-v3 .optional-profile summary span {
  margin-left: auto;
  color: #666b65;
  font-size: .62rem;
  font-weight: 700;
}

.home-v3 .optional-profile-fields {
  display: grid;
  gap: 14px;
  padding: 0 13px 14px;
}

.home-v3 .path-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 16px 0 12px;
}

.home-v3 .path-price strong {
  font: 700 1.65rem/1 "Oswald", sans-serif;
}

.home-v3 .path-price span {
  color: var(--muted);
  font-size: .72rem;
}

.home-v3 .mobile-quick-actions {
  display: none;
}

@media (max-width: 760px) {
  .home-v3 {
    padding-bottom: 76px;
  }

  .home-v3 .free-panel {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .home-v3 .mobile-quick-actions {
    position: fixed;
    z-index: 48;
    left: 10px;
    right: 10px;
    bottom: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(7,9,7,.94);
    box-shadow: 0 14px 40px rgba(0,0,0,.42);
    backdrop-filter: blur(12px);
    transition: opacity .2s ease;
  }

  .home-v3.dialog-open .mobile-quick-actions {
    opacity: 0;
    pointer-events: none;
  }

  .home-v3:has(#lead-form:focus-within) .mobile-quick-actions {
    opacity: 0;
    pointer-events: none;
  }

  .home-v3 .mobile-quick-actions button,
  .home-v3 .mobile-quick-actions a {
    display: grid;
    min-width: 0;
    min-height: 46px;
    place-items: center;
    padding: 9px 8px;
    border: 1px solid var(--acid);
    color: #080a08;
    background: var(--acid);
    font: 800 .7rem/1.15 "Manrope", sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }

  .home-v3 .mobile-quick-actions a {
    color: #fff;
    background: transparent;
  }

  .home-v3 .monetization-path,
  .home-v3 .journey-section,
  .home-v3 .archetypes-section,
  .home-v3 .academy-preview,
  .home-v3 .practice-v3,
  .home-v3 .games-hub,
  .home-v3 .paths-final {
    padding: 56px 0;
  }

  .home-v3 .money-path-grid {
    display: flex;
    gap: 10px;
    margin-inline: -13px;
    padding: 2px 13px 15px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  .home-v3 .money-stage {
    display: block;
    flex: 0 0 min(84vw, 330px);
    min-height: 0;
    scroll-snap-align: start;
  }

  .home-v3 .money-scene {
    height: 225px;
    min-height: 225px;
  }

  .home-v3 .money-stage-copy {
    padding: 16px 15px 18px;
  }

  .home-v3 .money-stage-copy h3,
  .home-v3 .money-stage-copy p {
    min-height: 0;
  }

  .home-v3 .archetype-grid-v3,
  .home-v3 .games-grid {
    display: flex;
    gap: 10px;
    margin-inline: -13px;
    padding: 2px 13px 15px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  .home-v3 .archetype-grid-v3 article {
    flex: 0 0 min(72vw, 280px);
    scroll-snap-align: start;
  }

  .home-v3 .archetype-portrait {
    height: 250px;
  }

  .home-v3 .game-card {
    flex: 0 0 min(86vw, 370px);
    min-height: 430px;
    scroll-snap-align: start;
  }
}

@media (max-width: 680px) {
  .home-v3 .hero-v3 {
    padding-top: 96px;
  }

  .home-v3 .hero-grid {
    gap: 12px;
    padding-bottom: 42px;
  }

  .home-v3 .hero-copy {
    padding-top: 0;
    text-align: left;
  }

  .home-v3 .eyebrow,
  .home-v3 .hero-actions {
    justify-content: flex-start;
  }

  .home-v3 .eyebrow {
    margin-bottom: 22px;
    text-align: left;
  }

  .home-v3 .hero-copy h1.hero-title-offer {
    font-size: clamp(2.55rem, 11.8vw, 3.35rem);
    line-height: .94;
  }

  .home-v3 .hero-title-offer .hero-title-word {
    font-size: .86em;
  }

  .home-v3 .hero-title-offer .hero-title-accent {
    font-size: .76em;
  }

  .home-v3 .hero-principle {
    font-size: .78rem;
  }

  .home-v3 .hero-lead {
    margin-inline: 0;
    margin-bottom: 20px;
    font-size: .88rem;
    line-height: 1.55;
  }

  .home-v3 .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .home-v3 .hero-actions .button {
    width: 100%;
    min-height: 50px;
    justify-content: center;
    text-align: center;
  }

  .home-v3 .hero-offer-facts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 17px;
  }

  .home-v3 .hero-offer-facts li {
    display: grid;
    min-width: 0;
    place-items: center;
    padding: 8px 5px;
    font-size: .62rem;
    text-align: center;
  }

  .home-v3 .fine-print {
    margin-top: 9px;
    font-size: .6rem;
    line-height: 1.45;
  }

  .home-v3 .hero-art {
    min-height: 430px;
  }

  .home-v3 .hero-art::before {
    top: 40px;
    width: 330px;
    height: 330px;
  }

  .home-v3 .hero-art::after {
    width: 310px;
    height: 310px;
  }

  .home-v3 .hero-phone-v3 {
    top: 28px;
    width: min(238px, calc(100% - 54px));
    height: 405px;
    box-shadow: 13px 15px 0 rgba(0,0,0,.55);
  }

  .home-v3 .hero-phone-v3 .phone-top {
    padding: 27px 12px 8px;
    font-size: .58rem;
  }

  .home-v3 .hero-phone-v3 .stream-scene {
    height: 235px;
  }

  .home-v3 .hero-phone-v3 .chat-feed {
    padding: 8px 10px 2px;
  }

  .home-v3 .hero-phone-v3 .chat-feed p {
    margin-bottom: 4px;
    padding: 3px 6px;
    font-size: .53rem;
  }

  .home-v3 .hero-phone-v3 .chat-feed p:nth-child(3),
  .home-v3 .hero-phone-v3 .stream-controls {
    display: none;
  }

  .home-v3 .sticker-yellow {
    top: 12px;
    right: -3px;
    max-width: 142px;
    padding: 10px 11px;
    font-size: .58rem;
  }

  .home-v3 .lead-form-fields,
  .home-v3 .dialog-form-fields {
    grid-template-columns: 1fr;
  }

  .home-v3 .dialog-form-fields {
    grid-template-columns: 1fr 1fr;
  }

  .home-v3 .dialog-form-fields label:nth-child(-n+2) {
    grid-column: 1 / -1;
  }

  .home-v3 .site-dialog {
    max-height: calc(100dvh - 20px);
    padding: 18px 14px 16px;
  }

  .home-v3 .site-dialog h2 {
    margin: 4px 42px 7px 0;
    font-size: clamp(1.9rem, 9vw, 2.35rem);
    line-height: .95;
    letter-spacing: -.045em;
  }

  .home-v3 .dialog-close {
    top: 10px;
    right: 10px;
  }

  .home-v3 .dialog-form {
    gap: 10px;
  }

  .home-v3 .dialog-form input,
  .home-v3 .dialog-form select,
  .home-v3 .lead-form input {
    min-height: 46px;
  }

  .home-v3 .path-card {
    padding: 25px 20px;
  }
}

@media (max-width: 390px) {
  .home-v3 .hero-copy h1.hero-title-offer {
    font-size: clamp(2.4rem, 11.5vw, 2.8rem);
  }

  .home-v3 .mobile-quick-actions button,
  .home-v3 .mobile-quick-actions a {
    font-size: .65rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-v3 .mobile-quick-actions {
    transition: none;
  }
}

/* Public navigation: one shared, thumb-friendly route across the site and Academy. */
.boostup-mobile-dock,
.boostup-mobile-menu {
  display: none;
}

.boostup-desktop-floating {
  position: fixed;
  z-index: 44;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  display: grid;
  width: min(300px, calc(100vw - 36px));
  gap: 8px;
}

.boostup-desktop-floating a {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 68px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.2);
  color: #f6f7f3;
  background: rgba(13,15,13,.94);
  box-shadow: 0 16px 44px rgba(0,0,0,.34);
  text-decoration: none;
  backdrop-filter: blur(14px);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.boostup-desktop-floating a:hover,
.boostup-desktop-floating a:focus-visible {
  transform: translateY(-2px);
  border-color: var(--acid);
  box-shadow: 0 20px 50px rgba(0,0,0,.44);
}

.boostup-desktop-floating svg,
.boostup-mobile-dock svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.boostup-desktop-floating span {
  display: grid;
  gap: 3px;
}

.boostup-desktop-floating strong {
  font: 800 .78rem/1.15 "Manrope", sans-serif;
  letter-spacing: .02em;
}

.boostup-desktop-floating small {
  color: #aeb2aa;
  font: 600 .62rem/1.2 "Manrope", sans-serif;
}

.boostup-desktop-floating i {
  font-style: normal;
}

.boostup-desktop-floating .boostup-floating-account {
  color: #080a08;
  border-color: var(--acid);
  background: var(--acid);
}

.boostup-desktop-floating .boostup-floating-account small {
  color: #26301f;
}

.public-navigation-ready .main-nav a.public-nav-academy {
  padding: 9px 11px;
  color: #fff;
  background: var(--red);
}

.public-navigation-ready .main-nav a.public-nav-academy::after {
  display: none;
}

@media (max-width: 820px) {
  .public-navigation-ready {
    padding-bottom: calc(82px + env(safe-area-inset-bottom));
  }

  .public-navigation-ready .site-header .menu-toggle,
  .public-navigation-ready .site-header .main-nav,
  .public-navigation-ready .site-header .header-cta,
  .public-navigation-ready .mobile-quick-actions,
  .boostup-desktop-floating {
    display: none !important;
  }

  .public-navigation-ready .site-header .header-inner {
    grid-template-columns: 1fr;
  }

  .boostup-mobile-dock {
    position: fixed;
    z-index: 54;
    left: max(8px, env(safe-area-inset-left));
    right: max(8px, env(safe-area-inset-right));
    bottom: max(8px, env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px;
    padding: 5px;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(7,9,7,.96);
    box-shadow: 0 18px 48px rgba(0,0,0,.48);
    backdrop-filter: blur(16px);
    transition: opacity 160ms ease, transform 160ms ease;
  }

  .boostup-mobile-dock a,
  .boostup-mobile-dock button {
    display: grid;
    min-width: 0;
    min-height: 57px;
    place-items: center;
    align-content: center;
    gap: 4px;
    padding: 5px 2px;
    border: 1px solid transparent;
    color: #e9ebe6;
    background: transparent;
    font: 750 .54rem/1 "Manrope", sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }

  .boostup-mobile-dock span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .boostup-mobile-dock .is-academy {
    color: #fff;
    border-color: rgba(255,49,92,.8);
    background: rgba(255,49,92,.18);
  }

  .boostup-mobile-dock .is-account {
    color: #080a08;
    border-color: var(--acid);
    background: var(--acid);
  }

  .boostup-mobile-dock a:focus-visible,
  .boostup-mobile-dock button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -3px;
  }

  .boostup-mobile-menu {
    position: fixed;
    z-index: 53;
    left: max(8px, env(safe-area-inset-left));
    right: max(8px, env(safe-area-inset-right));
    bottom: calc(80px + env(safe-area-inset-bottom));
    display: grid;
    max-height: min(66vh, 460px);
    overflow: auto;
    border: 1px solid rgba(255,255,255,.22);
    color: #f6f7f3;
    background: rgba(12,14,12,.98);
    box-shadow: 0 18px 52px rgba(0,0,0,.56);
  }

  .boostup-mobile-menu[hidden] {
    display: none;
  }

  .boostup-mobile-menu-head,
  .boostup-mobile-menu a,
  .boostup-mobile-menu > .boostup-mobile-route {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 15px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.13);
    color: inherit;
    background: transparent;
    font: 750 .78rem/1.2 "Manrope", sans-serif;
    text-align: left;
    text-decoration: none;
  }

  .boostup-mobile-menu-head strong {
    font: 800 .72rem/1 "Manrope", sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .boostup-mobile-menu-head button {
    width: 38px;
    height: 38px;
    border: 1px solid var(--acid);
    color: var(--acid);
    background: transparent;
    font-size: 1.4rem;
    cursor: pointer;
  }

  .boostup-mobile-menu > .boostup-mobile-route {
    color: #080a08;
    border-bottom: 0;
    background: var(--acid);
    cursor: pointer;
  }

  .dialog-open .boostup-mobile-dock,
  .public-input-active .boostup-mobile-dock,
  .dialog-open .boostup-mobile-menu,
  .public-input-active .boostup-mobile-menu {
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
  }
}

@media (max-width: 390px) {
  .boostup-mobile-dock a,
  .boostup-mobile-dock button {
    font-size: .5rem;
  }

  .boostup-mobile-dock svg {
    width: 22px;
    height: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .boostup-desktop-floating a,
  .boostup-mobile-dock {
    transition: none;
  }
}
