@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --black-true:#000; --black-900:#0B0B0C; --black-800:#101113;
  --outline:rgba(255,255,255,.06);
  --ink:#DCDCDC; --ink-dim:#A9A9A9; --ink-muted:#8A8A8A;
  --accent:#C5A572; --accent-2:#9B7F4E;
  --accent-glow:rgba(197, 165, 114, 0.2);
  --glass:rgba(16,17,19,.75); --shadow:0 10px 30px rgba(0,0,0,.45);
  --shadow-lg:0 20px 60px rgba(0,0,0,.6);
  --radius:16px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html, body {
  background: radial-gradient(1200px 800px at 70% -10%, #111 0%, #0A0A0A 35%, #050505 70%, var(--black-true) 100%);
  color: var(--ink);
  font-family: Inter, system-ui, -apple-system, sans-serif;
  line-height: 1.6;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

h1, h2, h3, .section-title {
  font-family: 'Pacifico', cursive;
  font-weight: 400;
  color: var(--ink);
}

main {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
  padding-bottom: 5rem;
  flex: 1;
}

/* Footer positioning */
.footer-include {
  margin-top: auto;
  width: 100%;
}

.site-footer {
  margin-top: auto;
  width: 100%;
}

:focus-visible {
  outline: 3px solid rgba(197, 165, 114, .18);
  outline-offset: 2px;
}

/* Hero Section - Padding accounts for fixed navbar at top */
.hero {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 112px 2rem 3rem; /* Slightly tighter top = hero sits a bit higher */
  text-align: center;
  position: relative;
  z-index: 1; /* Behind navbar */
}

.hero-content {
  max-width: 800px;
  margin-bottom: 1.5rem;
  animation: fadeInUp 0.8s ease-out;
}

.hero-title {
  font-size: clamp(3rem, 8vw, 5.5rem);
  line-height: 1.1;
  margin-bottom: 1.5rem;
  letter-spacing: -0.02em;
}

.accent-text {
  background: linear-gradient(135deg, var(--accent) 0%, #E8D4A8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.3); }
}

.hero-subtitle {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--ink-dim);
  margin-bottom: 2.5rem;
  font-weight: 400;
}

.hero-cta-wrapper {
  position: relative;
  display: inline-block;
  padding: 20px;
}

.hero-cta-rays {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
}

.hero-cta-rays::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 8deg,
    rgba(197, 165, 114, 0.4) 9deg,
    rgba(255, 215, 0, 0.6) 10deg,
    rgba(197, 165, 114, 0.4) 11deg,
    transparent 12deg,
    transparent 20deg,
    rgba(197, 165, 114, 0.4) 21deg,
    rgba(255, 215, 0, 0.6) 22deg,
    rgba(197, 165, 114, 0.4) 23deg,
    transparent 24deg,
    transparent 32deg,
    rgba(197, 165, 114, 0.4) 33deg,
    rgba(255, 215, 0, 0.6) 34deg,
    rgba(197, 165, 114, 0.4) 35deg,
    transparent 36deg,
    transparent 44deg,
    rgba(197, 165, 114, 0.4) 45deg,
    rgba(255, 215, 0, 0.6) 46deg,
    rgba(197, 165, 114, 0.4) 47deg,
    transparent 48deg,
    transparent 56deg,
    rgba(197, 165, 114, 0.4) 57deg,
    rgba(255, 215, 0, 0.6) 58deg,
    rgba(197, 165, 114, 0.4) 59deg,
    transparent 60deg,
    transparent 68deg,
    rgba(197, 165, 114, 0.4) 69deg,
    rgba(255, 215, 0, 0.6) 70deg,
    rgba(197, 165, 114, 0.4) 71deg,
    transparent 72deg,
    transparent 80deg,
    rgba(197, 165, 114, 0.4) 81deg,
    rgba(255, 215, 0, 0.6) 82deg,
    rgba(197, 165, 114, 0.4) 83deg,
    transparent 84deg,
    transparent 92deg,
    rgba(197, 165, 114, 0.4) 93deg,
    rgba(255, 215, 0, 0.6) 94deg,
    rgba(197, 165, 114, 0.4) 95deg,
    transparent 96deg,
    transparent 104deg,
    rgba(197, 165, 114, 0.4) 105deg,
    rgba(255, 215, 0, 0.6) 106deg,
    rgba(197, 165, 114, 0.4) 107deg,
    transparent 108deg,
    transparent 116deg,
    rgba(197, 165, 114, 0.4) 117deg,
    rgba(255, 215, 0, 0.6) 118deg,
    rgba(197, 165, 114, 0.4) 119deg,
    transparent 120deg,
    transparent 128deg,
    rgba(197, 165, 114, 0.4) 129deg,
    rgba(255, 215, 0, 0.6) 130deg,
    rgba(197, 165, 114, 0.4) 131deg,
    transparent 132deg,
    transparent 140deg,
    rgba(197, 165, 114, 0.4) 141deg,
    rgba(255, 215, 0, 0.6) 142deg,
    rgba(197, 165, 114, 0.4) 143deg,
    transparent 144deg,
    transparent 152deg,
    rgba(197, 165, 114, 0.4) 153deg,
    rgba(255, 215, 0, 0.6) 154deg,
    rgba(197, 165, 114, 0.4) 155deg,
    transparent 156deg,
    transparent 164deg,
    rgba(197, 165, 114, 0.4) 165deg,
    rgba(255, 215, 0, 0.6) 166deg,
    rgba(197, 165, 114, 0.4) 167deg,
    transparent 168deg,
    transparent 176deg,
    rgba(197, 165, 114, 0.4) 177deg,
    rgba(255, 215, 0, 0.6) 178deg,
    rgba(197, 165, 114, 0.4) 179deg,
    transparent 180deg,
    transparent 188deg,
    rgba(197, 165, 114, 0.4) 189deg,
    rgba(255, 215, 0, 0.6) 190deg,
    rgba(197, 165, 114, 0.4) 191deg,
    transparent 192deg,
    transparent 200deg,
    rgba(197, 165, 114, 0.4) 201deg,
    rgba(255, 215, 0, 0.6) 202deg,
    rgba(197, 165, 114, 0.4) 203deg,
    transparent 204deg,
    transparent 212deg,
    rgba(197, 165, 114, 0.4) 213deg,
    rgba(255, 215, 0, 0.6) 214deg,
    rgba(197, 165, 114, 0.4) 215deg,
    transparent 216deg,
    transparent 224deg,
    rgba(197, 165, 114, 0.4) 225deg,
    rgba(255, 215, 0, 0.6) 226deg,
    rgba(197, 165, 114, 0.4) 227deg,
    transparent 228deg,
    transparent 236deg,
    rgba(197, 165, 114, 0.4) 237deg,
    rgba(255, 215, 0, 0.6) 238deg,
    rgba(197, 165, 114, 0.4) 239deg,
    transparent 240deg,
    transparent 248deg,
    rgba(197, 165, 114, 0.4) 249deg,
    rgba(255, 215, 0, 0.6) 250deg,
    rgba(197, 165, 114, 0.4) 251deg,
    transparent 252deg,
    transparent 260deg,
    rgba(197, 165, 114, 0.4) 261deg,
    rgba(255, 215, 0, 0.6) 262deg,
    rgba(197, 165, 114, 0.4) 263deg,
    transparent 264deg,
    transparent 272deg,
    rgba(197, 165, 114, 0.4) 273deg,
    rgba(255, 215, 0, 0.6) 274deg,
    rgba(197, 165, 114, 0.4) 275deg,
    transparent 276deg,
    transparent 284deg,
    rgba(197, 165, 114, 0.4) 285deg,
    rgba(255, 215, 0, 0.6) 286deg,
    rgba(197, 165, 114, 0.4) 287deg,
    transparent 288deg,
    transparent 296deg,
    rgba(197, 165, 114, 0.4) 297deg,
    rgba(255, 215, 0, 0.6) 298deg,
    rgba(197, 165, 114, 0.4) 299deg,
    transparent 300deg,
    transparent 308deg,
    rgba(197, 165, 114, 0.4) 309deg,
    rgba(255, 215, 0, 0.6) 310deg,
    rgba(197, 165, 114, 0.4) 311deg,
    transparent 312deg,
    transparent 320deg,
    rgba(197, 165, 114, 0.4) 321deg,
    rgba(255, 215, 0, 0.6) 322deg,
    rgba(197, 165, 114, 0.4) 323deg,
    transparent 324deg,
    transparent 332deg,
    rgba(197, 165, 114, 0.4) 333deg,
    rgba(255, 215, 0, 0.6) 334deg,
    rgba(197, 165, 114, 0.4) 335deg,
    transparent 336deg,
    transparent 344deg,
    rgba(197, 165, 114, 0.4) 345deg,
    rgba(255, 215, 0, 0.6) 346deg,
    rgba(197, 165, 114, 0.4) 347deg,
    transparent 348deg,
    transparent 356deg,
    rgba(197, 165, 114, 0.4) 357deg,
    rgba(255, 215, 0, 0.6) 358deg,
    rgba(197, 165, 114, 0.4) 359deg,
    transparent 360deg
  );
  mask: radial-gradient(circle, transparent 35%, black 40%, black 65%, transparent 75%);
  -webkit-mask: radial-gradient(circle, transparent 35%, black 40%, black 65%, transparent 75%);
  animation: rotateRays 10s linear infinite, fadeRays 3s ease-in-out infinite;
  opacity: 0.7;
  filter: blur(0.5px);
}

