/* Additive motion and requested logo-container layer. Existing styles remain intact. */
.scroll-progress {
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  pointer-events: none;
  transform-origin: left;
}

.scroll-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--yellow), #fff2a2, var(--yellow));
  box-shadow: 0 0 12px rgba(253, 210, 77, 0.58);
  transform: scaleX(var(--scroll-progress, 0));
  transform-origin: left center;
  transition: transform 80ms linear;
}

.site-nav {
  transition: background-color 320ms ease, backdrop-filter 320ms ease, box-shadow 320ms ease;
}

.site-nav.is-scrolled {
  background: rgba(7, 42, 78, 0.88);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
  backdrop-filter: blur(16px) saturate(125%);
  box-shadow: 0 10px 30px rgba(1, 18, 35, 0.18);
}

.nav-brand {
  position: relative;
  display: block;
  width: 150px;
  aspect-ratio: 1000 / 439;
  padding: 3px 5px;
  border: 1px solid rgba(253, 210, 77, 0.24);
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(16, 69, 112, 0.7), rgba(7, 42, 78, 0.88));
  box-shadow: 0 8px 24px rgba(1, 18, 35, 0.14);
  translate: 0 0;
  scale: 1;
  transition: translate 260ms ease, scale 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
  isolation: isolate;
}

.nav-brand::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 22%, rgba(253, 210, 77, 0.34) 49%, transparent 76%);
  background-size: 260% 100%;
  animation: nav-brand-highlight 7s ease-in-out infinite;
}

.nav-brand img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nav-brand:hover,
.nav-brand:focus-visible {
  translate: 0 -2px;
  border-color: rgba(253, 210, 77, 0.58);
  box-shadow: 0 10px 28px rgba(1, 18, 35, 0.24), 0 0 16px rgba(253, 210, 77, 0.1);
}

.motion-enhanced .nav-brand {
  animation: nav-brand-arrive 580ms cubic-bezier(0.2, 0.78, 0.2, 1) backwards;
}

.nav-active-indicator {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: var(--indicator-width, 0px);
  height: 2px;
  border-radius: 999px;
  background: var(--yellow);
  box-shadow: 0 0 8px rgba(253, 210, 77, 0.38);
  opacity: var(--indicator-opacity, 0);
  transform: translate3d(var(--indicator-x, 0px), 0, 0);
  transition: transform 220ms ease, width 220ms ease, opacity 160ms ease;
  pointer-events: none;
}

@media (min-width: 1181px) {
  .nav-links {
    position: relative;
  }
}

.nav-toggle > span {
  display: inline-block;
}

.nav-toggle-icon {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transition: background-color 180ms ease;
}

.nav-toggle-icon::before,
.nav-toggle-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 17px;
  height: 2px;
  border-radius: inherit;
  background: currentColor;
  transition: translate 220ms ease, rotate 220ms ease;
}

.nav-toggle-icon::before {
  translate: 0 -5px;
}

.nav-toggle-icon::after {
  translate: 0 5px;
}

.nav-toggle[aria-expanded="true"] .nav-toggle-icon {
  background: transparent;
}

.nav-toggle[aria-expanded="true"] .nav-toggle-icon::before {
  translate: 0 0;
  rotate: 45deg;
}

.nav-toggle[aria-expanded="true"] .nav-toggle-icon::after {
  translate: 0 0;
  rotate: -45deg;
}

.hero-brand-tab {
  position: relative;
  z-index: 2;
  width: min(100%, 715px);
  margin-top: 24px;
  padding: 18px 22px;
  overflow: hidden;
  border: 1px solid rgba(253, 210, 77, 0.28);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(16, 69, 112, 0.72), rgba(3, 32, 58, 0.94));
  box-shadow: 0 20px 48px rgba(1, 18, 35, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  translate: var(--brand-parallax-x, 0) var(--brand-parallax-y, 0);
  transition: translate 160ms ease-out, box-shadow 280ms ease, border-color 280ms ease;
  isolation: isolate;
}

.hero-brand-tab::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  padding: 1px;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 10%, rgba(253, 210, 77, 0.94) 45%, transparent 78%);
  background-position: 140% 0;
  background-size: 280% 100%;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: hero-brand-border-trace 6.8s ease-in-out infinite;
}

