:root {
  --bg-0: #050913;
  --bg-1: #09111d;
  --bg-2: #0b1730;
  --surface: rgba(11, 18, 32, 0.72);
  --surface-strong: rgba(14, 24, 42, 0.92);
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(152, 182, 255, 0.16);
  --text: #edf3ff;
  --muted: #99abc8;
  --accent: #9b8cff;
  --accent-2: #7ad8ff;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  color: var(--text);
  background: linear-gradient(180deg, #040811 0%, #08111f 28%, #0b1830 68%, #09111d 100%);
  letter-spacing: 0.01em;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
  background-size: 120px 120px;
  mask-image: radial-gradient(circle at center, black 35%, transparent 85%);
  opacity: 0.35;
}

.container {
  max-width: 1180px;
}

.pulsar-header {
  background: rgba(5, 10, 18, 0.55);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.pulsar-nav-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 0 22px rgba(113, 143, 255, 0.22);
}

.pulsar-brand-text {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}


.pulse-shimmer {
  position: relative;
  color: transparent;
  background-image: linear-gradient(
    115deg,
    #f4fbff 0%,
    #8ce8ff 14%,
    #6eb7ff 28%,
    #d9f2ff 40%,
    #8f7dff 52%,
    #bff4ff 64%,
    #ffffff 74%,
    #66c7ff 86%,
    #f2fbff 100%
  );
  background-size: 220% auto;
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow:
    0 0 10px rgba(95, 205, 255, 0.18),
    0 0 26px rgba(103, 125, 255, 0.14);
  animation: pulseShimmerFlow 4.8s linear infinite;
}

.pulse-shimmer::after {
  content: "";
  position: absolute;
  inset: -0.08em -0.2em;
  background: linear-gradient(90deg, transparent 0%, rgba(173, 240, 255, 0.16) 48%, transparent 100%);
  filter: blur(12px);
  opacity: 0.55;
  transform: translateX(-140%) skewX(-18deg);
  pointer-events: none;
  animation: pulseShimmerSweep 4.8s ease-in-out infinite;
}

.pulse-shimmer-hero {
  letter-spacing: -0.045em;
}

.pulsar-brand-text.pulse-shimmer {
  display: inline-block;
}

.hero-title.pulse-shimmer {
  display: block;
}

.nav-link {
  color: #aebcdc;
}

.nav-link:hover {
  color: #fff;
}

.section-space {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.hero-shell {
  padding-top: 4rem;
  padding-bottom: 1rem;
}

.hero-panel,
.feature-band,
.launch-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(10,18,34,0.86) 0%, rgba(7,12,24,0.78) 100%);
  box-shadow:
    0 30px 100px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255,255,255,0.05),
    inset 0 0 80px rgba(73, 112, 255, 0.08);
}

.hero-panel {
  min-height: 720px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 1.5rem;
}

.hero-content {
  z-index: 2;
  max-width: 820px;
}

.hero-logo-stage {
  position: absolute;
  left: 50%;
  top: 10px;
  width: min(72vw, 460px);
  aspect-ratio: 1 / 1;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}

.hero-ring,
.hero-scan {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}

.hero-ring {
  border: 1px solid rgba(164, 196, 255, 0.14);
  box-shadow: 0 0 50px rgba(90, 138, 255, 0.08), inset 0 0 30px rgba(90, 138, 255, 0.04);
}

.hero-ring-1 {
  animation: heroPulse 6s ease-in-out infinite;
}

.hero-ring-2 {
  inset: 10%;
  border-color: rgba(122, 216, 255, 0.18);
  animation: heroPulse 6s ease-in-out infinite 1.4s;
}

.hero-scan {
  inset: 18%;
  border-radius: 24px;
  background: linear-gradient(180deg, transparent 0%, rgba(126, 215, 255, 0.16) 48%, transparent 100%);
  filter: blur(10px);
  opacity: 0.7;
  animation: heroScan 7s ease-in-out infinite;
}

.hero-logo {
  position: relative;
  z-index: 2;
  width: min(60vw, 360px);
  min-width: 225px;
  display: block;
  margin: 0 auto 1.25rem;
  object-fit: contain;
  filter:
    drop-shadow(0 25px 65px rgba(0, 0, 0, 0.50))
    drop-shadow(0 0 30px rgba(92, 129, 255, 0.20));
  animation: heroFloat 6s ease-in-out infinite, heroGlow 4.8s ease-in-out infinite;
}

.hero-chip,
.section-label,
.card-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.05);
  color: #bfd0f3;
  border-radius: 999px;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

.hero-chip {
  padding: 0.6rem 1rem;
  margin-bottom: 1.35rem;
}

.hero-title {
  font-size: clamp(2.9rem, 7vw, 5.6rem);
  line-height: 0.96;
  letter-spacing: -0.04em;
  margin-bottom: 1rem;
  text-shadow: 0 10px 28px rgba(0,0,0,0.3);
}

.hero-copy,
.section-copy,
.glass-card p,
.wide-card p,
.stack-item {
  color: var(--muted);
  font-size: 1.06rem;
}

.hero-copy {
  max-width: 720px;
}

.hero-btn-primary,
.hero-btn-secondary {
  border-radius: 16px;
  font-weight: 600;
}

.hero-btn-primary {
  color: #0b1020;
  background: linear-gradient(135deg, #eef5ff 0%, #92c7ff 100%);
  border: 0;
  box-shadow: 0 16px 36px rgba(131, 180, 255, 0.18);
}

.hero-btn-primary:hover {
  color: #0b1020;
  background: linear-gradient(135deg, #ffffff 0%, #b2d8ff 100%);
}

.hero-btn-secondary {
  color: #eef3ff;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.04);
}

.hero-btn-secondary:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.28);
  background: rgba(255,255,255,0.08);
}

.hero-orb,
.hero-grid {
  position: absolute;
  inset: auto;
  pointer-events: none;
}

.hero-orb {
  border-radius: 50%;
  filter: blur(14px);
  opacity: 0.95;
}

.hero-orb-a {
  width: 420px;
  height: 420px;
  left: -90px;
  top: -70px;
  background: radial-gradient(circle, rgba(115, 103, 255, 0.40) 0%, rgba(115, 103, 255, 0.04) 62%, transparent 72%);
}

.hero-orb-b {
  width: 420px;
  height: 420px;
  right: -110px;
  bottom: -110px;
  background: radial-gradient(circle, rgba(84, 220, 255, 0.28) 0%, rgba(84, 220, 255, 0.04) 60%, transparent 72%);
}

.hero-grid {
  inset: 6% 8%;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,0.04);
  background:
    linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: 0.72;
}

.section-intro {
  max-width: 760px;
  margin-bottom: 1.5rem;
}

.section-label,
.card-kicker {
  padding: 0.5rem 0.9rem;
  margin-bottom: 1rem;
}

.section-title,
.glass-card h3,
.wide-card h3 {
  color: #f4f7ff;
}

.section-title {
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 1.03;
  margin-bottom: 0.9rem;
}

.glass-card,
.wide-card {
  height: 100%;
  padding: 1.65rem;
  border-radius: 28px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,0.055) 0%, rgba(255,255,255,0.028) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 18px 44px rgba(0,0,0,0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.glass-card h3,
.wide-card h3 {
  font-size: 1.35rem;
  margin-bottom: 0.7rem;
}

.feature-band {
  padding: 2rem;
}

.panel-display {
  position: relative;
  padding: 1rem;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.02) 100%);
  min-height: 440px;
}

.panel-glow {
  position: absolute;
  inset: 10% 12%;
  border-radius: 28px;
  background: radial-gradient(circle at 50% 40%, rgba(96, 134, 255, 0.22), transparent 0 55%);
  filter: blur(26px);
}

.panel-window {
  position: relative;
  z-index: 1;
  height: 100%;
  min-height: 406px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(8,13,25,0.96) 0%, rgba(13,20,36,0.92) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
  padding: 1rem;
}

.panel-topbar {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.panel-topbar span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.18);
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.metric-box {
  min-height: 120px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.025) 100%),
    radial-gradient(circle at top right, rgba(123, 216, 255, 0.08), transparent 50%);
}

.metric-box-lg {
  min-height: 170px;
}

.metric-photo {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.metric-photo-1 {
  background-image:
    linear-gradient(180deg, rgba(7,12,24,0.12) 0%, rgba(7,12,24,0.18) 100%),
    url("tariff-screen-1.jpg");
  background-position: center;
}


.metric-box-wide {
  grid-column: 1 / -1;
  min-height: 110px;
}

.stack-list {
  display: grid;
  gap: 0.9rem;
}

.stack-item {
  padding: 1rem 1.05rem;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
}


.tariff-section .stack-item {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(146, 255, 194, 0.16);
  background:
    linear-gradient(180deg, rgba(9, 20, 36, 0.96) 0%, rgba(7, 17, 31, 0.92) 100%),
    radial-gradient(circle at 16% 0%, rgba(118, 255, 196, 0.06), transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(71, 167, 255, 0.05), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 0 22px rgba(118, 255, 196, 0.055),
    inset 0 0 34px rgba(56, 142, 255, 0.035),
    0 10px 26px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(118, 255, 196, 0.035);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    background 220ms ease;
  animation: none;
  color: rgba(248, 252, 255, 0.96);
}

.tariff-section .stack-item:nth-child(2),
.tariff-section .stack-item:nth-child(3) {
  animation-delay: 0s;
}

.tariff-section .stack-item::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, rgba(118, 255, 196, 0.08), transparent 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 30%);
  opacity: 0.65;
}

.tariff-section .stack-item::after {
  display: none;
}

.tariff-section .stack-item:hover {
  transform: translateY(-2px);
  border-color: rgba(146, 255, 194, 0.26);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 0 24px rgba(118, 255, 196, 0.075),
    inset 0 0 38px rgba(56, 142, 255, 0.04),
    0 14px 30px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(146, 255, 194, 0.05),
    0 0 18px rgba(88, 207, 165, 0.06);
}

.tariff-section .stack-item,
.tariff-section .stack-item div,
.tariff-section .stack-item span {
  color: rgba(248, 252, 255, 0.97) !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

.tariff-section .stack-item div,
.tariff-section .stack-item span {
  font-size: 17px !important;
  line-height: 1.52 !important;
  font-weight: 520;
}

.tariff-section .stack-item > div:first-child,
.tariff-section .stack-item > div:first-child span,
.tariff-section .stack-item > span:first-child {
  font-weight: 620;
  color: rgba(250, 253, 255, 0.99) !important;
}

.tariff-section .stack-item div + div,
.tariff-section .stack-item > div + div {
  margin-top: 0.35rem;
  color: rgba(229, 237, 247, 0.82) !important;
}

.launch-panel {
  padding: 3.25rem 1.5rem;
}

@media (max-width: 991.98px) {
  .hero-panel {
    min-height: 640px;
  }

  .feature-band {
    padding: 1.25rem;
  }
}

@media (max-width: 767.98px) {
  .hero-shell {
    padding-top: 2.2rem;
  }

  .hero-panel,
  .feature-band,
  .launch-panel {
    border-radius: 26px;
  }

  .hero-panel {
    min-height: 560px;
    padding: 3rem 1rem;
  }

  .hero-logo-stage {
    width: min(72vw, 280px);
    top: 18px;
  }

  .hero-logo {
    width: min(52vw, 210px);
    min-width: 0;
  }

  .hero-copy,
  .section-copy,
  .glass-card p,
  .wide-card p,
  .stack-item {
    font-size: 0.98rem;
  }

  .panel-display {
    min-height: 340px;
  }

  .panel-window {
    min-height: 306px;
  }
}

.editor-panel {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  width: min(360px, calc(100vw - 24px));
  padding: 1rem;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(7, 12, 24, 0.92);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

.editor-panel-title {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #eef3ff;
  margin-bottom: 0.35rem;
}

.editor-status {
  font-size: 0.92rem;
  color: var(--muted);
  margin-bottom: 0.8rem;
}

.editor-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.editor-btn {
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.05);
  color: #eef3ff;
  min-height: 42px;
}

.editor-btn:hover,
.editor-btn:focus {
  color: #fff;
  border-color: rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.1);
}