.hero-cta-rays::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    transparent 35%,
    rgba(197, 165, 114, 0.15) 40%,
    rgba(255, 215, 0, 0.2) 45%,
    rgba(197, 165, 114, 0.1) 50%,
    transparent 60%
  );
  animation: pulseRays 3s ease-in-out infinite;
  opacity: 0.6;
}

@keyframes rotateRays {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes fadeRays {
  0%, 100% {
    opacity: 0.3;
    filter: blur(0.5px) brightness(0.8);
  }
  50% {
    opacity: 0.85;
    filter: blur(0.5px) brightness(1.5);
  }
}

@keyframes pulseRays {
  0%, 100% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

.hero-cta-wrapper:hover .hero-cta-rays::before {
  animation: rotateRays 5s linear infinite;
  opacity: 0.9;
  filter: blur(0.3px) brightness(1.6);
}

.hero-cta-wrapper:hover .hero-cta-rays::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.15);
}

.hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 18px 36px;
  font-size: 1.1rem;
  font-weight: 700;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #0f0f10;
  text-decoration: none;
  border-radius: 14px;
  box-shadow: 
    0 8px 32px rgba(197, 165, 114, .3),
    0 0 40px rgba(197, 165, 114, .4),
    0 0 80px rgba(197, 165, 114, .3),
    0 0 120px rgba(197, 165, 114, .2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  z-index: 1;
  animation: pulseGlow 3s ease-in-out infinite;
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 
      0 8px 32px rgba(197, 165, 114, .3),
      0 0 40px rgba(197, 165, 114, .4),
      0 0 80px rgba(197, 165, 114, .3),
      0 0 120px rgba(197, 165, 114, .2);
  }
  50% {
    box-shadow: 
      0 8px 32px rgba(197, 165, 114, .5),
      0 0 60px rgba(197, 165, 114, .6),
      0 0 120px rgba(197, 165, 114, .5),
      0 0 180px rgba(197, 165, 114, .4);
  }
}