.hero-brand-tab::after {
  content: "";
  position: absolute;
  inset: -20% -10%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 20% 25%, rgba(253, 210, 77, 0.08), transparent 35%), radial-gradient(circle at 80% 70%, rgba(65, 147, 204, 0.12), transparent 38%);
  animation: hero-brand-ambient 9s ease-in-out infinite alternate;
}

.hero-brand-tab-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  translate: 0 0;
  animation: hero-brand-float 8s ease-in-out 1.2s infinite;
}

.hero-brand-tab .hero-gsc {
  width: min(270px, 47%);
  max-width: 100%;
  margin: 0 0 12px;
  border-radius: 12px;
  object-fit: contain;
}

.hero-brand-tab .hero-logo-heading {
  width: 100%;
  margin: 0;
}

.hero-brand-tab .hero-retreat-logo {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  object-fit: contain;
}

.hero-brand-tab:hover {
  translate: var(--brand-parallax-x, 0) calc(var(--brand-parallax-y, 0px) - 3px);
  border-color: rgba(253, 210, 77, 0.52);
  box-shadow: 0 24px 56px rgba(1, 18, 35, 0.31), 0 0 20px rgba(253, 210, 77, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.motion-enhanced .hero-brand-tab {
  animation: hero-brand-tab-arrive 760ms cubic-bezier(0.2, 0.78, 0.2, 1) 120ms backwards;
}

.motion-enhanced .hero-brand-tab .hero-gsc {
  animation: hero-brand-logo-arrive 620ms cubic-bezier(0.2, 0.78, 0.2, 1) 240ms backwards;
}

.motion-enhanced .hero-brand-tab .hero-retreat-logo {
  animation: hero-brand-logo-arrive 680ms cubic-bezier(0.2, 0.78, 0.2, 1) 340ms backwards;
}

.motion-enhanced .hero .eyebrow {
  animation: hero-eyebrow-arrive 560ms cubic-bezier(0.2, 0.78, 0.2, 1) 40ms backwards;
}

.motion-enhanced .hero-actions {
  animation: hero-actions-arrive 620ms cubic-bezier(0.2, 0.78, 0.2, 1) 520ms backwards;
}

.hero-collage {
  translate: var(--hero-parallax-x, 0) var(--hero-parallax-y, 0);
  transition: translate 160ms ease-out;
}

.hero .orbit {
  translate: var(--orbit-parallax-x, 0) var(--orbit-parallax-y, 0);
  transition: translate 180ms ease-out;
}

.hero .sun-doodle {
  translate: var(--doodle-parallax-x, 0) var(--doodle-parallax-y, 0);
}

.paper-orb {
  translate: 0 var(--decor-parallax-y, 0);
}

.motion-enhanced .hero-collage .photo-card {
  animation: hero-photo-arrive 720ms cubic-bezier(0.2, 0.78, 0.2, 1) backwards;
}

.motion-enhanced .hero-collage .card-b { animation-delay: 90ms; }
.motion-enhanced .hero-collage .card-c { animation-delay: 180ms; }
.motion-enhanced .hero-collage .card-d { animation-delay: 270ms; }

.motion-enhanced .hero-collage figcaption {
  animation: photo-label-wipe 620ms ease-out 580ms backwards;
}

.motion-enhanced .hero-metrics > div {
  animation: metric-arrive 620ms cubic-bezier(0.2, 0.78, 0.2, 1) backwards;
}

.motion-enhanced .hero-metrics > div:nth-child(1) { animation-delay: 620ms; }
.motion-enhanced .hero-metrics > div:nth-child(2) { animation-delay: 700ms; }
.motion-enhanced .hero-metrics > div:nth-child(3) { animation-delay: 780ms; }
.motion-enhanced .hero-metrics > div:nth-child(4) { animation-delay: 860ms; }

.photo-card {
  --tilt-axis-x: 0;
  --tilt-axis-y: 0;
  --tilt-angle: 0deg;
  --motion-lift: 0px;
  --motion-scale: 1;
  transform-style: preserve-3d;
  translate: 0 var(--motion-lift);
  scale: var(--motion-scale);
  transition: transform 350ms ease, translate 350ms ease, rotate 350ms ease, scale 350ms ease, box-shadow 350ms ease;
}

.photo-card.is-tilting {
  rotate: var(--tilt-axis-x) var(--tilt-axis-y) 0 var(--tilt-angle);
}

.photo-card:hover,
.photo-card:focus-within {
  --motion-lift: -4px;
  --motion-scale: 1.015;
}

.section-topline::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  height: 1px;
  background: currentColor;
  opacity: 0.22;
  scale: 0 1;
  transform-origin: left center;
}

.motion-enhanced main > section.is-visible .section-topline::after {
  animation: section-line-draw 900ms ease-out 160ms backwards;
}

.motion-enhanced main > section.is-visible .section-topline span:first-child {
  animation: section-number-arrive 540ms cubic-bezier(0.2, 0.78, 0.2, 1) 100ms backwards;
}

.motion-enhanced main > section.is-visible .photo-card img {
  animation: image-mask-reveal 760ms cubic-bezier(0.2, 0.78, 0.2, 1) 150ms backwards;
}

.journey-motion-line,
.flow-motion-rail {
  position: relative;
  max-width: 1180px;
  height: 12px;
  margin: 10px auto 22px;
  overflow: hidden;
}

.journey-motion-line::before,
.flow-motion-rail::before {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  left: 0;
  border-top: 1px dashed rgba(7, 42, 78, 0.32);
}

.journey-motion-line::after,
.flow-motion-rail::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 0 0 4px rgba(253, 210, 77, 0.16), 0 0 12px rgba(253, 210, 77, 0.5);
  animation: journey-dot-travel 6.8s ease-in-out infinite;
}

