@font-face{font-family:'Motive';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/motive-600.d060e9db.woff2) format('woff2');} @font-face{font-family:'Motive';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/motive-700.1e168cf3.woff2) format('woff2');} @font-face{font-family:'Motive';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/motive-800.7b95d5da.woff2) format('woff2');} html{scroll-behavior:smooth;} body{margin:0;font-family:'Motive',sans-serif;font-weight:600;background:#140026;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;} @media(max-width:780px){[data-navlink]{display:none !important;}} @media(max-width:920px){[data-feature]{transform:none !important;}} a{color:#C67DFF;text-decoration:none;} a:hover{color:#F28801;} ::selection{background:#F28801;color:#fff;} @keyframes rise{from{opacity:0;transform:translateY(46px);}to{opacity:1;transform:translateY(0);}} @keyframes shift{0%{background-position:0% 50%;}100%{background-position:200% 50%;}} @keyframes floaty{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-20px) rotate(4deg);}} @keyframes floaty2{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(16px) rotate(-5deg);}} @keyframes spinSlow{to{transform:rotate(360deg);}} @keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}} @keyframes bounceDown{0%,100%{transform:translateY(0);opacity:.9;}50%{transform:translateY(10px);opacity:.4;}} @keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(242,136,1,.45);}50%{box-shadow:0 0 0 14px rgba(242,136,1,0);}} .h-0:hover,.h-0:focus-visible{color:#F28801 !important;} .h-1:hover,.h-1:focus-visible{transform:translateY(-2px) !important;color:#fff !important;box-shadow:0 12px 30px rgba(242,90,4,.5) !important;} .h-2:hover,.h-2:focus-visible{transform:translateY(-8px) !important;background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.4) !important;} .h-3:hover,.h-3:focus-visible{transform:translateY(-8px) !important;box-shadow:0 26px 56px rgba(242,90,4,.5) !important;} .h-4:hover,.h-4:focus-visible{transform:translateY(-6px) !important;box-shadow:0 18px 40px rgba(36,0,70,.12) !important;} .h-5:hover,.h-5:focus-visible{transform:translateY(-6px) !important;} .h-6:hover,.h-6:focus-visible{transform:translateY(-8px) !important;box-shadow:0 20px 46px rgba(36,0,70,.12) !important;border-color:#C67DFF !important;} .b-7::before{content:'→';position:absolute;left:0;color:#F28801;font-weight:800;} .h-8:hover,.h-8:focus-visible{transform:scale(1.06) translateY(-4px) !important;box-shadow:0 32px 70px rgba(123,43,190,.5) !important;} .b-9::before{content:'→';position:absolute;left:0;color:#C67DFF;font-weight:800;} .h-10:hover,.h-10:focus-visible{transform:translateY(-4px) !important;background:rgba(255,255,255,.16) !important;color:#fff !important;} /* A faixa do marquee é rotacionada e escalada, então vaza alguns px para os lados. O overflow-x:hidden do não impede o arrasto horizontal; clip no impede, sem transformar o em container de rolagem (o que quebraria o scroll suave dos links âncora). */ html{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;} /* 100vh no mobile conta a barra de endereço, empurrando a seta de "rolar" para fora da tela. svh usa a altura estável, com a viewport pequena. */ @supports (height:100svh){ #topo{min-height:100svh !important;} } /* A seta de "role para baixo" pressupõe um hero da altura exata da tela. No mobile o conteúdo já transborda — o corte no meio da dobra é a própria pista de que a página continua, e a seta cairia fora da área visível. */ @media (max-width:780px){ #topo > div[data-anim]:last-child{display:none;} } /* Abaixo de 780px os links do menu somem e sobram logo + CTA. Em telas estreitas o botão quebrava em duas linhas e dominava a navbar. */ @media (max-width:480px){ [data-nav]{gap:12px !important;} [data-nav] a[href="#contato"]{ white-space:nowrap; font-size:.8rem !important; padding:10px 18px !important; } } /* respeita a preferência de sistema por menos movimento */ @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration:.01ms !important; animation-delay:-1ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; transition-delay:0ms !important; scroll-behavior:auto !important; } } /* o card em destaque perde o scale no mobile — inclusive no hover "grudado" que o toque deixa ativo em telas sensíveis */ @media (max-width:920px){ [data-feature]:hover,[data-feature]:focus-visible{transform:none !important;} } :focus-visible{outline:2px solid #F28801;outline-offset:3px;border-radius:6px;} img{max-width:100%;}