.hero-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
  transition: left 0.6s ease;
  z-index: 1;
}

.hero-cta::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    45deg,
    transparent 30%,
    rgba(255, 255, 255, 0.1) 50%,
    transparent 70%
  );
  transform: rotate(45deg);
  transition: transform 0.6s ease;
  z-index: 0;
}

.hero-cta:hover::before {
  left: 100%;
}

.hero-cta:hover::after {
  transform: rotate(45deg) translate(20%, 20%);
  animation: shineRotate 2s ease-in-out infinite;
}

@keyframes shineRotate {
  0% {
    transform: rotate(45deg) translate(-20%, -20%);
    opacity: 0.3;
  }
  50% {
    transform: rotate(225deg) translate(20%, 20%);
    opacity: 0.8;
  }
  100% {
    transform: rotate(405deg) translate(-20%, -20%);
    opacity: 0.3;
  }
}

.hero-cta:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 12px 48px rgba(197, 165, 114, .6),
    0 0 80px rgba(197, 165, 114, .7),
    0 0 140px rgba(197, 165, 114, .6),
    0 0 200px rgba(197, 165, 114, .5);
  animation: none;
}

.hero-cta:active {
  transform: translateY(0);
}

.hero-cta span {
  position: relative;
  z-index: 2;
}

/* Hero stats strip (compact; replaces former trust badges row) */
.stats-section--hero {
  margin: 1rem auto 0;
  padding: 1rem 0.85rem 1.1rem;
  max-width: min(880px, calc(100% - 32px));
  gap: 8px 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hero .stats-section--hero {
  margin-top: 1.1rem;
  margin-bottom: 0;
}

.stats-section--hero .stat {
  padding: 0.35rem 0.2rem;
  min-width: 0;
}

.stats-section--hero .stat-number {
  font-size: clamp(1.45rem, 3vw, 2.1rem);
  margin-bottom: 0.28rem;
  padding-bottom: 0;
}

.stats-section--hero .stat-label {
  font-size: 11px;
  letter-spacing: 0.06em;
}

.stats-section--hero .stat-label-top,
.stats-section--hero .stat-label-bottom {
  font-size: 11px;
  letter-spacing: 0.06em;
}

/* App download (inside hero, below stats strip) */
.app-download {
  width: 100%;
  max-width: 520px;
  margin: 2rem auto 0;
  padding: 0 16px;
  position: relative;
  z-index: 1;
}

.app-download-inner {
  text-align: center;
  padding: 1.35rem 1.25rem 1.5rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--outline);
  border-radius: 20px;
  box-shadow: var(--shadow);
}