.journey-motion-line span,
.flow-motion-rail span {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--yellow), rgba(253, 210, 77, 0.16));
  scale: 0 1;
  transform-origin: left center;
}

.motion-enhanced .journey-section.is-visible .journey-motion-line span,
.motion-enhanced .workbench-section.is-visible .flow-motion-rail span {
  animation: section-line-draw 1.1s ease-out 220ms backwards;
}

.flow-motion-rail {
  max-width: 1300px;
  margin-top: 18px;
  margin-bottom: 0;
}

.flow-motion-rail::before {
  border-color: rgba(7, 42, 78, 0.5);
}

.flow-motion-rail::after {
  background: var(--navy);
  box-shadow: 0 0 0 4px rgba(7, 42, 78, 0.12), 0 0 12px rgba(7, 42, 78, 0.36);
  animation-duration: 7s;
}

.motion-enhanced .journey-section.is-visible .journey-card {
  animation: journey-card-arrive 620ms cubic-bezier(0.2, 0.78, 0.2, 1) backwards;
}

.motion-enhanced .journey-section.is-visible .journey-card:nth-child(1) { animation-delay: 80ms; }
.motion-enhanced .journey-section.is-visible .journey-card:nth-child(2) { animation-delay: 150ms; }
.motion-enhanced .journey-section.is-visible .journey-card:nth-child(3) { animation-delay: 220ms; }
.motion-enhanced .journey-section.is-visible .journey-card:nth-child(4) { animation-delay: 290ms; }
.motion-enhanced .journey-section.is-visible .journey-card:nth-child(5) { animation-delay: 360ms; }
.motion-enhanced .journey-section.is-visible .journey-card:nth-child(6) { animation-delay: 430ms; }

.journey-card::after,
.workshop-card::after,
.price-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 2px solid transparent;
  background: linear-gradient(90deg, var(--yellow), rgba(253, 210, 77, 0.16), var(--yellow)) border-box;
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  scale: 0.985;
  transition: opacity 260ms ease, scale 320ms ease;
}

.journey-card:hover::after,
.journey-card[open]::after,
.workshop-card:hover::after,
.workshop-card:focus-within::after,
.price-card:hover::after,
.price-card:focus-within::after {
  opacity: 0.9;
  scale: 1;
}

.journey-card .card-number,
.journey-card .journey-prompt,
.workshop-card h3,
.workshop-card .build-box {
  translate: 0 0;
  transition: translate 260ms ease, filter 260ms ease, background-size 360ms ease;
}

.journey-card:hover .card-number,
.journey-card[open] .card-number {
  translate: 0 -4px;
  filter: drop-shadow(0 4px 7px rgba(253, 210, 77, 0.25));
}

.journey-card:hover .journey-prompt,
.journey-card[open] .journey-prompt {
  filter: brightness(1.08);
}

.workshop-card {
  position: relative;
}