.editor-btn-primary {
  background: linear-gradient(135deg, #eef5ff 0%, #92c7ff 100%);
  color: #0b1020;
  border: 0;
}

.editor-btn-primary:hover,
.editor-btn-primary:focus {
  color: #0b1020;
  background: linear-gradient(135deg, #ffffff 0%, #b2d8ff 100%);
}

.editable-target {
  outline: 1px dashed rgba(122, 216, 255, 0.7);
  outline-offset: 6px;
  cursor: text;
}

.editable-target:focus {
  outline: 2px solid rgba(155, 140, 255, 0.85);
  background: rgba(255,255,255,0.03);
}

@media (max-width: 767.98px) {
  .editor-panel {
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
  }
}


@keyframes heroFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

@keyframes heroGlow {
  0%, 100% {
    filter:
      drop-shadow(0 25px 65px rgba(0, 0, 0, 0.50))
      drop-shadow(0 0 30px rgba(92, 129, 255, 0.20));
  }
  50% {
    filter:
      drop-shadow(0 25px 65px rgba(0, 0, 0, 0.56))
      drop-shadow(0 0 42px rgba(122, 216, 255, 0.34));
  }
}

@keyframes heroPulse {
  0%, 100% {
    transform: scale(0.96);
    opacity: 0.28;
  }
  50% {
    transform: scale(1.04);
    opacity: 0.62;
  }
}

@keyframes heroScan {
  0% {
    transform: translateY(-10%) scaleY(0.92);
    opacity: 0;
  }
  15% {
    opacity: 0.55;
  }
  50% {
    transform: translateY(16%) scaleY(1.04);
    opacity: 0.78;
  }
  85% {
    opacity: 0.28;
  }
  100% {
    transform: translateY(32%) scaleY(0.94);
    opacity: 0;
  }
}


@keyframes pulseShimmerFlow {
  0% { background-position: 200% 50%; }
  100% { background-position: -20% 50%; }
}

@keyframes pulseShimmerSweep {
  0%, 12% {
    transform: translateX(-140%) skewX(-18deg);
    opacity: 0;
  }
  24% {
    opacity: 0.65;
  }
  52% {
    transform: translateX(145%) skewX(-18deg);
    opacity: 0.22;
  }
  100% {
    transform: translateX(145%) skewX(-18deg);
    opacity: 0;
  }
}


.tariff-shimmer {
  position: relative;
  display: inline-block;
  color: transparent;
  background-image: linear-gradient(
    112deg,
    #f6fff7 0%,
    #c8f7d0 10%,
    #8ee7a4 22%,
    #dfffe6 34%,
    #5ed487 46%,
    #f2fff4 56%,
    #79f0a4 68%,
    #2fbf6c 82%,
    #ecfff1 100%
  );
  background-size: 220% auto;
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow:
    0 0 8px rgba(120, 255, 170, 0.14),
    0 0 22px rgba(43, 191, 108, 0.12);
  animation: tariffMetalFlow 5.2s linear infinite;
}

.tariff-shimmer::after {
  content: "";
  position: absolute;
  inset: -0.08em -0.18em;
  background: linear-gradient(90deg, transparent 0%, rgba(213, 255, 226, 0.22) 48%, transparent 100%);
  filter: blur(10px);
  opacity: 0.5;
  transform: translateX(-150%) skewX(-18deg);
  pointer-events: none;
  animation: tariffMetalSweep 5.2s ease-in-out infinite;
}

@keyframes tariffMetalFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 220% 50%; }
}

@keyframes tariffMetalSweep {
  0%, 18% { transform: translateX(-160%) skewX(-18deg); opacity: 0; }
  32% { opacity: 0.22; }
  50% { transform: translateX(0%) skewX(-18deg); opacity: 0.52; }
  68% { opacity: 0.18; }
  100% { transform: translateX(160%) skewX(-18deg); opacity: 0; }
}


/* Harmonic edge pulse for instruction cards */
#modules .glass-card {
  position: relative;
  isolation: isolate;
  overflow: visible;
  --module-glow-rgb: 110, 190, 255;
  --module-glow-soft-rgb: 160, 215, 255;
  border-color: rgba(var(--module-glow-rgb), 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 18px 44px rgba(0,0,0,0.18),
    0 0 0 1px rgba(var(--module-glow-rgb), 0.08),
    0 0 18px rgba(var(--module-glow-rgb), 0.08);
  animation: moduleCardPulse 6.4s ease-in-out infinite;
}

#modules .glass-card > * {
  position: relative;
  z-index: 2;
}

#modules .glass-card::before,
#modules .glass-card::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}

#modules .glass-card::before {
  inset: -1px;
  padding: 1px;
  background:
    linear-gradient(135deg,
      rgba(var(--module-glow-soft-rgb), 0.00) 4%,
      rgba(var(--module-glow-soft-rgb), 0.42) 20%,
      rgba(var(--module-glow-rgb), 0.68) 50%,
      rgba(var(--module-glow-soft-rgb), 0.34) 80%,
      rgba(var(--module-glow-soft-rgb), 0.00) 96%) border-box;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0.64;
  filter: saturate(112%) brightness(1.06);
  animation: moduleEdgePulse 6.4s ease-in-out infinite;
}

#modules .glass-card::after {
  inset: -10px;
  z-index: 1;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--module-glow-rgb), 0.26), transparent 52%),
    radial-gradient(circle at 100% 50%, rgba(var(--module-glow-soft-rgb), 0.18), transparent 46%),
    radial-gradient(circle at 50% 100%, rgba(var(--module-glow-rgb), 0.20), transparent 52%),
    radial-gradient(circle at 0% 50%, rgba(var(--module-glow-soft-rgb), 0.16), transparent 46%);
  filter: blur(12px);
  opacity: 0.22;
  animation: moduleAuraPulse 6.4s ease-in-out infinite;
}

#modules .col-12:nth-child(1) .glass-card {
  --module-glow-rgb: 86, 158, 255;
  --module-glow-soft-rgb: 145, 202, 255;
}

#modules .col-12:nth-child(2) .glass-card {
  --module-glow-rgb: 96, 231, 205;
  --module-glow-soft-rgb: 162, 244, 226;
}

#modules .col-12:nth-child(3) .glass-card {
  --module-glow-rgb: 144, 245, 154;
  --module-glow-soft-rgb: 195, 255, 203;
}

#modules .col-12:nth-child(4) .glass-card {
  --module-glow-rgb: 177, 138, 246;
  --module-glow-soft-rgb: 216, 188, 255;
}

#modules .col-12:nth-child(1) .glass-card,
#modules .col-12:nth-child(1) .glass-card::before,
#modules .col-12:nth-child(1) .glass-card::after {
  animation-delay: 0s;
}

#modules .col-12:nth-child(2) .glass-card,
#modules .col-12:nth-child(2) .glass-card::before,
#modules .col-12:nth-child(2) .glass-card::after {
  animation-delay: 0.8s;
}

#modules .col-12:nth-child(3) .glass-card,
#modules .col-12:nth-child(3) .glass-card::before,
#modules .col-12:nth-child(3) .glass-card::after {
  animation-delay: 1.6s;
}

#modules .col-12:nth-child(4) .glass-card,
#modules .col-12:nth-child(4) .glass-card::before,
#modules .col-12:nth-child(4) .glass-card::after {
  animation-delay: 2.4s;
}


#modules .glass-card {
  cursor: pointer;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    filter 220ms ease,
    background-color 220ms ease;
}

#modules .glass-card:hover,
#modules .glass-card:focus-visible {
  transform: translateY(-4px) scale(1.012);
  border-color: rgba(var(--module-glow-rgb), 0.56);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 22px 54px rgba(0,0,0,0.24),
    0 0 0 1px rgba(var(--module-glow-rgb), 0.24),
    0 0 26px rgba(var(--module-glow-rgb), 0.18),
    0 0 42px rgba(var(--module-glow-rgb), 0.12);
  filter: saturate(1.08) brightness(1.04);
}

#modules .glass-card:hover::before,
#modules .glass-card:focus-visible::before {
  opacity: 0.96;
  filter: saturate(126%) brightness(1.16);
}

#modules .glass-card:hover::after,
#modules .glass-card:focus-visible::after {
  opacity: 0.38;
  filter: blur(14px);
}

#modules .glass-card:hover .card-kicker,
#modules .glass-card:focus-visible .card-kicker {
  border-color: rgba(var(--module-glow-rgb), 0.34);
  box-shadow:
    0 0 0 1px rgba(var(--module-glow-rgb), 0.14),
    0 0 16px rgba(var(--module-glow-rgb), 0.14);
}

@keyframes moduleCardPulse {
  0%, 100% {
    border-color: rgba(var(--module-glow-rgb), 0.18);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.04),
      0 18px 44px rgba(0,0,0,0.18),
      0 0 0 1px rgba(var(--module-glow-rgb), 0.08),
      0 0 18px rgba(var(--module-glow-rgb), 0.08);
  }
  50% {
    border-color: rgba(var(--module-glow-rgb), 0.34);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.05),
      0 18px 44px rgba(0,0,0,0.20),
      0 0 0 1px rgba(var(--module-glow-rgb), 0.16),
      0 0 24px rgba(var(--module-glow-rgb), 0.14);
  }
}

@keyframes moduleEdgePulse {
  0%, 100% {
    opacity: 0.44;
    transform: scale(1);
    filter: saturate(106%) brightness(1.02);
  }
  50% {
    opacity: 0.84;
    transform: scale(1.008);
    filter: saturate(120%) brightness(1.08);
  }
}

@keyframes moduleAuraPulse {
  0%, 100% {
    opacity: 0.14;
    transform: scale(0.996);
  }
  50% {
    opacity: 0.28;
    transform: scale(1.014);
  }
}



.metric-photo {
  position: relative;
}

.metric-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(7,12,24,0.05) 0%, rgba(7,12,24,0.22) 100%);
  pointer-events: none;
}

.metric-photo-trigger {
  position: absolute;
  right: 0.85rem;
  bottom: 0.85rem;
  z-index: 2;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  padding: 0.45rem 0.8rem;
  background: rgba(7,12,24,0.72);
  color: #eef5ff;
  font-size: 0.8rem;
  backdrop-filter: blur(8px);
}

.metric-photo-trigger:hover {
  background: rgba(17,26,48,0.88);
}

.metric-photo.has-custom-image .metric-photo-trigger {
  background: rgba(11, 84, 38, 0.78);
}

.metric-photo-2,
.metric-photo-3,
.metric-photo-4 {
  background-image: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.025) 100%), radial-gradient(circle at top right, rgba(123, 216, 255, 0.08), transparent 50%);
}

.metric-photo.is-selected {
  outline: 2px solid rgba(131, 180, 255, 0.95);
  outline-offset: 4px;
}

.editor-panel {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  width: min(420px, calc(100vw - 24px));
  padding: 1rem;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(7, 12, 24, 0.92);
  box-shadow: 0 18px 55px rgba(0,0,0,0.4);
  backdrop-filter: blur(14px);
}

.editor-panel__title,
.editor-panel__subtitle {
  color: #f4f7ff;
  font-weight: 700;
}

.editor-panel__subtitle {
  margin-bottom: 0.7rem;
  font-size: 0.9rem;
}

.editor-panel__actions,
.editor-panel__image-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.editor-panel__actions {
  margin: 0.8rem 0 1rem;
}

.editor-panel button {
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px;
  padding: 0.6rem 0.85rem;
  background: rgba(255,255,255,0.06);
  color: #eef5ff;
  font-size: 0.92rem;
}

.editor-panel button:hover {
  background: rgba(255,255,255,0.12);
}

.editor-panel__status {
  margin-top: 0.9rem;
  color: #bfd0f3;
  font-size: 0.88rem;
}

.editable-target {
  outline: 2px dashed rgba(131, 180, 255, 0.65);
  outline-offset: 4px;
  border-radius: 10px;
}

@media (max-width: 767.98px) {
  .editor-panel {
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
  }
}