.app-download-title {
  font-size: clamp(1.5rem, 3.5vw, 2.1rem);
  margin: 0 0 1rem;
  color: var(--ink);
}

.app-store-link {
  display: inline-block;
  line-height: 0;
  border-radius: 8px;
  transition: transform 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease;
}

.app-store-link:focus-visible {
  outline: 3px solid rgba(197, 165, 114, 0.35);
  outline-offset: 4px;
}

.app-store-link:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}

.app-store-link:active {
  transform: translateY(0);
}

.app-store-badge {
  display: block;
  width: min(220px, 72vw);
  height: auto;
}

/* Trust Badges */
.trust-badges {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.badge {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: var(--glass);
  border: 1px solid var(--outline);
  border-radius: 14px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.badge:hover {
  transform: translateY(-2px);
  border-color: var(--accent);
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
}

.badge-icon {
  font-size: 24px;
}

.badge-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.badge-text strong {
  font-size: 15px;
  color: var(--ink);
  font-weight: 700;
}

.badge-text span {
  font-size: 12px;
  color: var(--ink-dim);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Services Section */
.services-section {
  padding: 4rem 0;
  scroll-margin-top: 100px;
}

.section-heading {
  font-size: clamp(2rem, 5vw, 3rem);
  text-align: center;
  margin-bottom: 3rem;
}

.services {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin: 0 auto;
  max-width: 1000px;
}

.card {
  background: linear-gradient(135deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 100%);
  border: 1px solid var(--outline);
  border-radius: 24px;
  padding: 32px;
  box-shadow: var(--shadow);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}

.card:hover::before {
  opacity: 1;
}

.card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: var(--shadow-lg);
  border-color: rgba(197, 165, 114, .2);
}

/* Basic Card - Silver Theme */
.card.svc:not(.premium-card) {
  background: linear-gradient(135deg, 
    rgba(192, 192, 192, .08) 0%, 
    rgba(169, 169, 169, .04) 50%,
    rgba(128, 128, 128, .02) 100%);
  border-color: rgba(192, 192, 192, .2);
}

.card.svc:not(.premium-card):hover {
  border-color: rgba(192, 192, 192, .4);
  box-shadow: 
    0 20px 60px rgba(0,0,0,.6),
    0 0 40px rgba(192, 192, 192, .2);
}

.card.svc:not(.premium-card) .svc-title {
  background: linear-gradient(135deg, #D3D3D3, #A9A9A9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.card.svc:not(.premium-card) .svc-badge {
  background: linear-gradient(135deg, #C0C0C0, #A9A9A9);
  color: #0f0f10;
  border: none;
}

/* Premium Card - Vibrant Bougie Gold Theme */
.premium-card {
  background: linear-gradient(135deg, 
    rgba(255, 215, 0, .12) 0%,
    rgba(218, 165, 32, .08) 50%,
    rgba(184, 134, 11, .06) 100%);
  border: 2px solid rgba(255, 215, 0, .3);
  position: relative;
  overflow: hidden;
}

.premium-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    45deg,
    transparent 30%,
    rgba(255, 215, 0, .15) 50%,
    transparent 70%
  );
  animation: shimmerGold 3s linear infinite;
}

@keyframes shimmerGold {
  0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
  100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

.premium-card:hover {
  border-color: rgba(255, 215, 0, .5);
  box-shadow: 
    0 20px 60px rgba(0,0,0,.6),
    0 0 60px rgba(255, 215, 0, .4),
    inset 0 0 80px rgba(255, 215, 0, .1);
}

.premium-card .svc-title {
  background: linear-gradient(135deg, #FFD700, #FFA500, #FF8C00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 2px 8px rgba(255, 215, 0, .3));
}

.premium-card .svc-badge.premium {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: #0f0f10;
  border: none;
  box-shadow: 0 4px 16px rgba(255, 215, 0, .4);
  animation: pulseGold 2s ease-in-out infinite;
}

@keyframes pulseGold {
  0%, 100% { box-shadow: 0 4px 16px rgba(255, 215, 0, .4); }
  50% { box-shadow: 0 4px 24px rgba(255, 215, 0, .6); }
}

.svc-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: rgba(255,255,255,.1);
  border: 1px solid var(--outline);
  border-radius: 20px;
  color: var(--ink-dim);
}

.svc-badge.premium {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #0f0f10;
  border: none;
}

.svc-title {
  margin: 0 0 12px;
  font-size: 32px;
  color: var(--accent);
}

.svc-price {
  margin: 8px 0;
  font-size: 48px;
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -0.02em;
}

.svc-time {
  margin: 0 0 24px;
  color: var(--ink-dim);
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.svc-features {
  list-style: none;
  margin-bottom: 28px;
  text-align: left;
}

.svc-features li {
  padding: 10px 0;
  color: var(--ink-dim);
  position: relative;
  padding-left: 28px;
  font-size: 15px;
  transition: color 0.2s;
}

.svc-features li:hover {
  color: var(--ink);
}

.svc-features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-weight: bold;
  font-size: 18px;
}

.button-accent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 28px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #0f0f10;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  width: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(197, 165, 114, .2);
  position: relative;
  overflow: hidden;
}

.button-accent::after {
  content: '→';
  position: absolute;
  right: 24px;
  transition: transform 0.3s;
}

.button-accent:hover::after {
  transform: translateX(4px);
}

.button-accent:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(197, 165, 114, .35);
}

.button-accent:active {
  transform: translateY(0);
}

/* Service tiles: metallic CTA buttons matching tier typography */
.card.svc:not(.premium-card) .button-accent {
  background: linear-gradient(
    135deg,
    #e8e8e8 0%,
    #d3d3d3 28%,
    #c0c0c0 52%,
    #b8b8b8 72%,
    #a9a9a9 100%
  );
  color: #0f0f10;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow:
    0 4px 18px rgba(169, 169, 169, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.card.svc:not(.premium-card) .button-accent::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 55%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.65),
    rgba(230, 230, 230, 0.35),
    transparent
  );
  transition: left 0.65s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.card.svc:not(.premium-card) .button-accent:hover::before {
  left: 100%;
}

.card.svc:not(.premium-card) .button-accent:hover {
  box-shadow:
    0 10px 32px rgba(192, 192, 192, 0.45),
    0 0 28px rgba(211, 211, 211, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  filter: brightness(1.07);
}

.premium-card .button-accent {
  background: linear-gradient(
    135deg,
    #ffd700 0%,
    #ffcc00 22%,
    #ffb020 48%,
    #ffa500 72%,
    #ff8c00 100%
  );
  color: #0f0f10;
  border: 1px solid rgba(255, 215, 0, 0.55);
  box-shadow:
    0 4px 22px rgba(255, 215, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.premium-card .button-accent::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 55%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.75),
    rgba(255, 248, 180, 0.55),
    transparent
  );
  transition: left 0.65s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.premium-card .button-accent:hover::before {
  left: 100%;
}

.premium-card .button-accent:hover {
  box-shadow:
    0 10px 38px rgba(255, 215, 0, 0.55),
    0 0 36px rgba(255, 200, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
  filter: brightness(1.08);
}

/* Stats Section */
.stats-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 24px;
  margin: 5rem auto;
  padding: 3rem 2rem;
  max-width: 1000px;
  background: var(--glass);
  border: 1px solid var(--outline);
  border-radius: 24px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.stat {
  text-align: center;
  padding: 1rem;
}

.stat-number {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 800;
  background: linear-gradient(135deg, var(--accent), #E8D4A8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.5rem;
  transition: transform 0.3s;
  line-height: 1.18;
  padding-bottom: 0.14em;
  display: inline-block;
  overflow: visible;
  vertical-align: baseline;
}

/* Cars metric: keep number and "+" on one horizontal line */
.stat-number.stat-number--cars {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  max-width: 100%;
}

.stat-number--cars .stat-plus {
  display: inline-block;
  flex-shrink: 0;
  margin-left: 0.06em;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  background: linear-gradient(135deg, var(--accent), #E8D4A8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Star animation for rating */
.stat-number.rating-star {
  display: inline-block;
}

.stat-number.rating-star.flip {
  animation: flipStar 0.6s ease-in-out;
}

@keyframes flipStar {
  0% { transform: rotateY(0deg) scale(1); }
  50% { transform: rotateY(180deg) scale(1.2); }
  100% { transform: rotateY(360deg) scale(1); }
}

.stat-label {
  font-size: 14px;
  color: var(--ink-dim);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.stat-label-top {
  font-size: 14px;
  color: var(--ink-dim);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.stat-label-bottom {
  font-size: 14px;
  color: var(--ink-dim);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

/* Section Titles */
.section-title {
  margin: 0 0 12px;
  font-size: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

.section-subtitle {
  text-align: center;
  color: var(--ink-dim);
  font-size: 1.1rem;
  margin-bottom: 2rem;
}

/* Before/After Carousel - CSS-only ribbon with mask fade */
.carousel-wrap {
  margin: 5rem 0;
}

.ribbon {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--outline);
  border-radius: 20px;
  background: #0f1113;
  padding: 16px;
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 80px, black calc(100% - 80px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, black 80px, black calc(100% - 80px), transparent 100%);
  box-shadow: inset 0 0 0 1px rgba(197, 165, 114, .1);
}

.ribbon .track {
  display: flex;
  gap: 16px;
  align-items: center;
  animation: scrollRibbon 50s linear infinite;
}

.ribbon:hover .track {
  animation-play-state: paused;
}

.ribbon img,
.placeholder-ba {
  height: 200px;
  width: auto;
  min-width: 320px;
  border-radius: 16px;
  flex: 0 0 auto;
  box-shadow: 0 8px 32px rgba(0,0,0,.4);
  transition: transform 0.3s;
}

.ribbon img:hover,
.placeholder-ba:hover {
  transform: scale(1.05);
}

.placeholder-ba {
  background: linear-gradient(135deg, rgba(197, 165, 114, .12), rgba(155, 127, 78, .08));
  border: 1px solid var(--outline);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-muted);
  font-size: 14px;
  font-weight: 600;
}

@keyframes scrollRibbon {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Testimonials - "Bombardment" multi-lane ticker */
.ticker-wrap {
  margin: 5rem 0;
  position: relative;
  overflow: hidden;
}

.ticker-wrap .lanes {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  /* Percent-based fades so pills aren’t stuck in a wide “half-visible” band at the edges */
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
}

.lane {
  display: flex;
  gap: 12px;
  padding: 10px 12px;
  width: 100%;
  min-width: 0;
  overflow: visible;
  border: 1px solid var(--outline);
  border-radius: 14px;
  background: #0f1113;
  list-style: none;
  will-change: transform;
}

.lane:hover {
  animation-play-state: paused;
}

.t {
  flex: 0 0 auto;
  padding: 10px 16px;
  border: 1px solid var(--outline);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(16,17,19,.9), rgba(11,11,12,.9));
  color: var(--ink);
  font-size: 13px;
  box-shadow: 0 4px 16px rgba(0,0,0,.3);
  white-space: nowrap;
  transition: all 0.3s;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.t:hover {
  background: linear-gradient(135deg, rgba(197, 165, 114, .15), rgba(155, 127, 78, .1));
  border-color: rgba(197, 165, 114, .3);
  transform: translateY(-2px);
}

@keyframes tickerLeft {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Longer durations so more quotes feel continuous over ~20s+ without speeding up */
.lane.s1 { animation: tickerLeft 52s linear infinite; }
.lane.s2 { animation: tickerLeft 58s linear infinite; }
.lane.s3 { animation: tickerLeft 48s linear infinite; }
.lane.s4 { animation: tickerLeft 62s linear infinite; }
.lane.s5 { animation: tickerLeft 55s linear infinite; }

/* Container for sections */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* How It Works */
.how-it-works {
  padding: 5rem 2rem;
  background: rgba(255, 255, 255, .02);
  border-radius: 24px;
  margin: 5rem 0;
  border: 1px solid var(--outline);
}

.how-it-works h2 {
  margin-bottom: 1rem;
  text-align: center;
  font-size: clamp(2.5rem, 5vw, 4rem);
}

.how-it-works .section-subtitle {
  margin-bottom: 4rem;
  text-align: center;
}

.steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  justify-items: center;
}

.step {
  text-align: center;
  padding: 2rem;
  transition: transform 0.3s;
  perspective: 1000px;
}

.step:hover {
  transform: translateY(-8px);
}

.step-number {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin-bottom: 1.5rem;
  transition: all 0.3s;
  transform-style: preserve-3d;
  perspective: 1000px;
}

.coin-front,
.coin-back {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.coin-front {
  font-size: 1.8rem;
  font-weight: 800;
  color: #0f0f10;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 8px 24px rgba(197, 165, 114, .3);
  transform: rotateY(0deg);
  z-index: 2;
}

.coin-back {
  background: linear-gradient(135deg, var(--accent-2), var(--accent));
  box-shadow: 0 8px 24px rgba(197, 165, 114, .3);
  transform: rotateY(180deg);
  color: #0f0f10;
}

.coin-back svg {
  width: 32px;
  height: 32px;
}

/* Coin flip animation for each step in chronological order */
/* Total cycle: 4.5s (all flips complete) + 3s (pause) = 7.5s */
/* Using linear timing for perfect synchronization */
.step:nth-child(1) .step-number {
  animation: coinFlipJump 7.5s linear infinite;
  animation-delay: 0s;
}

.step:nth-child(2) .step-number {
  animation: coinFlipJump 7.5s linear infinite;
  animation-delay: 0.5s;
}

.step:nth-child(3) .step-number {
  animation: coinFlipJump 7.5s linear infinite;
  animation-delay: 1s;
}

.step:nth-child(4) .step-number {
  animation: coinFlipJump 7.5s linear infinite;
  animation-delay: 1.5s;
}

@keyframes coinFlipJump {
  /* Total cycle: 7.5s (4.5s for all flips + 3s pause) */
  /* Each circle flips in sequence, then all pause together */
  
  /* Circle 1: flips from 0% to 40% (0s to 3s) */
  /* Circle 2: flips from 6.67% to 46.67% (0.5s to 3.5s) */
  /* Circle 3: flips from 13.33% to 53.33% (1s to 4s) */
  /* Circle 4: flips from 20% to 60% (1.5s to 4.5s) */
  /* All pause from 60% to 100% (4.5s to 7.5s) */
  
  0% {
    transform: rotateY(0deg) translateY(0);
  }
  /* Circle 1 flip stages - slower flip (3s instead of 2s) */
  5% {
    transform: rotateY(45deg) translateY(-15px);
  }
  10% {
    transform: rotateY(90deg) translateY(-20px);
  }
  15% {
    transform: rotateY(135deg) translateY(-15px);
  }
  20% {
    transform: rotateY(180deg) translateY(0);
  }
  25% {
    transform: rotateY(225deg) translateY(-10px);
  }
  30% {
    transform: rotateY(270deg) translateY(0);
  }
  35% {
    transform: rotateY(315deg) translateY(-5px);
  }
  40% {
    transform: rotateY(360deg) translateY(0);
  }
  /* Hold during pause period (60% to 100%) */
  60%, 100% {
    transform: rotateY(360deg) translateY(0);
  }
}

/* Removed hover effects on coins - animations continue uninterrupted */

.step h3 {
  margin-bottom: 1rem;
  font-size: 1.4rem;
}

.step p {
  color: var(--ink-dim);
  line-height: 1.7;
}

/* Coverage */
.coverage {
  padding: 5rem 2rem;
  text-align: center;
}

.coverage h2 {
  margin-bottom: 1rem;
}

.coverage > .container > p {
  color: var(--ink-dim);
  font-size: 1.1rem;
  margin-bottom: 3rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.coverage-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.coverage-item {
  padding: 3rem 2rem;
  background: var(--glass);
  border: 1px solid var(--outline);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s;
}

.coverage-item:hover {
  transform: translateY(-4px);
  border-color: rgba(197, 165, 114, .3);
  box-shadow: 0 12px 40px rgba(0,0,0,.3);
}

.coverage-icon {
  font-size: 48px;
  margin-bottom: 1rem;
}

.coverage-item h3 {
  color: var(--accent);
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.coverage-item p {
  color: var(--ink-dim);
  line-height: 1.7;
}

/* FAQs */
.faqs {
  padding: 5rem 2rem;
  background: rgba(255, 255, 255, .02);
  border-radius: 24px;
  margin: 5rem 0;
  border: 1px solid var(--outline);
}

.faqs h2 {
  margin-bottom: 4rem;
  text-align: center;
  font-size: clamp(2.5rem, 5vw, 4rem);
}

.faq-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.faq-item {
  padding: 2rem;
  background: var(--glass);
  border: 1px solid var(--outline);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s;
}

.faq-item:hover {
  transform: translateY(-4px);
  border-color: rgba(197, 165, 114, .2);
  box-shadow: 0 8px 32px rgba(0,0,0,.3);
}

.faq-item h3 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: var(--accent);
}

.faq-item p {
  color: var(--ink-dim);
  line-height: 1.7;
}

/* Why choose us */
.why-choose {
  padding: 5rem 2rem;
  margin: 5rem 0 0;
}

.why-choose h2 {
  margin-bottom: 1rem;
  text-align: center;
  font-size: clamp(2.5rem, 5vw, 4rem);
}

.why-lead {
  text-align: center;
  color: var(--ink-dim);
  font-size: 1.1rem;
  max-width: 560px;
  margin: 0 auto 3rem;
  line-height: 1.6;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  max-width: 1100px;
  margin: 0 auto;
}

.why-tile {
  padding: 1.75rem 1.5rem;
  background: var(--glass);
  border: 1px solid var(--outline);
  border-radius: 18px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s, box-shadow 0.3s;
  text-align: center;
}

.why-tile:hover {
  transform: translateY(-4px);
  border-color: rgba(197, 165, 114, 0.22);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
}

.why-tile-logo {
  width: 64px;
  height: 64px;
  margin: 0 auto 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(197, 165, 114, 0.12), rgba(155, 127, 78, 0.06));
  border: 1px solid rgba(197, 165, 114, 0.18);
  color: var(--accent);
}

.why-tile-logo svg {
  flex-shrink: 0;
}

.why-tile-title {
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 0.65rem;
  line-height: 1.35;
}

.why-tile-text {
  margin: 0;
  font-size: 0.95rem;
  color: var(--ink-dim);
  line-height: 1.55;
}

/* Final CTA Section */
.final-cta {
  margin: 5rem 0 0 0;
  padding: 5rem 2rem;
  background: linear-gradient(135deg, rgba(197, 165, 114, .08), rgba(155, 127, 78, .04));
  border: 1px solid rgba(197, 165, 114, .2);
  border-radius: 24px 24px 0 0;
  text-align: center;
}

.cta-content h2 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: 1rem;
}

.cta-content p {
  font-size: 1.2rem;
  color: var(--ink-dim);
  margin-bottom: 2.5rem;
}

.cta-buttons {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-btn {
  padding: 18px 36px;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 14px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cta-btn.primary {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #0f0f10;
  box-shadow: 0 8px 32px rgba(197, 165, 114, .3);
}

.cta-btn.primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 48px rgba(197, 165, 114, .4);
}

.cta-btn.secondary {
  background: rgba(255,255,255,.05);
  color: var(--ink);
  border: 1px solid var(--outline);
}

.cta-btn.secondary:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(197, 165, 114, .3);
  transform: translateY(-3px);
}

/* Fade-in Animation */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  
  .fade-in {
    opacity: 1;
    transform: none;
  }
}

/* Mobile Responsiveness */
@media (max-width: 900px) {
  .hero {
    min-height: 90vh;
    padding: 96px 1.5rem 2.5rem;
  }

  .app-download {
    margin-top: 1.5rem;
    padding: 0 12px;
  }

  .services {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .stats-section {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 2rem 1.5rem;
  }

  .stats-section--hero {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    padding: 0.85rem 0.65rem 1rem;
    max-width: min(420px, calc(100% - 24px));
    margin-top: 0.85rem;
  }

  .stats-section--hero .stat-number {
    font-size: clamp(1.35rem, 4vw, 1.85rem);
  }

  .ribbon img,
  .placeholder-ba {
    height: 160px;
    min-width: 260px;
  }

  .section-title {
    font-size: 2rem;
  }

  .t {
    font-size: 11px;
    padding: 8px 12px;
  }

  .cta-buttons {
    flex-direction: column;
  }

  .cta-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  main {
    padding: 0 12px;
  }

  .carousel-wrap,
  .ticker-wrap {
    margin: 4rem 0;
  }

  .how-it-works,
  .coverage,
  .faqs,
  .why-choose,
  .final-cta {
    padding: 3rem 1.5rem;
    margin: 4rem 0;
  }

  .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .faq-grid,
  .coverage-info {
    grid-template-columns: 1fr;
  }

  .stat-number {
    font-size: 2.5rem;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 2.5rem;
  }

  .card {
    padding: 24px;
  }

  .svc-price {
    font-size: 36px;
  }

  .steps {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .why-grid {
    grid-template-columns: 1fr;
  }
}

/* Landing: playful star cursor + spark trail (class added via JS when allowed) */
html.landing-star-cursor,
html.landing-star-cursor body {
  cursor: none;
}

html.landing-star-cursor input,
html.landing-star-cursor textarea,
html.landing-star-cursor [contenteditable="true"] {
  cursor: text;
}

.star-cursor-root {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100000;
  overflow: hidden;
}

.star-cursor-main {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  font-size: 32px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.9);
  text-shadow:
    0 0 12px rgba(255, 255, 255, 0.45),
    0 0 4px rgba(197, 165, 114, 0.35);
  pointer-events: none;
  animation: starCursorShimmer 2.4s ease-in-out infinite;
  will-change: transform, filter;
}

@keyframes starCursorShimmer {
  0%,
  100% {
    filter: brightness(1);
    opacity: 0.82;
  }
  50% {
    filter: brightness(1.2);
    opacity: 1;
  }
}

.star-cursor-spark {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  font-size: 15px;
  line-height: 1;
  pointer-events: none;
  animation: starSparkOut 0.58s ease-out forwards;
  will-change: transform, opacity;
}

.star-cursor-spark--light {
  color: #fff;
  text-shadow:
    0 0 14px rgba(255, 255, 255, 0.95),
    0 0 6px rgba(255, 255, 255, 0.8);
}

.star-cursor-spark--dark {
  color: #0a0a0a;
  text-shadow:
    0 0 10px rgba(255, 255, 255, 0.95),
    0 0 3px rgba(255, 255, 255, 1);
}

@keyframes starSparkOut {
  to {
    opacity: 0;
    transform: translate(calc(-50% + var(--dx, 0px)), calc(-50% + var(--dy, 0px))) scale(1.12) rotate(18deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.landing-star-cursor,
  html.landing-star-cursor body {
    cursor: auto;
  }

  .star-cursor-root {
    display: none !important;
  }
}