/* =========================================================
   ARCO · GSAP SaaS Marketing Lab
   Camada de animação premium com fallback seguro.
   Não muda paleta. Não depende de CDN.
   ========================================================= */

:root {
  --gsap-saas-depth: 0 34px 95px rgba(36, 24, 47, .22);
  --gsap-saas-glow: rgba(243, 209, 18, .22);
  --gsap-saas-glass: rgba(255, 253, 247, .08);
  --gsap-saas-stroke: rgba(255, 253, 247, .18);
}

body.arco-gsap-active {
  --arco-gsap-ready: 1;
}

body.arco-gsap-missing::after {
  content: "";
  position: fixed;
  inset: auto 16px 16px auto;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--arco-gold, #f3d112);
  opacity: .2;
  pointer-events: none;
  z-index: 9999;
}

.gsap-line-mask,
.gsap-word-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding: .02em .01em .1em;
  margin-bottom: -.1em;
}

.gsap-word {
  display: inline-block;
  will-change: transform, opacity;
}

[data-arco-hero] {
  isolation: isolate;
}

[data-arco-hero]::after {
  content: "";
  position: absolute;
  inset: 8% -8% auto auto;
  width: min(38vw, 520px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle, var(--gsap-saas-glow), transparent 58%),
    radial-gradient(circle at 38% 42%, rgba(109, 84, 125, .35), transparent 66%);
  filter: blur(24px);
  opacity: 0;
  transform: scale(.85);
  pointer-events: none;
  z-index: -1;
}

body.arco-gsap-active[data-gsap-hero-lit="1"] [data-arco-hero]::after {
  opacity: .75;
  transform: scale(1);
  transition: opacity 900ms ease, transform 1200ms cubic-bezier(.16,1,.3,1);
}

.arco-gsap-active .arco-home-hero__visual,
.arco-gsap-active .arco-page-photo-card {
  transform-style: preserve-3d;
  will-change: transform, clip-path, filter;
}

.arco-gsap-active .arco-hero-media-card,
.arco-gsap-active .arco-page-photo-card {
  position: relative;
  overflow: hidden;
}

.arco-gsap-active .arco-hero-media-card::after,
.arco-gsap-active .arco-page-photo-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 253, 247, .34) 38%, transparent 68%);
  transform: translateX(-135%) skewX(-10deg);
  opacity: .0;
  pointer-events: none;
}

body.arco-gsap-active[data-gsap-hero-lit="1"] .arco-hero-media-card::after,
body.arco-gsap-active[data-gsap-hero-lit="1"] .arco-page-photo-card::after {
  animation: arco-gsap-sweep 1.85s cubic-bezier(.16,1,.3,1) .35s both;
}

@keyframes arco-gsap-sweep {
  0% { opacity: 0; transform: translateX(-135%) skewX(-10deg); }
  18% { opacity: .55; }
  100% { opacity: 0; transform: translateX(135%) skewX(-10deg); }
}

.arco-gsap-active .arco-path-card,
.arco-gsap-active .arco-service-card,
.arco-gsap-active .arco-offer-card,
.arco-gsap-active .arco-method-card,
.arco-gsap-active .arco-signature-card {
  transform-style: preserve-3d;
  will-change: transform, opacity, filter;
}

.arco-gsap-active .arco-path-card::before,
.arco-gsap-active .arco-service-card::before,
.arco-gsap-active .arco-offer-card::before,
.arco-gsap-active .arco-method-card::before,
.arco-gsap-active .arco-signature-card::before {
  background:
    radial-gradient(circle at var(--arco-card-x, 50%) var(--arco-card-y, 50%), rgba(243,209,18,.24), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.08), transparent);
}

.arco-gsap-active .arco-method-experience {
  min-height: 100svh;
  align-items: center;
}

.arco-gsap-active .arco-method-active-word {
  will-change: transform, opacity, filter;
}

.arco-gsap-active .arco-method-progress span {
  transform-origin: left center;
  width: 100% !important;
  transform: scaleX(0);
}

.arco-gsap-active .arco-scroll-manifesto {
  position: relative;
  overflow: hidden;
}

.arco-gsap-active .arco-manifesto-line {
  transform-origin: center;
  will-change: transform, opacity, filter;
}

.arco-gsap-active .arco-marquee-track {
  will-change: transform;
}

.arco-gsap-active .arco-signature-stack {
  perspective: 1200px;
}

.arco-gsap-active .arco-signature-card {
  transform-origin: center top;
}

.gsap-saas-panel-active {
  box-shadow: var(--gsap-saas-depth);
}

.gsap-saas-debug {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 99999;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(36, 24, 47, .88);
  color: #fffdf7;
  font: 700 11px/1 Manrope, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  pointer-events: none;
}

@media (max-width: 959px) {
  .arco-gsap-active .arco-method-experience {
    min-height: auto;
  }

  .arco-gsap-active .arco-signature-stack {
    perspective: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gsap-word,
  .arco-gsap-active .arco-home-hero__visual,
  .arco-gsap-active .arco-path-card,
  .arco-gsap-active .arco-service-card,
  .arco-gsap-active .arco-method-card,
  .arco-gsap-active .arco-manifesto-line,
  .arco-gsap-active .arco-signature-card {
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }

  [data-arco-hero]::after,
  .arco-hero-media-card::after,
  .arco-page-photo-card::after {
    animation: none !important;
    opacity: 0 !important;
  }
}