/* RZ WEIGHTS — atmospheric lighting. Motion never carries product information. */
:root {
  --neon-red: #ff435f;
  --neon-ice: #91e3ec;
}

.header {
  border-bottom-color: #f04a6221;
  box-shadow: 0 1px 0 #000, 0 10px 34px #0003;
}
.header::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 12%;
  width: 76%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #f4486259 38%, #91e3ec35 74%, transparent);
  pointer-events: none;
}
.brand-mark { filter: drop-shadow(0 0 8px #f32b3f66); }
.desktop-nav a.active::after { box-shadow: 0 0 9px #ff4966; }
.hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(65vw, 970px);
  height: 90%;
  left: 29%;
  top: -24%;
  background: radial-gradient(ellipse, #f728481a, transparent 66%);
  pointer-events: none;
  opacity: .7;
  animation: neon-atmosphere 12s ease-in-out infinite alternate;
}
.hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 9%;
  right: 9%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ff45685c 43%, #a4f0f04d 70%, transparent);
  box-shadow: 0 -1px 16px #ff345635;
  pointer-events: none;
}
.hero-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 80% 40%, #68d6e110, transparent 40%), radial-gradient(ellipse at 72% 65%, #fc25451a, transparent 44%);
  pointer-events: none;
  opacity: .7;
  animation: neon-optics 11s ease-in-out infinite alternate;
}
.hero-content { animation: none; }
.hero-kicker { color: #e2bfc7; }
.hero h1 > span {
  background-image: linear-gradient(108deg, #ffa1ac 0%, #ff465f 48%, #e71942 100%);
  text-shadow: 0 0 65px #ff214c2e;
}
.hero-description { color: #c0bfc7; }
.hero-grid { opacity: .36; }
.hero .live-dot { box-shadow: 0 0 0 4px #ff3a5812, 0 0 15px #ff3a5870; }
.hero-explore .play-icon {
  border-color: #a3d8df5c;
  box-shadow: 0 0 18px #8de8ec09, inset 0 0 15px #91e3ec06;
}
.hero-explore:hover .play-icon { border-color: #b8f0f1; background: #23333a; }

.button:not(.secondary):not(.light) {
  position: relative;
  border-color: #ff82946e;
  background: linear-gradient(115deg, #ec2d49, #ca1435 82%);
  box-shadow: 0 7px 32px #e8183936, inset 0 1px 0 #ffc0c33d;
}
.button:not(.secondary):not(.light)::after {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ffb2c1, transparent);
  box-shadow: 0 2px 13px #ff627c80;
  pointer-events: none;
}
.button:not(.secondary):not(.light):hover {
  background: linear-gradient(115deg, #fa3c56, #d71c3d 82%);
  box-shadow: 0 10px 36px #ed224c5c, inset 0 1px 0 #ffc0c355;
}
.button.secondary:hover { border-color: #92dce16e; box-shadow: 0 0 25px #91e3ec0b; }

.proof-band {
  background: linear-gradient(105deg, #101014, #1a1117 51%, #10161a);
  border-top-color: #ae324126;
  border-bottom-color: #34454a55;
}
.proof-strip strong > span { text-shadow: 0 0 24px #ff2d5760; }
.eyebrow { color: #f48d9a; }
.section-title h2 > span { color: #a2a1ae; }
.recognition-heading h2 span { color: #ff526c; text-shadow: 0 0 38px #ed2a4624; }
.recognition-panel {
  border-color: #64505b;
  box-shadow: 0 22px 68px #0006, -9px 0 35px #f32b3f09, 9px 0 35px #7cdae408;
}
.recognition-toolbar { border-bottom-color: #7960734d; }
.object-marker { box-shadow: 0 0 24px #ff315638, inset 0 0 16px #ff3d5c14; }
.object-marker::before, .object-marker::after { filter: drop-shadow(0 0 4px #ff667d66); }

.bundle-visual, .training-card {
  border-color: #62515a8a;
  box-shadow: inset 0 1px 0 #ff84990a, 0 18px 48px #0003;
  transition: border-color .3s, box-shadow .3s;
}
.bundle-visual::after, .training-card::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ff7b9866, #a5e6ed55, transparent);
  pointer-events: none;
}
.bundle-visual:hover, .training-card:hover {
  border-color: #b47a878c;
  box-shadow: inset 0 1px 0 #ff849910, 0 18px 48px #0003, 0 0 30px #f32b3f0b;
}
.training-card { background: radial-gradient(ellipse at 100% 0%, #76cfd610, transparent 52%), radial-gradient(ellipse at 70% 40%, #f6264619, transparent 67%), #121215; }
.training-value > span { color: #ff526e; text-shadow: 0 0 34px #ff315635; }
.detail-icon { border-color: #8c637657; box-shadow: inset 0 1px 0 #f7bfc715; }
.step-number { border-color: #68838c65; box-shadow: inset 0 1px 0 #bcf1f015; }
.workflow-grid article:not(:last-child)::after { background: linear-gradient(90deg, #91e3ec46, #f147652e, #202126); }

.pricing-section { isolation: isolate; }
.pricing-section::before {
  content: "";
  position: absolute;
  inset: 15% -4% 0;
  z-index: -1;
  background: radial-gradient(ellipse at 74% 45%, #f92c4510, transparent 59%);
  pointer-events: none;
}
.price-card { border-color: #55636a70; box-shadow: 0 20px 50px #0002, inset 0 1px 0 #b9f2f60a; }
.price-card.featured {
  border-color: #f6526d;
  background: radial-gradient(ellipse at 100% 0, #f32b3f29, transparent 65%), linear-gradient(145deg, #1b161c, #121316);
  box-shadow: 0 0 0 1px #f32b3f16, 0 18px 75px #f32b3f13, inset 0 1px 0 #ffc9d21f;
}
.price-card.featured::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  box-shadow: 0 0 30px #ff34582b;
  opacity: .5;
  pointer-events: none;
  animation: neon-card-light 8s ease-in-out infinite alternate;
}
.lifetime-badge { box-shadow: 0 0 25px #ed284b28; }
.price-card.featured .plan-icon { filter: drop-shadow(0 0 13px #ff315636); }
.faq-list details[open] { border-bottom-color: #9e4d6263; }
.faq-list details[open] summary > span { box-shadow: 0 0 20px #ff476511; }
.community-section {
  border-color: #ff789174;
  background: linear-gradient(115deg, #b61931, #bf1832 44%, #7e1026);
  box-shadow: 0 18px 75px #e0193a14, inset 0 1px 0 #ffb4c044;
}
.community-glow { animation: neon-community 16s ease-in-out infinite alternate; }
.footer-wordmark {
  -webkit-text-stroke-color: #716474;
  text-shadow: 0 0 50px #fb355512;
  background: linear-gradient(110deg, #ff667b12, transparent 49%, #92e0ec0d);
  background-clip: text;
  -webkit-background-clip: text;
}
.footer-bottom { border-top-color: #48535a6b; }
.footer { padding-bottom: 76px; }

.motion-toggle {
  position: fixed;
  z-index: 45;
  right: 24px;
  bottom: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 116px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #74748070;
  border-radius: 24px;
  background: #141519f2;
  color: #e3e3e9;
  box-shadow: 0 6px 25px #0005, inset 0 1px 0 #ffffff08;
  backdrop-filter: blur(14px);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}
.motion-toggle:hover { border-color: #a4e2e485; background: #1d2127; }
.motion-toggle:focus-visible { outline-color: #b0edf3; outline-offset: 4px; }
.motion-toggle-icon { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; color: #a8e6e9; font-size: 12px; line-height: 1; }
html[data-motion="paused"] .motion-toggle-icon { color: #bbb9c7; }

@keyframes neon-atmosphere { from { opacity: .45; transform: translate3d(-2%, 0, 0); } to { opacity: .85; transform: translate3d(2%, 3%, 0); } }
@keyframes neon-optics { from { opacity: .4; } to { opacity: .8; } }
@keyframes neon-card-light { from { opacity: .35; } to { opacity: .72; } }
@keyframes neon-community { from { transform: translate3d(0, 0, 0); opacity: .75; } to { transform: translate3d(-18px, 10px, 0); opacity: 1; } }

html[data-motion="paused"] *, html[data-motion="paused"] *::before, html[data-motion="paused"] *::after,
html[data-page-visible="false"] *, html[data-page-visible="false"] *::before, html[data-page-visible="false"] *::after { animation-play-state: paused !important; }
html[data-motion="paused"] { scroll-behavior: auto; }
html[data-motion="paused"] .hero-content { opacity: 1; }
html:not([data-motion]) *, html:not([data-motion]) *::before, html:not([data-motion]) *::after { animation: none !important; }

@media (max-width: 850px) {
  .hero::before { width: 100%; height: 80%; left: 12%; top: 15%; opacity: .55; }
  .hero-art::after { background: radial-gradient(ellipse at 80% 40%, #68d6e10d, transparent 45%), radial-gradient(ellipse at 72% 65%, #fc254511, transparent 44%); }
}
@media (max-width: 600px) {
  .motion-toggle { right: 12px; bottom: 12px; min-width: 111px; padding-inline: 12px; }
  .footer { padding-bottom: 76px; }
  .workflow-grid article:not(:last-child)::after { background: linear-gradient(#91e3ec46, #f147652e, #202126); }
}
@media (prefers-reduced-motion: reduce) {
  .hero::before, .hero-art::after, .price-card.featured::after, .community-glow { animation: none; }
  .hero::before { opacity: .65; transform: none; }
  .hero-art::after { opacity: .6; }
  .price-card.featured::after { opacity: .55; }
  .community-glow { transform: none; opacity: .9; }
  .bundle-visual, .training-card { transition: none; }
}