/* STEVAR Premium Motion 1.0 — opt-in only; does not style workspaces or operational controls.
   Animations are one-shot, GPU-friendly, and honor prefers-reduced-motion. */
body[data-stevar-motion="landing"] {
  --motion-ease: cubic-bezier(.2,.72,.2,1);
  --motion-gold: rgba(217,160,102,.24);
  --motion-red: rgba(196,30,51,.16);
}
body[data-stevar-motion="landing"] .hero {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse 38% 58% at 80% 23%, var(--motion-gold), transparent 80%),
    radial-gradient(ellipse 34% 65% at 9% 85%, var(--motion-red), transparent 85%);
}
body[data-stevar-motion="landing"] .hero::before {
  content: ""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background: linear-gradient(120deg, transparent 45%, rgba(217,160,102,.035) 52%, transparent 60%);
}
body[data-stevar-motion="landing"] .hero-tag::before {
  content:""; display:inline-block; width:25px; height:1px; margin:0 .55rem .3rem 0; background:var(--gold);
}
body[data-stevar-motion="landing"] .board {
  box-shadow: 0 26px 68px rgba(0,0,0,.2), 0 0 0 1px rgba(217,160,102,.05);
}
body[data-stevar-motion="landing"] .demo,
body[data-stevar-motion="landing"] .solution,
body[data-stevar-motion="landing"] .wa,
body[data-stevar-motion="landing"] .form {
  transition: border-color .26s var(--motion-ease), box-shadow .26s var(--motion-ease), transform .26s var(--motion-ease);
}
body[data-stevar-motion="landing"] .demo:hover,
body[data-stevar-motion="landing"] .demo:focus-within {
  transform:translateY(-5px);
  border-color:rgba(217,160,102,.72);
  box-shadow:0 20px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-stevar-motion="landing"] .solution:hover,
body[data-stevar-motion="landing"] .solution:focus-within { border-top-color:#E8C08F; }
body[data-stevar-motion="landing"] .contact .wa:hover,
body[data-stevar-motion="landing"] .contact .wa:focus-within { border-color:rgba(217,160,102,.58); }
body[data-stevar-motion="landing"] .btn-primary { box-shadow:0 7px 18px rgba(196,30,51,.12); }
body[data-stevar-motion="landing"] .btn-primary:hover { box-shadow:0 10px 25px rgba(196,30,51,.26); }
body[data-stevar-motion="landing"] .stevar-scroll-progress {
  position:fixed; pointer-events:none; z-index:75; inset:env(safe-area-inset-top) 0 auto;
  height:2px; background:linear-gradient(90deg,#C41E33 0%,#D9A066 100%);
  transform:scaleX(0); transform-origin:left center; will-change:transform;
}
body[data-stevar-motion="landing"] .footer .social-channel:hover {box-shadow:0 8px 20px rgba(0,0,0,.19)}
@keyframes stevar-premium-hero {
  from {opacity:.58; transform:translateY(12px);}
  to {opacity:1; transform:translateY(0);}
}
@keyframes stevar-premium-reveal {
  from {opacity:.38; transform:translateY(18px);}
  to {opacity:1; transform:translateY(0);}
}
@media (prefers-reduced-motion:no-preference) {
  body[data-stevar-motion="landing"] .hero h1 { animation:stevar-premium-hero .7s var(--motion-ease) both; }
  body[data-stevar-motion="landing"] .hero .lead { animation:stevar-premium-hero .7s var(--motion-ease) .12s both; }
  body[data-stevar-motion="landing"] .hero-actions { animation:stevar-premium-hero .7s var(--motion-ease) .22s both; }
  body[data-stevar-motion="landing"] [data-stevar-reveal="shown"] {
    animation:stevar-premium-reveal .65s var(--motion-ease) var(--stevar-stagger,0ms) both;
  }
}
@media (prefers-reduced-motion:reduce) {
  body[data-stevar-motion="landing"] .demo,
  body[data-stevar-motion="landing"] .solution,
  body[data-stevar-motion="landing"] .wa,
  body[data-stevar-motion="landing"] .form {transition:none}
  body[data-stevar-motion="landing"] .demo:hover,
  body[data-stevar-motion="landing"] .demo:focus-within {transform:none}
  body[data-stevar-motion="landing"] .stevar-scroll-progress{will-change:auto}
}
@media(hover:none) {
  body[data-stevar-motion="landing"] .demo:hover {transform:none}
}