:root{--ease-out:cubic-bezier(.23,1,.32,1)}
button{font:inherit;text-align:inherit;padding:0;background:transparent;color:inherit}
a{color:inherit;text-decoration:none}
.preview-button,.preview-link,.menu-toggle{cursor:pointer}
.preview-button{transition:transform 200ms var(--ease-out),opacity 160ms ease}
.preview-button img{transition:transform 200ms var(--ease-out)}
.preview-button:active{transform:scale(.97)}
.preview-button:focus-visible,.preview-link:focus-visible,.menu-toggle:focus-visible,.preview-field:focus-visible{outline:2px solid #00a08b;outline-offset:4px}
.preview-field{width:100%;height:20px;padding:0;margin:0;background:transparent;color:#292929!important;border:0;border-radius:0;resize:none}
.preview-field::placeholder{color:rgba(41,41,41,.5);opacity:1}
.preview-form{position:relative}
.preview-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{position:absolute;left:0;bottom:-28px;margin:0;font:500 12px/18px Poppins,sans-serif;color:#292929}
.form-status[data-state="success"]{color:#007b6a}
.form-status[data-state="error"]{color:#a12424}
.preview-button:disabled{cursor:wait;opacity:.65}
.scroll-reveal{opacity:0;translate:0 8px}
.scroll-reveal.scroll-visible{opacity:1;translate:0 0;transition:opacity 600ms var(--ease-out),translate 600ms var(--ease-out)}
.hero-art{overflow:visible!important}
.hero-float{animation:hero-float 5s cubic-bezier(.77,0,.175,1) infinite}
@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.position-orbit img{animation:position-spin 40s linear infinite;transform-origin:center}
@keyframes position-spin{to{transform:rotate(360deg)}}
.lift-graphic{transition:translate 250ms var(--ease-out)}
.step-number{transition:color 160ms ease}
@media(hover:hover) and (pointer:fine){.preview-button:hover{transform:translateY(-2px);opacity:.92}.preview-button:hover img{transform:translate(2px,-2px)}.preview-link:hover{opacity:.78}.card:hover .lift-graphic{translate:0 -6px}.step:hover .step-number{color:#00a08b!important}}
.mobile-nav{position:absolute;top:68px;left:24px;width:342px;padding:20px;background:#fafaf7;border:1px solid #dcded6;border-radius:8px;z-index:10;font:400 14px/24px Poppins,sans-serif}
.mobile-nav a{display:block;padding:6px 0}
.mobile-nav[hidden]{display:none}
@media(min-width:1441px){.design-stage.desktop .figma-frame>[data-name="05 / O jeito Inventio"]::before,.design-stage.desktop .figma-frame>[data-name="07 / Rodapé"]::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#292f2b;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.hero-float,.position-orbit img{animation:none}.scroll-reveal,.scroll-reveal.scroll-visible{translate:none;transition:opacity 160ms ease;transition-delay:0ms!important}.preview-button:hover,.preview-button:active,.preview-button:hover img{transform:none}.card:hover .lift-graphic{translate:none}}
