.cs{--w:1440px;--phi:1.618;--s1:5px;--s2:8px;--s3:13px;--s4:21px;--s5:34px;--s6:55px;--s7:89px;--s8:144px;--t-sm:12.6px;--t-body:16px;--t-lead:20px;--t-h4:26px;--t-h3:33px;--t-h2:53px;--t-h1:86px;font-family:var(--font-body);color:#000;background:#fff;overflow-x:clip}
.cs *{box-sizing:border-box}
.cs-wrap{max-width:var(--w);margin:0 auto;padding:0 clamp(21px,5vw,55px)}
.cs h1,.cs h2,.cs h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;margin:0;text-wrap:balance}
.cs p{margin:0;text-wrap:pretty}
.cs a{color:inherit;text-decoration:none}
.cs-eb{font:900 13px/1.2 Roboto;letter-spacing:.08em;text-transform:uppercase}
.cs-sec{padding:clamp(55px,9vw,144px) 0}
.cs-h2{font-size:clamp(33px,4vw,53px);line-height:1.13}
.cs-lead{font-size:clamp(16px,1.4vw,20px);line-height:1.618}
.cs-grid2{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:clamp(34px,5vw,89px);align-items:center}
.cs-grid2r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:13px;align-items:stretch}
@media (max-width:860px){.cs-grid2r{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.cs-grid2{grid-template-columns:minmax(0,1fr)}}

/* header */
.cs-hd{position:fixed;top:0;left:0;right:0;z-index:40;transition:background .25s,box-shadow .25s}
.cs-hd.solid{background:#fff;box-shadow:0 1px 0 rgba(32,54,87,.08)}
.cs-hd .cs-wrap{display:flex;align-items:center;justify-content:space-between;gap:21px;height:89px}
.cs-nav{display:flex;align-items:center;gap:30px}
.cs-nav a{font:500 15px Roboto;color:#000;cursor:pointer;opacity:.9;transition:opacity .15s,color .15s}
.cs-nav a:hover{opacity:1;color:#000}
.cs-burger{display:none;background:none;border:0;color:#000;font-size:26px;cursor:pointer}
@media (max-width:980px){.cs-nav a{display:none}.cs-burger{display:block}}
.cs-mnav{position:fixed;inset:89px 0 0;background:var(--lf-navy);z-index:39;display:flex;flex-direction:column;padding:24px;gap:6px}
.cs-mnav a{color:#fff;font:400 28px var(--font-display);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);cursor:pointer}

/* hero */
.cs-hero{background:var(--lf-lime);color:#000;position:relative;overflow:hidden;padding:144px 0 55px;display:flex;align-items:center}
.cs-hero-glow{position:absolute;right:-10%;top:10%;width:70%;height:90%;background:radial-gradient(closest-side,rgba(187,235,98,.22),transparent 70%);pointer-events:none}
.cs-hero h1{font-size:clamp(42px,5vw,86px);line-height:1.08}
.cs-hero h1{color:var(--lf-navy)}.cs-hero h1 em{font-style:normal;color:var(--lf-navy)}
.cs-hero-img{position:relative;aspect-ratio:1.05;width:100%}
.cs-hero-img image-slot{position:absolute;inset:0;width:100%;height:100%}
.cs-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(0,0,0,.35);padding:8px 14px;font:500 13px Roboto;color:#000}
.cs-dot{width:8px;height:8px;border-radius:50%;background:#000;box-shadow:0 0 0 4px rgba(0,0,0,.12)}

/* marquee */
.cs-mq{overflow:hidden;white-space:nowrap;display:flex}
.cs-mq-track{display:flex;flex-shrink:0;animation:csmq var(--mq,38s) linear infinite}
.cs-mq:hover .cs-mq-track{animation-play-state:paused}
.cs-mq-rev .cs-mq-track{animation-direction:reverse}
@keyframes csmq{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.cs-mq-track{animation:none}}

/* video */
.cs-video{position:relative;aspect-ratio:16/9;background:var(--lf-navy);overflow:hidden;cursor:pointer}
.cs-video img.poster{position:absolute;right:0;top:0;height:100%;width:38.2%;object-fit:cover;object-position:top}
.cs-video .shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--lf-navy) 61.8%,rgba(32,54,87,.0) 80%)}
.cs-play{width:clamp(64px,8vw,104px);aspect-ratio:1;border-radius:50%;background:var(--lf-lime);display:grid;place-items:center;transition:transform .2s var(--ease-out)}
.cs-video:hover .cs-play{transform:scale(1.08)}
.cs-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* reveal */
.cs-rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.cs-rv.in{opacity:1;transform:none}

/* accordion solutions */
.cs-sol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:clamp(34px,4vw,55px);align-items:start}
@media (max-width:860px){.cs-sol{grid-template-columns:minmax(0,1fr)}}
.cs-sol-item{display:flex;align-items:baseline;gap:21px;padding:21px 0;border-bottom:1px solid var(--lf-mist);cursor:pointer;transition:padding .2s}
.cs-sol-item:hover{padding-left:8px}
.cs-sol-item .n{font:900 15px Roboto;color:var(--lf-slate);width:28px}
.cs-sol-item .t{font:400 clamp(20px,2vw,26px)/1.236 var(--font-display);color:var(--lf-slate);transition:color .2s}
.cs-sol-item.on .n{color:var(--lf-cyan)}.cs-sol-item.on .t{color:var(--lf-navy)}
.cs-sol-panel{background:var(--lf-navy);color:#fff;padding:clamp(34px,4vw,55px);position:sticky;top:110px;aspect-ratio:1.618;display:flex;flex-direction:column;gap:21px}
.cs-pill{border:1px solid rgba(223,231,239,.35);padding:9px 14px;font:500 14px Roboto;color:#fff}

/* stats */
.cs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.cs-stat{padding:34px clamp(21px,3vw,34px);border-left:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:12px}
.cs-stat:first-child{border-left:0;padding-left:0}
.cs-stat b{font:400 clamp(53px,6vw,86px)/1 var(--font-display);color:var(--lf-lime);white-space:nowrap;display:flex;align-items:baseline;gap:.12em}
.cs-stat b small{font-size:.42em;line-height:1}
@media (max-width:760px){.cs-stats{grid-template-columns:minmax(0,1fr)}.cs-stat{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding-left:0}}

/* segments */
.cs-segs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:var(--lf-mist);border:1px solid var(--lf-mist)}
.cs-seg{background:#fff;padding:21px;display:flex;flex-direction:column;gap:21px;aspect-ratio:1.618;min-height:0;justify-content:space-between;transition:background .2s,color .2s}
.cs-seg:hover{background:var(--lf-navy);color:#fff}
.cs-seg:hover .sn{color:var(--lf-lime)}
.cs-seg .sn{font:900 13px Roboto;color:var(--lf-cyan)}
.cs-seg .st{font:400 20px/1.236 var(--font-display)}

/* challenge flip */
.cs-ch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
@media (max-width:900px){.cs-ch{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cs-ch{grid-template-columns:minmax(0,1fr)}}
.cs-chc{position:relative;min-height:0;aspect-ratio:1.618;cursor:pointer;perspective:1200px}
.cs-chc .in{position:absolute;inset:0;transition:transform .6s var(--ease-out);transform-style:preserve-3d}
.cs-chc.flip .in{transform:rotateY(180deg)}
.cs-chc .f,.cs-chc .b{position:absolute;inset:0;backface-visibility:hidden;padding:clamp(21px,2.4vw,34px);display:flex;flex-direction:column;justify-content:space-between}
.cs-chc .f{background:rgba(255,255,255,.06);border:1px solid rgba(223,231,239,.2)}
.cs-chc .b{background:var(--lf-lime);color:#000;transform:rotateY(180deg)}

/* steps */
.cs-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
@media (max-width:860px){.cs-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}}
.cs-step{display:flex;flex-direction:column;gap:14px;padding-right:20px}
.cs-step .ln{display:flex;align-items:center;gap:10px}
.cs-step .ln i{flex:1;height:2px;background:var(--lf-mist)}

/* team */
.cs-team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
@media (max-width:1000px){.cs-team{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.cs-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cs-tm{display:flex;flex-direction:column;gap:12px;cursor:pointer}
.cs-tm .ph{aspect-ratio:1/1.272;overflow:hidden;background:#f2f2f2;position:relative}
.cs-tm img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .4s,transform .6s var(--ease-out)}
.cs-tm:hover img,.cs-tm.on img{filter:none;transform:scale(1.04)}
.cs-tm .bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--lf-lime);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}
.cs-tm:hover .bar,.cs-tm.on .bar{transform:none}

/* form */
.cs-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 13px}
@media (max-width:600px){.cs-form{grid-template-columns:minmax(0,1fr)}}

/* footer */
.cs-ft{display:grid;grid-template-columns:1.618fr repeat(3,1fr);gap:34px}
@media (max-width:860px){.cs-ft{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cs-ft a{display:block;font:400 14px/2 Roboto;color:var(--lf-mist);cursor:pointer}
.cs-ft a:hover{color:var(--lf-lime)}

.cs-fab{position:fixed;right:22px;bottom:22px;z-index:45;transition:transform .3s var(--ease-out),opacity .3s}
.cs-fab.hide{transform:translateY(120px);opacity:0}

.cs-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
@media (max-width:900px){.cs-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cs-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-cats > div{padding:13px!important}.cs-cats h3{font-size:21px!important}.cs-cats span{font-size:14px!important}}

/* hero layout */
.cs-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(32px,5vw,88px);align-items:center}
.cs-hero-badge{left:-18px}
.cs-video-copy{position:absolute;left:clamp(24px,5vw,64px);top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;gap:22px;max-width:46%}

/* mobile */
@media (max-width:860px){
.cs-hero{padding:108px 0 64px;min-height:0}
.cs-hero-grid{grid-template-columns:minmax(0,1fr)}

.cs-hero-badge{left:12px;bottom:36px}
.cs-hd .cs-wrap{height:64px}
.cs-mnav{inset:64px 0 0}
.cs-video{aspect-ratio:4/5}
.cs-video img.poster{width:100%;height:70%;object-position:center top}
.cs-video .shade{background:linear-gradient(0deg,var(--lf-navy) 38%,rgba(32,54,87,0) 70%)}
.cs-video-copy{left:20px;right:20px;top:auto;bottom:24px;max-width:none;gap:14px}
.cs-sol-panel{position:static;min-height:0}
.cs-stat b{font-size:clamp(42px,13vw,68px)}
.cs-fab{left:16px;right:16px;bottom:14px}
.cs-fab button{width:100%}
.cs-chc{aspect-ratio:1.618}
}
@media (max-width:520px){
.cs-hero h1{font-size:clamp(40px,12vw,56px)}
.cs-nav > button:not(.cs-burger){display:none!important}
.cs-steps{grid-template-columns:minmax(0,1fr)}
.cs-step .ln i{display:none}
}
.cs-video.cs-video-file{aspect-ratio:16/9!important}
.cs-logo-tile{flex-shrink:0;width:168px;height:84px;background:#fff;border:1px solid var(--lf-mist);display:grid;place-items:center;padding:14px 22px}
.cs-logo-tile img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.cs-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1px;background:var(--lf-mist);border:1px solid var(--lf-mist);width:100%}
.cs-logo-cell{background:#fff;height:89px;display:grid;place-items:center;padding:18px 22px;transition:background .2s}
.cs-logo-cell{position:relative}.cs-logo-cell img{max-width:calc(100% - 44px);max-height:calc(100% - 36px);object-fit:contain;position:absolute;inset:0;margin:auto;transition:opacity .25s}.cs-logo-cell img.clr{opacity:0}
.cs-logo-cell:hover{background:var(--lf-paper)}.cs-logo-cell:hover img.clr{opacity:1}.cs-logo-cell:hover img.mono{opacity:0}
@media (max-width:520px){.cs-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-logo-cell{height:72px;padding:12px}.cs-logo-tile{width:128px;height:64px}}

.cs-hero-grid{align-items:center}
.cs-hero-grid > div:first-child{padding-bottom:0}
.cs-hero-art{position:relative;align-self:center;width:100%;max-width:none;justify-self:end;margin:0}
.cs-hero-cut{display:block;width:100%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 24px 30px rgba(32,54,87,.18))}
.cs-float{position:absolute;z-index:2;background:#fff;padding:clamp(5px,.7vw,10px) clamp(8px,1.1vw,16px);height:clamp(30px,3.6vw,52px);display:grid;place-items:center;box-shadow:0 10px 24px rgba(32,54,87,.16);animation:csfloat 6s ease-in-out infinite;pointer-events:none}
.cs-float img{height:100%;width:auto;max-width:clamp(48px,6.5vw,96px);object-fit:contain;display:block}
@keyframes csfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){.cs-float{animation:none}}
@media (max-width:860px){.cs-hero{padding:110px 0 34px}.cs-hero-art{max-width:480px;justify-self:center;margin-top:12px}}
@media (max-width:1100px){.cs-float-x{display:none}}
.cs-hero .cs-hero-grid{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:clamp(34px,4vw,55px)}
@media (max-width:860px){.cs-hero .cs-hero-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.cs-sol-panel{aspect-ratio:auto}.cs-hd .cs-wrap{height:68px}.cs-mnav{inset:68px 0 0}.cs-seg{aspect-ratio:auto;min-height:89px}}
@media (max-width:520px){.cs-sec{padding:55px 0}.cs-h2{font-size:clamp(30px,8.5vw,40px)}.cs-hero h1{font-size:clamp(38px,10.5vw,52px)}.cs-segs{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-seg .st{font-size:17px}.cs-chc{aspect-ratio:1.618}}
.cs-burger{width:44px;height:44px;display:none;place-items:center}
@media (max-width:980px){.cs-burger{display:grid}}
.cs-slogan{font:900 13.6px/1 Roboto;letter-spacing:.2em;color:#000;white-space:nowrap}
@media (max-width:860px){.cs-slogan{font-size:9px;letter-spacing:.16em}}
.cs-vbox{position:relative;width:61.8%;aspect-ratio:16/9;background:#000;overflow:hidden}
@media (max-width:860px){.cs-vbox{width:100%}}
.cs-thumb{position:absolute;inset:0;border:0;padding:0;margin:0;background:#000;cursor:pointer;display:block;text-align:left;color:#fff;font:inherit}
.cs-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .8s var(--ease-out)}
.cs-thumb:hover img{transform:scale(1.03)}
.cs-thumb-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 38.2%,rgba(0,0,0,0) 61.8%)}
.cs-thumb-play{position:absolute;left:50%;top:38.2%;transform:translate(-50%,-50%);width:clamp(52px,6vw,80px)}
.cs-thumb:hover .cs-thumb-play{transform:translate(-50%,-50%) scale(1.08)}
.cs-thumb-copy{position:absolute;left:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,34px);right:38.2%;display:flex;flex-direction:column;gap:8px}
.cs-thumb-h{font:400 clamp(16px,1.9vw,26px)/1.236 var(--font-display);color:#fff;text-wrap:balance}
.cs-thumb-sig{position:absolute;right:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,34px);font:500 clamp(11px,1vw,13px)/1 Roboto;letter-spacing:.04em;color:rgba(255,255,255,.85);border-top:1px solid var(--lf-lime);padding-top:6px}
@media (max-width:600px){.cs-thumb-copy{right:16px;bottom:44px}.cs-thumb-h{font-size:15px}.cs-thumb-sig{bottom:14px;right:auto;left:16px}}
/* rounded boxes */
.cs-sol-panel,.cs-chc .f,.cs-chc .b,.cs-cats > div,.cs-tm .ph,.cs-vbox{border-radius:21px}
.cs-chc .in{border-radius:21px}
.cs-segs{gap:13px;background:none;border:0}.cs-seg{border:1px solid var(--lf-mist);border-radius:21px}
.cs-logo-grid{gap:13px;background:none;border:0}.cs-logo-cell{border:1px solid var(--lf-mist);border-radius:21px}
.cs-logo-tile{border-radius:13px}
.cs-pill{border-radius:999px}
.cs-cats > div > div:last-child > span:first-child{border-top:0}
.cs-met{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.cs-met-card{background:#fff;border:1px solid var(--lf-mist);border-radius:21px;padding:clamp(21px,2.4vw,34px);display:flex;flex-direction:column;justify-content:space-between;gap:21px;aspect-ratio:1.618;transition:background .25s,border-color .25s}
.cs-met-card b{font:400 clamp(20px,1.8vw,26px)/1.236 var(--font-display);color:var(--lf-navy);text-wrap:balance;transition:color .25s}
.cs-met-card:hover{background:var(--lf-navy);border-color:var(--lf-navy)}.cs-met-card:hover b{color:#fff}
@media (max-width:1000px){.cs-met{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cs-met-card{aspect-ratio:auto;min-height:144px;padding:21px}.cs-met-card b{font-size:18px}}

.cs-tag{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:8px 13px;font:500 14px/1.2 Roboto;color:#fff;white-space:nowrap;opacity:0;transform:translateY(-140px)}
.cs-tag.drop{animation:csdrop .7s cubic-bezier(.3,0,.2,1) both}
@keyframes csdrop{0%{opacity:0;transform:translateY(-140px)}55%{opacity:1;transform:translateY(6px)}75%{transform:translateY(-4px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cs-tag,.cs-tag.drop{animation:none;opacity:1;transform:none}}
@media (max-width:600px){.cs-tag{font-size:12px;padding:6px 10px}}

/* mobile type scale */
@media (max-width:520px){
.cs .cs-hero h1{font-size:clamp(28px,8.4vw,36px)!important;line-height:1.12}
.cs .cs-lead{font-size:15px!important;line-height:1.55}
.cs .cs-h2{font-size:clamp(24px,7vw,30px)!important}
.cs h3{font-size:clamp(20px,5.8vw,24px)!important}
.cs-thumb-h{font-size:14px}
.cs p{font-size:14.5px}
.cs-hero-art{max-width:260px!important;margin-top:0!important}
.cs-vbox{width:calc(100% + 26px)!important;margin:0 -13px;border-radius:13px!important}
.cs-thumb-play{top:30%;width:48px}
}

@media (max-width:860px){.cs-pert-bump{display:none!important}}

@media (max-width:860px){.cs-pert-ph{min-height:400px!important;background-position:center 75%!important}}

.cs-form{align-items:end}
@media (max-width:1100px){.cs-form{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){#contato .cs-grid2{grid-template-columns:minmax(0,1fr)!important}}

.cs form{color-scheme:light}
.cs select option{color:#000;background:#fff}

.cs-thumb{transition:background .3s}
.cs-thumb > img,.cs-thumb-shade{transition:opacity .4s var(--ease-out)}
.cs-thumb.hov{background:transparent}
.cs-thumb.hov > img{opacity:0}
.cs-thumb.hov .cs-thumb-shade{opacity:.55}
.cs-thumb-copy,.cs-thumb-sig{transition:opacity .3s var(--ease-out)}
.cs-thumb.hov .cs-thumb-copy,.cs-thumb.hov .cs-thumb-sig{opacity:0}
.cs-thumb.hov .cs-thumb-shade{opacity:0}

/* Estados de hover/foco dos componentes */
.lf-btn:not(:disabled):active{transform:translateY(1px)!important}
.lf-btn-primary:not(:disabled):hover{background:var(--lf-cyan-600)!important;border-color:var(--lf-cyan-600)!important}
.lf-btn-accent:not(:disabled):hover{background:var(--lf-lime-600)!important}
.lf-btn-navy:not(:disabled):hover{background:var(--lf-navy-700)!important}
.lf-btn-outline:not(:disabled):hover,.lf-btn-ghost:not(:disabled):hover,.lf-btn-inverse:not(:disabled):hover{background:var(--lf-mist-2)!important}
.cs input:focus{border-color:var(--lf-cyan)!important;box-shadow:0 0 0 3px var(--lf-cyan-100)!important}