.sv-hero__scene {
  display: none !important;
}

.sv-hero.sv-hero--full .sv-hero__inner {
  position: relative;
  z-index: 2;
}

.sv-hero__scene-inner {
  position: absolute;
  inset: -20% -10%;
  transform-style: preserve-3d;
  transition: transform 0.35s var(--sv-ease-out, ease-out);
}

.sv-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(40px);
  opacity: 0.55;
  will-change: transform;
}

.sv-orb--1 {
  width: min(280px, 45vw);
  height: min(280px, 45vw);
  top: 8%;
  left: 12%;
  background: radial-gradient(circle, rgba(6, 182, 212, 0.55) 0%, transparent 70%);
  animation: sv-orb-float-a 14s ease-in-out infinite;
}

.sv-orb--2 {
  width: min(220px, 38vw);
  height: min(220px, 38vw);
  top: 22%;
  right: 8%;
  background: radial-gradient(circle, rgba(77, 171, 247, 0.45) 0%, transparent 70%);
  animation: sv-orb-float-b 18s ease-in-out infinite;
}

.sv-orb--3 {
  width: min(160px, 28vw);
  height: min(160px, 28vw);
  bottom: 18%;
  left: 42%;
  background: radial-gradient(circle, rgba(34, 211, 238, 0.35) 0%, transparent 70%);
  animation: sv-orb-float-c 12s ease-in-out infinite;
}

.sv-hero__ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(420px, 70vw);
  height: min(420px, 70vw);
  margin: -210px 0 0 -210px;
  border: 1px solid rgba(6, 182, 212, 0.12);
  border-radius: 50%;
  transform: rotateX(68deg) translateZ(-80px);
  animation: sv-ring-spin 24s linear infinite;
}

.sv-hero__ring::before {
  content: "";
  position: absolute;
  inset: 18%;
  border: 1px dashed rgba(6, 182, 212, 0.2);
  border-radius: 50%;
}

@keyframes sv-orb-float-a {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(24px, -18px, 40px) scale(1.08);
  }
}

@keyframes sv-orb-float-b {
  0%,
  100% {
    transform: translate3d(0, 0, 20px) scale(1);
  }
  50% {
    transform: translate3d(-20px, 14px, -10px) scale(1.05);
  }
}

@keyframes sv-orb-float-c {
  0%,
  100% {
    transform: translate3d(0, 0, 10px);
  }
  50% {
    transform: translate3d(12px, 22px, 30px);
  }
}

@keyframes sv-ring-spin {
  to {
    transform: rotateX(68deg) translateZ(-80px) rotateZ(360deg);
  }
}

.text-brand {
  background-size: 200% auto;
  animation: sv-brand-shimmer 6s ease-in-out infinite;
}

@keyframes sv-brand-shimmer {
  0%,
  100% {
    background-position: 0% center;
  }
  50% {
    background-position: 100% center;
  }
}

.sv-sec__head {
  margin-bottom: clamp(1.25rem, 3vw, 1.65rem) !important;
}

.sv-sec__head .sv-h2 {
  margin-bottom: 0.4rem !important;
  font-size: clamp(1.35rem, 3.5vw, 1.85rem) !important;
}

.sv-kicker {
  margin-bottom: 0.85rem !important;
}

.sv-rule {
  margin: clamp(1rem, 3vw, 1.5rem) auto !important;
}

[data-tilt] {
  transform-style: preserve-3d;
  will-change: transform;
}

[data-tilt] .sv-link-card__icon,
[data-tilt] .sv-feat__icon {
  transform: translateZ(18px);
}

.sv-feat__card[data-tilt],
.sv-price[data-tilt],
.sv-pipe__step[data-tilt] {
  transform-style: preserve-3d;
}

.sv-feat__card[data-tilt]::before,
.sv-price[data-tilt]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    135deg,
    rgba(6, 182, 212, 0.08) 0%,
    transparent 45%,
    rgba(77, 171, 247, 0.05) 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.sv-feat__card[data-tilt]:hover::before,
.sv-price[data-tilt]:hover::before {
  opacity: 1;
}

.sv-feat__card,
.sv-price,
.sv-pipe__step {
  position: relative;
}

.sv-link-card {
  position: relative;
  overflow: hidden;
}

.sv-link-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 55%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(6, 182, 212, 0.12),
    transparent
  );
  transition: left 0.55s var(--sv-ease-out, ease-out);
  pointer-events: none;
}

.sv-link-card:hover::after {
  left: 120%;
}

@media (prefers-reduced-motion: no-preference) {
  .sv-feat__card:hover .sv-feat__icon {
    animation: sv-icon-pop 0.45s var(--sv-ease-spring, ease-out);
  }

  .sv-apps__tag {
    transition: transform 0.25s var(--sv-ease-spring), border-color 0.2s ease, color 0.2s ease;
  }

  .sv-apps__tag:hover {
    transform: translateY(-3px) scale(1.03);
  }

  .sv-price--on {
    animation: sv-price-glow 4s ease-in-out infinite;
  }
}

@keyframes sv-icon-pop {
  0% {
    transform: translateZ(18px) scale(1);
  }
  40% {
    transform: translateZ(28px) scale(1.12);
  }
  100% {
    transform: translateZ(18px) scale(1);
  }
}

@keyframes sv-price-glow {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(6, 182, 212, 0.15);
  }
  50% {
    box-shadow: 0 0 32px 2px rgba(6, 182, 212, 0.2);
  }
}

.sv-faq details {
  transition: border-color 0.25s ease, background 0.25s ease;
}

.sv-faq details[open] {
  border-color: rgba(6, 182, 212, 0.35);
}

.sv-faq details[open] summary .sv-faq__q {
  color: var(--sv-mint-bright);
}

@media (prefers-reduced-motion: no-preference) {
  .sv-frame::before,
  .sv-frame::after,
  .sv-frame__corner--tr,
  .sv-frame__corner--bl {
    animation: sv-frame-glow 3s ease-in-out infinite alternate;
  }
}

@keyframes sv-frame-glow {
  from {
    border-color: rgba(6, 182, 212, 0.35);
  }
  to {
    border-color: rgba(6, 182, 212, 0.65);
  }
}

.sv-ticker__brand {
  background: linear-gradient(90deg, var(--sv-mint), var(--sv-mint-bright), var(--sv-mint));
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: sv-ticker-flow 8s linear infinite;
}

@keyframes sv-ticker-flow {
  to {
    background-position: 200% center;
  }
}

.page--guide .sv-guide-hero,
.page--sky .sv-guide-hero {
  padding: clamp(1.5rem, 5vw, 2.5rem) 0 clamp(1.25rem, 4vw, 2rem) !important;
}

.sv-guide-hero__lead {
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
}

.sv-pitch__num {
  font-size: clamp(2.25rem, 8vw, 3.5rem) !important;
}

@media (prefers-reduced-motion: reduce) {
  .sv-hero__scene,
  .sv-orb,
  .sv-hero__ring,
  .text-brand,
  .sv-ticker__brand,
  .sv-price--on {
    animation: none !important;
  }

  [data-tilt] {
    transform: none !important;
  }

  .sv-hero__scene-inner {
    transition: none !important;
  }
}