/* BraZip Scrum — estilos globais (Insana Coach, versão clara) */
body{margin:0;background:#F6F8F3}
a{color:#256B1A}a:hover{color:#1F5E15}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@keyframes popIn{0%{opacity:0;transform:translateY(28px) scale(.9)}60%{opacity:1;transform:translateY(-6px) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes jumpOut{0%{opacity:0;transform:translate(var(--fx,0),var(--fy,40px)) scale(.55) rotate(var(--fr,0deg))}55%{opacity:1;transform:translate(0,-10px) scale(1.05) rotate(0)}100%{opacity:1;transform:none}}
@keyframes floatY{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes screenIn{0%{opacity:0;transform:perspective(1800px) rotateY(-18deg) rotateX(8deg) translateY(40px)}100%{opacity:1;transform:perspective(1800px) rotateY(-7deg) rotateX(3deg)}}
@keyframes riseIn{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(43,122,30,.5)}100%{box-shadow:0 0 0 10px rgba(43,122,30,0)}}
@keyframes pulseWa{0%{box-shadow:0 0 0 0 rgba(30,122,76,.55)}100%{box-shadow:0 0 0 16px rgba(30,122,76,0)}}
@keyframes grow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@keyframes growX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sweep{from{background-position:-200% 0}to{background-position:200% 0}}
@keyframes msgIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes draw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
@keyframes stamp{0%{opacity:0;transform:scale(1.8) rotate(-14deg)}70%{opacity:1;transform:scale(.94) rotate(-8deg)}100%{opacity:1;transform:scale(1) rotate(-8deg)}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
/* cartão que viaja pelo Kanban: A fazer → Em execução → A verificar → Concluído */
@keyframes travel{0%,12%{transform:translateX(0);background:#FFFFFF}22%,37%{transform:translateX(calc(100% + 10px))}47%,62%{transform:translateX(calc(200% + 20px))}72%,92%{transform:translateX(calc(300% + 30px));background:#E5F3DC}100%{transform:translateX(calc(300% + 30px));opacity:0}}
@keyframes tilt{0%,100%{rotate:0deg}50%{rotate:-2deg}}
.hero-copy>*{animation:riseIn .8s cubic-bezier(.2,.8,.2,1) both}
.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}
.screen{animation:screenIn 1.1s cubic-bezier(.2,.8,.2,1) .2s both}
.m1,.m2,.m3,.m4,.m5,.m6{animation:msgIn .6s cubic-bezier(.2,.8,.2,1) both}
.m1{animation-delay:.9s}.m2{animation-delay:1.1s}.m3{animation-delay:1.3s}.m4{animation-delay:1.5s}.m5{animation-delay:1.7s}.m6{animation-delay:1.9s}
.pop{animation:jumpOut 1s cubic-bezier(.2,.8,.2,1) both,floatY 6s ease-in-out infinite}
.d1{animation-delay:1s,2s;--fx:60px;--fy:60px;--fr:-8deg}.d2{animation-delay:1.25s,2.5s;--fx:70px;--fy:-40px;--fr:6deg}.d3{animation-delay:1.5s,3s;--fx:-60px;--fy:50px;--fr:8deg}.d4{animation-delay:1.75s,3.5s;--fx:-50px;--fy:-50px;--fr:-6deg}
.traveler{animation:travel 9s cubic-bezier(.6,.05,.3,1) 2s infinite both}
.wobble{animation:tilt 5s ease-in-out infinite}
.live{animation:pulse 1.6s ease-out infinite}
.live-wa{animation:pulseWa 2s ease-out infinite}
.bar{transform-origin:bottom;animation:grow 1.2s cubic-bezier(.2,.8,.2,1) both}
.barx{transform-origin:left;animation:growX 1.4s cubic-bezier(.2,.8,.2,1) both}
.line{stroke-dasharray:600;animation:draw 2.2s cubic-bezier(.4,.1,.2,1) .6s both}
.stamp{animation:stamp .7s cubic-bezier(.2,.8,.2,1) 2.2s both}
.spin{animation:spin 18s linear infinite}
.lift{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.lift:hover{transform:translateY(-8px);box-shadow:0 24px 48px -20px rgba(20,50,20,.28);border-color:#8CC66A}
.btn{transition:transform .2s,box-shadow .2s,background-color .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(43,122,30,.6)}
.navlink:hover{color:#256B1A !important}
.track{animation:marq 50s linear infinite}
.track:hover{animation-play-state:paused}
.shimmer{background:linear-gradient(90deg,#EEF2EA 0%,#FFFFFF 50%,#EEF2EA 100%);background-size:200% 100%;animation:sweep 2.4s linear infinite}
input,select,textarea{font:inherit}
input:focus,select:focus,textarea:focus,input[type=range]:focus-visible{outline:2px solid #2B7A1E;outline-offset:1px}
input[type=range]{accent-color:#2B7A1E}
@supports (animation-timeline: view()){
.rv{animation:riseIn linear both;animation-timeline:view();animation-range:entry 5% cover 28%}
.rv-pop{animation:popIn linear both;animation-timeline:view();animation-range:entry 10% cover 32%}
.rv-jump{animation:jumpOut linear both;animation-timeline:view();animation-range:entry 5% cover 35%}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}html{scroll-behavior:auto}}
[hidden]{display:none !important}
/* cabeçalho compacto no celular */
@media (max-width: 720px){
header{position:static !important}
header>div{gap:10px 12px !important;padding:10px 16px !important}
header img{height:30px !important}
header nav{order:3;width:100%;flex-wrap:nowrap !important;overflow-x:auto;gap:18px !important;padding-bottom:4px}
header nav a{white-space:nowrap}
footer a[data-chat-toggle]{height:50px !important;padding:0 18px 0 14px !important;font-size:14px !important}
footer a.live-wa{bottom:84px !important;width:52px !important;height:52px !important}
}
/* janela flutuante do atendimento online */
@keyframes chatIn{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.bz-chat{position:fixed;right:22px;bottom:92px;z-index:70;width:380px;height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#FFFFFF;border:1px solid #DCE3D6;box-shadow:0 30px 70px -20px rgba(15,31,22,.55);font-family:Manrope,-apple-system,system-ui,sans-serif;transform-origin:bottom right;animation:chatIn .35s cubic-bezier(.2,.8,.2,1)}
.bz-chat[hidden]{display:none !important}
.bz-chat.min{height:56px}
.bz-chat.min iframe{display:none}
.bz-chat-head{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 8px 0 16px;background:#1F5E15;color:#FFFFFF;flex-shrink:0}
.bz-chat-head strong{font-size:15px;font-weight:800;flex:1;display:flex;align-items:center;gap:8px}
.bz-chat-head .dot{width:8px;height:8px;border-radius:50%;background:#9BD66B}
.bz-chat-head button,.bz-chat-head a{width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}
.bz-chat-head button:hover,.bz-chat-head a:hover{background:rgba(255,255,255,.14);color:#FFFFFF}
.bz-chat-head button:focus-visible,.bz-chat-head a:focus-visible{outline:2px solid #9BD66B;outline-offset:-2px}
.bz-chat iframe{flex:1;width:100%;border:0;background:#F6F8F3}
.bz-chat-load{position:absolute;inset:56px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;color:#3D4756;pointer-events:none}
.bz-chat-load i{width:18px;height:18px;border-radius:50%;border:3px solid #DCE3D6;border-top-color:#2B7A1E;animation:spin .8s linear infinite}
.bz-chat.ready .bz-chat-load{display:none}
@media (max-width:520px){.bz-chat{right:8px;left:8px;bottom:8px;width:auto;height:calc(100vh - 16px);height:calc(100dvh - 16px)}.bz-chat.min{height:56px}}
body.bz-chat-open a.live-wa{display:none !important}