/* PsyQo V4: 41d structure with dark periwinkle premium treatment. */
:root {
  --v4-bg: #03040a;
  --v4-bg-2: #070814;
  --v4-panel: rgba(9, 10, 20, 0.82);
  --v4-panel-strong: rgba(12, 14, 28, 0.94);
  --v4-ink: #f5f7ff;
  --v4-muted: rgba(229, 233, 255, 0.66);
  --v4-soft: rgba(229, 233, 255, 0.42);
  --v4-line: rgba(184, 190, 255, 0.17);
  --v4-peri: #a9afff;
  --v4-peri-2: #767dff;
  --v4-glow: rgba(128, 132, 255, 0.34);
}

html,
body.psyqo-v4,
body.psyqo-v4.home-page {
  background:
    radial-gradient(ellipse at 78% 18%, rgba(118, 125, 255, 0.16), transparent 32rem),
    radial-gradient(ellipse at 18% 62%, rgba(86, 98, 255, 0.1), transparent 34rem),
    linear-gradient(180deg, #03040a 0%, #060713 46%, #03040a 100%) !important;
  color: var(--v4-ink) !important;
}

body.psyqo-v4 .pixel-bg {
  opacity: 0.22 !important;
  mix-blend-mode: screen !important;
}

body.psyqo-v4 .scanline-overlay {
  opacity: 0.16 !important;
  mix-blend-mode: screen !important;
}

body.psyqo-v4 .site-header,
body.psyqo-v4.home-page .site-header,
body.psyqo-v4.psyqo-hero-nav .site-header,
body.psyqo-v4.home-page:not(.psyqo-hero-nav) .site-header {
  background: linear-gradient(180deg, rgba(4, 5, 12, 0.92), rgba(4, 5, 12, 0.72)) !important;
  border-bottom: 1px solid var(--v4-line) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.36) !important;
  backdrop-filter: blur(22px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
}

body.psyqo-v4 .site-nav,
body.psyqo-v4.home-page .site-nav,
body.psyqo-v4 .brand-word,
body.psyqo-v4 .site-nav .brand,
body.psyqo-v4 .nav-links a,
body.psyqo-v4 .mobile-panel a {
  color: var(--v4-ink) !important;
  -webkit-text-fill-color: var(--v4-ink) !important;
}

body.psyqo-v4 .brand-logo,
body.psyqo-v4.home-page .brand-logo {
  background: linear-gradient(135deg, #eef1ff, var(--v4-peri) 46%, var(--v4-peri-2)) !important;
  filter: drop-shadow(0 0 12px rgba(128, 132, 255, 0.48)) !important;
}

body.psyqo-v4 .nav-links,
body.psyqo-v4.home-page .nav-links {
  border: 1px solid rgba(199, 204, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.psyqo-v4 .nav-links a:hover,
body.psyqo-v4 .nav-links a.active {
  background: rgba(142, 132, 255, 0.12) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.psyqo-v4 .nav-links a::after,
body.psyqo-v4.home-page .nav-links a::after {
  background: var(--v4-peri) !important;
  box-shadow: 0 0 16px var(--v4-glow) !important;
}

body.psyqo-v4 .btn,
body.psyqo-v4 .site-nav .header-actions .btn,
body.psyqo-v4.home-page .site-nav .header-actions .btn {
  border-color: rgba(210, 215, 255, 0.24) !important;
  background: rgba(8, 10, 22, 0.72) !important;
  color: var(--v4-ink) !important;
  -webkit-text-fill-color: var(--v4-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 16px 40px rgba(0, 0, 0, 0.28) !important;
}

body.psyqo-v4 .btn-primary,
body.psyqo-v4 .site-nav .header-actions .btn,
body.psyqo-v4.home-page .site-nav .header-actions .btn {
  background: linear-gradient(135deg, #eef1ff, var(--v4-peri) 54%, #7d83ff) !important;
  border-color: rgba(236, 239, 255, 0.72) !important;
  color: #050610 !important;
  -webkit-text-fill-color: #050610 !important;
}

body.psyqo-v4 .btn:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 22px 54px rgba(0, 0, 0, 0.34),
    0 0 36px var(--v4-glow) !important;
}

body.psyqo-v4 .aeronet-hero {
  background:
    radial-gradient(ellipse at 72% 48%, rgba(126, 132, 255, 0.26), transparent 36%),
    radial-gradient(ellipse at 50% 86%, rgba(93, 101, 255, 0.14), transparent 48%),
    #03040a !important;
}

body.psyqo-v4 .psyqo-hero-sticky {
  background:
    linear-gradient(90deg, rgba(3, 4, 10, 0.96), rgba(4, 6, 15, 0.68) 38%, rgba(5, 7, 16, 0.2) 66%, rgba(3, 4, 10, 0.82)),
    radial-gradient(ellipse at 72% 50%, rgba(142, 132, 255, 0.22), transparent 42%),
    #03040a !important;
}

body.psyqo-v4 .psyqo-hero-sticky::before {
  background:
    radial-gradient(ellipse at 72% 52%, transparent 0 30%, rgba(3, 4, 10, 0.18) 54%, rgba(3, 4, 10, 0.78) 100%),
    linear-gradient(to bottom, rgba(3, 4, 10, 0.74), transparent 20%, transparent 70%, rgba(3, 4, 10, 0.9)) !important;
}

body.psyqo-v4 .psyqo-hero-sticky::after {
  background:
    repeating-linear-gradient(0deg, rgba(224, 228, 255, 0.12) 0 1px, transparent 1px 4px),
    radial-gradient(circle at 24% 34%, rgba(224, 228, 255, 0.1) 0 1px, transparent 1.4px),
    radial-gradient(circle at 76% 68%, rgba(142, 132, 255, 0.14) 0 1px, transparent 1.5px) !important;
}

body.psyqo-v4 .psyqo-hero-system::before {
  background:
    radial-gradient(ellipse at 72% 48%, rgba(164, 171, 255, 0.17), rgba(93, 101, 255, 0.08) 32%, transparent 58%),
    radial-gradient(ellipse at 56% 90%, rgba(100, 109, 255, 0.11), transparent 44%),
    linear-gradient(90deg, rgba(3, 4, 10, 0.92), rgba(4, 6, 14, 0.56) 38%, transparent 64%, rgba(3, 4, 10, 0.52)) !important;
}

body.psyqo-v4 .psyqo-rail span {
  background: linear-gradient(to bottom, transparent, rgba(142, 132, 255, 0.08), rgba(164, 171, 255, 0.36), rgba(255, 255, 255, 0.18), rgba(110, 119, 255, 0.24), transparent) !important;
  box-shadow: 0 0 24px rgba(128, 132, 255, 0.28) !important;
}

body.psyqo-v4 .psyqo-floor-grid {
  background-image:
    linear-gradient(to right, rgba(230, 233, 255, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(132, 138, 255, 0.09) 1px, transparent 1px) !important;
}

body.psyqo-v4 #psyqoHeroCanvas,
body.psyqo-v4 .psyqo-hero-canvas,
body.psyqo-v4 .psyqo-float-field {
  display: none !important;
}

body.psyqo-v4 .psyqo-hero-webgl {
  z-index: 20 !important;
  filter:
    saturate(1.12)
    contrast(1.12)
    drop-shadow(0 0 26px rgba(128, 132, 255, 0.24))
    drop-shadow(0 34px 52px rgba(0, 0, 0, 0.6)) !important;
}

body.psyqo-v4 .hero-team-stack span,
body.psyqo-v4 .hero-controller-title span:first-child {
  color: #f5f7ff !important;
  -webkit-text-fill-color: #f5f7ff !important;
}

body.psyqo-v4 .hero-team-stack span + span,
body.psyqo-v4 .hero-controller-title span:last-child,
body.psyqo-v4.home-page .hero h1.hero-team-title .hero-controller-title span:last-child {
  color: var(--v4-peri) !important;
  -webkit-text-fill-color: var(--v4-peri) !important;
  text-shadow: 0 0 34px rgba(128, 132, 255, 0.26) !important;
}

body.psyqo-v4 .hero-mission-strip {
  color: rgba(238, 241, 255, 0.82) !important;
  border-top-color: rgba(169, 175, 255, 0.46) !important;
}

body.psyqo-v4 .section,
body.psyqo-v4 .spa-section,
body.psyqo-v4 .aero-section,
body.psyqo-v4 #theater.lessons-progress-section,
body.psyqo-v4 #studios.home-cinema-section,
body.psyqo-v4 #shop.aero-section,
body.psyqo-v4 #faq.aero-section,
body.psyqo-v4 .home-cinema-section,
body.psyqo-v4 .lessons-progress-section {
  background:
    radial-gradient(ellipse at 78% 22%, rgba(126, 132, 255, 0.11), transparent 34rem),
    linear-gradient(90deg, rgba(230, 233, 255, 0.032) 1px, transparent 1px),
    linear-gradient(0deg, rgba(230, 233, 255, 0.024) 1px, transparent 1px),
    var(--v4-bg) !important;
  background-size: auto, 92px 92px, 92px 92px, auto !important;
  color: var(--v4-ink) !important;
}

body.psyqo-v4 .marquee,
body.psyqo-v4 .identity-ribbon {
  background: linear-gradient(90deg, #04050c, #0b0d1a 50%, #04050c) !important;
  border-block: 1px solid var(--v4-line) !important;
}

body.psyqo-v4 .identity-ribbon span,
body.psyqo-v4 .identity-ribbon span:nth-child(even) {
  color: rgba(238, 241, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(238, 241, 255, 0.9) !important;
}

body.psyqo-v4 .identity-ribbon span::after {
  background: var(--v4-peri) !important;
  box-shadow: 0 0 18px var(--v4-glow) !important;
}

body.psyqo-v4 h1,
body.psyqo-v4 h2,
body.psyqo-v4 h3,
body.psyqo-v4 h4,
body.psyqo-v4 .aero-section-header h2,
body.psyqo-v4 .lessons-progress-copy h2,
body.psyqo-v4 #theater .lessons-progress-copy h2,
body.psyqo-v4 #studios.home-cinema-section h2,
body.psyqo-v4 #studios.home-cinema-section h3 {
  background: none !important;
  color: var(--v4-ink) !important;
  -webkit-text-fill-color: var(--v4-ink) !important;
  text-shadow: none !important;
}

body.psyqo-v4 p,
body.psyqo-v4 li,
body.psyqo-v4 details,
body.psyqo-v4 .aero-section-header p,
body.psyqo-v4 .lessons-progress-copy p,
body.psyqo-v4 #theater .lessons-progress-copy p,
body.psyqo-v4 #studios.home-cinema-section p {
  color: var(--v4-muted) !important;
  -webkit-text-fill-color: var(--v4-muted) !important;
}

body.psyqo-v4 .eyebrow,
body.psyqo-v4 .pipeline-badge,
body.psyqo-v4 .lessons-subline,
body.psyqo-v4 #theater .lessons-progress-copy .lessons-subline,
body.psyqo-v4 .drop-price,
body.psyqo-v4 .about-visual-badge {
  color: var(--v4-peri) !important;
  -webkit-text-fill-color: var(--v4-peri) !important;
}

body.psyqo-v4 .about-visual,
body.psyqo-v4 .about-stat-graph,
body.psyqo-v4 .pipeline-card,
body.psyqo-v4 .stat-node,
body.psyqo-v4 .channel-card,
body.psyqo-v4 .drop-card,
body.psyqo-v4 .faq-list details,
body.psyqo-v4 .community-card,
body.psyqo-v4 .cinema-screen,
body.psyqo-v4 .cinema-poster-thumb,
body.psyqo-v4 .roster-card,
body.psyqo-v4 .video-card {
  border-color: var(--v4-line) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
    var(--v4-panel) !important;
  color: var(--v4-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 28px 80px rgba(0, 0, 0, 0.32) !important;
}

body.psyqo-v4 .drop-card.featured,
body.psyqo-v4 #shop .drop-card.featured {
  border-color: rgba(169, 175, 255, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 58px rgba(128, 132, 255, 0.16),
    0 34px 90px rgba(0, 0, 0, 0.42) !important;
}

body.psyqo-v4 .lessons-score {
  color: rgba(232, 235, 255, 0.08) !important;
}

body.psyqo-v4 .lessons-dot-field .episode-count {
  color: var(--v4-ink) !important;
}

body.psyqo-v4 .lessons-dot-field .episode-count i {
  color: var(--v4-soft) !important;
}

body.psyqo-v4 .lessons-dot-field .ep-dot-on {
  background: linear-gradient(135deg, #eef1ff, var(--v4-peri-2)) !important;
  box-shadow: 0 0 16px rgba(128, 132, 255, 0.28) !important;
}

body.psyqo-v4 .lessons-dot-field .ep-dot-off {
  background: rgba(229, 233, 255, 0.055) !important;
  border-color: rgba(229, 233, 255, 0.16) !important;
}

body.psyqo-v4 .cinema-player-cover::after,
body.psyqo-v4 .cinema-poster-thumb::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.72)),
    radial-gradient(circle at 50% 50%, rgba(128, 132, 255, 0.18), transparent 58%) !important;
}

body.psyqo-v4 .cinema-big-play,
body.psyqo-v4 .cinema-poster-thumb svg,
body.psyqo-v4 #shop .drop-card.featured > span {
  background: linear-gradient(135deg, var(--v4-peri), var(--v4-peri-2)) !important;
  color: #050610 !important;
  box-shadow: 0 0 34px var(--v4-glow) !important;
}

body.psyqo-v4 #psyqo-chat,
body.psyqo-v4 .chat-panel {
  color: var(--v4-ink) !important;
}

body.psyqo-v4 #psyqo-chat-bubble {
  background: linear-gradient(135deg, #eef1ff, var(--v4-peri)) !important;
  color: #050610 !important;
  box-shadow: 0 0 34px var(--v4-glow), 0 20px 52px rgba(0, 0, 0, 0.38) !important;
}

body.psyqo-v4 .chat-window,
body.psyqo-v4 .chat-panel {
  border-color: var(--v4-line) !important;
  background: rgba(5, 6, 14, 0.96) !important;
}

body.psyqo-v4 a:not(.btn) {
  color: var(--v4-peri);
}

body.psyqo-v4 ::selection {
  background: rgba(169, 175, 255, 0.32);
  color: #fff;
}

@media (max-width: 760px) {
  body.psyqo-v4 .psyqo-hero-webgl {
    display: none !important;
  }
}

/* Specificity pass over the archived 41d apparel/light-board rules. */
body.psyqo-v4.home-page .hero h1.hero-team-title .hero-team-stack span,
body.psyqo-v4.home-page .hero h1.hero-team-title .hero-controller-title span:first-child,
body.psyqo-v4 .home-hero .hero-team-stack span,
body.psyqo-v4 .home-hero .hero-controller-title span:first-child {
  color: #f5f7ff !important;
  -webkit-text-fill-color: #f5f7ff !important;
  text-shadow: 0 0 28px rgba(128, 132, 255, 0.12) !important;
}

body.psyqo-v4.home-page .hero h1.hero-team-title .hero-team-stack span + span,
body.psyqo-v4.home-page .hero h1.hero-team-title .hero-controller-title span:last-child,
body.psyqo-v4 .home-hero .hero-team-stack span + span,
body.psyqo-v4 .home-hero .hero-controller-title span:last-child {
  color: var(--v4-peri) !important;
  -webkit-text-fill-color: var(--v4-peri) !important;
  text-shadow: 0 0 34px rgba(128, 132, 255, 0.28) !important;
}

body.psyqo-v4 main > section,
body.psyqo-v4 #about,
body.psyqo-v4 #channels,
body.psyqo-v4 #theater,
body.psyqo-v4 #roster,
body.psyqo-v4 #studios,
body.psyqo-v4 #shop,
body.psyqo-v4 #faq,
body.psyqo-v4 #community {
  background:
    radial-gradient(ellipse at 80% 18%, rgba(126, 132, 255, 0.12), transparent 34rem),
    linear-gradient(90deg, rgba(230, 233, 255, 0.03) 1px, transparent 1px),
    linear-gradient(0deg, rgba(230, 233, 255, 0.022) 1px, transparent 1px),
    #03040a !important;
  background-size: auto, 92px 92px, 92px 92px, auto !important;
  color: var(--v4-ink) !important;
}

body.psyqo-v4 #about h2,
body.psyqo-v4 #channels h2,
body.psyqo-v4 #theater h2,
body.psyqo-v4 #roster h2,
body.psyqo-v4 #studios h2,
body.psyqo-v4 #shop h2,
body.psyqo-v4 #faq h2,
body.psyqo-v4 #community h2,
body.psyqo-v4 #about h3,
body.psyqo-v4 #channels h3,
body.psyqo-v4 #theater h3,
body.psyqo-v4 #roster h3,
body.psyqo-v4 #studios h3,
body.psyqo-v4 #shop h3,
body.psyqo-v4 #faq h3,
body.psyqo-v4 #community h3 {
  color: var(--v4-ink) !important;
  -webkit-text-fill-color: var(--v4-ink) !important;
  background: none !important;
}

body.psyqo-v4 #about p,
body.psyqo-v4 #channels p,
body.psyqo-v4 #theater p,
body.psyqo-v4 #roster p,
body.psyqo-v4 #studios p,
body.psyqo-v4 #shop p,
body.psyqo-v4 #faq p,
body.psyqo-v4 #community p,
body.psyqo-v4 #about li,
body.psyqo-v4 #channels li,
body.psyqo-v4 #theater li,
body.psyqo-v4 #roster li,
body.psyqo-v4 #studios li,
body.psyqo-v4 #shop li,
body.psyqo-v4 #faq li,
body.psyqo-v4 #community li {
  color: var(--v4-muted) !important;
  -webkit-text-fill-color: var(--v4-muted) !important;
}

body.psyqo-v4 .eyebrow,
body.psyqo-v4 .badge-dot,
body.psyqo-v4 .pipeline-badge,
body.psyqo-v4 .lessons-subline,
body.psyqo-v4 .drop-price,
body.psyqo-v4 .aero-section-header span {
  color: var(--v4-peri) !important;
  -webkit-text-fill-color: var(--v4-peri) !important;
}

body.psyqo-v4 .eyebrow::before,
body.psyqo-v4 .badge-dot,
body.psyqo-v4 .stat-dot,
body.psyqo-v4 .pipeline-node,
body.psyqo-v4 .identity-ribbon span::after {
  background: var(--v4-peri) !important;
  box-shadow: 0 0 18px var(--v4-glow) !important;
}

body.psyqo-v4 #channels .pipeline-copy h2,
body.psyqo-v4 #channels .pipeline-copy h2 .grad {
  background: none !important;
  color: var(--v4-ink) !important;
  -webkit-text-fill-color: var(--v4-ink) !important;
  text-shadow: none !important;
}

body.psyqo-v4 #channels .pipeline-copy h2 .grad {
  color: var(--v4-peri) !important;
  -webkit-text-fill-color: var(--v4-peri) !important;
}

