/* [project]/src/styles/marketing.css [app-client] (css) */
.marketing-scope {
  --brand-green: #1b3a2e;
  --brand-green-deep: #0f2419;
  --brand-green-soft: #2a5443;
  --brand-yellow: #d9a933;
  --brand-yellow-warm: #e2b53a;
  --brand-yellow-soft: #f2d58a;
  --bg: #fff;
  --bg-elev: #f7f7f5;
  --surface: #fff;
  --surface-glass: #ffffffd1;
  --surface-glass-strong: #fffffff0;
  --ink: #0f2419;
  --ink-2: #2a3d33;
  --ink-3: #5a6b61;
  --ink-4: #8a9690;
  --hairline: #0f24191a;
  --hairline-strong: #0f241929;
  --hairline-soft: #0f24190a;
  --accent: var(--brand-yellow);
  --accent-fg: #1b3a2e;
  --grid: #0f24190d;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-sans: "Geist", "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  --font-hand: "Caveat", cursive;
  --r-1: 2px;
  --r-2: 3px;
  --r-3: 4px;
  --r-4: 4px;
  --r-5: 6px;
  --r-6: 8px;
  --r-btn: 6px;
  --r-pill: 999px;
  --shadow-xs: 0 1px 1px #0f241908;
  --shadow-sm: 0 1px 2px #0f24190a, 0 0 0 .5px #0f241905;
  --shadow-md: 0 2px 6px #0f24190d, 0 1px 2px #0f241908;
  --shadow-lg: 0 8px 24px #0f241912, 0 2px 6px #0f241908;
  --shadow-xl: 0 16px 40px #0f241914, 0 4px 10px #0f24190a;
}

.marketing-scope.dark {
  --bg: #000;
  --bg-elev: #0a0a0a;
  --surface: #0e0e0e;
  --surface-glass: #0e0e0ec7;
  --surface-glass-strong: #0e0e0eeb;
  --ink: #ece6d4;
  --ink-2: #c7c2b0;
  --ink-3: #8a8a82;
  --ink-4: #525252;
  --hairline: #ece6d414;
  --hairline-strong: #ece6d424;
  --hairline-soft: #ece6d40a;
  --accent: var(--brand-yellow-warm);
  --accent-fg: #000;
  --grid: #ece6d40d;
  --shadow-xs: 0 1px 1px #00000040;
  --shadow-sm: 0 1px 2px #0000004d;
  --shadow-md: 0 2px 6px #00000059, 0 1px 2px #0003;
  --shadow-lg: 0 8px 24px #0006, 0 2px 6px #0003;
  --shadow-xl: 0 16px 40px #00000073, 0 4px 10px #00000040;
}

.marketing-scope .reveal {
  opacity: 0;
  transition: opacity .7s cubic-bezier(.2, .8, .2, 1), transform .7s cubic-bezier(.2, .8, .2, 1);
  transform: translateY(14px);
}

.marketing-scope .reveal.in {
  opacity: 1;
  transform: translateY(0);
}

@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .6;
    transform: scale(1.15);
  }
}

@keyframes breathe {
  0%, 100% {
    opacity: .5;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}

@keyframes shimmer {
  0% {
    transform: translateX(-110%);
  }

  100% {
    transform: translateX(110%);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

@keyframes typing {
  0%, 60%, 100% {
    opacity: .25;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

@keyframes pop-in {
  from {
    opacity: 0;
    transform: translateY(10px)scale(.96);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes draw-line {
  from {
    stroke-dashoffset: 200px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes hero-grid-drift {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 64px 64px;
  }
}

@keyframes pill-trace {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -1px;
  }
}

@keyframes viz-caret {
  50% {
    opacity: 0;
  }
}

@keyframes viz-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .55;
    transform: scale(1.25);
  }
}

@keyframes viz-spot {
  0%, 100% {
    box-shadow: 0 0 0 9999px #0000008c, 0 0 0 2px var(--brand-yellow), 0 0 0 5px #d9a93333;
  }

  50% {
    box-shadow: 0 0 0 9999px #0000008c, 0 0 0 2px var(--brand-yellow), 0 0 0 12px #d9a93373;
  }
}

@keyframes viz-bob {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

@keyframes viz-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes viz-tilt {
  0%, 100% {
    transform: rotate(-2deg);
  }

  50% {
    transform: rotate(.5deg);
  }
}

@keyframes viz-rail {
  0%, 100% {
    height: 55%;
  }

  50% {
    height: 78%;
  }
}

@keyframes viz-node {
  0%, 100% {
    box-shadow: 0 0 0 3px #d9a93333;
  }

  50% {
    box-shadow: 0 0 0 7px #d9a9336b;
  }
}

@keyframes rail-march {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -260px;
  }
}

@keyframes ping-travel {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -1446px;
  }
}

@keyframes ripple-out {
  0% {
    opacity: .55;
    transform: scale(.45);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes tile-bob {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

@keyframes center-breathe {
  0%, 100% {
    filter: drop-shadow(0 14px 28px #0f24191f);
  }

  50% {
    filter: drop-shadow(0 16px 32px #d9a93347);
  }
}

@keyframes ring-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pr-caret {
  50% {
    opacity: 0;
  }
}

@keyframes pr-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }
}

@keyframes pr-index-row {
  0%, 12% {
    background: #ffffff08;
  }

  18%, 26% {
    background: #d9a9331f;
  }

  32%, 100% {
    background: #ffffff08;
  }
}

@keyframes pr-index-progress {
  0% {
    background-position: -90px 0;
  }

  100% {
    background-position: calc(100% + 90px) 0;
  }
}

@keyframes pr-route-breath {
  0%, 100% {
    box-shadow: 0 0 #d9a93300;
  }

  50% {
    box-shadow: 0 0 0 3px #d9a9331a;
  }
}

@keyframes illo-bob {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-4px);
  }
}

@keyframes illo-march {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -14px;
  }
}

@keyframes illo-pulse {
  0%, 100% {
    opacity: .6;
  }

  50% {
    opacity: 1;
  }
}

@keyframes cta-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .45;
    transform: scale(1.15);
  }
}

@keyframes sn-pal-in {
  from {
    opacity: 0;
    transform: translateY(10px)scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes sn-pal-blink {
  50% {
    opacity: 0;
  }
}

@keyframes sn-pal-spin {
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=src_styles_marketing_c651875e.css.map*/