@font-face{font-family:Outfit;font-weight:400;font-display:swap;src:url(fonts/outfit-400.woff2) format("woff2")}
@font-face{font-family:Outfit;font-weight:500;font-display:swap;src:url(fonts/outfit-500.woff2) format("woff2")}
@font-face{font-family:Outfit;font-weight:600;font-display:swap;src:url(fonts/outfit-600.woff2) format("woff2")}
@font-face{font-family:Outfit;font-weight:700;font-display:swap;src:url(fonts/outfit-700.woff2) format("woff2")}
@font-face{font-family:Lexend;font-weight:300;font-display:swap;src:url(fonts/lexend-300.woff2) format("woff2")}
@font-face{font-family:Lexend;font-weight:400;font-display:swap;src:url(fonts/lexend-400.woff2) format("woff2")}
@font-face{font-family:Lexend;font-weight:500;font-display:swap;src:url(fonts/lexend-500.woff2) format("woff2")}

:root{
  --preto:#161616; --preto2:#202020; --linha-esc:#333;
  --laranja:#FF5501; --laranja-esc:#E04A00; --azul:#04314D;
  --creme:#FAF8F5; --creme2:#F3EFE9; --linha:#E4DED5;
  --texto:#161616; --cinza:#5E5A55; --cinza-claro:#B8B2AA;
  --verde:#2E7D4F; --wa:#1FA855;
  --raio:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Lexend,system-ui,sans-serif;font-weight:300;font-size:16px;line-height:1.6;color:var(--texto);background:var(--creme);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--laranja)}
