/* V48 — CGI: novas seções 2 a 5 */
.cg-ops,.cg-levels{padding:96px 0;position:relative}
.cg-ops{background:#f4f4f4}
.cg-levels{background:#ebebeb}
.cg-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6f7177;margin:0 0 16px}
.cg-kicker.is-light{color:#9a9ca1}
.cg-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:48px;align-items:end;margin-bottom:48px}
.cg-head h2{margin:0}
.cg-text{font-size:16px!important;line-height:1.65!important;color:#55575c;margin:0;max-width:520px}
.cg-text.is-light{color:#a9abb0}

/* 2ª: fluxo contínuo em 5 etapas */
.cg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative;background:#fff;border:1px solid #e2e2e2;border-radius:26px;overflow:hidden}
.cg-step{position:relative;padding:30px 24px 32px;border-left:1px solid #ececec;display:flex;flex-direction:column;gap:10px;transition:background .3s}
.cg-step:first-child{border-left:0}
.cg-step:hover{background:#fafafa}
.cg-step:not(:last-child):after{content:"";position:absolute;right:-9px;top:52px;width:16px;height:16px;background:#fff;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;transform:rotate(45deg);z-index:2}
.cg-step-n{font-size:12px;color:#9a9ca1;letter-spacing:.06em}
.cg-step-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#0b0b0b;color:#fff;margin:6px 0 10px;transition:transform .3s}
.cg-step:hover .cg-step-ico{transform:translateY(-3px)}
.cg-step-ico svg{width:24px;height:24px}
.cg-step:last-child .cg-step-ico{background:linear-gradient(135deg,#0b0b0b,#4a4d52)}
.cg-step h3{margin:0}
.cg-step p{margin:0;font-size:14.5px;line-height:1.55;color:#5c5e63}
.cg-step:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#d6d6d6,#0b0b0b);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.cg-step:hover:before{transform:scaleX(1)}

/* 3ª: escada dos três níveis (cada nível soma ao anterior) */
.cg-stairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
.cg-level{border-radius:26px;padding:28px 28px 32px;display:flex;flex-direction:column;gap:10px;border:1px solid #dadada;background:#fff;transition:transform .3s,box-shadow .3s}
.cg-level:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(0,0,0,.1)}
.cg-level.l1{min-height:330px}
.cg-level.l2{min-height:380px;background:#d6d6d6;border-color:#cbcbcb}
.cg-level.l3{min-height:430px;background:#0b0b0b;border-color:#0b0b0b;color:#fff;box-shadow:0 30px 60px rgba(0,0,0,.22)}
.cg-level-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto;padding-bottom:28px}
.cg-level-n{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6f7177}
.cg-level.l3 .cg-level-n{color:#9a9ca1}
.cg-bars{display:flex;gap:5px;align-items:flex-end}
.cg-bars i{width:8px;border-radius:3px;background:rgba(0,0,0,.14)}
.cg-bars i:nth-child(1){height:12px}.cg-bars i:nth-child(2){height:18px}.cg-bars i:nth-child(3){height:24px}
.cg-bars i.on{background:#0b0b0b}
.cg-level.l3 .cg-bars i{background:rgba(255,255,255,.18)}.cg-level.l3 .cg-bars i.on{background:#fff}
.cg-level h3{margin:0}
.cg-level.l3 h3{color:#fff}
.cg-level-tag{display:inline-flex;align-self:flex-start;margin:4px 0 6px;padding:6px 12px;border-radius:999px;background:#0b0b0b;color:#fff;font-size:13px}
.cg-level.l3 .cg-level-tag{background:#fff;color:#0b0b0b}
.cg-level-text{margin:0;font-size:14.5px;line-height:1.6;color:#55575c}
.cg-level.l2 .cg-level-text{color:#3e4044}
.cg-level.l3 .cg-level-text{color:#b5b7bc}

/* 4ª: tom preto com efeitos */
@keyframes cgScan{0%{transform:translateY(-100%)}100%{transform:translateY(900%)}}
@keyframes cgPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes cgSpin{to{transform:rotate(360deg)}}
.cg-dark{position:relative;overflow:hidden;background:radial-gradient(90% 80% at 85% 20%,#1d1e21 0%,#09090a 62%);padding:110px 0;color:#fff}
.cg-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 70% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(70% 70% at 70% 40%,#000 0%,transparent 75%)}
.cg-scan{position:absolute;left:0;right:0;top:0;height:12%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05) 60%,rgba(255,255,255,.12) 100%);animation:cgScan 7s linear infinite;pointer-events:none}
.cg-dark-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
.cg-dark h2{color:#fff!important;margin:0}
.cg-dark .cg-text{margin-top:22px}
.cg-live{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:13px;color:#d0d2d6}
.cg-live-dot{width:9px;height:9px;border-radius:50%;background:#fff;animation:cgPulse 2s infinite}
.cg-difs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cg-dif{position:relative;display:flex;align-items:center;gap:16px;padding:20px 20px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);font-size:15.5px;line-height:1.35;color:#ececec;overflow:hidden;isolation:isolate;transition:transform .3s,background .3s}
.cg-dif:last-child{grid-column:1/-1}
.cg-dif:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,255,255,.55) 80%,transparent 90%);animation:cgSpin 4s linear infinite;opacity:0;transition:opacity .3s;z-index:-2}
.cg-dif:after{content:"";position:absolute;inset:1px;border-radius:17px;background:#111214;z-index:-1}
.cg-dif:hover{transform:translateY(-3px)}
.cg-dif:hover:before{opacity:1}
.cg-dif-ico{flex:0 0 46px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);color:#fff}
.cg-dif-ico svg{width:22px;height:22px}

/* 5ª: chamada preta com radar */
@keyframes cgRing{0%{transform:scale(.3);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.cg-cta{background:#09090a;padding:20px 0 110px}
.cg-cta-box{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#141517 0%,#0b0b0c 60%);padding:72px 64px;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center}
.cg-cta-copy{position:relative;z-index:1;max-width:620px;grid-column:1;grid-row:1}
.cg-cta h2{color:#fff!important;margin:0}
.cg-cta .cg-text{margin-top:20px}
.cg-cta-btn{display:inline-flex;align-items:center;gap:16px;margin-top:32px;min-height:52px;padding:0 22px 0 26px;border-radius:999px;background:#fff;color:#0b0b0b;text-decoration:none;font-size:15px;transition:transform .25s,box-shadow .25s}
.cg-cta-btn svg{width:18px;height:18px;transition:transform .25s}
.cg-cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 0 6px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.5)}
.cg-cta-btn:hover svg{transform:translate(3px,-3px)}
.cg-radar{grid-column:2;grid-row:1;justify-self:center;position:relative;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07) 0 1px,transparent 1px) 0 0/26px 26px,radial-gradient(circle at center,rgba(255,255,255,.06),transparent 70%);border:1px solid rgba(255,255,255,.1)}
.cg-radar i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.35);animation:cgRing 3.6s ease-out infinite}
.cg-radar i:nth-child(2){animation-delay:1.2s}.cg-radar i:nth-child(3){animation-delay:2.4s}
.cg-radar b{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.28),transparent 22%);animation:cgSpin 5s linear infinite}
.cg-radar:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 0 20px #fff}

@media (max-width:1000px){
  .cg-head,.cg-dark-grid{grid-template-columns:1fr;gap:24px}
  .cg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cg-step{border-left:0;border-top:1px solid #ececec}
  .cg-step:not(:last-child):after{display:none}
  .cg-stairs{grid-template-columns:1fr;align-items:stretch}
  .cg-level.l1,.cg-level.l2,.cg-level.l3{min-height:0}
  .cg-cta-box{grid-template-columns:1fr;padding:48px 32px}
  .cg-radar{grid-column:1;grid-row:2;width:200px;height:200px;margin-top:36px}
}
@media (max-width:640px){
  .cg-ops,.cg-levels{padding:64px 0}.cg-dark{padding:72px 0}.cg-cta{padding:10px 0 72px}
  .cg-steps{grid-template-columns:1fr}
  .cg-difs{grid-template-columns:1fr}
  .cg-cta-box{padding:36px 22px;border-radius:26px}
}
@media (prefers-reduced-motion:reduce){.cg-scan,.cg-radar i,.cg-radar b,.cg-live-dot,.cg-dif:before{animation:none!important}}