body.psyqo-v4 #channels .pipeline-card,
body.psyqo-v4 #channels .pipeline-step.is-filled .pipeline-card {
  border: 1px solid var(--v4-line) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(8, 10, 22, 0.86) !important;
  color: var(--v4-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 22px 58px rgba(0, 0, 0, 0.3) !important;
}

body.psyqo-v4 #channels .pipeline-card h3,
body.psyqo-v4 #channels .pipeline-card .step-num {
  color: var(--v4-ink) !important;
  -webkit-text-fill-color: var(--v4-ink) !important;
}

body.psyqo-v4 #channels .pipeline-card p {
  color: var(--v4-muted) !important;
  -webkit-text-fill-color: var(--v4-muted) !important;
}

body.psyqo-v4 #channels .pipeline-spine,
body.psyqo-v4 #channels .pipeline-spine::before {
  background: linear-gradient(to bottom, rgba(169, 175, 255, 0.08), rgba(169, 175, 255, 0.82), rgba(169, 175, 255, 0.28)) !important;
  box-shadow: 0 0 28px rgba(128, 132, 255, 0.22) !important;
}

body.psyqo-v4 #channels .pipeline-node,
body.psyqo-v4 #channels .pipeline-node::before,
body.psyqo-v4 #channels .pipeline-node::after,
body.psyqo-v4 #channels .pipeline-step.is-filled .pipeline-node,
body.psyqo-v4 #channels .pipeline-step.is-filled .pipeline-node::before,
body.psyqo-v4 #channels .pipeline-step.is-filled .pipeline-node::after {
  border-color: rgba(169, 175, 255, 0.46) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(238, 241, 255, 0.92), rgba(169, 175, 255, 0.76) 36%, rgba(128, 132, 255, 0.2) 70%) !important;
  box-shadow:
    0 0 26px rgba(128, 132, 255, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

body.psyqo-v4 #shop .drop-media,
body.psyqo-v4 #shop .drop-media::before,
body.psyqo-v4 #shop .drop-media::after,
body.psyqo-v4 #shop .drop-media-ph {
  border-color: rgba(169, 175, 255, 0.16) !important;
  background:
    linear-gradient(135deg, rgba(169, 175, 255, 0.08), transparent 46%),
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.035) 0 12px, rgba(255, 255, 255, 0.01) 12px 24px),
    rgba(8, 10, 22, 0.72) !important;
  color: rgba(229, 233, 255, 0.62) !important;
  -webkit-text-fill-color: rgba(229, 233, 255, 0.62) !important;
}

body.psyqo-v4 .chat-dot,
body.psyqo-v4 .cinema-big-play,
body.psyqo-v4 .cinema-poster-thumb svg {
  background: linear-gradient(135deg, var(--v4-peri), var(--v4-peri-2)) !important;
}

body.psyqo-v4 #channels .pipeline-copy h2,
body.psyqo-v4 #channels .pipeline-copy h2 *,
body.psyqo-v4 #channels .pipeline-card h3,
body.psyqo-v4 #channels .pipeline-card h3 *,
body.psyqo-v4 #channels .pipeline-card strong {
  background: none !important;
  color: var(--v4-ink) !important;
  -webkit-text-fill-color: var(--v4-ink) !important;
  opacity: 1 !important;
}

body.psyqo-v4 #channels .pipeline-copy h2 .grad {
  color: var(--v4-peri) !important;
  -webkit-text-fill-color: var(--v4-peri) !important;
}