h1,h2,h3{font-family:Outfit,system-ui,sans-serif;line-height:1.12;margin:0 0 .5em}
h2{font-size:clamp(28px,4.2vw,42px);font-weight:600;letter-spacing:-.5px}
h3{font-size:20px;font-weight:600}
b{font-weight:500}
code{font-family:ui-monospace,Menlo,monospace;font-size:.92em;background:var(--creme2);padding:1px 6px;border-radius:5px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.muted{color:var(--cinza)} .small{font-size:13.5px}
.tag{font-family:Outfit;font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--laranja);margin:0 0 12px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Outfit;font-weight:600;font-size:17px;background:var(--laranja);color:#fff;border:0;border-radius:999px;padding:15px 28px;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.btn:hover{background:var(--laranja-esc)} .btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn-sm{font-size:15px;padding:10px 18px}
.btn-ghost{background:transparent;color:var(--creme);box-shadow:inset 0 0 0 1.5px #555}
.btn-ghost:hover{background:#2a2a2a}
.btn-ghost-escuro{background:transparent;color:var(--texto);box-shadow:inset 0 0 0 1.5px var(--texto)}
.btn-ghost-escuro:hover{background:var(--creme2)}
.btn-wa{background:var(--wa)} .btn-wa:hover{background:#178a45}
.link-btn{background:none;border:0;color:var(--cinza);text-decoration:underline;font:inherit;font-size:14px;cursor:pointer;padding:8px 0}

.topo{position:sticky;top:0;z-index:20;background:rgba(22,22,22,.92);backdrop-filter:blur(8px);border-bottom:1px solid #262626}
.topo-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo img{display:block;width:112px}

.hero{background:var(--preto);color:var(--creme);padding:72px 0 80px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:8%;top:0;width:8px;height:46%;background:var(--laranja)}
.kicker{font-family:Outfit;font-weight:500;font-size:14px;letter-spacing:2.5px;text-transform:uppercase;color:var(--laranja);margin:0 0 14px}
.hero h1{font-size:clamp(48px,9vw,96px);font-weight:700;letter-spacing:-2px;margin:0 0 22px}
.hero-sub{font-size:clamp(17px,2vw,20px);max-width:640px;color:#D9D4CC;margin:0 0 30px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.selos{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:34px 0 0;color:var(--cinza-claro);font-size:14px}
.selos li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--laranja);margin-right:9px;vertical-align:2px}

.sec{padding:76px 0}
.sec-clara{background:#fff;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.duas{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:start}
.texto p{margin:0 0 1em;font-size:17px}
.lead{font-size:17px;color:var(--cinza);max-width:720px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.card{background:var(--creme);border:1px solid var(--linha);border-radius:var(--raio);padding:22px}
.card p{margin:0;color:var(--cinza);font-size:15px}
.card .num{font-family:Outfit;font-weight:700;color:var(--laranja);font-size:15px;display:block;margin-bottom:8px}
.nota-escopo{margin:26px 0 0;padding:16px 20px;background:var(--creme2);border-radius:var(--raio);font-size:15px}

.abas{display:inline-flex;background:var(--creme2);border-radius:999px;padding:4px;margin:18px 0 8px}
.aba{font:600 15px Outfit;border:0;background:transparent;padding:10px 22px;border-radius:999px;cursor:pointer;color:var(--cinza)}
.aba.ativa{background:var(--preto);color:#fff}
.passos{counter-reset:p;list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.passos li{counter-increment:p;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px 18px 18px 60px;position:relative;font-size:15.5px}
.passos li::before{content:counter(p);position:absolute;left:18px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--preto);color:#fff;font:600 15px/30px Outfit;text-align:center}
.alertas{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:22px}
.alerta{border-left:5px solid var(--laranja);background:#fff;border-radius:0 var(--raio) var(--raio) 0;padding:20px 22px}
.alerta p{margin:0 0 .7em;font-size:15px}
.alerta h3{font-size:18px}

.sec-app{background:var(--preto);color:var(--creme)}
.sec-app h2{color:var(--creme)}
.trilha{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:8px 0 22px}
.trilha li{font:500 13.5px Outfit;color:#8C867E;background:#232323;padding:7px 14px;border-radius:999px}
.trilha li.feito{color:#cfe9da;background:#183626}
.trilha li.atual{color:#fff;background:var(--laranja)}
.painel{background:#fff;color:var(--texto);border-radius:20px;padding:34px;max-width:760px;min-height:220px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.painel h3{font-size:26px}
.carregando{color:var(--cinza)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
label{display:block;font-weight:400;font-size:14.5px}
input,select{display:block;width:100%;margin-top:6px;font:inherit;font-weight:400;font-size:16px;padding:13px 14px;border:1.5px solid var(--linha);border-radius:10px;background:var(--creme);color:var(--texto)}
input:focus,select:focus{outline:none;border-color:var(--laranja);background:#fff}
.isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 0 18px}
.check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--laranja)}
.erro{color:#B42318;background:#FEF3F2;border-radius:10px;padding:10px 14px;font-size:14.5px;white-space:pre-line}
.aviso{background:var(--creme2);border-radius:10px;padding:10px 14px;font-size:14.5px}
.codigo-box{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:22px 0}
.codigo{font:700 30px Outfit;letter-spacing:2px;background:var(--creme2);padding:12px 20px;border-radius:12px}
.qr-box{display:none;align-items:center;gap:16px;margin:0 0 14px}
.qr-box #qr img{width:128px;height:128px;display:block}
@media (min-width:900px){.qr-box{display:flex}}
.aguardando,.progresso{display:flex;align-items:center;gap:10px;font-weight:400}
.spin{width:18px;height:18px;border:2.5px solid var(--linha);border-top-color:var(--laranja);border-radius:50%;animation:g 0.8s linear infinite;flex:none}
@keyframes g{to{transform:rotate(360deg)}}
.soltar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed var(--cinza-claro);border-radius:14px;padding:30px 16px;margin:18px 0 12px;cursor:pointer;text-align:center;background:var(--creme)}
.soltar.sobre{border-color:var(--laranja);background:#FFF4EE}
.soltar input{position:absolute;opacity:0;width:1px;height:1px}
.soltar-t{font:600 17px Outfit}
.lista-arq{list-style:none;padding:0;margin:0 0 10px}
.lista-arq li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:14.5px;word-break:break-word}
.lista-arq button{background:none;border:0;color:var(--cinza);cursor:pointer;font-size:20px;line-height:1}
.contador{font-size:14px;color:var(--cinza)}
.contador.ok{color:var(--verde);font-weight:500}
.barra-envio{height:8px;background:var(--creme2);border-radius:99px;overflow:hidden;margin:6px 0 14px}
.barra-envio div{height:100%;width:0;background:var(--laranja);transition:width .2s}
.vendedor{border:1px solid var(--linha);border-radius:12px;padding:14px 16px;margin:16px 0}
.vendedor legend{font:600 16px Outfit;padding:0 6px}
.vendedor label{display:flex;gap:10px;align-items:center;padding:6px 0;font-size:15.5px}
.vendedor input{width:18px;height:18px;margin:0;accent-color:var(--laranja)}
.acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:16px}
.fases{list-style:none;padding:0;margin:16px 0}
.fases li{padding:8px 0 8px 30px;position:relative;color:var(--cinza-claro)}
.fases li::before{content:"";position:absolute;left:4px;top:15px;width:12px;height:12px;border-radius:50%;border:2px solid var(--cinza-claro)}
.fases li.feito{color:var(--texto)} .fases li.feito::before{background:var(--verde);border-color:var(--verde)}
.fases li.atual{color:var(--texto);font-weight:500} .fases li.atual::before{border-color:var(--laranja);background:var(--laranja)}
.proximo{margin-top:26px;padding-top:22px;border-top:1px solid var(--linha)}
.lista-priv{list-style:none;padding:0;margin:0}
.lista-priv li{padding:14px 0;border-bottom:1px solid var(--linha);font-size:16px}

.rodape{background:var(--preto);color:var(--cinza-claro);padding:36px 0;font-size:14px}
.rodape-in{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.rodape p{margin:0} .rodape a{color:var(--cinza-claro)}
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;background:var(--preto2);color:var(--creme);border:1px solid var(--linha-esc);border-radius:14px;padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:14px}
.cookies p{margin:0;flex:1 1 260px}
[hidden]{display:none!important}

@media (max-width:860px){
  .duas{grid-template-columns:1fr;gap:18px}
  .cards,.passos{grid-template-columns:1fr 1fr}
  .alertas{grid-template-columns:1fr}
}
@media (max-width:600px){
  .sec{padding:56px 0}
  .hero{padding:52px 0 60px}
  .hero::after{display:none}
  .cards,.passos,.campos{grid-template-columns:1fr}
  .painel{padding:24px 18px;border-radius:16px}
  .btn{width:100%} .btn-sm{width:auto}
  .codigo{font-size:24px;width:100%;text-align:center}
  .topo .btn-sm{padding:8px 14px;font-size:14px}
}