.metric-photo {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.metric-photo::after {
  background: linear-gradient(180deg, rgba(7,12,24,0.02) 0%, rgba(7,12,24,0.12) 100%);
}

.metric-photo-trigger,
.editor-panel,
.editable-target {
  display: none !important;
}


.metric-photo {
  border: 0;
  padding: 0;
}

.zoomable-photo {
  cursor: zoom-in;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zoomable-photo:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

.zoomable-photo:focus-visible {
  outline: 2px solid rgba(122, 216, 255, 0.9);
  outline-offset: 3px;
}

.lightbox-open {
  overflow: hidden;
}

.image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(2, 6, 14, 0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.image-lightbox[hidden] {
  display: none;
}

.image-lightbox-img {
  max-width: min(96vw, 1400px);
  max-height: 92vh;
  width: auto;
  height: auto;
  border-radius: 20px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
  object-fit: contain;
}

.image-lightbox-close {
  position: absolute;
  top: 22px;
  right: 26px;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.10);
  color: #fff;
  font-size: 2rem;
  line-height: 1;
}

.image-lightbox-close:hover {
  background: rgba(255, 255, 255, 0.18);
}


.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.28rem;
  border: 1px solid rgba(152, 182, 255, 0.18);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(16, 28, 48, 0.92) 0%, rgba(9, 17, 31, 0.88) 100%);
  box-shadow: 0 12px 30px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.06);
}

.lang-btn {
  min-width: 50px;
  border: 0;
  border-radius: 999px;
  padding: 0.45rem 0.8rem;
  color: #c8d8f8;
  background: transparent;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  transition: all 0.2s ease;
}

.lang-btn:hover {
  color: #ffffff;
  background: rgba(122, 216, 255, 0.1);
}

.lang-btn.active {
  color: #06101f;
  background: linear-gradient(135deg, #dff3ff 0%, #9fd0ff 35%, #8e7dff 100%);
  box-shadow: 0 0 20px rgba(123, 177, 255, 0.38);
}

@media (max-width: 767.98px) {
  .pulsar-header .container {
    gap: 0.8rem;
    flex-wrap: wrap;
  }

  .lang-switch {
    margin-left: auto;
  }
}


.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem;
  border-radius: 999px;
  border: 1px solid rgba(140, 164, 255, 0.2);
  background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 26px rgba(0,0,0,0.18);
}

.lang-btn {
  min-width: 48px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #d8e5ff;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  transition: all 0.2s ease;
}

.lang-btn.active {
  color: #081120;
  background: linear-gradient(135deg, #eef5ff 0%, #8bbcff 70%, #bba6ff 100%);
  box-shadow: 0 8px 22px rgba(123, 161, 255, 0.35);
}

.feedback-open {
  overflow: hidden;
}

.feedback-modal {
  position: fixed;
  inset: 0;
  z-index: 1080;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.feedback-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.feedback-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 8, 18, 0.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.feedback-dialog {
  position: relative;
  z-index: 1;
  width: min(920px, 100%);
}

.feedback-card {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(145, 171, 255, 0.18);
  background: linear-gradient(180deg, rgba(10,18,34,0.94) 0%, rgba(7,12,24,0.9) 100%);
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255,255,255,0.05), inset 0 0 80px rgba(73, 112, 255, 0.08);
}

.feedback-card-glow {
  position: absolute;
  inset: auto;
  width: 420px;
  height: 420px;
  right: -120px;
  top: -100px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(84, 220, 255, 0.22) 0%, rgba(84, 220, 255, 0.03) 60%, transparent 72%);
  filter: blur(14px);
  pointer-events: none;
}

.feedback-card-inner {
  position: relative;
  z-index: 1;
  padding: 2rem;
}

.feedback-head {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 1.5rem;
  align-items: center;
}

.feedback-brand-wrap {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.feedback-brand-mini,
.feedback-brand-icon {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 18px 38px rgba(0,0,0,0.28);
  background: rgba(255,255,255,0.04);
}

.feedback-brand-mini {
  object-fit: contain;
  padding: 0.35rem;
}

.feedback-label {
  margin-bottom: 0.9rem;
}

.feedback-title,
.feedback-copy {
  margin-bottom: 0;
}

.feedback-copy {
  margin-top: 0.7rem;
  max-width: 560px;
}

.feedback-contact-card {
  position: relative;
  min-height: 100%;
}

.feedback-contact-link {
  display: inline-block;
  margin-bottom: 0.85rem;
  color: #f4f7ff;
  font-size: 1.22rem;
  font-weight: 700;
  text-decoration: none;
  word-break: break-word;
}

.feedback-contact-link:hover {
  color: #9edcff;
}

.feedback-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
  color: #eff5ff;
  background: rgba(255,255,255,0.04);
  font-size: 1.5rem;
  line-height: 1;
}

.feedback-close:hover {
  background: rgba(255,255,255,0.1);
}

@media (max-width: 767.98px) {
  .feedback-head {
    grid-template-columns: 1fr;
  }

  .feedback-card-inner {
    padding: 1.3rem;
  }

.feedback-brand-wrap {
    justify-content: flex-start;
  }

  .feedback-brand-single {
    width: 40px;
    height: 40px;
  }
}


.guide-card-link {
  display: block;
  height: 100%;
}

.guide-card-link .guide-card {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.guide-card-link:hover .guide-card,
.guide-card-link:focus-visible .guide-card {
  transform: translateY(-8px);
}

.guide-hero {
  padding-top: 3.5rem;
  padding-bottom: 1.5rem;
}

.guide-panel {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(121, 173, 255, 0.18);
  background:
    radial-gradient(circle at top right, rgba(92, 170, 255, 0.28), transparent 36%),
    radial-gradient(circle at bottom left, rgba(102, 255, 187, 0.12), transparent 32%),
    linear-gradient(145deg, rgba(7, 16, 36, 0.96), rgba(8, 18, 38, 0.88));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255,255,255,0.03);
  padding: clamp(2rem, 4vw, 4rem);
}


.option-hero-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
}

.option-hero-illustration {
  position: relative;
  width: min(270px, 46vw);
  aspect-ratio: 4 / 3;
  border-radius: 28px;
  border: 1px solid rgba(150, 196, 255, 0.16);
  background:
    radial-gradient(circle at 20% 25%, rgba(92, 170, 255, 0.20), transparent 58%),
    radial-gradient(circle at 80% 70%, rgba(110, 255, 200, 0.10), transparent 62%),
    linear-gradient(145deg, rgba(12, 24, 46, 0.85), rgba(8, 18, 38, 0.78));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255,255,255,0.04);
  overflow: hidden;
}

.option-hero-illustration::before {
  content: "";
  position: absolute;
  inset: -55%;
  background: conic-gradient(from 180deg, rgba(92, 170, 255, 0.22), rgba(110, 255, 200, 0.12), rgba(92, 170, 255, 0.22));
  filter: blur(44px);
  opacity: 0.20;
  animation: optionHeroAura 20s linear infinite;
}

.option-hero-illustration-img {
  position: absolute;
  inset: 12%;
  width: 76%;
  height: 76%;
  object-fit: contain;
  opacity: 0.95;
  transform-origin: 50% 60%;
  filter: drop-shadow(0 18px 26px rgba(0,0,0,0.45));
  animation: optionHeroFloat 7.5s ease-in-out infinite;
}

@keyframes optionHeroAura {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes optionHeroFloat {
  0% { transform: translate3d(-2px, -2px, 0) rotate(-1.5deg); }
  50% { transform: translate3d(3px, 4px, 0) rotate(1.7deg); }
  100% { transform: translate3d(-2px, -2px, 0) rotate(-1.5deg); }
}

@media (max-width: 991.98px) {
  .option-hero-side {
    align-items: flex-start;
  }
  .option-hero-illustration {
    width: min(320px, 100%);
  }
}
.guide-back-link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .8rem 1.15rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 197, 255, 0.22);
  background: rgba(11, 21, 46, 0.72);
  color: var(--bs-white);
  text-decoration: none;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.guide-back-link:hover,
.guide-back-link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(148, 197, 255, 0.36);
  box-shadow: 0 12px 28px rgba(9, 19, 44, 0.32);
  color: var(--bs-white);
}

.guide-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: 1.5rem;
  align-items: stretch;
}

.guide-checklist,
.guide-side-card,
.guide-step-card {
  position: relative;
  overflow: hidden;
}

.guide-step-card {
  padding: 1.4rem 1.4rem 1.25rem;
}

.guide-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-bottom: 1rem;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: rgba(255,255,255,.94);
  background: linear-gradient(145deg, rgba(69, 124, 255, 0.38), rgba(90, 232, 183, 0.2));
  border: 1px solid rgba(167, 209, 255, 0.2);
}

.guide-step-card p:last-child,
.guide-side-card p:last-child,
.guide-checklist li:last-child {
  margin-bottom: 0;
}

.guide-checklist {
  list-style: none;
  padding: 1.4rem;
  margin: 0;
  border-radius: 28px;
  border: 1px solid rgba(120, 224, 197, 0.16);
  background: linear-gradient(150deg, rgba(16, 32, 57, 0.82), rgba(12, 24, 43, 0.88));
}

.guide-checklist li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: .95rem;
  color: rgba(222, 232, 252, 0.88);
}

.guide-checklist li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .52rem;
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(103, 181, 255, .96), rgba(91, 243, 185, .96));
  box-shadow: 0 0 18px rgba(91, 243, 185, .42);
}

.guide-side-card {
  padding: 1.4rem;
  border-radius: 28px;
  border: 1px solid rgba(150, 179, 255, 0.15);
  background: linear-gradient(145deg, rgba(11, 23, 45, 0.95), rgba(9, 20, 38, 0.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.guide-side-card + .guide-side-card {
  margin-top: 1rem;
}

.guide-side-card h3,
.guide-step-card h3 {
  margin-bottom: .8rem;
}

.guide-meta {
  color: rgba(193, 208, 243, 0.7);
  font-size: .98rem;
}

@media (max-width: 991.98px) {
  .guide-layout {
    grid-template-columns: 1fr;
  }
}

.guide-article-hero {
  padding-bottom: 1rem;
}

.guide-panel-simple {
  padding: clamp(1.75rem, 3.2vw, 3rem);
}

.guide-article-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}

.guide-article-subtitle {
  max-width: 720px;
}

.guide-article-wrap {
  max-width: 940px;
  margin: 0 auto;
}

.guide-article-card {
  border-radius: 32px;
  border: 1px solid rgba(126, 174, 255, 0.16);
  background: linear-gradient(180deg, rgba(11, 22, 43, 0.95), rgba(8, 18, 34, 0.92));
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.03);
  padding: clamp(1.4rem, 3vw, 2.6rem);
}

.guide-article-intro {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(143, 190, 255, 0.12);
}

.guide-article-intro h2 {
  margin-top: .75rem;
  margin-bottom: .8rem;
}

.guide-article-intro p,
.guide-section-head p,
.guide-steps-list li,
.guide-alert-text,
.guide-note,
.guide-info-list li {
  color: rgba(223, 232, 252, 0.86);
}

.guide-article-section {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid rgba(143, 190, 255, 0.1);
}

.guide-article-section-last {
  border-bottom: 0;
  padding-bottom: 0;
}

.guide-section-head {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.15rem;
}

.guide-section-head h3 {
  margin: .1rem 0 .45rem;
  font-size: clamp(1.4rem, 2.8vw, 1.9rem);
}

.guide-section-head p {
  margin: 0;
}

.guide-section-number {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 52px;
  padding: 0 1rem;
  border-radius: 999px;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: rgba(255,255,255,.96);
  background: linear-gradient(145deg, rgba(71, 128, 255, 0.34), rgba(89, 236, 185, 0.18));
  border: 1px solid rgba(169, 210, 255, 0.18);
}

.guide-steps-list {
  margin: 0;
  padding-left: 1.35rem;
}

.guide-steps-list li {
  margin-bottom: .95rem;
  line-height: 1.75;
}

.guide-steps-list li:last-child {
  margin-bottom: 0;
}

.guide-steps-list strong {
  color: rgba(255,255,255,.97);
}

.guide-alert-box,
.guide-info-box {
  border-radius: 24px;
  padding: 1.2rem 1.25rem;
  border: 1px solid rgba(150, 196, 255, 0.15);
  background: linear-gradient(145deg, rgba(14, 28, 53, 0.88), rgba(10, 20, 38, 0.92));
}

.guide-alert-box {
  border-color: rgba(124, 230, 194, 0.2);
  background: linear-gradient(145deg, rgba(14, 34, 48, 0.92), rgba(10, 22, 36, 0.94));
}

.guide-alert-list,
.guide-info-list {
  margin: 0;
  padding-left: 1.15rem;
}

.guide-alert-list li,
.guide-info-list li {
  margin-bottom: .7rem;
  line-height: 1.7;
}

.guide-alert-list li:last-child,
.guide-info-list li:last-child {
  margin-bottom: 0;
}

.guide-alert-text {
  margin: .9rem 0 0;
  font-weight: 700;
  color: rgba(255,255,255,.98);
}

.guide-note {
  margin-top: 1rem;
  margin-bottom: 0;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .guide-article-top {
    flex-direction: column;
  }

  .guide-article-card {
    border-radius: 24px;
    padding: 1.2rem;
  }

  .guide-section-head {
    flex-direction: column;
    gap: .75rem;
  }

  .guide-section-number {
    min-width: 46px;
    height: 46px;
    padding: 0 .85rem;
  }
}


/* Installation page refresh */
.guide-hero-rich {
  padding-top: 3.6rem;
  padding-bottom: 1.3rem;
}

.guide-panel-rich {
  padding: clamp(1.5rem, 3vw, 2.4rem);
  border-radius: 36px;
  background:
    radial-gradient(circle at 16% 18%, rgba(76, 245, 194, 0.12), transparent 0 20%),
    radial-gradient(circle at 85% 24%, rgba(104, 138, 255, 0.26), transparent 0 26%),
    linear-gradient(145deg, rgba(8, 18, 40, 0.98), rgba(7, 16, 33, 0.96));
}

.guide-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: 2rem;
  align-items: center;
}