.workshop-card h3 {
  background-image: linear-gradient(transparent 72%, rgba(253, 210, 77, 0.24) 72%);
  background-repeat: no-repeat;
  background-size: 0 100%;
}

.workshop-card:hover h3,
.workshop-card:focus-within h3 {
  background-size: 100% 100%;
}

.motion-enhanced .day-section.is-visible .workshop-card .build-box {
  animation: build-box-arrive 580ms cubic-bezier(0.2, 0.78, 0.2, 1) 360ms backwards;
}

.journey-card[open] .journey-output {
  animation: journey-output-arrive 220ms ease-out;
}

.flow-track > div:nth-of-type(4) {
  animation: human-approval-glow 7s ease-in-out infinite;
}

.flow-track > div:nth-of-type(6) {
  animation: metric-complete-glow 7s ease-in-out infinite;
}

.marquee-viewport {
  position: relative;
}

.marquee-viewport::before,
.marquee-viewport::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  width: clamp(28px, 5vw, 90px);
  pointer-events: none;
}

.marquee-viewport::before {
  left: 0;
  background: linear-gradient(90deg, var(--cream), transparent);
}

.marquee-viewport::after {
  right: 0;
  background: linear-gradient(270deg, var(--cream), transparent);
}

.marquee-item {
  translate: 0 0;
  scale: 1;
  transition: translate 260ms ease, scale 260ms ease, box-shadow 260ms ease;
}

.marquee-item:hover,
.marquee-item:focus-within {
  translate: 0 -2px;
  scale: 1.01;
  box-shadow: 9px 11px 0 rgba(7, 42, 78, 0.2);
}

.marquee-item span {
  transition: translate 220ms ease, box-shadow 220ms ease;
}

.marquee-item:hover span,
.marquee-item:focus-within span {
  translate: 3px -2px;
  box-shadow: 3px 3px 0 rgba(7, 42, 78, 0.16);
}

.motion-enhanced .pricing-section.is-visible .price-card {
  animation: price-card-arrive 660ms cubic-bezier(0.2, 0.78, 0.2, 1) backwards;
}

.motion-enhanced .pricing-section.is-visible .price-card:nth-child(2) {
  animation-delay: 100ms;
}

.price-card > strong {
  animation: price-emphasis 6s ease-in-out infinite;
}

.price-card .button span,
.mobile-sticky-apply i {
  display: inline-block;
  font-style: normal;
  transition: translate 220ms ease;
}

.price-card .button:hover span,
.price-card .button:focus-visible span,
.mobile-sticky-apply:hover i,
.mobile-sticky-apply:focus-visible i {
  translate: 3px 0;
}

.mobile-sticky-apply {
  display: none;
}

@keyframes nav-brand-arrive {
  from { opacity: 0; scale: 0.985; }
  to { opacity: 1; scale: 1; }
}

@keyframes nav-brand-highlight {
  0%, 72% { background-position: 150% 0; opacity: 0; }
  82% { opacity: 0.6; }
  100% { background-position: -80% 0; opacity: 0; }
}

@keyframes hero-brand-tab-arrive {
  from { opacity: 0; scale: 0.975; }
  to { opacity: 1; scale: 1; }
}

@keyframes hero-brand-logo-arrive {
  from { opacity: 0; translate: -12px 0; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes hero-brand-border-trace {
  0%, 72% { background-position: 140% 0; opacity: 0.18; }
  86% { opacity: 1; }
  100% { background-position: -70% 0; opacity: 0.28; }
}

@keyframes hero-brand-ambient {
  from { translate: -2% -1%; scale: 1; opacity: 0.62; }
  to { translate: 2% 1%; scale: 1.04; opacity: 1; }
}

@keyframes hero-brand-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -3px; }
}

