@font-face{font-family:'Poppins';font-weight:600;font-display:swap;src:url('/fonts/poppins-600.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-weight:700;font-display:swap;src:url('/fonts/poppins-700.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-weight:800;font-display:swap;src:url('/fonts/poppins-800.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url('/fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url('/fonts/inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url('/fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url('/fonts/inter-700.woff2') format('woff2')}
body{margin:0;background:#F7F5F0}
a{color:#16307A}a:hover{color:#0B1F4D}
h1,h2,h3{font-family:Poppins,'Avenir Next',system-ui,sans-serif}
.num{font-variant-numeric:tabular-nums}
.lp-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.lp-split{display:flex;flex-wrap:wrap;align-items:center;gap:64px}
.lp-split>.lp-text{flex:1 1 440px;min-width:0}
.lp-split>.lp-media{flex:1 1 420px;min-width:0;display:flex;justify-content:center}
.lp-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lp-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lp-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lp-grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.lp-h2{margin:0;font-size:50px;font-weight:800;line-height:1.05;letter-spacing:-0.035em;text-wrap:balance}
.lp-lead{margin:0;font-size:19px;line-height:1.6;color:#56607A;text-wrap:pretty}
.lp-inline-logo{height:.9em;width:auto;vertical-align:baseline;display:inline-block;margin:0 .04em 0 0;transform:translateY(.02em)}
.lp-cta{transition:transform 140ms ease,box-shadow 180ms ease,background-color 180ms ease}
.lp-cta:active{transform:scale(.98)}
.lp-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.lp-badge{display:inline-flex;flex-shrink:0;border-radius:10px}
.lp-badge img{width:156px;height:auto;display:block}
.lp-tile{width:48px;height:48px;flex-shrink:0;box-sizing:border-box;border-radius:14px;display:flex;align-items:center;justify-content:center}
.lp-card{background:#FFFFFF;border:1px solid #DCE0EA;border-radius:24px}

/* faixa de cotação */
.lp-ticker{display:flex;align-items:center;gap:8px 28px;flex-wrap:wrap;justify-content:center;min-height:40px;padding:6px 24px;box-sizing:border-box;background:#0B1F4D;color:#F7F5F0;font-size:14px}
.lp-flag{width:20px;height:20px;flex-shrink:0;border-radius:9999px;display:block;box-shadow:0 0 0 1.5px #FFFFFF,0 0 0 2.5px rgba(220,224,234,.6)}

/* hero */
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center}
.lp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lp-rot{display:inline-grid;vertical-align:bottom}
.lp-rot>span{grid-area:1/1;color:#C2410C;white-space:nowrap}
.lp-rot>span:not(:first-child){visibility:hidden}
.lp-stage{position:relative;width:100%;aspect-ratio:1.18;max-width:760px;justify-self:end}
.lp-stage-panel{position:absolute;inset:7% 0 3% 9%;border-radius:36px;background-color:#0B1F4D;background-image:radial-gradient(rgba(170,180,207,.22) 1.2px,transparent 1.3px);background-size:22px 22px;overflow:hidden}
.lp-stage-arrow{position:absolute;right:5%;top:6%;width:30%;height:auto}
.lp-stage-laptop{position:absolute;right:3%;top:13%;width:84%}
.lp-stage-phone{position:absolute;left:0;bottom:0;width:27%}
.lp-stage-card{position:absolute;right:2%;bottom:3%;width:250px}
.lp-trk-dot{width:20px;height:20px;flex-shrink:0;border-radius:9999px;background:#0B7A57;display:flex;align-items:center;justify-content:center}

/* faixa de moedas */
.lp-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lp-marq-track{display:flex;width:max-content;gap:14px}
.lp-pill{display:flex;align-items:center;gap:10px;height:50px;padding:0 18px 0 12px;border-radius:9999px;background:#FFFFFF;border:1px solid #DCE0EA;white-space:nowrap;font-size:15px}

/* vídeo */
.lp-play{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0;border:0;background:rgba(8,22,52,.28);color:#FFFFFF;font-family:inherit;cursor:pointer}
.lp-play-dot{width:84px;height:84px;border-radius:9999px;background:#F7F5F0;color:#0B1F4D;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px -12px rgba(0,0,0,.5);transition:transform 180ms ease}
.lp-play-label{height:36px;padding:0 16px;display:flex;align-items:center;border-radius:9999px;background:rgba(8,22,52,.8);font-size:15px;font-weight:600;letter-spacing:.02em}

/* números */
.lp-stat{padding:28px;border-radius:24px;background:#F7F5F0;display:flex;flex-direction:column;gap:8px}
.lp-stat-num{font-family:Poppins,sans-serif;font-size:60px;font-weight:800;line-height:1;letter-spacing:-0.04em}

/* rota e comparação */
.lp-route{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center}
.lp-route-photo{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:#0B1F4D}
.lp-route-photo img{width:100%;height:100%;object-fit:cover;display:block}
.lp-route-tag{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.96);display:flex;flex-direction:column;gap:2px;color:#0B1F4D}
.lp-cmp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.15fr)}
.lp-cmp>div{padding:18px 20px;border-top:1px solid #24396E;font-size:16px;line-height:1.45}

/* simulador */
.lp-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:9999px;background:linear-gradient(90deg,#0B1F4D var(--p),#DCE0EA var(--p));outline:none;cursor:pointer}
.lp-range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:9999px;background:#FFFFFF;border:3px solid #0B1F4D;box-shadow:0 4px 12px rgba(11,31,77,.2);cursor:grab}
.lp-range::-moz-range-thumb{width:26px;height:26px;border-radius:9999px;background:#FFFFFF;border:3px solid #0B1F4D;cursor:grab}
.lp-chip{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,transform 120ms ease}
.lp-chip:active{transform:scale(.97)}

/* tour */
.lp-tour{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:64px;align-items:center}
.lp-tab{display:flex;gap:16px;align-items:flex-start;width:100%;text-align:left;padding:16px 18px;border-radius:18px;border:0;font-family:inherit;color:#0B1F4D;cursor:pointer;transition:background-color 220ms ease,box-shadow 220ms ease}
.lp-tour-bar{height:3px;border-radius:9999px;background:#DCE0EA;overflow:hidden;margin-top:10px}
.lp-tour-bar>span{display:block;height:100%;width:100%;background:#FF5A1F;transform-origin:0 50%}

/* foto e celular */
.lp-photo-phone{position:relative;width:100%;max-width:520px;margin-bottom:40px}
.lp-photo-phone .lp-pp{position:absolute;right:0;bottom:-40px;width:min(220px,44%)}
.lp-duo{position:relative;width:100%;max-width:620px;padding-bottom:56px;box-sizing:border-box}
.lp-duo-phone{position:absolute;right:0;bottom:0;width:min(200px,32%);z-index:2}
.lp-photo{width:100%;max-width:500px;aspect-ratio:4/5;object-fit:cover;border-radius:24px;display:block}

/* final e rodapé */
.lp-final{position:relative;background:#0B1F4D;overflow:hidden}
.lp-final-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%;opacity:.6}
.lp-final-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,31,77,.97) 0%,rgba(11,31,77,.9) 45%,rgba(11,31,77,.35) 100%)}
.lp-foot-mark{width:100%;aspect-ratio:7/1;overflow:hidden;opacity:.07;margin-bottom:-32px}
.lp-foot-mark img{display:block;width:100%;height:auto;margin-top:-19%}
.lp-post{overflow:hidden;display:flex}
.lp-post-link{display:flex;flex-direction:column;width:100%;color:#0B1F4D;text-decoration:none}
.lp-post-img{aspect-ratio:3/2;overflow:hidden;background:#E6EAF4}
.lp-post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 500ms cubic-bezier(.2,.8,.2,1)}
.lp-post-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.lp-post-tag{align-self:flex-start;height:28px;padding:0 12px;display:flex;align-items:center;border-radius:9999px;background:#E6EAF4;font-size:13px;font-weight:700}
.lp-post-title{margin:0;font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-0.01em;text-wrap:balance}
.lp-post-ex{margin:0;font-size:15px;line-height:1.55;color:#56607A;flex:1}
.lp-post-meta{font-size:14px;color:#56607A}
@media (hover: hover){.lp-post:hover .lp-post-img img{transform:scale(1.05)}.lp-post:hover .lp-post-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:#FF5A1F}}

details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
.lp-plus{transition:transform 200ms ease;display:flex}
details[open] .lp-plus{transform:rotate(45deg)}
details::details-content{block-size:0;overflow:hidden;transition:block-size 280ms cubic-bezier(.2,.8,.2,1),content-visibility 280ms allow-discrete}
details[open]::details-content{block-size:auto}
:root{interpolate-size:allow-keywords}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #16307A;outline-offset:3px;border-radius:8px}
.lp-dark a:focus-visible,.lp-dark button:focus-visible{outline-color:#FFC83D}
.lp-sec,#topo,#abrir{scroll-margin-top:96px}
.lp-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:#FF5A1F;transform-origin:0 50%;transform:scaleX(0);z-index:20;pointer-events:none}
.lp-count-n{display:inline}

@media (hover: hover){
.lp-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(11,31,77,.6)}
.lp-badge:hover{transform:translateY(-2px)}
.lp-lift{transition:transform 260ms cubic-bezier(.2,.8,.2,1),box-shadow 260ms ease,border-color 260ms ease}
.lp-lift:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(11,31,77,.06),0 24px 44px -22px rgba(11,31,77,.35)}
.lp-step-phone{transition:transform 320ms cubic-bezier(.2,.8,.2,1)}
.lp-step-phone:hover{transform:translateY(-10px)}
.lp-play:hover .lp-play-dot{transform:scale(1.06)}
.lp-tab:hover{background-color:#F7F5F0}
.lp-nav a{position:relative}
.lp-nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;border-radius:2px;background:#FF5A1F;transform:scaleX(0);transform-origin:0 50%;transition:transform 220ms ease}
.lp-nav a:hover::after{transform:scaleX(1)}
}

@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
@keyframes lpRot{0%{opacity:0;transform:translateY(.3em)}4%,21%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-.3em)}}
.lp-rot>span{visibility:visible!important;opacity:0;animation:lpRot 10s cubic-bezier(.2,.8,.2,1) infinite}
.lp-rot>span:nth-child(2){animation-delay:2.5s}.lp-rot>span:nth-child(3){animation-delay:5s}.lp-rot>span:nth-child(4){animation-delay:7.5s}
@keyframes lpBlink{0%,100%{opacity:1}50%{opacity:.35}}
.lp-live{animation:lpBlink 2s ease-in-out infinite}
@keyframes lpMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lp-marq-track{animation:lpMarq 42s linear infinite}
.lp-marq:hover .lp-marq-track{animation-play-state:paused}
@keyframes lpArc{0%{stroke-dashoffset:1}45%,80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.lp-arc{stroke-dasharray:1;animation:lpArc 4.5s cubic-bezier(.4,0,.2,1) infinite}
@keyframes lpHead{0%,40%{opacity:0;transform:scale(.4)}48%,80%{opacity:1;transform:scale(1)}100%{opacity:0}}
.lp-arc-head{transform-box:fill-box;transform-origin:center;animation:lpHead 4.5s ease infinite}
@keyframes lpPing{0%{r:6;opacity:.6}100%{r:22;opacity:0}}
.lp-ping{animation:lpPing 2.2s ease-out infinite}
@keyframes lpBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.lp-tour-bar>span.on{animation:lpBar 5s linear both}
@keyframes lpScreen{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.lp-tour-screen{animation:lpScreen 460ms cubic-bezier(.2,.8,.2,1) both}
@supports (animation-timeline: view()){
@keyframes lpReveal{from{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}
@keyframes lpGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lpZoom{from{scale:1.1}to{scale:1}}
.lp-sec .lp-wrap>*,.lp-grid2>*,.lp-grid3>*,.lp-grid4>*,.lp-grid5>li,.lp-split>.lp-text>*,.lp-route>*{animation:lpReveal linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
.lp-grid5>li:nth-child(2),.lp-grid4>:nth-child(2),.lp-grid3>:nth-child(2),.lp-grid2>:nth-child(2),.lp-route>:nth-child(2){animation-range:entry 6% entry 62%}
.lp-grid5>li:nth-child(3),.lp-grid4>:nth-child(3),.lp-grid3>:nth-child(3),.lp-route>:nth-child(3){animation-range:entry 12% entry 68%}
.lp-grid5>li:nth-child(4),.lp-grid4>:nth-child(4){animation-range:entry 18% entry 74%}
.lp-grid5>li:nth-child(5){animation-range:entry 24% entry 80%}
.lp-zoom img{animation:lpZoom linear both;animation-timeline:view();animation-range:entry 0% cover 55%}
.lp-progress{animation:lpGrow linear both;animation-timeline:scroll(root)}
@property --lpn{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes lpCount{from{--lpn:0}to{--lpn:var(--to)}}
.lp-count{counter-reset:lpn var(--lpn);animation:lpCount linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
.lp-count .lp-count-n{display:none}
.lp-count::before{content:counter(lpn)}
}
}

@media (max-width: 1100px){.lp-grid5{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:56px}.lp-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-stage-card{width:220px}}
@media (max-width: 960px){.lp-hero-grid{grid-template-columns:minmax(0,1fr);gap:48px}.lp-stage{justify-self:center}}
@media (max-width: 900px){.lp-navlinks{display:none!important}.lp-sec{padding:96px 0!important}.lp-grid3,.lp-grid5{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-grid5>li:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 12px)}.lp-grid3>:last-child:nth-child(odd){grid-column:1/-1}.lp-route{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lp-route-mid{grid-column:1/-1;order:-1}.lp-tour{grid-template-columns:minmax(0,1fr);gap:40px}.lp-tour-phone{justify-self:center}}
@media (max-width: 760px){.lp-foot-legal{grid-template-columns:minmax(0,1fr)!important}.lp-entrar{display:none!important}}
@media (max-width: 620px){.lp-grid2,.lp-grid3,.lp-grid4,.lp-grid5{grid-template-columns:minmax(0,1fr)}.lp-grid5>li:last-child{width:auto;justify-self:stretch}.lp-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lp-h1{font-size:40px!important}.lp-h2{font-size:34px}.lp-sec{padding:72px 0!important}.lp-hero{padding:28px 0 56px!important}.lp-split{gap:40px}.lp-logo{height:44px!important}.lp-hcta{padding:0 14px!important;font-size:15px!important}.lp-hcta-long{display:none}.lp-step-phone{max-width:240px!important}.lp-stage{aspect-ratio:.95}.lp-stage-panel{inset:10% 0 12% 6%}.lp-stage-laptop{top:16%;width:92%;right:0}.lp-stage-phone{width:38%}.lp-stage-card{width:200px;right:0;bottom:0}.lp-final-phone{width:240px!important;margin-bottom:-110px!important}.lp-stat-num{font-size:46px}.lp-play-dot{width:64px;height:64px}.lp-play-label{display:none}.lp-sim-out{font-size:36px!important}.lp-route{grid-template-columns:minmax(0,1fr)}.lp-cmp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lp-cmp>.lp-cmp-k{grid-column:1/-1;padding-bottom:0;font-weight:700}.lp-cmp>.lp-cmp-k+div,.lp-cmp>.lp-cmp-k+div+div{border-top:0}.lp-cmp-head-k{display:none}.lp-ticker-l{display:none}}

.lp-menu-btn{height:48px;padding:0 14px;display:flex;align-items:center;gap:8px;border:1px solid #DCE0EA;border-radius:14px;background:#FFFFFF;color:#0B1F4D;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}
.lp-menu{border-top:1px solid #DCE0EA;background:#F7F5F0;box-shadow:0 24px 40px -24px rgba(11,31,77,.35)}
.lp-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:16px;padding-bottom:20px}
.lp-menu-grid a{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;color:#0B1F4D;text-decoration:none;transition:background-color 180ms ease}
.lp-menu-grid a:hover{background:#E6EAF4}
.lp-menu-grid strong{display:block;font-size:16px}.lp-menu-grid small{display:block;font-size:14px;color:#56607A}
@media (prefers-reduced-motion: no-preference){@keyframes lpMenu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.lp-menu{animation:lpMenu 220ms cubic-bezier(.2,.8,.2,1) both}}
@media (max-width: 900px){.lp-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 620px){.lp-menu-grid{grid-template-columns:minmax(0,1fr)}.lp-menu-lbl{display:none}.lp-menu-btn{width:48px;justify-content:center;padding:0}}
/* tudo que é clicável mostra a mãozinha */
a[href],button,summary,label,select,[role="tab"],input[type="range"],input[type="radio"],input[type="checkbox"],.lp-badge,.lp-post-link,.lp-chip,.lp-tab,.lp-menu-btn,.lp-play{cursor:pointer}
button:disabled{cursor:not-allowed}
@media (hover: hover){
.lp-post-link:hover .lp-post-title{color:#16307A}
.lp-menu-btn:hover{border-color:#0B1F4D;background:#F7F5F0}
.lp-chip:hover{border-color:#0B1F4D}
details>summary:hover{color:#16307A}
.lp-foot-cols a:hover{color:#0B1F4D;text-decoration:underline;text-underline-offset:4px}
}

/* cotação no cabeçalho: uma moeda por vez */
.lp-fx{margin-left:auto;margin-right:4px;height:40px;padding:0 14px 0 12px;display:flex;align-items:center;gap:10px;border-radius:9999px;background:#FFFFFF;border:1px solid #DCE0EA;color:#0B1F4D;text-decoration:none;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;transition:border-color 180ms ease}
.lp-fx:hover{border-color:#0B1F4D;color:#0B1F4D}
.lp-fx-dot{width:7px;height:7px;flex-shrink:0;border-radius:9999px;background:#2ED3A0}
.lp-fx-rot{display:inline-grid;overflow:hidden}
.lp-fx-rot>span{grid-area:1/1;display:flex;align-items:center;gap:8px}
.lp-fx-rot>span:not(:first-child){visibility:hidden}
.lp-fx .lp-flag{width:18px;height:18px}
@media (prefers-reduced-motion: no-preference){
@keyframes lpFx{0%{opacity:0;transform:translateY(70%)}4%,21%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-70%)}}
.lp-fx-rot>span{visibility:visible!important;opacity:0;animation:lpFx 12s cubic-bezier(.2,.8,.2,1) infinite}
.lp-fx-rot>span:nth-child(2){animation-delay:3s}.lp-fx-rot>span:nth-child(3){animation-delay:6s}.lp-fx-rot>span:nth-child(4){animation-delay:9s}
}
@media (max-width: 760px){.lp-fx{display:none}}

/* botão do menu só no celular, só com o ícone */
.lp-menu-btn{display:none}
@media (max-width: 900px){.lp-menu-btn{display:flex;width:48px;padding:0;justify-content:center}}

/* vídeo em janela */
.lp-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.lp-modal-bg{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:rgba(8,22,52,.86);backdrop-filter:blur(6px);cursor:pointer}
.lp-modal-box{position:relative;width:min(1100px,100%);aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px -30px rgba(0,0,0,.7)}
.lp-modal-x{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;border-radius:9999px;background:#F7F5F0;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media (prefers-reduced-motion: no-preference){@keyframes lpFade{from{opacity:0}to{opacity:1}}@keyframes lpPop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.lp-modal-bg{animation:lpFade 220ms ease both}.lp-modal-box{animation:lpPop 320ms cubic-bezier(.2,.8,.2,1) both}}
.lp-social{width:44px;height:44px;border-radius:12px;border:1px solid #DCE0EA;background:#FFFFFF;display:flex;align-items:center;justify-content:center;transition:border-color 180ms ease}
.lp-social:hover{border-color:#0B1F4D}

/* QA mobile 21/10/2026 */
.lp-cta{text-align:center;line-height:1.25;min-width:0}
.lp-only-narrow{display:none}
[aria-label="Moeda do fornecedor"] .lp-chip{white-space:nowrap;padding:0 6px}
[aria-label="Moeda do fornecedor"] + div .num{white-space:nowrap}
@media (max-width: 620px){
.lp-cta:not(.lp-hcta){height:auto!important;min-height:52px;padding-top:12px!important;padding-bottom:12px!important}
.lp-grid2,.lp-grid3,.lp-grid4,.lp-grid5{grid-template-columns:minmax(0,1fr)!important}
.lp-card:has([aria-label="Moeda do fornecedor"]){padding:20px!important;gap:18px!important}
[aria-label="Moeda do fornecedor"] + div{flex-wrap:wrap;row-gap:2px}
.lp-only-wide{display:none}
.lp-only-narrow{display:inline}
}
@media (max-width: 480px){
[aria-label="Moeda do fornecedor"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px}
}
@media (max-width: 360px){
.lp-cta:not(.lp-hcta){font-size:16px!important;padding-left:18px!important;padding-right:18px!important;gap:8px!important}
}

.dv-phone{position:relative;width:100%;aspect-ratio:462/978;box-sizing:border-box;padding:2.6%;background:#0E1A33;border-radius:15%/7.1%;box-shadow:0 2px 0 1px #3A4A6E inset,0 0 0 1px #1B2A4D,0 40px 80px -20px rgba(11,31,77,.38),0 16px 32px -12px rgba(11,31,77,.25)}
.dv-phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12.6%/5.9%;background:#F7F5F0}
.dv-phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.dv-home{position:absolute;left:50%;bottom:1.3%;transform:translateX(-50%);width:36%;height:.55%;border-radius:9999px;background:#0B1F4D}
.dv-island{position:absolute;top:2.5%;left:50%;transform:translateX(-50%);width:27%;height:3%;border-radius:9999px;background:#050B1A}
.dv-laptop{width:100%;display:flex;flex-direction:column;align-items:center}
.dv-laptop-lid{position:relative;width:88%;box-sizing:border-box;padding:1.6% 1.6% 2.4%;background:#0E1A33;border-radius:18px 18px 6px 6px;box-shadow:0 2px 0 1px #3A4A6E inset,0 0 0 1px #1B2A4D}
.dv-cam{position:absolute;top:.7%;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:9999px;background:#24396E}
.dv-laptop-screen{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#F7F5F0}
.dv-laptop-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.dv-laptop-base{position:relative;width:100%;height:14px;background:#C9D0E0;border-radius:2px 2px 14px 14px;box-shadow:0 30px 60px -24px rgba(11,31,77,.45)}
.dv-laptop-base span{position:absolute;left:50%;top:0;transform:translateX(-50%);width:16%;height:6px;border-radius:0 0 8px 8px;background:#AAB4CF}
.lp-soon{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px 0 14px;border-radius:12px;background:#000;color:#fff;text-decoration:none;border:1px solid #3A4A6E}
.lp-soon small{display:block;font-size:11px;line-height:1.1;opacity:.8}.lp-soon strong{display:block;font-size:17px;line-height:1.15}
[x-cloak]{display:none!important}

.lg-top{position:sticky;top:0;z-index:10;background:rgba(247,245,240,.94);border-bottom:1px solid #DCE0EA;backdrop-filter:blur(10px)}
.lg-top .lp-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lg-main{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start;padding-top:48px;padding-bottom:96px}
.lg-nav{flex:1 1 240px;max-width:300px;display:flex;flex-direction:column;gap:4px;position:sticky;top:100px}
.lg-nav a{min-height:48px;display:flex;align-items:center;padding:8px 14px;border-radius:12px;font-size:16px;color:#56607A;text-decoration:none}
.lg-nav a[aria-current]{background:#E6EAF4;color:#0B1F4D;font-weight:700}
.lg-doc{flex:999 1 560px;min-width:0;max-width:780px;font-size:17px;line-height:1.7;color:#2A3550}
.lg-doc h1{margin:0 0 8px;font-size:44px;line-height:1.1;letter-spacing:-.03em;color:#0B1F4D}
.lg-doc h2{margin:40px 0 8px;font-size:24px;line-height:1.3;color:#0B1F4D}
.lg-doc p{margin:0 0 14px}.lg-doc ul{margin:0 0 14px;padding-left:24px}.lg-doc li{margin-bottom:8px}
.lg-doc>p:first-of-type{font-size:15px;color:#56607A}
@media (max-width:760px){.lg-nav{position:static;max-width:none}.lg-doc h1{font-size:34px}}

/* Simulador 21/10/2026: bandeiras nas moedas; valores rapidos numa linha so (altura fixa) */
.lp-cur .lp-flag{width:22px;height:22px}
.lp-quick .lp-chip{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media (max-width: 620px){
.lp-card:has([aria-label="Moeda do fornecedor"]) strong.num{display:block}
}
@media (max-width: 480px){
.lp-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ===== Carregamento: skeleton e lazy (21/10/2026) ===== */
@keyframes lpSk{0%{background-position:150% 0}100%{background-position:-50% 0}}
.lp-sk-img:not(.lp-ok),.lp-sk,[x-text]:empty{background-color:#E6EAF4;background-image:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 70%);background-size:200% 100%;background-repeat:no-repeat;animation:lpSk 1.3s linear infinite}
.lp-dark .lp-sk-img:not(.lp-ok),.lp-dark .lp-sk,.lp-dark-box [x-text]:empty{background-color:#16307A;background-image:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.14) 50%,rgba(255,255,255,0) 70%)}
img.lp-sk-img{color:transparent}
img.lp-sk-img.lp-ok{animation:lpImgIn 280ms ease-out both}
@keyframes lpImgIn{from{opacity:.4}to{opacity:1}}
[x-text]:empty{display:inline-block;min-width:5.5ch;height:.9em;border-radius:6px;vertical-align:-.1em}
.lp-dark-box .num [x-text]:empty{min-width:24ch;max-width:100%}
.lp-dark-box .lp-sim-out [x-text]:empty{min-width:7ch;height:.85em;border-radius:10px}
@media (prefers-reduced-motion:reduce){.lp-sk-img:not(.lp-ok),.lp-sk,[x-text]:empty,img.lp-sk-img.lp-ok{animation:none}}
/* Rota SP → Lyon: cada horário acende quando o arco passa por ele (mesmo ciclo de 4,5 s do .lp-arc) */
@keyframes lpStep1{0%{opacity:.42;transform:translateX(-6px)}4%,84%{opacity:1;transform:none;box-shadow:0 0 0 1px #FFC83D,0 10px 24px -14px rgba(255,200,61,.55)}12%{box-shadow:0 0 0 1px rgba(255,200,61,.35)}100%{opacity:.42;transform:translateX(-6px)}}
@keyframes lpStep2{0%,20%{opacity:.42;transform:translateX(-6px)}25%,84%{opacity:1;transform:none;box-shadow:0 0 0 1px #FFC83D,0 10px 24px -14px rgba(255,200,61,.55)}33%{box-shadow:0 0 0 1px rgba(255,200,61,.35)}100%{opacity:.42;transform:translateX(-6px)}}
@keyframes lpStep3{0%,43%{opacity:.42;transform:translateX(-6px)}48%,84%{opacity:1;transform:none;box-shadow:0 0 0 2px #2ED3A0,0 12px 28px -12px rgba(46,211,160,.6)}100%{opacity:.42;transform:translateX(-6px)}}
@keyframes lpTick1{0%,2%{transform:scale(1)}5%{transform:scale(1.18)}10%,100%{transform:scale(1)}}
@keyframes lpTick2{0%,23%{transform:scale(1)}26%{transform:scale(1.18)}31%,100%{transform:scale(1)}}
@keyframes lpTick3{0%,46%{transform:scale(1)}50%{transform:scale(1.22)}56%,100%{transform:scale(1)}}
.lp-step{animation:4.5s cubic-bezier(.4,0,.2,1) infinite both}
.lp-step-1{animation-name:lpStep1}.lp-step-2{animation-name:lpStep2}.lp-step-3{animation-name:lpStep3}
.lp-step strong{display:inline-block;transform-origin:left center;animation:4.5s ease-out infinite both}
.lp-step-1 strong{animation-name:lpTick1}.lp-step-2 strong{animation-name:lpTick2}.lp-step-3 strong{animation-name:lpTick3}
@media (prefers-reduced-motion:reduce){.lp-step,.lp-step strong{animation:none}}
/* Simulador: o resultado guarda o lugar enquanto a cotação carrega (sem pulo de altura) */
.lp-dark-box .lp-sim-out{display:block;min-height:1.05em}
.lp-dark-box .lp-sim-out [x-text]:empty{vertical-align:top;margin-top:.1em}
.lp-dark-box .lp-sim-out + .num{min-height:1.5em}
@media (max-width: 620px){.lp-dark-box .lp-sim-out + .num{min-height:3em}}
/* Hero ilustrado (29/10/2026): peças 3D recortadas (GPT Image 2), posições medidas no mockup C aprovado; animação só com transform/opacity */
.lp-hero{overflow-x:clip}
.lp-stage.hs{aspect-ratio:915/710;max-width:none;width:calc(100% + 60px);margin-left:-60px;margin-top:0;margin-bottom:-40px;align-self:end;pointer-events:none}
.lp-hero-grid>div:first-child{position:relative;z-index:2}
@media (max-width: 960px){.lp-stage.hs{width:100%;margin:0}}
.hs-layer{position:absolute;inset:0}
.hs-w{position:absolute;display:block}
.hs-p{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hs-rotas{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hs-rotas path{fill:none;stroke:#FFFFFF;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:7 9;opacity:.95}
.hs-sky-img{left:18.03%;top:7.04%;width:80.87%}
.hs-nuvem-g{left:22.95%;top:22.25%;width:9.29%}
.hs-nuvem-m{left:20.77%;top:40.14%;width:9.29%}
.hs-nuvem-p{left:89.07%;top:61.27%;width:8.74%}
.hs-nuvem-q{left:47.54%;top:65.92%;width:7.65%}
.hs-ny{left:40.44%;top:2.82%;width:15.30%}
.hs-lon{left:66.12%;top:0.70%;width:18.03%}
.hs-par{left:79.78%;top:22.54%;width:17.49%}
.hs-mex{left:71.04%;top:66.20%;width:21.31%}
.hs-globo{left:43.72%;top:26.76%;width:36.61%}
.hs-seta{left:45.90%;top:39.44%;width:13.11%;height:29.86%}.hs-seta img{height:100%}
.hs-aviao{left:51.91%;top:26.06%;width:25.14%}
.hs-empresa{left:-7%;bottom:0;width:47%}
.hs-c-usd{left:60.44%;top:4.51%;width:5.68%}
.hs-c-brl{left:31.37%;top:31.69%;width:6.12%}
.hs-c-eur{left:91.80%;top:28.17%;width:5.46%}
.hs-c-gbp{left:77.60%;top:55.63%;width:6.01%}
.hs-c-mxn{left:63.39%;top:80.70%;width:6.23%}
.hs-phone{position:absolute;z-index:2;left:28.42%;top:42.25%;width:17.49%}
.hs-empresa{z-index:1}.hs-c-mxn{z-index:3}
@media (prefers-reduced-motion: no-preference){
@keyframes hsIn{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes hsFloat{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes hsCoin{0%{transform:translateY(0) rotate(-7deg)}100%{transform:translateY(-9px) rotate(7deg)}}
@keyframes hsDrift{from{transform:translateX(0)}to{transform:translateX(16px)}}
@keyframes hsSway{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
@keyframes hsLaunch{0%,100%{transform:scale(.97)}50%{transform:scale(1.03)}}
@keyframes hsChega{0%{opacity:0;transform:translate(-55%,75%) rotate(-22deg) scale(.6)}20%{opacity:1}100%{opacity:1;transform:none}}
@keyframes hsBob{from{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(-10px) rotate(1.5deg)}}
@keyframes hsMarcha{to{stroke-dashoffset:-64}}
.hs-w{animation:hsIn .8s cubic-bezier(.2,.8,.2,1) both}
.hs-sky-img{animation-duration:1.1s}
.hs-ny,.hs-c-usd{animation-delay:.15s}.hs-lon{animation-delay:.25s}.hs-par,.hs-c-eur{animation-delay:.35s}.hs-mex,.hs-c-mxn,.hs-c-gbp{animation-delay:.45s}.hs-globo{animation-delay:.1s}.hs-seta{animation-delay:.55s}.hs-c-brl{animation-delay:.2s}
.hs-aviao{animation:hsChega 1.4s cubic-bezier(.2,.8,.2,1) .8s both}
.hs-float{animation:hsFloat 6.4s ease-in-out infinite alternate}
.hs-f1{animation-duration:6.8s;animation-delay:-1.2s}.hs-f2{animation-duration:7.4s;animation-delay:-3s}.hs-f3{animation-duration:6.1s;animation-delay:-2.1s}.hs-f4{animation-duration:7s;animation-delay:-4.4s}.hs-f5{animation-duration:8s;animation-delay:-.6s}
.hs-coin{animation:hsCoin 5.2s ease-in-out infinite alternate}
.hs-d2{animation-delay:-1.4s}.hs-d3{animation-delay:-2.6s}.hs-d4{animation-delay:-3.5s}.hs-d5{animation-delay:-.8s}
.hs-drift{animation:hsDrift 16s ease-in-out infinite alternate}
.hs-spin{animation:hsSway 11s ease-in-out infinite alternate}
.hs-launch{transform-origin:10% 95%;animation:hsLaunch 3.6s ease-in-out infinite}
.hs-bob{animation:hsBob 3.8s ease-in-out infinite alternate 2.2s}
.hs-rotas path{animation:hsMarcha 3.2s linear infinite}
}
@media (max-width: 620px){.hs-empresa{left:-2%;width:46%}}
/* Seções ilustradas (29/10/2026): Segurança, Simulador e Por que a Vai, mesma linguagem 3D do hero */
.il{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.seg-head{display:flex;align-items:center;justify-content:space-between;gap:32px}
.seg-ilha{position:relative;flex:0 0 300px;margin:-40px 0 -24px}
.seg-nuvem{position:absolute;width:26%;left:-14%;top:12%}
.seg-ic{display:block;height:116px;margin:-6px 0 6px}
.seg-ic .il{width:auto;height:100%;max-width:100%;object-fit:contain}
.sim-cena{position:relative;width:100%;max-width:440px;aspect-ratio:440/250;margin-top:18px}
.sim-cena .il{position:absolute}
.sim-ceu{left:0;top:0;width:100%!important;height:100%!important;opacity:.95}
.sim-base{left:12%;bottom:4%;width:74%!important}
.sim-balanca{left:22%;bottom:16%;width:56%!important;transform-origin:50% 92%}
.sim-relogio{left:5%;bottom:10%;width:20%!important}
.sim-invoice{right:2%;bottom:6%;width:24%!important}
.sim-nuvem{right:-4%;top:4%;width:18%!important}
.pq-ic{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.pq-ic .il{width:auto;height:100%;max-width:100%}
.pq-stat{position:relative;padding-right:120px}
.pq-stat-il{position:absolute;right:18px;top:18px;width:92px}
.pq-foto{position:relative;flex:1 1 420px;min-width:0;display:flex;justify-content:center}
.pq-foto>.lp-media{flex:1 1 auto}
.pq-nuvem{position:absolute;width:20%;pointer-events:none}
.pq-n1{left:-6%;top:10%}.pq-n2{right:-5%;bottom:18%;width:15%}
@media (max-width: 960px){.seg-head{flex-direction:column;align-items:flex-start}.seg-ilha{flex-basis:auto;width:240px;margin:0}}
@media (max-width: 620px){.pq-stat{padding-right:28px;padding-top:108px}.pq-stat-il{left:24px;right:auto;top:16px;width:auto;height:80px}.pq-stat-il .il{width:auto;height:100%}.seg-ic{height:96px}.sim-cena{max-width:100%}}
@media (prefers-reduced-motion: no-preference){
@keyframes ilFloat{from{transform:translateY(0)}to{transform:translateY(-7px)}}
@keyframes ilRock{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
@keyframes ilDrift{from{transform:translateX(0)}to{transform:translateX(14px)}}
@keyframes ilPop{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
.il-float{animation:ilFloat 6.2s ease-in-out infinite alternate}
.il-f2{animation-duration:7.2s;animation-delay:-2.4s}.il-f3{animation-duration:5.6s;animation-delay:-1.1s}
.il-rock{animation:ilRock 4.8s ease-in-out infinite alternate}
.il-drift{animation:ilDrift 14s ease-in-out infinite alternate}
.lp-card:hover .il-pop,.lp-lift:hover .il-pop{transform:translateY(-4px) rotate(-3deg)}
.il-pop{transition:transform 320ms cubic-bezier(.2,.8,.2,1)}
}
/* Seções ilustradas, parte 2 (29/10/2026): Receber, Pagar, financeiro e sócio, comparação e Dúvidas */
.rc-ic .il,.pg-ic .il,.du-ic .il,.rt-ic .il{width:auto;height:100%;max-width:none}
.rc-ic{display:block;height:72px;margin:-4px 0 8px}
.pg-ic{width:60px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.du-ic{width:52px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.rt-head{display:flex!important;align-items:center;gap:10px}
.rt-ic{display:block;height:46px;flex-shrink:0;margin:-8px 0}
.faq-grid{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.faq-il{position:sticky;top:120px;margin-top:40px}
@media (max-width: 960px){.faq-grid{grid-template-columns:minmax(0,1fr)}.faq-il{display:none}}
@media (max-width: 620px){.rt-ic{height:36px}.rc-ic{height:60px}}
/* Trilhos de pagamento com bandeira da região (29/10/2026) */
.tr-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}
.tr-chip{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px;box-sizing:border-box;border-radius:14px;background:#FFFFFF;border:1px solid #DCE0EA;box-shadow:0 1px 2px rgba(11,31,77,.05);transition:transform 220ms cubic-bezier(.2,.8,.2,1),box-shadow 220ms ease}
.tr-chip .lp-flag{width:26px;height:26px}
.tr-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.tr-txt strong{font-size:15px;color:#0B1F4D}
.tr-txt span{font-size:12px;color:#56607A;white-space:nowrap}
.tr-chip:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(11,31,77,.35)}
@media (max-width: 480px){.tr-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 360px){.tr-chip{padding:8px 10px;gap:8px}.tr-chip .lp-flag{width:22px;height:22px}}
