.pilares{position:absolute;inset:196px 110px 130px;display:flex;flex-direction:column}
.pcards{flex:1;display:flex;gap:40px;align-items:stretch;min-height:0}
.pilar{flex:1;position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding:50px 46px 40px;overflow:hidden;transform-origin:0 50%;display:flex;flex-direction:column}
.pilar .pb{position:absolute;left:0;right:0;top:0;height:8px;background:var(--cor);transform-origin:0 50%;transform:scaleX(0)}
.pmarca{position:absolute;right:26px;bottom:6px;font-size:210px;font-weight:800;line-height:1;color:#EEF1F4;letter-spacing:-8px;overflow:hidden;pointer-events:none}
.pmarca>span{display:inline-block}
.ptopo{display:flex;align-items:center;justify-content:space-between;position:relative}
.pnum{display:flex;align-items:center;gap:14px}
.pnum b{font-size:30px;font-weight:700;color:var(--cort);font-variant-numeric:tabular-nums}
.pnum u{display:block;width:56px;height:3px;background:var(--cor);transform-origin:0 50%;transform:scaleX(0);text-decoration:none}
.pilar .pi{position:relative;width:88px;height:88px;border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff}
.pilar .pi s{position:absolute;inset:-1px;border-radius:8px;background:color-mix(in srgb, var(--cor) calc(8% + 92% * var(--at, 0)), #fff);opacity:0;text-decoration:none}
.pilar .pi>span{position:relative;display:flex}
.pilar .pi svg{width:52px;height:52px;stroke:color-mix(in srgb, #fff calc(100% * var(--at, 0)), var(--cor))}
.pilar .pi path,.pilar .pi circle,.pilar .pi rect{stroke-dasharray:1;stroke-dashoffset:1}
.pilar h3{position:relative;font-size:58px;font-weight:800;margin:26px 0 0;letter-spacing:-1px;line-height:1.1}
.pilar p{position:relative;font-size:33px;line-height:1.45;color:var(--muted);margin:20px 0 0;font-weight:500}
.pilar .pw{display:inline-block;will-change:auto;position:relative}
.pilar .kw{color:var(--ink);font-weight:700}
.pilar .kw u{position:absolute;left:0;right:0;bottom:2px;height:3px;background:var(--cor);opacity:.75;transform-origin:0 50%;transform:scaleX(0);text-decoration:none}
.pcont{position:relative;margin-top:auto;padding-top:22px;display:flex;align-items:baseline;gap:12px;color:var(--muted)}
.pcont strong{font-size:46px;font-weight:800;color:var(--cort);font-variant-numeric:tabular-nums;min-width:34px}
.pcont span{font-size:22px;font-weight:600;letter-spacing:.5px}
/* linha que liga os pilares */
.plinha{position:relative;height:112px;flex-shrink:0}
.pseg{position:absolute;top:34px;height:2px;background:#DDE2E8}
.pseg b{display:block;height:100%;background:var(--cor);transform-origin:0 50%;transform:scaleX(0)}
.pno{position:absolute;top:24px;width:22px;height:22px;margin-left:0;border-radius:50%;background:#fff;border:3px solid var(--cor);opacity:0;display:flex;align-items:center;justify-content:center}
.pno b{display:block;width:10px;height:10px;border-radius:50%;background:var(--cor);transform:scale(.35)}
.pselo{position:absolute;left:50%;top:58px;margin-left:-160px;width:320px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 18px;font-size:22px;font-weight:700;color:var(--cort);box-shadow:0 4px 14px rgba(20,32,42,.06)}
