/* Seção "Celular e computador": notebook com o app desktop + celular ao lado (tudo em HTML/CSS) */
.nb{position:relative;max-width:980px;margin:8px auto 0;padding-bottom:4%}
.nb-lap{position:relative;width:86%;margin:0 auto 0 0}
.nb-tampa{container-type:inline-size;position:relative;background:linear-gradient(180deg,#2a2f3a,#12151c);border-radius:2.2% 2.2% 0 0 / 3.4% 3.4% 0 0;padding:1.7% 1.7% 2.3%;box-shadow:0 0 0 1px #3b4252 inset,0 30px 70px rgba(15,23,42,.28)}
.nb-cam{position:absolute;left:50%;top:.75%;width:.7%;aspect-ratio:1;border-radius:50%;background:#0b0f16;box-shadow:0 0 0 2px #1c212c;transform:translateX(-50%)}
.nb-base{position:relative;height:clamp(10px,2.1vw,22px);margin:0 -4%;border-radius:0 0 18px 18px/0 0 100% 100%;background:linear-gradient(180deg,#e5e9ef 0%,#c3cad4 55%,#9aa3b0 100%);box-shadow:0 18px 30px rgba(15,23,42,.22)}
.nb-base i{position:absolute;left:50%;top:0;width:16%;height:55%;transform:translateX(-50%);border-radius:0 0 10px 10px;background:linear-gradient(180deg,#aab2be,#d5dae2)}
.nb-tela{display:flex;aspect-ratio:16/9.3;overflow:hidden;border-radius:.6cqw;background:#0b1224;color:#e2e8f0;font-family:'Manrope','Plus Jakarta Sans',system-ui,sans-serif;font-size:1.2cqw;line-height:1.3;text-align:left}
.nb-tela *{box-sizing:border-box}
.nb-lado{width:17cqw;flex:none;padding:2cqw 1.4cqw;background:#0a1020;border-right:1px solid #1b2447;display:flex;flex-direction:column;gap:.5cqw}
.nb-logo{display:flex;align-items:center;gap:.8cqw;font-weight:800;letter-spacing:.04em;font-size:1.5cqw;margin-bottom:1.8cqw;color:#fff}
.nb-logo b{width:2.8cqw;height:2.8cqw;border-radius:.8cqw;background:#38bdf8;color:#04121f;display:grid;place-items:center;font-size:1.4cqw}
.nb-lado span{display:flex;align-items:center;gap:1cqw;padding:.9cqw 1cqw;border-radius:.8cqw;color:#94a3b8;font-weight:600}
.nb-lado span i{width:1.6cqw;text-align:center;font-size:1.2cqw}
.nb-lado span.on{background:#14214a;color:#7dd3fc}
.nb-main{flex:1;min-width:0;padding:1.8cqw 2cqw;display:flex;flex-direction:column;gap:1.4cqw}
.nb-topo{display:flex;align-items:center;gap:1.4cqw}
.nb-topo>div{flex:1}
.nb-topo small{display:block;color:#64748b;font-size:1.05cqw}
.nb-topo strong{font-size:2cqw;font-weight:800;color:#fff;letter-spacing:-.02em}
.nb-busca{display:flex;align-items:center;gap:.7cqw;padding:.8cqw 1.4cqw;border:1px solid #1f2a52;border-radius:99px;color:#64748b;font-size:1.05cqw;background:#0e1730}
.nb-av{width:3cqw;height:3cqw;border-radius:50%;background:#1e3a8a;color:#bfdbfe;display:grid;place-items:center;font-size:1.1cqw}
.nb-g1{display:grid;grid-template-columns:1.25fr .8fr 1.5fr;gap:1.2cqw}
.nb-g2{display:grid;grid-template-columns:1fr 1.15fr;gap:1.2cqw;flex:1;min-height:0}
.nb-c{background:#0f1830;border:1px solid #1b2750;border-radius:1.1cqw;padding:1.3cqw 1.5cqw;min-width:0}
.nb-c>small{display:block;font-size:.95cqw;font-weight:800;letter-spacing:.1em;color:#64748b;margin-bottom:.8cqw}
.nb-foco{background:linear-gradient(145deg,#0e2a4a,#0f1830)}
.nb-foco strong{display:block;font-size:2.4cqw;font-weight:800;color:#fff;letter-spacing:-.02em}
.nb-foco span{display:block;color:#94a3b8;font-size:1.05cqw;margin:.3cqw 0 .8cqw}
.nb-alta{font-style:normal;font-size:.9cqw;font-weight:800;letter-spacing:.08em;color:#fecaca;background:#4c1d24;padding:.3cqw .8cqw;border-radius:99px}
.nb-foco u{display:block;width:max-content;margin-top:1cqw;text-decoration:none;background:#38bdf8;color:#04121f;font-weight:800;font-size:1.1cqw;padding:.7cqw 1.4cqw;border-radius:.8cqw}
.nb-anel div{position:relative;width:8.4cqw;margin:.2cqw auto 0}
.nb-anel svg{display:block;transform:rotate(-90deg)}
.nb-anel circle{fill:none;stroke-width:11}
.nb-anel .f{stroke:#1b2750}
.nb-anel .v{stroke:#38bdf8;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 1.6s ease .3s}
.nb.ok .nb-anel .v{stroke-dashoffset:55}
.nb-anel b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.9cqw;color:#fff}
.nb-lin svg{display:block;width:100%;height:7.6cqw}
.nb-lin .a{fill:url(#nbg)}
.nb-lin .l{fill:none;stroke:#38bdf8;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2s ease .3s}
.nb.ok .nb-lin .l{stroke-dashoffset:0}
.nb-lb{display:flex;align-items:center;gap:1cqw;margin:.7cqw 0;font-size:1.05cqw;color:#cbd5e1}
.nb-lb span{width:8cqw;flex:none}
.nb-lb i{flex:1;height:.8cqw;border-radius:99px;background:#1b2750;overflow:hidden}
.nb-lb b{display:block;height:100%;width:var(--w);border-radius:99px;background:linear-gradient(90deg,#0ea5e9,#38bdf8);transform:scaleX(0);transform-origin:left;transition:transform 1.3s ease .5s}
.nb-lb i.r b{background:linear-gradient(90deg,#f43f5e,#fb7185)}
.nb.ok .nb-lb b{transform:none}
.nb-lb em{font-style:normal;font-weight:800;width:3.2cqw;text-align:right;color:#fff}
.nb-q p{font-size:1.15cqw;font-weight:700;color:#fff;margin:0 0 1cqw;line-height:1.35}
.nb-q span{display:block;font-size:1.02cqw;padding:.7cqw 1cqw;margin-top:.5cqw;border:1px solid #1f2a52;border-radius:.8cqw;color:#cbd5e1;background:#0b1224}
.nb-q span.ok{border-color:#10b981;background:#062a22;color:#a7f3d0}
/* celular ao lado */
.nb-cel{position:absolute;right:0;bottom:0;width:15.5%;aspect-ratio:9/19;border-radius:14% / 6.6%;background:linear-gradient(160deg,#2b2f3b,#10131a);padding:3.2%;box-shadow:0 0 0 1.5px #4b5365 inset,0 24px 50px rgba(15,23,42,.35);display:flex;flex-direction:column;justify-content:center;gap:5%;font-family:'Manrope','Plus Jakarta Sans',system-ui,sans-serif;container-type:inline-size}
.nb-cel::before{content:"";position:absolute;inset:3.2%;border-radius:11% / 5.2%;background:#0b1224}
.nb-cel>*{position:relative;z-index:1;margin-left:9%;margin-right:9%}
.nb-ilha{position:absolute!important;top:5.2%;left:50%!important;margin:0!important;width:30%;height:2.6%;border-radius:99px;background:#000;transform:translateX(-50%)}
.nb-cel small{font-size:8cqw;font-weight:800;letter-spacing:.1em;color:#7dd3fc}
.nb-cel strong{font-size:11cqw;line-height:1.25;color:#fff;font-weight:800}
.nb-cel span{font-size:8cqw;color:#94a3b8}
.nb-cel em{display:block;height:3cqw;border-radius:99px;background:#1b2750;overflow:hidden;font-style:normal}
.nb-cel em b{display:block;height:100%;width:68%;background:#38bdf8;border-radius:99px}
/* pontos */
.nb-pontos{list-style:none;padding:0;margin:44px auto 0;max-width:980px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nb-pontos li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.nb-pontos li>i{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:#e0f2fe;color:#0369a1;font-size:1.05rem}
.nb-pontos strong{display:block;color:#0b1220;font-size:.95rem}
.nb-pontos span{display:block;color:#475569;font-size:.85rem;line-height:1.45;margin-top:2px}
@media (max-width:760px){
  .nb{padding-bottom:0}
  .nb-lap{width:100%}
  .nb-cel{position:relative;right:auto;bottom:auto;width:34%;margin:-18% 0 0 auto}
  .nb-pontos{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.nb-anel .v,.nb-lin .l,.nb-lb b{transition:none}}
.nb-q .nb-com{display:flex;align-items:center;gap:.7cqw;margin-top:.9cqw;font-style:normal;font-size:1cqw;font-weight:700;color:#6ee7b7}
.nb-lb span{width:9.5cqw}