.guide-hero-copy-block {
  position: relative;
  z-index: 2;
}

.guide-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .9rem;
  margin-bottom: 1.35rem;
}

.guide-ghost-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .8rem 1.15rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: var(--text);
  text-decoration: none;
  transition: .25s ease;
}

.guide-ghost-link:hover,
.guide-ghost-link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(163, 208, 255, 0.28);
  background: rgba(255,255,255,0.07);
  color: var(--text);
}

.guide-hero-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.guide-mini-card {
  min-height: 128px;
  border-radius: 24px;
  border: 1px solid rgba(150, 196, 255, 0.12);
  background: linear-gradient(155deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
  padding: 1rem 1rem 1.1rem;
}

.guide-mini-card .section-label {
  margin-bottom: .75rem;
}

.guide-mini-card p {
  margin: 0;
  color: rgba(226, 236, 255, 0.8);
  line-height: 1.65;
}

.guide-hero-visual {
  position: relative;
  min-height: 390px;
}

.guide-shot {
  position: absolute;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(164, 202, 255, 0.15);
  background: rgba(10, 18, 33, 0.95);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255,255,255,0.05);
}

.guide-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.guide-shot-main {
  inset: 0 64px 44px 0;
  transform: rotate(-4deg);
}

.guide-shot-secondary {
  width: 48%;
  right: 0;
  bottom: 0;
  height: 44%;
  transform: rotate(6deg);
}

.guide-floating-note {
  position: absolute;
  z-index: 3;
  padding: .7rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(163, 210, 255, 0.16);
  background: rgba(6, 15, 28, 0.78);
  backdrop-filter: blur(10px);
  color: #f2f7ff;
  font-weight: 600;
  letter-spacing: .04em;
  box-shadow: 0 12px 32px rgba(0,0,0,0.28);
}

.guide-floating-note-top { top: 20px; right: 18px; }
.guide-floating-note-bottom { left: 22px; bottom: 12px; }

.guide-article-wrap-wide {
  max-width: 1120px;
}

.guide-article-card-rich {
  background:
    radial-gradient(circle at top right, rgba(106, 138, 255, 0.1), transparent 0 22%),
    linear-gradient(180deg, rgba(11, 22, 43, 0.96), rgba(8, 18, 34, 0.94));
  border-radius: 36px;
  padding: clamp(1.3rem, 3vw, 2.1rem);
}

.guide-article-intro-rich {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-end;
}

.guide-intro-points {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: flex-end;
}

.guide-point-pill {
  padding: .72rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(157, 198, 255, 0.12);
  background: rgba(255,255,255,0.04);
  color: rgba(236, 243, 255, 0.84);
  font-size: .92rem;
}

.guide-article-section-rich {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.guide-section-head-wide {
  margin-bottom: 1.4rem;
}


.guide-install-visual-block {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);
  gap: 1rem;
  margin-bottom: 1.35rem;
  align-items: stretch;
}

