.hero-content{min-height:100svh;padding-top:300px}.hero-copy{margin-bottom:40px}.hero-proof{margin-top:auto}.hero-stage{pointer-events:none;position:absolute}.hero-stage--mobile{aspect-ratio:360/196;top:92px;left:16px;right:16px}.hero-stage--compact,.hero-stage--desktop{display:none}@media (min-width:1024px){.hero-content{padding-top:150px}.hero-copy{max-width:30rem}.hero-stage--mobile{display:none}.hero-stage--compact{aspect-ratio:600/640;width:min(50vw - 40px,600px);max-height:calc(100svh - 250px);display:block;top:104px;left:calc(50% + 8px)}}@media (min-width:1280px){.hero-copy{max-width:36rem}}@media (min-width:1400px){.hero-stage--compact{display:none}.hero-stage--desktop{aspect-ratio:800/660;width:min(50vw - 40px,780px);max-height:calc(100svh - 250px);display:block;top:104px;left:calc(50% + 4px)}}@media (min-width:1536px){.hero-stage--desktop{width:min(46vw,900px,50vw - 40px);max-height:calc(100svh - 230px);top:96px}}.hero-field-canvas{opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.hero-field-canvas[data-visible=true]{opacity:1}.hero-plan{opacity:calc(1 - var(--hero-exit,0) * 2.2)}.hero-overlay{opacity:calc(1 - var(--hero-exit,0) * 2.6)}.hero-label{fill:var(--color-brand-gray-60);letter-spacing:.16em;text-transform:uppercase;paint-order:stroke;stroke:var(--color-brand-black);stroke-width:3px;stroke-linejoin:round;font-weight:500;transition:fill .3s}.hero-stage--mobile .hero-label{letter-spacing:.1em}.hero-number{fill:var(--color-brand-gray-80);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:500;transition:fill .3s}.hero-caption{fill:var(--color-brand-gray-60);letter-spacing:.22em;text-transform:uppercase;paint-order:stroke;stroke:var(--color-brand-black);stroke-width:3px;stroke-linejoin:round;font-weight:500}.hero[data-hot=discovery] [data-id=discovery],.hero[data-hot=desenvolvimento] [data-id=desenvolvimento],.hero[data-hot=validacao] [data-id=validacao],.hero[data-hot=homologacao] [data-id=homologacao],.hero[data-hot=golive] [data-id=golive]{fill:var(--color-brand-white)}.hero-rose-body{transform-box:fill-box;transform-origin:50%;transform:translateY(calc(var(--hero-exit,0) * -380px)) scale(calc(1 - var(--hero-exit,0) * .4))}.hero-pause{top:88px;right:12px}@media (min-width:1024px){.hero-pause{top:auto;bottom:24px;right:24px}}.hero:not([data-field=live]) .hero-pause{display:none}.hero-thread{background:var(--color-brand-red);transform-origin:top;width:1px;height:64px;transform:scaleY(clamp(0, calc((var(--hero-exit,1) - .2) * 2.5), 1));position:absolute;top:0;left:50%}@keyframes hero-copy-enter{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes hero-unclip{to{clip-path:none}}@keyframes hero-late-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hero-late-in-now{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hero-dash{to{stroke-dashoffset:-16px}}@media (prefers-reduced-motion:no-preference){.hero:not([data-field]) .hero-link{animation:.9s linear infinite hero-dash}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.hero:not([data-field]) .hero-late,.hero[data-late] .hero-late{animation:.7s ease-out 2.4s both hero-late-in}.hero[data-field]:not([data-late]) .hero-late{animation:.7s ease-out .5s both hero-late-in-now}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.hero-reveal{clip-path:inset(-16px -32px 0 -16px);animation:0s 1.8s forwards hero-unclip}.hero-reveal>*{animation:.9s cubic-bezier(.16,1,.3,1) both hero-copy-enter}.hero-reveal--2>*{animation-delay:80ms}.hero-reveal--3>*{animation-delay:.18s}.hero-reveal--4>*{animation-delay:.26s}}
