body{margin:0;background:#0A0A0A}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.nav-link{color:#CFCFC8;font-size:14px;font-weight:600;letter-spacing:.02em;padding:12px 4px;transition:color .2s}
.nav-link:hover{color:var(--accent)}
.btn-y{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.btn-y:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.45);filter:brightness(1.06)}
.btn-o{transition:border-color .2s ease,color .2s ease,background .2s ease}
.btn-o:hover{border-color:var(--accent);color:var(--accent)}
.card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.55);border-color:#3A3A3A}
.card-img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.card:hover .card-img{transform:scale(1.05)}
.chip{transition:background .2s ease,color .2s ease,border-color .2s ease}
.chip:hover{border-color:var(--accent)}
.zbtn{transition:background .2s ease,color .2s ease}
.zbtn:hover{background:var(--accent);color:#0A0A0A}
.modal-card{animation:pop .28s cubic-bezier(.2,.8,.2,1)}
.modal-bg{animation:fade .25s ease}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* linhas animadas de fundo */
.lines path{fill:none;stroke:var(--accent);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.lines .base{opacity:.09}
.lines .run{stroke-dasharray:160 1100;opacity:.4;animation:dash 18s linear infinite;transition:opacity .5s ease}
.lines .run:nth-of-type(4){animation-duration:24s;animation-delay:-6s}
.lines .run:nth-of-type(6){animation-duration:30s;animation-delay:-12s}
@keyframes dash{to{stroke-dashoffset:-1260}}
#topo:hover .lines .run,#estoque:hover .lines .run,#vender:hover .lines .run{opacity:.85}
/* mobile */
.mnav{display:none}
@media (max-width:768px){
.logo-h{height:67px!important}
.logo-f{height:104px!important}
.hnav{display:none!important}
.mnav{display:block!important}
.fpad{padding-bottom:104px!important}
}
/* hero */
.floaty{animation:floaty 7s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.kenburns{animation:kb 14s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.07)}}
.rise{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.rise.d1{animation-delay:.1s}.rise.d2{animation-delay:.25s}.rise.d3{animation-delay:.4s}.rise.d4{animation-delay:.55s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.pulse-dot{animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,199,0,.7)}100%{box-shadow:0 0 0 12px rgba(255,199,0,0)}}
.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.hero-badge{transition:transform .3s ease,box-shadow .3s ease}
.hero-badge:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.6)}
/* cartões */
.card{position:relative}
.card::before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1);z-index:2}
.card:hover::before{transform:scaleX(1)}
.card:hover{border-color:#4A4A4A;box-shadow:0 20px 44px rgba(0,0,0,.6),0 0 34px rgba(255,199,0,.10)}
.shine{position:relative;overflow:hidden}
.shine::after{content:'';position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-20deg);transition:left .8s ease;pointer-events:none}
.card:hover .shine::after{left:140%}
.grid>.card{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.grid>.card:nth-child(4n+2){animation-delay:.08s}
.grid>.card:nth-child(4n+3){animation-delay:.16s}
.grid>.card:nth-child(4n+4){animation-delay:.24s}
.step{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.step:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 36px rgba(0,0,0,.55)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

[hidden]{display:none!important}
:root{--accent:#FFC700}
body{font-family:'Manrope',system-ui,sans-serif;color:#F5F5F2;overflow-x:hidden}