.guide-install-visual-main,
.guide-install-visual-side-card,
.guide-install-note-card {
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(155, 194, 255, 0.12);
  background: linear-gradient(155deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.guide-install-visual-main {
  min-height: 320px;
}

.guide-install-visual-main img,
.guide-install-visual-side-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.guide-install-visual-side {
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, auto);
  gap: 1rem;
}

.guide-install-visual-side-card {
  min-height: 150px;
}

.guide-install-note-card {
  padding: 1.1rem 1.15rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.guide-install-note-kicker {
  display: inline-flex;
  width: fit-content;
  padding: .42rem .68rem;
  margin-bottom: .85rem;
  border-radius: 999px;
  border: 1px solid rgba(157, 198, 255, 0.16);
  background: rgba(104, 148, 255, 0.10);
  color: #dfe9ff;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.guide-install-note-card h4 {
  margin: 0 0 .55rem;
  font-size: 1.08rem;
  line-height: 1.35;
}

.guide-install-note-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.guide-install-image-grid {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(300px, 1.1fr);
  gap: 1rem;
}

.guide-install-image-card-compact img {
  max-width: 380px;
}

.guide-install-image-card-visual img {
  max-width: 520px;
}


.guide-pre-key-block {
  display: grid;
  grid-template-columns: minmax(300px, .95fr) minmax(340px, 1.05fr);
  gap: 1rem;
  margin-bottom: 1.35rem;
  align-items: stretch;
}

.guide-pre-key-copy {
  padding: 1.35rem 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.guide-pre-key-copy h4 {
  margin: 0 0 .9rem;
  color: rgba(255,255,255,.98);
  font-size: 1.15rem;
}

.guide-pre-key-list {
  margin-bottom: 0;
}

.guide-pre-key-shot {
  min-height: 100%;
}

.guide-pre-key-shot img {
  max-width: 100%;
  border-radius: 18px;
}

.guide-step-showcase {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.guide-install-image-panel {
  margin-bottom: 1rem;
}

.guide-install-image-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(155, 194, 255, 0.12);
  background: linear-gradient(155deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.guide-install-image-card img {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  object-fit: contain;
}


.guide-install-image-card-wide {
  min-height: 100%;
}

.guide-install-image-card-wide img {
  max-width: 100%;
  border-radius: 18px;
}

.guide-auto-visual-card {
  position: relative;
  height: 100%;
  padding: 1.25rem;
  border-radius: 24px;
  border: 1px solid rgba(155, 194, 255, 0.12);
  background: linear-gradient(155deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.guide-auto-visual-media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 148px;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 20px;
  background: radial-gradient(circle at top, rgba(36, 205, 200, 0.16), rgba(8, 18, 36, 0.18) 72%);
}

.guide-auto-visual-media img {
  display: block;
  width: 100%;
  max-width: 150px;
  height: auto;
}

.guide-auto-visual-card h5 {
  color: #eef5ff;
}

.guide-auto-visual-card p {
  color: rgba(226, 236, 255, 0.82);
}

.guide-install-image-caption {
  margin: .85rem .25rem 0;
  color: rgba(224, 235, 255, 0.82);
  line-height: 1.7;
}

.guide-step-showcase-card,
.guide-feature-card,
.guide-timeline-item,
.guide-alpha-banner {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(155, 194, 255, 0.12);
  background: linear-gradient(155deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.guide-step-showcase-card {
  min-height: 210px;
  padding: 1.15rem;
}

.guide-step-showcase-card-accent {
  border-color: rgba(108, 231, 197, 0.2);
  background: linear-gradient(155deg, rgba(15, 55, 56, 0.48), rgba(255,255,255,0.02));
}

.guide-step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-bottom: .95rem;
  font-weight: 700;
  color: #f7fbff;
  background: linear-gradient(145deg, rgba(76, 132, 255, 0.4), rgba(102, 255, 187, 0.25));
  border: 1px solid rgba(179, 214, 255, 0.18);
}

.guide-step-showcase-card h4,
.guide-feature-card h4,
.guide-timeline-item h4 {
  font-size: 1.08rem;
  line-height: 1.45;
  margin-bottom: .7rem;
  color: rgba(255,255,255,0.97);
}

.guide-step-showcase-card p,
.guide-feature-card p,
.guide-timeline-item p,
.guide-alpha-banner p {
  margin: 0;
  color: rgba(224, 235, 255, 0.82);
  line-height: 1.7;
}

.guide-callout-grid {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(320px, 1.22fr);
  gap: 1rem;
  align-items: stretch;
}

.guide-alert-box-strong {
  padding: 1.35rem 1.4rem;
  background:
    radial-gradient(circle at top right, rgba(103, 255, 193, 0.08), transparent 0 24%),
    linear-gradient(145deg, rgba(12, 34, 43, 0.94), rgba(9, 20, 37, 0.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 20px 60px rgba(0,0,0,0.18);
}

.guide-alert-box-strong .guide-note {
  margin-top: 1rem;
  color: rgba(255,255,255,0.97);
}

.guide-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.guide-feature-card {
  min-height: 200px;
  padding: 1.2rem;
}

.guide-timeline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.guide-timeline-item {
  display: flex;
  gap: .95rem;
  align-items: flex-start;
  min-height: 150px;
  padding: 1.1rem 1.15rem;
}

.guide-timeline-item .guide-step-badge {
  flex: 0 0 auto;
  margin-bottom: 0;
}

.guide-alpha-banner {
  padding: 1.35rem;
  background:
    radial-gradient(circle at right top, rgba(107, 139, 255, 0.16), transparent 0 24%),
    linear-gradient(145deg, rgba(15, 29, 55, 0.95), rgba(9, 19, 38, 0.94));
}

@media (max-width: 991.98px) {
  .guide-hero-grid,
  .guide-callout-grid,
  .guide-article-intro-rich {
    grid-template-columns: 1fr;
    display: grid;
  }

  .guide-hero-visual {
    min-height: 320px;
  }

  .guide-step-showcase,
  .guide-feature-grid,
  .guide-timeline,
  .guide-install-visual-block,
  .guide-install-image-grid,
  .guide-pre-key-block {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767.98px) {
  .guide-panel-rich,
  .guide-article-card-rich {
    border-radius: 26px;
  }

  .guide-hero-mini-grid,
  .guide-step-showcase,
  .guide-feature-grid,
  .guide-timeline,
  .guide-install-visual-block,
  .guide-install-image-grid,
  .guide-pre-key-block {
    grid-template-columns: 1fr;
  }

  .guide-hero-visual {
    min-height: 260px;
  }

  .guide-shot-main {
    inset: 0 32px 28px 0;
  }

  .guide-shot-secondary {
    width: 52%;
    height: 42%;
  }

  .guide-intro-points {
    justify-content: flex-start;
  }
}


/* First start & setup hero */
.guide-panel-setup {
  border-color: rgba(175, 199, 255, 0.22);
  background:
    radial-gradient(circle at 14% 22%, rgba(255, 115, 208, 0.10), transparent 0 26%),
    radial-gradient(circle at 86% 20%, rgba(104, 138, 255, 0.26), transparent 0 28%),
    radial-gradient(circle at 70% 92%, rgba(76, 245, 194, 0.10), transparent 0 30%),
    linear-gradient(145deg, rgba(10, 18, 42, 0.98), rgba(7, 16, 33, 0.96));
}

.guide-hero-visual-setup {
  min-height: 340px;
}

.guide-shot-main.guide-shot-setup {
  inset: 0;
  transform: rotate(-2.5deg);
  padding: 1.35rem;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(10, 18, 33, 0.92);
}

.guide-shot-main.guide-shot-setup img {
  object-fit: contain;
}

@media (max-width: 991.98px) {
  .guide-hero-visual-setup {
    min-height: 300px;
  }

  .guide-shot-main.guide-shot-setup {
    transform: rotate(-2deg);
  }
}

@media (max-width: 767.98px) {
  .guide-hero-visual-setup {
    min-height: 260px;
  }

  .guide-shot-main.guide-shot-setup {
    padding: 1.05rem;
  }
}

/* --- Chance Bot: Setup (module 02) --- */
.guide-feature-card .guide-illustration {
  display: block;
  width: 100%;
  max-width: 220px;
  height: auto;
  margin-bottom: .95rem;
  opacity: .92;
}


/* Screenshot zoom (lightbox) */
.zoomable-media {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.zoomable-media img {
  cursor: zoom-in;
  transition: transform 160ms ease;
}

.zoomable-media img:hover {
  transform: scale(1.015);
}

.img-lightbox {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.78);
  z-index: 3000;
}

.img-lightbox.is-open {
  display: flex;
}

.img-lightbox-img {
  max-width: 96vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  border-radius: 22px;
  border: 1px solid rgba(155, 194, 255, 0.18);
  background: rgba(8, 10, 16, 0.45);
}

.img-lightbox-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(155, 194, 255, 0.22);
  background: rgba(10, 14, 24, 0.72);
  color: rgba(240, 248, 255, 0.92);
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.img-lightbox-close:hover {
  transform: scale(1.03);
}

body.is-lightbox-open {
  overflow: hidden;
}


/* Guide basic functions: compact top blocks */
.guide-basic-functions-page .guide-section-compact {
  padding-top: .75rem !important;
  padding-bottom: 1rem;
}

.guide-basic-functions-page .guide-section-compact-last {
  padding-bottom: 1.5rem !important;
}

.guide-basic-functions-page .guide-layout-compact {
  gap: 1rem;
  align-items: start;
}

.guide-basic-functions-page .compact-overview-card,
.guide-basic-functions-page .compact-side-card,
.guide-basic-functions-page .compact-step-card,
.guide-basic-functions-page .compact-checklist {
  border-radius: 22px;
}

.guide-basic-functions-page .compact-overview-card {
  height: auto !important;
  padding: 1.15rem 1.2rem;
}

.guide-basic-functions-page .compact-overview-card h2 {
  font-size: clamp(1.45rem, 2.6vw, 2.05rem);
  line-height: 1.12;
  margin-bottom: .55rem !important;
}

.guide-basic-functions-page .compact-overview-card p,
.guide-basic-functions-page .compact-side-card p,
.guide-basic-functions-page .compact-step-card p,
.guide-basic-functions-page .compact-checklist li {
  font-size: .96rem;
  line-height: 1.45;
}

.guide-basic-functions-page .compact-side-card {
  padding: 1rem 1.1rem;
}

.guide-basic-functions-page .compact-side-card + .compact-side-card {
  margin-top: .75rem;
}

.guide-basic-functions-page .compact-side-card h3,
.guide-basic-functions-page .compact-step-card h3 {
  font-size: 1.18rem;
  line-height: 1.18;
  margin-bottom: .55rem;
}

.guide-basic-functions-page .compact-step-card {
  padding: 1.05rem 1.1rem 1rem;
}

.guide-basic-functions-page .compact-step-card .guide-step-number {
  width: 36px;
  height: 36px;
  margin-bottom: .75rem;
  font-size: .76rem;
}

.guide-basic-functions-page .compact-section-title {
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.08;
  margin-bottom: 1rem !important;
}

.guide-basic-functions-page .compact-checklist {
  padding: 1.05rem 1.1rem;
}

.guide-basic-functions-page .compact-checklist li {
  padding-left: 1.25rem;
  margin-bottom: .7rem;
}

.guide-basic-functions-page .compact-checklist li::before {
  top: .48rem;
}

@media (max-width: 991.98px) {
  .guide-basic-functions-page .guide-section-compact {
    padding-top: .5rem !important;
  }
}


/* Additional options page */
.guide-additional-options-page .guide-additional-hero-side {
  width: min(100%, 430px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.2rem;
}

.guide-additional-options-page .guide-additional-hero-visuals {
  width: 100%;
  display: grid;
  grid-template-columns: 1.18fr 0.82fr;
  gap: 0.95rem;
}

.guide-additional-options-page .guide-additional-hero-card {
  position: relative;
  min-height: 138px;
  border-radius: 26px;
  border: 1px solid rgba(150, 196, 255, 0.16);
  background:
    radial-gradient(circle at top left, rgba(92, 170, 255, 0.18), transparent 48%),
    radial-gradient(circle at bottom right, rgba(110, 255, 200, 0.10), transparent 44%),
    linear-gradient(145deg, rgba(12, 24, 46, 0.86), rgba(8, 18, 38, 0.78));
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255,255,255,0.04);
  overflow: hidden;
}

.guide-additional-options-page .guide-additional-hero-card::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: conic-gradient(from 180deg, rgba(92, 170, 255, 0.14), rgba(110, 255, 200, 0.06), rgba(92, 170, 255, 0.14));
  opacity: 0.55;
  filter: blur(22px);
  animation: optionCardAura 18s linear infinite;
}

.guide-additional-options-page .guide-additional-hero-card img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 1rem;
  object-fit: contain;
  filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.22));
}

.guide-additional-options-page .guide-additional-hero-card-wide {
  grid-row: span 2;
  min-height: 292px;
}

.guide-additional-options-page .options-shell {
  border-radius: 32px;
  border: 1px solid rgba(126, 174, 255, 0.16);
  background: linear-gradient(180deg, rgba(11, 22, 43, 0.95), rgba(8, 18, 34, 0.92));
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.03);
  padding: clamp(1.25rem, 3vw, 2.3rem);
}

.guide-additional-options-page .options-shell-head {
  margin-bottom: 1.5rem;
}

.guide-additional-options-page .options-shell-title {
  margin: 0 0 .8rem;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.guide-additional-options-page .options-shell-copy {
  max-width: 720px;
  color: rgba(223, 232, 252, 0.82);
}

.guide-additional-options-page .option-accordion {
  display: grid;
  gap: 1rem;
}

.guide-additional-options-page .option-accordion-item {
  border-radius: 28px;
  border: 1px solid rgba(150, 196, 255, 0.14);
  background: linear-gradient(145deg, rgba(12, 24, 46, 0.92), rgba(10, 20, 38, 0.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  overflow: hidden;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.guide-additional-options-page .option-accordion-item:hover,
.guide-additional-options-page .option-accordion-item.is-open {
  border-color: rgba(150, 196, 255, 0.28);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255,255,255,0.04);
}

.guide-additional-options-page .option-accordion-trigger {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
  background: transparent;
  border: 0;
  color: var(--bs-white);
  text-align: left;
}

.guide-additional-options-page .option-accordion-trigger:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(160, 210, 255, 0.42);
}

.guide-additional-options-page .option-accordion-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 54px;
  padding: 0 .9rem;
  border-radius: 999px;
  font-size: .86rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: rgba(255,255,255,.96);
  background: linear-gradient(145deg, rgba(71, 128, 255, 0.28), rgba(89, 236, 185, 0.14));
  border: 1px solid rgba(169, 210, 255, 0.18);
}

.guide-additional-options-page .option-accordion-label {
  font-size: clamp(1rem, 2vw, 1.18rem);
  font-weight: 600;
  color: rgba(244, 247, 255, 0.96);
}

.guide-additional-options-page .option-accordion-icon {
  position: relative;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.guide-additional-options-page .option-accordion-icon::before,
.guide-additional-options-page .option-accordion-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: rgba(224, 236, 255, 0.92);
  transform: translate(-50%, -50%);
  transition: transform .25s ease, opacity .25s ease;
}

.guide-additional-options-page .option-accordion-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.guide-additional-options-page .option-accordion-item.is-open .option-accordion-icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scaleX(.3);
}

.guide-additional-options-page .option-accordion-panel {
  padding: 0 1.25rem 1.25rem;
}

.guide-additional-options-page .option-info-card {
  min-height: 180px;
  border-radius: 24px;
  border: 1px dashed rgba(155, 204, 255, 0.18);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)),
    linear-gradient(180deg, rgba(10, 21, 40, 0.92), rgba(8, 16, 30, 0.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

@media (max-width: 991.98px) {
  .guide-additional-options-page .guide-additional-hero-side {
    width: 100%;
    align-items: stretch;
  }
}

@media (max-width: 767.98px) {
  .guide-additional-options-page .guide-additional-hero-visuals {
    grid-template-columns: 1fr;
  }

  .guide-additional-options-page .guide-additional-hero-card,
  .guide-additional-options-page .guide-additional-hero-card-wide {
    min-height: 180px;
  }
}

@media (max-width: 767.98px) {
  .guide-additional-options-page .options-shell {
    border-radius: 24px;
    padding: 1rem;
  }

  .guide-additional-options-page .option-accordion-trigger {
    grid-template-columns: auto 1fr;
  }

  .guide-additional-options-page .option-accordion-icon {
    justify-self: end;
    grid-column: 2;
    margin-top: -.35rem;
  }

  .guide-additional-options-page .option-info-card {
    min-height: 140px;
  }
}


.guide-additional-options-page .option-link-list {
  display: grid;
  gap: 1rem;
}

.guide-additional-options-page .option-link-card {
  overflow: hidden;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
  border-radius: 28px;
  border: 1px solid rgba(150, 196, 255, 0.14);
  background: linear-gradient(145deg, rgba(12, 24, 46, 0.92), rgba(10, 20, 38, 0.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  color: var(--bs-white);
  text-decoration: none;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.guide-additional-options-page .option-link-card:hover,
.guide-additional-options-page .option-link-card:focus-visible {
  border-color: rgba(150, 196, 255, 0.28);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255,255,255,0.04);
  transform: translateY(-2px);
}

.guide-additional-options-page .option-link-card::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: conic-gradient(from 180deg, rgba(92, 170, 255, 0.22), rgba(110, 255, 200, 0.12), rgba(92, 170, 255, 0.22));
  filter: blur(36px);
  opacity: 0.22;
  transform: translate3d(0, 0, 0);
  animation: optionCardAura 16s linear infinite;
  pointer-events: none;
}

.guide-additional-options-page .option-link-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.05), transparent 42%, transparent 58%, rgba(255, 255, 255, 0.03));
  opacity: 0;
  transform: translateX(-60%);
  pointer-events: none;
}

.guide-additional-options-page .option-link-card:hover::after,
.guide-additional-options-page .option-link-card:focus-visible::after {
  opacity: 1;
  animation: optionCardShine 1.25s ease;
}

.guide-additional-options-page .option-link-card:hover::before,
.guide-additional-options-page .option-link-card:focus-visible::before {
  opacity: 0.34;
}

@keyframes optionCardAura {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes optionCardShine {
  0% { transform: translateX(-60%); }
  100% { transform: translateX(60%); }
}

.guide-additional-options-page .option-link-card:focus-visible {
  outline: none;
}

.guide-additional-options-page .option-link-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 54px;
  padding: 0 .9rem;
  border-radius: 999px;
  font-size: .86rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: rgba(255,255,255,.96);
  background: linear-gradient(145deg, rgba(71, 128, 255, 0.28), rgba(89, 236, 185, 0.14));
  border: 1px solid rgba(169, 210, 255, 0.18);
}

.guide-additional-options-page .option-link-label {
  font-size: clamp(1rem, 2vw, 1.18rem);
  font-weight: 600;
  color: rgba(244, 247, 255, 0.96);
}

.guide-additional-options-page .option-link-content {
  position: relative;
  z-index: 1;
  display: grid;
  gap: .28rem;
  min-width: 0;
}

.guide-additional-options-page .option-link-copy {
  display: block;
  max-width: 760px;
  font-size: .92rem;
  line-height: 1.55;
  font-weight: 500;
  color: rgba(190, 205, 226, 0.82);
}

.guide-additional-options-page .option-link-card--with-copy {
  align-items: start;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.guide-additional-options-page .option-link-icon {
  font-size: 1.2rem;
  line-height: 1;
  color: rgba(224, 236, 255, 0.92);
}

.guide-additional-option-detail-page .option-detail-shell {
  border-radius: 32px;
  border: 1px solid rgba(126, 174, 255, 0.16);
  background: linear-gradient(180deg, rgba(11, 22, 43, 0.95), rgba(8, 18, 34, 0.92));
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.03);
  padding: clamp(1.25rem, 3vw, 2.3rem);
}

.guide-additional-option-detail-page .option-detail-empty-card {
  min-height: 340px;
  border-radius: 28px;
  border: 1px dashed rgba(155, 204, 255, 0.18);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)),
    linear-gradient(180deg, rgba(10, 21, 40, 0.92), rgba(8, 16, 30, 0.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.option-detail-empty-card {
  position: relative;
  overflow: hidden;
}

.option-detail-empty-card::before {
  content: "";
  position: absolute;
  inset: -60%;
  background: conic-gradient(from 210deg, rgba(92, 170, 255, 0.20), rgba(110, 255, 200, 0.10), rgba(92, 170, 255, 0.20));
  filter: blur(46px);
  opacity: 0.18;
  animation: optionEmptyAura 18s linear infinite;
  pointer-events: none;
}

.option-detail-empty-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(600px circle at 20% 18%, rgba(92, 170, 255, 0.18), transparent 55%),
    radial-gradient(520px circle at 78% 72%, rgba(110, 255, 200, 0.10), transparent 58%);
  opacity: 0.55;
  pointer-events: none;
}

@keyframes optionEmptyAura {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width: 767.98px) {
  .guide-additional-options-page .option-link-card {
    grid-template-columns: auto 1fr auto;
    padding: 1rem;
  }

  .guide-additional-option-detail-page .option-detail-shell {
    border-radius: 24px;
    padding: 1rem;
  }

  .guide-additional-option-detail-page .option-detail-empty-card {
    min-height: 220px;
    border-radius: 24px;
  }
}


body::after {
  content: "";
  position: fixed;
  inset: -18% -12%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 22%, rgba(105, 122, 255, 0.20), transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(72, 230, 255, 0.16), transparent 30%),
    radial-gradient(circle at 52% 76%, rgba(88, 255, 170, 0.12), transparent 32%);
  filter: blur(48px);
  opacity: 0.82;
  animation: pageAuroraShift 18s ease-in-out infinite alternate;
}

main,
.pulsar-header {
  position: relative;
  z-index: 1;
}

.feature-band,
.launch-panel,
.wide-card,
.feedback-contact-card {
  transition:
    transform 280ms ease,
    border-color 280ms ease,
    box-shadow 280ms ease,
    filter 280ms ease;
}

.wide-card,
.feedback-contact-card {
  position: relative;
  overflow: hidden;
}

.feature-band::after,
.launch-panel::after,
.wide-card::after,
.feedback-contact-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(circle at var(--fx-x, 50%) var(--fx-y, 50%), rgba(156, 208, 255, 0.16), transparent 24%);
  opacity: 0;
  transition: opacity 240ms ease;
}

.feature-band:hover,
.launch-panel:hover,
.wide-card:hover,
.feedback-contact-card:hover {
  transform: translateY(-6px);
  filter: saturate(1.05) brightness(1.03);
}

.feature-band:hover::after,
.launch-panel:hover::after,
.wide-card:hover::after,
.feedback-contact-card:hover::after {
  opacity: 1;
}

.wide-card:hover,
.feedback-contact-card:hover {
  border-color: rgba(148, 204, 255, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 20px 50px rgba(0,0,0,0.24),
    0 0 28px rgba(90, 168, 255, 0.10);
}

.feature-band::before,
.launch-panel::before {
  content: "";
  position: absolute;
  inset: auto auto -36% -12%;
  width: 44%;
  height: 72%;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(104, 255, 180, 0.14) 0%, rgba(104, 255, 180, 0.02) 62%, transparent 78%);
  filter: blur(18px);
  animation: panelFloatGlow 8.6s ease-in-out infinite;
}

.feature-band:hover,
.launch-panel:hover {
  border-color: rgba(164, 209, 255, 0.24);
  box-shadow:
    0 34px 110px rgba(0, 0, 0, 0.50),
    inset 0 1px 0 rgba(255,255,255,0.06),
    inset 0 0 90px rgba(73, 112, 255, 0.10),
    0 0 32px rgba(89, 165, 255, 0.10);
}

.reveal-on-scroll {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 640ms cubic-bezier(.22,1,.36,1),
    transform 640ms cubic-bezier(.22,1,.36,1);
  will-change: opacity, transform;
}

.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-on-scroll:nth-child(2) {
  transition-delay: 80ms;
}

.reveal-on-scroll:nth-child(3) {
  transition-delay: 160ms;
}

@keyframes tariffCardGlow {
  0%, 100% {
    border-color: rgba(146, 255, 194, 0.52);
    box-shadow:
      inset 0 0 24px rgba(210, 255, 229, 0.34),
      inset 0 0 58px rgba(84, 214, 133, 0.18),
      0 0 0 1px rgba(190, 255, 218, 0.10),
      0 0 34px rgba(73, 255, 155, 0.14);
  }
  50% {
    border-color: rgba(176, 255, 211, 0.72);
    box-shadow:
      inset 0 0 28px rgba(226, 255, 238, 0.40),
      inset 0 0 66px rgba(91, 226, 142, 0.22),
      0 0 0 1px rgba(210, 255, 228, 0.12),
      0 0 46px rgba(73, 255, 155, 0.18);
  }
}

@keyframes tariffCardSweep {
  0%, 100% {
    transform: translateX(-150%) skewX(-18deg);
    opacity: 0;
  }
  16% {
    opacity: 0.08;
  }
  50% {
    transform: translateX(260%) skewX(-18deg);
    opacity: 0.36;
  }
  68% {
    opacity: 0.08;
  }
}

@keyframes pageAuroraShift {
  0% {
    transform: translate3d(-2%, -1%, 0) scale(1);
  }
  50% {
    transform: translate3d(2%, 1%, 0) scale(1.05);
  }
  100% {
    transform: translate3d(-1%, 3%, 0) scale(1.02);
  }
}

@keyframes panelFloatGlow {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.48;
  }
  50% {
    transform: translate3d(6%, -8%, 0) scale(1.08);
    opacity: 0.82;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::after,
  .feature-band::before,
  .launch-panel::before,
  .tariff-section .stack-item,
  .tariff-section .stack-item::after {
    animation: none !important;
  }

  .reveal-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }
}


/* Tariff block readability fix */
.tariff-section .feature-band::before,
.tariff-section .feature-band::after {
  display: none;
}

.tariff-section .stack-item {
  background: linear-gradient(180deg, rgba(6, 16, 30, 0.985) 0%, rgba(5, 13, 25, 0.975) 100%);
  border-color: rgba(146, 255, 194, 0.14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 12px 28px rgba(0, 0, 0, 0.22);
}

.tariff-section .stack-item::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 35%);
  opacity: 0.18;
}

