*{box-sizing:border-box}
    body{margin:0;background:#FFFFFF;color:#3E4A5C;
      font-family:'IBM Plex Sans','Segoe UI',Calibri,Arial,sans-serif;
      font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
    .wrap{max-width:1216px;margin:0 auto;padding:0 64px}
    h1,h2,h3,h4,.num,.sub,.assin{font-family:'Montserrat','Helvetica Neue',Calibri,Arial,sans-serif}
    h1,h2,h3,h4{color:#0A1E38;margin:0}
    h1{font-size:52px;font-weight:800;letter-spacing:-0.02em;line-height:1.07}
    h2{font-size:34px;font-weight:800;line-height:1.16}
    h3{font-size:19px;font-weight:700;line-height:1.32}
    h4{font-size:15px;font-weight:700;line-height:1.4}
    p{margin:0}
    a{color:#1B3A6B;text-decoration:none}
    a:hover{color:#E65C00}
    .rotulo{font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#E65C00}
    .regua{width:52px;height:4px;background:#E65C00;border-radius:2px}
    .sub{font-weight:300;font-size:24px;line-height:1.36;color:#1B3A6B}
    .lead{font-size:17px;line-height:1.6;max-width:70ch}
    .legenda{font-size:12.5px;color:#76839A;line-height:1.5}
    .sec{padding:88px 0;border-top:1px solid #DFE6EF}
    .sec-claro{background:#F5F8FB}
    .head{display:flex;flex-direction:column;gap:18px;max-width:70ch}
    .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
    .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .card{background:#FFFFFF;border:1px solid #DFE6EF;border-top:4px solid #E65C00;
      border-radius:10px;padding:26px 24px;display:flex;flex-direction:column;gap:12px}
    .card p{font-size:15px;line-height:1.55}
    .card .verbo{font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#76839A}
    .plain{background:#FFFFFF;border:1px solid #DFE6EF;border-radius:10px;padding:26px 24px;
      display:flex;flex-direction:column;gap:10px}
    .num{font-size:64px;font-weight:800;color:#E65C00;line-height:1;letter-spacing:-0.02em}
    .linhas{display:flex;flex-direction:column;gap:0}
    .linha{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-top:1px solid #DFE6EF}
    .linha:last-child{border-bottom:1px solid #DFE6EF}
    .linha .mk{width:6px;height:6px;border-radius:50%;background:#E65C00;margin-top:9px;flex:0 0 auto}
    .duas{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-top:1px solid #DFE6EF}
    .duas:last-child{border-bottom:1px solid #DFE6EF}
    .duas .esq{flex:0 0 42%;font-weight:600;color:#0A1E38;font-size:16px}
    .duas .dir{flex:1;font-size:16px}
    .etapas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
    .etapa{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:2px solid #1B3A6B}
    .etapa .n{font-family:'Montserrat',Arial,sans-serif;font-size:13px;font-weight:700;color:#E65C00;letter-spacing:0.06em}
    .etapa p{font-size:15px;line-height:1.55}
    .btns{display:flex;gap:12px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;
      border-radius:10px;font-weight:600;font-size:16px;text-decoration:none}
    .btn-p{background:#E65C00;color:#FFFFFF}
    .btn-p:hover{background:#c74f00;color:#FFFFFF}
    .btn-s{border:1px solid #1B3A6B;color:#1B3A6B}
    .btn-s:hover{border-color:#E65C00;color:#E65C00}
    .nav{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:22px 0;
      border-bottom:1px solid #DFE6EF}
    .marca{text-decoration:none;display:flex;align-items:center;gap:12px}
    .marca .nome{font-family:'Montserrat',Arial,sans-serif;font-weight:800;font-size:15px;
      letter-spacing:0.1em;color:#0A1E38;text-transform:uppercase}
    .navlinks{display:flex;gap:20px;align-items:center;font-size:13px;font-weight:600}
    .navlinks .on{color:#0A1E38;border-bottom:2px solid #E65C00;padding-bottom:3px}
    .foot{background:#0A1E38;color:#FFFFFF;padding:64px 0 44px}
    .foot .assin{font-weight:700;font-size:19px;color:#FFFFFF;line-height:1.3}
    .foot .frase{font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:17px;color:#E65C00;margin-top:6px}
    .foot .dados{display:flex;gap:56px;flex-wrap:wrap;margin-top:36px;padding-top:28px;
      border-top:1px solid rgba(255,255,255,0.16);font-size:14.5px;color:rgba(255,255,255,0.82)}
    .foot .dados div{display:flex;flex-direction:column;gap:6px}
    .foot .rot{font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;
      color:rgba(255,255,255,0.5)}
    .foot a{color:rgba(255,255,255,0.82)}
    .campo{display:flex;flex-direction:column;gap:7px}
    .campo label{font-size:12.5px;font-weight:600;color:#0A1E38}
    .campo .inp{height:48px;border:1px solid #DFE6EF;border-radius:10px;background:#FFFFFF}
    .campo .inp.alto{height:112px}

    /* ---- telas estreitas ---- */
    @media (max-width: 1080px){
      .wrap{padding:0 40px}
      h1{font-size:44px}
      h2{font-size:30px}
      .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
      .etapas{grid-template-columns:repeat(2,minmax(0,1fr))}
      .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
      .navlinks{flex-wrap:wrap;justify-content:flex-end;gap:14px 18px;max-width:60%}
    }
    @media (max-width: 720px){
      .wrap{padding:0 24px}
      h1{font-size:34px;line-height:1.12}
      h2{font-size:26px}
      .sub{font-size:20px}
      .lead{font-size:16px}
      .sec{padding:56px 0}
      .grid4,.grid3,.grid2,.etapas{grid-template-columns:minmax(0,1fr)}
      .num{font-size:48px}
      .nav{flex-direction:column;align-items:flex-start;gap:16px}
      .navlinks{max-width:100%;justify-content:flex-start;gap:12px 16px}
      .duas{flex-direction:column;gap:6px}
      .duas .esq{flex:none}
      .btn{width:100%}
      .btns{flex-direction:column;align-items:stretch}
      .foot .dados{gap:24px;flex-direction:column}
      .campo .inp{height:52px}
    }
    /* ---- formulário ---- */
    .campo select{width:100%;height:48px;border:1px solid #DFE6EF;border-radius:10px;background:#FFFFFF;padding:0 14px;font-family:inherit;font-size:16px;color:#3E4A5C}
    .campo select:focus{outline:2px solid #E65C00;outline-offset:1px;border-color:#E65C00}
    .campo input,.campo textarea{width:100%;height:48px;border:1px solid #DFE6EF;border-radius:10px;
      background:#FFFFFF;padding:0 14px;font-family:inherit;font-size:16px;color:#3E4A5C}
    .campo textarea{height:112px;padding:12px 14px;resize:vertical}
    .campo input:focus,.campo textarea:focus{outline:2px solid #E65C00;outline-offset:1px;border-color:#E65C00}
    button.btn{border:0;cursor:pointer;font-family:inherit}
    .oculto{position:absolute;left:-9999px}
    .aviso{border:1px solid #DFE6EF;border-left:4px solid #E65C00;border-radius:10px;padding:18px 20px;
      background:#F5F8FB;font-size:15px}


    /* ---- topo em duas colunas ---- */
    .hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,0.88fr);gap:72px;
      align-items:start;padding:40px 0 16px}
    .hero h1{max-width:24ch}
    .hero .sub{max-width:34ch}
    .hero .lead{max-width:46ch}
    .indice{display:flex;flex-direction:column;gap:0;border-top:4px solid #E65C00;padding-top:22px}
    .indice .rotulo{margin-bottom:8px}
    .ifr{display:flex;gap:20px;align-items:baseline;padding:20px 0;border-bottom:1px solid #DFE6EF;
      text-decoration:none}
    .ifr:hover{background:#F5F8FB}
    .ifn{font-family:'Montserrat',Arial,sans-serif;font-weight:700;font-size:13px;color:#76839A;
      letter-spacing:0.08em;flex:0 0 28px}
    .ifr strong{display:block;font-family:'Montserrat',Arial,sans-serif;font-weight:700;font-size:19px;
      color:#0A1E38;line-height:1.3}
    .ifr:hover strong{color:#E65C00}
    .ifv{display:block;font-size:12.5px;color:#76839A;margin-top:3px}
    @media (max-width: 1080px){
      .hero{grid-template-columns:minmax(0,1fr);gap:48px}
      .hero h1,.hero .sub,.hero .lead{max-width:none}
    }
    /* ---- corrige larguras mínimas herdadas do desenho ---- */
    @media (max-width: 900px){
      .sec div[style*="min-width"]{min-width:0 !important}
      .sec div[style*="flex:0 0 300px"]{flex:1 1 auto !important}
      .sec div[style*="max-width:280px"]{max-width:none !important}
    }
    html,body{overflow-x:hidden}
    img,svg{max-width:100%}
    /* ---- impressão ---- */
    @media print{ .nav,.btns{display:none} body{font-size:12pt} }

    /* ---- ilustrações ---- */
    .ico{width:28px;height:28px;stroke:#1B3A6B;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;margin-bottom:4px}
    .fig{margin:0;min-width:0}
    .ilu{display:block;width:100%;height:auto;font-family:'IBM Plex Sans','Segoe UI',Calibri,Arial,sans-serif}
    .duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
    .sec-motivo{position:relative;overflow:hidden}
    .sec-motivo .wrap{position:relative}
    .motivo{position:absolute;right:64px;top:50%;width:260px;height:auto;pointer-events:none}
    .motivo{opacity:0;transform:translateY(calc(-50% + 18px));transition:opacity .9s ease,transform .9s ease}
    .motivo.visto{opacity:1;transform:translateY(-50%)}
    .marca img{height:44px;width:auto;display:block}
    .foot-logo{height:40px;width:auto;display:block;margin-bottom:22px}
    @media (max-width: 720px){ .marca img{height:36px} }
    .sec-motivo .wrap>div{padding-right:360px;max-width:calc(100% - 360px)}
    @media (max-width: 1080px){ .duo{grid-template-columns:minmax(0,1fr);gap:36px} .motivo{width:170px;right:40px} .sec-motivo .wrap>div{padding-right:210px;max-width:calc(100% - 210px)} }
    @media (max-width: 720px){ .motivo{display:none} .sec-motivo .wrap>div{padding-right:0;max-width:none} }
    /* ---- animações ---- */
    .rev{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
    .rev.visto{opacity:1;transform:none}
    .desenha [data-d]{stroke-dasharray:var(--l);stroke-dashoffset:var(--l);transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}
    .desenha.visto [data-d]{stroke-dashoffset:0}
    .desenha .tx,.desenha .fx{opacity:0;transition:opacity .5s ease .75s}
    .desenha.visto .tx,.desenha.visto .fx{opacity:1}
    .ifr,.card,.btn{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
    .card:hover{transform:translateY(-3px);border-color:#1B3A6B}
    @media (prefers-reduced-motion: reduce){
      .rev{opacity:1;transform:none;transition:none}
      .desenha [data-d]{stroke-dasharray:none;stroke-dashoffset:0;transition:none}
      .desenha .tx,.desenha .fx{opacity:1;transition:none}
      .card:hover{transform:none}
      .motivo{opacity:1;transform:translateY(-50%);transition:none}
    }

    .grid5{grid-template-columns:repeat(5,minmax(0,1fr))}
    .grid5 .card{padding:22px 20px}
    @media (max-width: 1280px){ .grid5{grid-template-columns:repeat(3,minmax(0,1fr))} }
    @media (max-width: 1080px){ .grid5{grid-template-columns:repeat(2,minmax(0,1fr))} }
    @media (max-width: 720px){ .grid5{grid-template-columns:minmax(0,1fr)} }


    /* ---- menu no celular ---- */
    .btn-menu{display:none;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 14px;
      border:1px solid #DFE6EF;border-radius:10px;background:#FFFFFF;color:#0A1E38;
      font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer}
    .btn-menu .barras{display:flex;flex-direction:column;gap:4px;width:18px}
    .btn-menu .barras i{display:block;height:2px;background:#E65C00;border-radius:2px}
    @media (max-width: 900px){
      .nav{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
      .btn-menu{display:inline-flex}
      .navlinks{display:none}
      .nav.aberto .navlinks{display:flex;flex-direction:column;align-items:stretch;gap:0;
        width:100%;max-width:100%;order:3;margin-top:6px;border-top:1px solid #DFE6EF}
      .nav.aberto .navlinks a{padding:15px 2px;border-bottom:1px solid #DFE6EF;font-size:15px}
      .nav.aberto .navlinks .on{border-bottom:1px solid #DFE6EF;padding-bottom:15px;color:#E65C00}
    }
    /* ---- formulário no celular ---- */
    @media (max-width: 1080px){
      .sec .campo select,.sec .campo input,.sec .campo textarea{max-width:100%}
      form.grid2{grid-template-columns:minmax(0,1fr)}
      form.grid2>div[style*="span 2"]{grid-column:auto !important}
      .sec div[style*="flex:0 0 300px"]{flex:1 1 100% !important}
      .sec div[style*="min-width:min(100%,520px)"]{min-width:100% !important}
    }
.foot.foot-claro{background:#F3F6FA;color:#0A1E38;border-top:4px solid #E65C00}
.foot.foot-claro .assin{color:#0A1E38}
.foot.foot-claro .frase{color:#B84A00;font-weight:600;font-size:18px;letter-spacing:0.01em}
.foot.foot-claro .servs a{color:#0A1E38;font-weight:500}
.foot.foot-claro .servs a:hover,.foot.foot-claro .dados a:hover{color:#B84A00}
.foot.foot-claro .fabricantes{color:#3D4F66}
.foot.foot-claro .dados{border-top:1px solid #D5DEE9;color:#0A1E38}
.foot.foot-claro .rot{color:#55667D}
.foot.foot-claro .dados a{color:#0A1E38}