@keyframes hero-eyebrow-arrive {
  from { opacity: 0; translate: 0 20px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes hero-actions-arrive {
  from { opacity: 0; translate: 0 10px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes hero-photo-arrive {
  from { opacity: 0; scale: 0.97; }
  to { opacity: 1; scale: 1; }
}

@keyframes photo-label-wipe {
  from { opacity: 0; clip-path: inset(0 100% 0 0); }
  to { opacity: 1; clip-path: inset(0 0 0 0); }
}

@keyframes metric-arrive {
  from { opacity: 0; translate: 0 12px; clip-path: inset(0 0 100% 0); }
  to { opacity: 1; translate: 0 0; clip-path: inset(0); }
}

@keyframes section-line-draw {
  from { scale: 0 1; }
  to { scale: 1 1; }
}

@keyframes section-number-arrive {
  from { opacity: 0; translate: 0 12px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes image-mask-reveal {
  from { opacity: 0.7; clip-path: inset(0 100% 0 0); }
  to { opacity: 1; clip-path: inset(0); }
}

@keyframes journey-dot-travel {
  0%, 100% { left: 0; }
  50% { left: calc(100% - 9px); }
}

@keyframes journey-card-arrive {
  from { opacity: 0; translate: 0 16px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes build-box-arrive {
  from { opacity: 0; translate: 0 10px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes journey-output-arrive {
  from { opacity: 0; translate: 0 -6px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes human-approval-glow {
  0%, 45%, 65%, 100% { box-shadow: none; }
  53%, 58% { box-shadow: 0 0 0 3px rgba(253, 210, 77, 0.45), 0 0 18px rgba(253, 210, 77, 0.3); }
}

@keyframes metric-complete-glow {
  0%, 80%, 100% { box-shadow: none; }
  89%, 94% { box-shadow: 0 0 0 3px rgba(7, 42, 78, 0.3), 0 0 18px rgba(7, 42, 78, 0.22); }
}

@keyframes price-card-arrive {
  from { opacity: 0; translate: 0 18px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes price-emphasis {
  0%, 82%, 100% { opacity: 1; filter: none; }
  91% { opacity: 0.88; filter: drop-shadow(0 4px 7px rgba(253, 210, 77, 0.16)); }
}

@media (max-width: 1180px) {
  .nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .nav-active-indicator {
    display: none;
  }

  .nav-links.open {
    animation: mobile-menu-arrive 220ms ease-out backwards;
  }

  .motion-enhanced .nav-links.open a {
    animation: mobile-nav-link-arrive 260ms ease-out backwards;
  }

  .motion-enhanced .nav-links.open a:nth-child(2) { animation-delay: 45ms; }
  .motion-enhanced .nav-links.open a:nth-child(3) { animation-delay: 90ms; }
  .motion-enhanced .nav-links.open a:nth-child(4) { animation-delay: 135ms; }
  .motion-enhanced .nav-links.open a:nth-child(5) { animation-delay: 180ms; }
  .motion-enhanced .nav-links.open a:nth-child(6) { animation-delay: 225ms; }
  .motion-enhanced .nav-links.open a:nth-child(7) { animation-delay: 270ms; }
  .motion-enhanced .nav-links.open a:nth-child(8) { animation-delay: 315ms; }
  .motion-enhanced .nav-links.open a:nth-child(9) { animation-delay: 360ms; }
  .motion-enhanced .nav-links.open a:nth-child(10) { animation-delay: 405ms; }

  .motion-enhanced .nav-links.open .nav-cta {
    animation: mobile-nav-link-arrive 260ms ease-out 405ms backwards, mobile-nav-cta-highlight 420ms ease-out 660ms both;
  }
}

@keyframes mobile-menu-arrive {
  from { opacity: 0; translate: 0 -12px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes mobile-nav-link-arrive {
  from { opacity: 0; translate: 0 -8px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes mobile-nav-cta-highlight {
  0%, 100% { box-shadow: none; }
  55% { box-shadow: 0 0 0 4px rgba(253, 210, 77, 0.18), 0 0 18px rgba(253, 210, 77, 0.22); }
}

@media (max-width: 760px) {
  body {
    padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px));
  }

  .nav-brand {
    width: 132px;
    padding: 2px 4px;
    border-radius: 14px;
  }

  .hero-brand-tab {
    width: 100%;
    margin: 20px auto 0;
    padding: 15px 16px;
    border-radius: 18px;
    translate: 0 0;
  }

  .hero-brand-tab .hero-gsc {
    width: min(220px, 55%);
    margin-bottom: 10px;
  }

  .hero-brand-tab-inner {
    align-items: center;
  }

  .hero-brand-tab .hero-retreat-logo {
    border-radius: 10px;
  }

  .hero-brand-tab:active {
    scale: 0.99;
  }

  .hero-collage,
  .hero .orbit {
    translate: 0 0;
  }

  .journey-motion-line,
  .flow-motion-rail {
    margin-top: 8px;
    margin-bottom: 18px;
  }

  .journey-motion-line::after,
  .flow-motion-rail::after {
    animation-duration: 7s;
  }

  .marquee-item:active {
    translate: 0 -2px;
    scale: 1.01;
    box-shadow: 9px 11px 0 rgba(7, 42, 78, 0.2);
  }

  .marquee-item:active span {
    translate: 3px -2px;
    box-shadow: 3px 3px 0 rgba(7, 42, 78, 0.16);
  }

  .signal-path,
  .flow-track {
    animation: mobile-process-edge-cue 3.6s ease-in-out infinite;
  }

  .mobile-sticky-apply {
    position: fixed;
    z-index: 70;
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom, 10px));
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 58px;
    padding: 10px 12px 10px 16px;
    border: 1px solid rgba(253, 210, 77, 0.72);
    border-radius: 17px;
    background: rgba(7, 42, 78, 0.94);
    color: #fff;
    box-shadow: 0 14px 34px rgba(1, 18, 35, 0.34), 0 0 18px rgba(253, 210, 77, 0.08);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    opacity: 0;
    visibility: hidden;
    translate: 0 calc(100% + 24px);
    transition: opacity 250ms ease, visibility 250ms ease, translate 250ms cubic-bezier(0.2, 0.78, 0.2, 1);
  }

  .mobile-sticky-apply.is-visible {
    opacity: 1;
    visibility: visible;
    translate: 0 0;
    animation: mobile-apply-pulse 8s ease-in-out 500ms infinite;
  }

  .mobile-sticky-apply > span {
    color: var(--yellow);
    font: 700 13px var(--font-head);
    letter-spacing: 0.02em;
  }

  .mobile-sticky-apply > strong {
    padding: 10px 13px;
    border-radius: 11px;
    background: var(--yellow);
    color: var(--navy);
    font: 700 13px var(--font-head);
    text-transform: uppercase;
  }

  .price-card:active::after,
  .journey-card:active::after,
  .workshop-card:active::after {
    opacity: 0.9;
    scale: 1;
  }

  .price-card .button:active {
    box-shadow: 0 0 0 4px rgba(253, 210, 77, 0.18), 5px 7px 0 rgba(0, 0, 0, 0.18);
  }
}

@keyframes mobile-apply-pulse {
  0%, 86%, 100% { box-shadow: 0 14px 34px rgba(1, 18, 35, 0.34), 0 0 18px rgba(253, 210, 77, 0.08); }
  93% { box-shadow: 0 14px 34px rgba(1, 18, 35, 0.38), 0 0 0 5px rgba(253, 210, 77, 0.14), 0 0 22px rgba(253, 210, 77, 0.14); }
}

@keyframes mobile-process-edge-cue {
  0%, 100% { box-shadow: inset 0 0 0 rgba(253, 210, 77, 0); }
  50% { box-shadow: inset -12px 0 16px -16px rgba(253, 210, 77, 0.9); }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-progress span,
  .nav-brand,
  .nav-brand::after,
  .hero-brand-tab,
  .hero-brand-tab::before,
  .hero-brand-tab::after,
  .hero-brand-tab-inner,
  .hero-brand-tab .hero-gsc,
  .hero-brand-tab .hero-retreat-logo,
  .hero .eyebrow,
  .hero-actions,
  .hero-collage,
  .hero .orbit,
  .hero .sun-doodle,
  .paper-orb,
  .hero-collage .photo-card,
  .hero-collage figcaption,
  .hero-metrics > div,
  .photo-card,
  .section-topline::after,
  .section-topline span:first-child,
  .journey-motion-line::after,
  .flow-motion-rail::after,
  .journey-motion-line span,
  .flow-motion-rail span,
  .journey-card,
  .workshop-card .build-box,
  .flow-track > div,
  .price-card,
  .price-card > strong,
  .mobile-sticky-apply,
  .nav-links.open,
  .nav-links.open a {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }

  .photo-card,
  .hero-collage,
  .hero .orbit,
  .hero .sun-doodle,
  .paper-orb,
  .hero-brand-tab,
  .hero-brand-tab-inner {
    translate: 0 0 !important;
    rotate: none !important;
    scale: 1 !important;
  }
}