.tariff-section .stack-item,
.tariff-section .stack-item *,
.tariff-section .section-copy,
.tariff-section .section-copy * {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
  text-rendering: auto !important;
}

.tariff-section .section-copy,
.tariff-section .section-copy span {
  color: rgba(241, 247, 255, 0.9) !important;
  line-height: 1.7 !important;
}

.tariff-section .stack-item div,
.tariff-section .stack-item span {
  font-size: 18px !important;
  line-height: 1.6 !important;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.tariff-section .stack-item > div:first-child,
.tariff-section .stack-item > div:first-child span {
  font-size: 20px !important;
  line-height: 1.45 !important;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.99) !important;
}

.tariff-section .stack-item div + div,
.tariff-section .stack-item > div + div {
  margin-top: 0.5rem;
  color: rgba(233, 240, 250, 0.92) !important;
}


/* Unified tariff block */
.tariff-section .tariff-unified-card {
  position: relative;
  margin-top: 1.5rem;
  padding: 1.4rem 1.55rem;
  border-radius: 24px;
  border: 1px solid rgba(146, 255, 194, 0.14);
  background: linear-gradient(180deg, rgba(7, 18, 33, 0.96) 0%, rgba(5, 13, 25, 0.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 14px 34px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.tariff-section .tariff-unified-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(118, 255, 196, 0.08), rgba(118, 255, 196, 0.02) 30%, transparent 60%);
  opacity: 0.7;
}

.tariff-section .tariff-unified-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0.95rem 0;
  color: rgba(232, 239, 248, 0.94);
  font-size: 18px;
  line-height: 1.72;
  text-shadow: none;
}

.tariff-section .tariff-unified-card p + p {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.tariff-section .tariff-unified-card strong {
  display: block;
  margin-bottom: 0.3rem;
  color: rgba(255, 255, 255, 0.995);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.tariff-section .tariff-unified-card,
.tariff-section .tariff-unified-card *,
.tariff-section .tariff-unified-card br {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 767.98px) {
  .tariff-section .tariff-unified-card {
    padding: 1.2rem 1.1rem;
    border-radius: 20px;
  }

  .tariff-section .tariff-unified-card p {
    font-size: 16px;
    line-height: 1.65;
  }

  .tariff-section .tariff-unified-card strong {
    font-size: 18px;
  }
}


/* Clean tariff block rewrite */
.tariff-clean {
  position: relative;
  padding: 2.2rem;
  border-radius: 32px;
  border: 1px solid rgba(146, 255, 194, 0.14);
  background:
    radial-gradient(circle at top right, rgba(92, 204, 255, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(7, 18, 33, 0.96) 0%, rgba(5, 13, 25, 0.985) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 44px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

.tariff-clean::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(118, 255, 196, 0.08), rgba(118, 255, 196, 0.02) 35%, transparent 68%);
  opacity: 0.9;
}

.tariff-clean__header,
.tariff-clean__grid {
  position: relative;
  z-index: 1;
}

.tariff-clean__lead,
.tariff-clean__lead span {
  color: rgba(232, 239, 248, 0.9);
  text-shadow: none !important;
}

.tariff-clean__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.tariff-clean__card {
  min-width: 0;
  min-height: 100%;
  padding: 1.35rem;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.025) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.tariff-clean__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(146, 255, 194, 0.18);
  background: rgba(118, 255, 196, 0.08);
  color: rgba(208, 255, 224, 0.95);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.tariff-clean__card h3 {
  margin: 0.9rem 0 0.5rem;
  color: rgba(255, 255, 255, 0.995);
  font-size: 1.35rem;
  line-height: 1.2;
}

.tariff-clean__card p {
  margin: 0;
  color: rgba(232, 239, 248, 0.88);
  font-size: 1rem;
  line-height: 1.7;
}

.tariff-clean,
.tariff-clean *,
.tariff-clean br {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
  text-rendering: auto !important;
}

.tariff-clean.reveal-on-scroll,
.tariff-clean.reveal-on-scroll.is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

.tariff-clean:hover {
  transform: none !important;
  filter: none !important;
}

@media (max-width: 991.98px) {
  .tariff-clean__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .tariff-clean {
    padding: 1.35rem;
    border-radius: 24px;
  }

  .tariff-clean__card {
    padding: 1.15rem;
    border-radius: 20px;
  }

  .tariff-clean__card h3 {
    font-size: 1.15rem;
  }

  .tariff-clean__card p {
    font-size: 0.97rem;
    line-height: 1.6;
  }
}


.dynamic-region {
  position: relative;
}

.dynamic-block {
  height: 100%;
}

.dynamic-copy,
.dynamic-html,
.dynamic-block p {
  color: rgba(233, 239, 255, 0.86);
}

.dynamic-media {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.dynamic-video-frame {
  min-height: 420px;
}

.bot-archive-panel {
  margin-top: 32px;
  display: grid;
  gap: 18px;
}

.bot-archive-active {
  border-radius: 28px;
  padding: 28px;
  background: linear-gradient(135deg, rgba(16, 42, 84, 0.8), rgba(11, 20, 34, 0.85));
  border: 1px solid rgba(115, 149, 255, 0.22);
}

.bot-archive-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.bot-archive-item {
  border-radius: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.bot-archive-item.is-active {
  border-color: rgba(76, 243, 156, 0.36);
  box-shadow: 0 0 0 1px rgba(76, 243, 156, 0.18) inset;
}

.bot-archive-name {
  font-size: 1rem;
  font-weight: 600;
}

.bot-archive-meta {
  margin-top: 6px;
  font-size: 0.86rem;
  color: rgba(196, 206, 230, 0.74);
}


/* Patch: sharpen tariff heading and prevent hover text blur */
.tariff-shimmer {
  color: #9df0ab !important;
  -webkit-text-fill-color: #9df0ab !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  animation: none !important;
}

.tariff-shimmer::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

.feature-band:hover {
  filter: none !important;
}

/* ORBITA-LIKE ANIMATED STAR BACKGROUND PATCH */
body {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse at bottom, #172434 0%, #0f1824 38%, #090d14 100%) !important;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 42%, rgba(93, 130, 168, 0.14), transparent 35%),
    radial-gradient(circle at 18% 82%, rgba(71, 115, 150, 0.10), transparent 34%),
    radial-gradient(circle at 86% 14%, rgba(97, 128, 170, 0.08), transparent 30%);
  opacity: 0.9;
  mask-image: none;
}

.orbita-starfield {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(ellipse at bottom, rgba(29, 43, 58, 0.78) 0%, rgba(15, 24, 35, 0.50) 42%, rgba(8, 12, 18, 0.08) 100%);
}

.orbita-starfield::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center, transparent 0%, transparent 56%, rgba(0, 0, 0, 0.38) 100%);
}

.orbita-stars,
.orbita-stars::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  background: transparent;
}

.orbita-stars::after {
  content: "";
  top: 100vh;
}

.orbita-stars-1,
.orbita-stars-1::after {
  width: 1px;
  height: 1px;
  box-shadow:
    31.68vw 27.99vh rgba(255,255,255,0.77),
    91.29vw 32.80vh rgba(255,255,255,0.50),
    21.31vw 88.82vh rgba(255,255,255,0.71),
    4.53vw 66.99vh rgba(255,255,255,0.57),
    76.27vw 43.79vh rgba(255,255,255,0.54),
    15.60vw 96.29vh rgba(255,255,255,0.80),
    29.87vw 78.84vh rgba(255,255,255,0.48),
    8.98vw 52.77vh rgba(255,255,255,0.82),
    58.17vw 39.76vh rgba(255,255,255,0.77),
    56.96vw 21.30vh rgba(255,255,255,0.70),
    81.42vw 8.11vh rgba(255,255,255,0.86),
    53.47vw 47.79vh rgba(255,255,255,0.49),
    80.20vw 70.60vh rgba(255,255,255,0.40),
    46.78vw 60.93vh rgba(255,255,255,0.86),
    29.65vw 77.06vh rgba(255,255,255,0.53),
    60.28vw 95.76vh rgba(255,255,255,0.36),
    87.80vw 32.84vh rgba(255,255,255,0.71),
    15.45vw 62.65vh rgba(255,255,255,0.69),
    87.88vw 55.49vh rgba(255,255,255,0.73),
    97.06vw 40.83vh rgba(255,255,255,0.68),
    31.40vw 44.73vh rgba(255,255,255,0.65),
    16.55vw 52.08vh rgba(255,255,255,0.69),
    51.44vw 5.24vh rgba(255,255,255,0.40),
    33.02vw 81.90vh rgba(255,255,255,0.79),
    83.11vw 76.36vh rgba(255,255,255,0.92),
    20.32vw 48.38vh rgba(255,255,255,0.39),
    13.38vw 67.89vh rgba(255,255,255,0.43),
    57.94vw 30.48vh rgba(255,255,255,0.43),
    99.43vw 67.62vh rgba(255,255,255,0.63),
    85.16vw 71.98vh rgba(255,255,255,0.38),
    43.05vw 22.59vh rgba(255,255,255,0.82),
    61.50vw 33.85vh rgba(255,255,255,0.86),
    64.84vw 43.03vh rgba(255,255,255,0.44),
    72.73vw 90.85vh rgba(255,255,255,0.90),
    69.38vw 92.74vh rgba(255,255,255,0.81),
    24.56vw 40.77vh rgba(255,255,255,0.68),
    7.80vw 20.37vh rgba(255,255,255,0.49),
    16.47vw 99.79vh rgba(255,255,255,0.38),
    85.25vw 37.64vh rgba(255,255,255,0.80),
    92.25vw 53.43vh rgba(255,255,255,0.74),
    93.65vw 71.93vh rgba(255,255,255,0.73),
    86.60vw 16.09vh rgba(255,255,255,0.35),
    94.57vw 11.69vh rgba(255,255,255,0.49),
    32.19vw 58.33vh rgba(255,255,255,0.38),
    9.95vw 49.81vh rgba(255,255,255,0.35),
    25.76vw 97.25vh rgba(255,255,255,0.47),
    14.87vw 55.05vh rgba(255,255,255,0.84),
    55.86vw 36.23vh rgba(255,255,255,0.61),
    92.00vw 33.76vh rgba(255,255,255,0.37),
    15.76vw 52.51vh rgba(255,255,255,0.57),
    80.09vw 82.19vh rgba(255,255,255,0.57),
    55.26vw 69.27vh rgba(255,255,255,0.43),
    98.18vw 10.01vh rgba(255,255,255,0.91),
    59.89vw 87.35vh rgba(255,255,255,0.70),
    61.54vw 67.80vh rgba(255,255,255,0.57),
    15.80vw 30.14vh rgba(255,255,255,0.45),
    23.57vw 94.99vh rgba(255,255,255,0.53),
    93.49vw 41.16vh rgba(255,255,255,0.45),
    45.18vw 5.20vh rgba(255,255,255,0.62),
    44.70vw 67.25vh rgba(255,255,255,0.79),
    24.86vw 2.04vh rgba(255,255,255,0.51),
    58.63vw 4.40vh rgba(255,255,255,0.92),
    94.90vw 97.91vh rgba(255,255,255,0.73),
    35.03vw 24.82vh rgba(255,255,255,0.59),
    22.41vw 50.15vh rgba(255,255,255,0.59),
    82.05vw 44.49vh rgba(255,255,255,0.44),
    81.68vw 81.78vh rgba(255,255,255,0.45),
    27.74vw 3.39vh rgba(255,255,255,0.45),
    54.22vw 5.51vh rgba(255,255,255,0.59),
    55.87vw 92.82vh rgba(255,255,255,0.82),
    6.68vw 91.82vh rgba(255,255,255,0.48),
    8.47vw 91.50vh rgba(255,255,255,0.56),
    54.64vw 66.57vh rgba(255,255,255,0.54),
    13.55vw 32.10vh rgba(255,255,255,0.40),
    60.72vw 8.72vh rgba(255,255,255,0.82),
    72.40vw 32.36vh rgba(255,255,255,0.58),
    48.39vw 39.79vh rgba(255,255,255,0.69),
    20.07vw 72.70vh rgba(255,255,255,0.91),
    83.68vw 35.04vh rgba(255,255,255,0.69),
    77.52vw 65.15vh rgba(255,255,255,0.81),
    59.27vw 50.51vh rgba(255,255,255,0.55),
    75.85vw 95.81vh rgba(255,255,255,0.38),
    28.26vw 86.39vh rgba(255,255,255,0.62),
    61.30vw 68.88vh rgba(255,255,255,0.39),
    20.07vw 13.86vh rgba(255,255,255,0.91),
    3.39vw 30.22vh rgba(255,255,255,0.68),
    26.11vw 8.77vh rgba(255,255,255,0.83),
    21.20vw 60.48vh rgba(255,255,255,0.95),
    36.10vw 21.96vh rgba(255,255,255,0.56),
    8.36vw 73.60vh rgba(255,255,255,0.36),
    89.32vw 28.06vh rgba(255,255,255,0.76),
    77.33vw 11.01vh rgba(255,255,255,0.91),
    17.00vw 8.17vh rgba(255,255,255,0.83),
    94.87vw 5.33vh rgba(255,255,255,0.49),
    23.68vw 98.04vh rgba(255,255,255,0.46),
    15.22vw 97.29vh rgba(255,255,255,0.53),
    33.36vw 60.15vh rgba(255,255,255,0.36),
    60.61vw 24.27vh rgba(255,255,255,0.75),
    92.62vw 50.25vh rgba(255,255,255,0.87),
    51.69vw 74.04vh rgba(255,255,255,0.48),
    20.70vw 60.60vh rgba(255,255,255,0.66),
    77.05vw 74.35vh rgba(255,255,255,0.73),
    36.05vw 44.66vh rgba(255,255,255,0.86),
    69.96vw 41.50vh rgba(255,255,255,0.50),
    93.19vw 67.96vh rgba(255,255,255,0.92),
    92.95vw 33.22vh rgba(255,255,255,0.80),
    81.22vw 38.65vh rgba(255,255,255,0.85),
    71.59vw 91.50vh rgba(255,255,255,0.72),
    6.01vw 61.73vh rgba(255,255,255,0.93),
    78.78vw 46.28vh rgba(255,255,255,0.50),
    89.87vw 91.28vh rgba(255,255,255,0.60),
    20.13vw 26.13vh rgba(255,255,255,0.44),
    65.30vw 47.71vh rgba(255,255,255,0.41),
    28.95vw 25.23vh rgba(255,255,255,0.66),
    60.09vw 94.21vh rgba(255,255,255,0.68),
    88.07vw 84.53vh rgba(255,255,255,0.66),
    44.98vw 38.08vh rgba(255,255,255,0.47),
    51.41vw 24.33vh rgba(255,255,255,0.38),
    40.84vw 50.95vh rgba(255,255,255,0.38),
    59.25vw 66.25vh rgba(255,255,255,0.60),
    91.16vw 77.61vh rgba(255,255,255,0.60),
    50.40vw 76.67vh rgba(255,255,255,0.60),
    93.38vw 34.68vh rgba(255,255,255,0.91),
    38.86vw 80.32vh rgba(255,255,255,0.71),
    88.72vw 4.64vh rgba(255,255,255,0.37),
    31.07vw 37.77vh rgba(255,255,255,0.47),
    64.70vw 26.63vh rgba(255,255,255,0.76),
    45.66vw 86.86vh rgba(255,255,255,0.80),
    18.58vw 12.54vh rgba(255,255,255,0.76),
    57.00vw 59.51vh rgba(255,255,255,0.51),
    17.90vw 8.64vh rgba(255,255,255,0.47),
    8.41vw 17.00vh rgba(255,255,255,0.67),
    27.99vw 54.51vh rgba(255,255,255,0.45),
    27.59vw 38.38vh rgba(255,255,255,0.43),
    93.71vw 36.36vh rgba(255,255,255,0.49),
    32.12vw 31.66vh rgba(255,255,255,0.62),
    66.88vw 15.63vh rgba(255,255,255,0.94),
    35.49vw 36.70vh rgba(255,255,255,0.94),
    81.24vw 93.95vh rgba(255,255,255,0.94),
    22.26vw 84.56vh rgba(255,255,255,0.87),
    12.12vw 6.58vh rgba(255,255,255,0.50),
    99.81vw 39.23vh rgba(255,255,255,0.70),
    30.07vw 27.77vh rgba(255,255,255,0.87),
    25.42vw 59.02vh rgba(255,255,255,0.62),
    45.53vw 74.27vh rgba(255,255,255,0.64),
    46.27vw 82.48vh rgba(255,255,255,0.81),
    82.71vw 42.85vh rgba(255,255,255,0.57),
    57.14vw 58.95vh rgba(255,255,255,0.84),
    63.12vw 37.29vh rgba(255,255,255,0.61),
    99.37vw 57.93vh rgba(255,255,255,0.80),
    5.87vw 25.84vh rgba(255,255,255,0.65),
    36.64vw 15.74vh rgba(255,255,255,0.71),
    57.93vw 15.33vh rgba(255,255,255,0.88),
    55.60vw 90.90vh rgba(255,255,255,0.56),
    83.34vw 2.06vh rgba(255,255,255,0.48),
    39.31vw 17.62vh rgba(255,255,255,0.35),
    78.92vw 0.70vh rgba(255,255,255,0.65),
    38.34vw 17.43vh rgba(255,255,255,0.92),
    38.92vw 71.12vh rgba(255,255,255,0.80),
    55.98vw 19.71vh rgba(255,255,255,0.65),
    12.51vw 87.87vh rgba(255,255,255,0.41),
    31.43vw 70.41vh rgba(255,255,255,0.80),
    87.58vw 71.66vh rgba(255,255,255,0.86),
    89.26vw 20.43vh rgba(255,255,255,0.78),
    85.51vw 0.19vh rgba(255,255,255,0.59),
    14.22vw 61.70vh rgba(255,255,255,0.94),
    74.46vw 88.46vh rgba(255,255,255,0.77),
    73.45vw 88.84vh rgba(255,255,255,0.55),
    40.48vw 14.86vh rgba(255,255,255,0.81),
    20.70vw 41.60vh rgba(255,255,255,0.51);
  animation: orbita-star-drift 76s linear infinite, orbita-star-twinkle 4.8s ease-in-out infinite alternate;
}

.orbita-stars-2,
.orbita-stars-2::after {
  width: 2px;
  height: 2px;
  box-shadow:
    0.15vw 40.17vh rgba(255,255,255,0.46),
    31.27vw 88.22vh rgba(255,255,255,0.35),
    64.39vw 55.53vh rgba(255,255,255,0.71),
    70.07vw 91.08vh rgba(255,255,255,0.69),
    2.52vw 52.90vh rgba(255,255,255,0.73),
    57.86vw 85.54vh rgba(255,255,255,0.53),
    15.91vw 41.18vh rgba(255,255,255,0.71),
    7.88vw 76.09vh rgba(255,255,255,0.49),
    37.35vw 18.67vh rgba(255,255,255,0.76),
    68.79vw 24.68vh rgba(255,255,255,0.63),
    11.72vw 70.41vh rgba(255,255,255,0.81),
    83.58vw 15.91vh rgba(255,255,255,0.41),
    77.58vw 70.72vh rgba(255,255,255,0.69),
    80.60vw 3.26vh rgba(255,255,255,0.47),
    21.46vw 21.95vh rgba(255,255,255,0.44),
    21.27vw 89.08vh rgba(255,255,255,0.75),
    62.76vw 64.61vh rgba(255,255,255,0.76),
    29.90vw 83.62vh rgba(255,255,255,0.76),
    81.83vw 9.22vh rgba(255,255,255,0.89),
    73.61vw 33.96vh rgba(255,255,255,0.72),
    80.79vw 77.58vh rgba(255,255,255,0.55),
    14.06vw 60.84vh rgba(255,255,255,0.62),
    2.21vw 11.17vh rgba(255,255,255,0.78),
    62.26vw 69.49vh rgba(255,255,255,0.53),
    68.93vw 8.17vh rgba(255,255,255,0.49),
    54.71vw 35.38vh rgba(255,255,255,0.36),
    86.68vw 66.55vh rgba(255,255,255,0.58),
    58.89vw 55.20vh rgba(255,255,255,0.67),
    43.01vw 0.29vh rgba(255,255,255,0.59),
    82.08vw 87.87vh rgba(255,255,255,0.59),
    79.82vw 5.68vh rgba(255,255,255,0.58),
    28.66vw 43.55vh rgba(255,255,255,0.35),
    8.00vw 71.28vh rgba(255,255,255,0.51),
    9.55vw 90.74vh rgba(255,255,255,0.71),
    47.63vw 52.60vh rgba(255,255,255,0.70),
    75.78vw 29.67vh rgba(255,255,255,0.48),
    63.14vw 30.57vh rgba(255,255,255,0.52),
    65.26vw 54.96vh rgba(255,255,255,0.77),
    48.22vw 60.27vh rgba(255,255,255,0.66),
    66.87vw 36.45vh rgba(255,255,255,0.66),
    12.68vw 18.16vh rgba(255,255,255,0.58),
    58.64vw 67.43vh rgba(255,255,255,0.40),
    31.30vw 70.47vh rgba(255,255,255,0.38),
    29.30vw 81.24vh rgba(255,255,255,0.48),
    44.35vw 68.05vh rgba(255,255,255,0.58),
    32.98vw 37.82vh rgba(255,255,255,0.37),
    32.34vw 1.59vh rgba(255,255,255,0.78),
    11.16vw 22.44vh rgba(255,255,255,0.69),
    87.82vw 89.58vh rgba(255,255,255,0.83),
    36.77vw 17.95vh rgba(255,255,255,0.87),
    3.94vw 27.11vh rgba(255,255,255,0.77),
    98.08vw 25.84vh rgba(255,255,255,0.54),
    36.86vw 85.07vh rgba(255,255,255,0.81),
    79.32vw 82.11vh rgba(255,255,255,0.81),
    64.70vw 72.05vh rgba(255,255,255,0.41),
    75.07vw 70.38vh rgba(255,255,255,0.63),
    74.30vw 32.17vh rgba(255,255,255,0.42),
    75.55vw 61.17vh rgba(255,255,255,0.85),
    39.72vw 81.78vh rgba(255,255,255,0.67),
    19.78vw 6.51vh rgba(255,255,255,0.88),
    33.95vw 2.13vh rgba(255,255,255,0.74),
    49.65vw 23.44vh rgba(255,255,255,0.57),
    84.47vw 43.01vh rgba(255,255,255,0.65),
    58.50vw 45.40vh rgba(255,255,255,0.45),
    39.71vw 63.99vh rgba(255,255,255,0.59),
    50.67vw 21.23vh rgba(255,255,255,0.83),
    25.20vw 53.26vh rgba(255,255,255,0.57),
    33.05vw 39.02vh rgba(255,255,255,0.86),
    58.42vw 29.27vh rgba(255,255,255,0.82),
    21.14vw 2.78vh rgba(255,255,255,0.76),
    23.37vw 49.33vh rgba(255,255,255,0.73),
    12.36vw 23.65vh rgba(255,255,255,0.53),
    94.01vw 62.96vh rgba(255,255,255,0.49),
    22.72vw 26.51vh rgba(255,255,255,0.38),
    72.09vw 7.24vh rgba(255,255,255,0.72),
    10.18vw 1.16vh rgba(255,255,255,0.50),
    50.84vw 7.93vh rgba(255,255,255,0.79),
    81.78vw 49.61vh rgba(255,255,255,0.40),
    96.30vw 0.13vh rgba(255,255,255,0.42),
    65.80vw 9.02vh rgba(255,255,255,0.61),
    50.51vw 68.22vh rgba(255,255,255,0.75),
    5.76vw 42.56vh rgba(255,255,255,0.54),
    71.15vw 44.40vh rgba(255,255,255,0.40),
    3.53vw 62.18vh rgba(255,255,255,0.79),
    69.43vw 11.13vh rgba(255,255,255,0.62),
    29.51vw 77.84vh rgba(255,255,255,0.48),
    31.54vw 82.55vh rgba(255,255,255,0.42),
    42.07vw 51.42vh rgba(255,255,255,0.45),
    10.04vw 10.06vh rgba(255,255,255,0.71),
    2.24vw 49.38vh rgba(255,255,255,0.54);
  animation: orbita-star-drift 112s linear infinite, orbita-star-twinkle 6.2s ease-in-out infinite alternate;
  opacity: 0.72;
}

.orbita-stars-3,
.orbita-stars-3::after {
  width: 3px;
  height: 3px;
  box-shadow:
    40.00vw 84.86vh rgba(255,255,255,0.49),
    62.05vw 36.66vh rgba(255,255,255,0.73),
    40.27vw 37.49vh rgba(255,255,255,0.62),
    0.81vw 45.52vh rgba(255,255,255,0.61),
    85.06vw 58.23vh rgba(255,255,255,0.67),
    22.11vw 74.76vh rgba(255,255,255,0.64),
    87.32vw 3.83vh rgba(255,255,255,0.63),
    38.21vw 73.13vh rgba(255,255,255,0.48),
    28.50vw 95.18vh rgba(255,255,255,0.67),
    89.91vw 93.74vh rgba(255,255,255,0.75),
    59.03vw 1.68vh rgba(255,255,255,0.59),
    59.68vw 85.75vh rgba(255,255,255,0.45),
    11.88vw 1.87vh rgba(255,255,255,0.47),
    11.41vw 78.63vh rgba(255,255,255,0.47),
    68.79vw 5.35vh rgba(255,255,255,0.44),
    15.99vw 94.21vh rgba(255,255,255,0.67),
    94.52vw 73.82vh rgba(255,255,255,0.42),
    41.82vw 24.34vh rgba(255,255,255,0.59),
    65.72vw 40.72vh rgba(255,255,255,0.51),
    91.39vw 97.46vh rgba(255,255,255,0.41),
    89.01vw 26.82vh rgba(255,255,255,0.38),
    9.65vw 57.85vh rgba(255,255,255,0.70),
    3.88vw 42.13vh rgba(255,255,255,0.66),
    89.10vw 67.65vh rgba(255,255,255,0.47),
    51.73vw 97.28vh rgba(255,255,255,0.68),
    91.58vw 94.03vh rgba(255,255,255,0.36),
    47.89vw 43.13vh rgba(255,255,255,0.77),
    39.98vw 41.88vh rgba(255,255,255,0.48),
    30.42vw 3.48vh rgba(255,255,255,0.63),
    5.82vw 10.82vh rgba(255,255,255,0.60),
    90.72vw 29.98vh rgba(255,255,255,0.42),
    58.88vw 56.54vh rgba(255,255,255,0.73),
    72.84vw 72.34vh rgba(255,255,255,0.66),
    70.76vw 50.16vh rgba(255,255,255,0.42),
    27.76vw 51.12vh rgba(255,255,255,0.55),
    18.86vw 71.04vh rgba(255,255,255,0.67),
    88.77vw 79.67vh rgba(255,255,255,0.47),
    15.89vw 47.92vh rgba(255,255,255,0.77),
    17.69vw 11.01vh rgba(255,255,255,0.58),
    28.12vw 90.12vh rgba(255,255,255,0.66),
    53.54vw 30.25vh rgba(255,255,255,0.75),
    10.87vw 17.39vh rgba(255,255,255,0.43),
    56.55vw 62.23vh rgba(255,255,255,0.43),
    91.38vw 24.59vh rgba(255,255,255,0.59),
    42.39vw 31.48vh rgba(255,255,255,0.53);
  animation: orbita-star-drift 156s linear infinite, orbita-star-twinkle 7.6s ease-in-out infinite alternate;
  opacity: 0.50;
}

@keyframes orbita-star-drift {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100vh);
  }
}

@keyframes orbita-star-twinkle {
  from {
    filter: brightness(0.72);
  }
  to {
    filter: brightness(1.28);
  }
}

.pulsar-header,
main,
footer {
  position: relative;
  z-index: 1;
}
/* END ORBITA-LIKE ANIMATED STAR BACKGROUND PATCH */



/* Patch: visible download button for the active bot archive */
.download-actions {
  margin-top: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bot-download-button {
  position: relative;
  z-index: 2;
  min-width: 240px;
  border-radius: 18px;
  padding: 1rem 1.65rem !important;
  font-size: 1.05rem;
  letter-spacing: 0.015em;
  text-decoration: none !important;
}

.bot-download-button::after {
  content: "↓";
  display: inline-flex;
  margin-left: 10px;
  transform: translateY(-1px);
}

.bot-download-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 46px rgba(131, 180, 255, 0.22);
}