.proof .proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#resultados .outcome{padding:26px;border-color:#ceddc9;background:linear-gradient(155deg,#fffef8,#edf4e7)}
#resultados .card-number{color:#51753c;font-weight:800;letter-spacing:.1em}
.skill-visual{height:218px;margin-top:24px;border-radius:12px;border:1px solid #b5cdb5;background:#fcfff8;overflow:hidden;box-shadow:0 12px 25px #173c2812;transition:transform .4s,box-shadow .4s;position:relative}
.skill-toolbar{height:39px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#123e31;color:#f3fbdc;font-size:10px}
.skill-toolbar>b{display:grid;place-items:center;width:23px;height:23px;border-radius:5px;background:#bdda8225;color:#d9efaa;font-size:14px}
.skill-toolbar>i{margin-left:auto;font-size:10px;font-style:normal;color:#d9efaa}
.skill-sheet{display:grid;grid-template-columns:1fr 1fr .75fr;margin:12px 12px 8px;font-size:10px;position:relative}
.skill-sheet>*{border-bottom:1px solid #dce6d6;padding:6px 8px;text-align:left;font-weight:500}
.skill-sheet>span{background:#e5efd9;font-size:8px;text-transform:uppercase;color:#42613d;font-weight:700}
.skill-sheet .skill-check{color:#467638;text-align:center}
.skill-formula{margin:0 12px;display:flex;gap:9px;align-items:center;font:10px monospace;color:#427443}
.skill-formula>span{font-style:italic;color:#789268}.skill-formula>strong{margin-left:auto;background:#def0b6;border-radius:4px;padding:5px}
.skill-bars{height:139px;display:flex;align-items:end;gap:22px;padding:28px 28px 24px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#d9e5d755 30px)}
.skill-bars>div{position:relative;height:var(--bar);flex:1;min-width:0}
.skill-bars i{display:block;height:100%;background:linear-gradient(0deg,#28734e,#bade79);border-radius:5px 5px 0 0;transform-origin:bottom;box-shadow:0 3px 12px #357e3820}
.skill-bars span{position:absolute;top:-19px;width:100%;text-align:center;font-size:9px;color:#346443;font-weight:700}
.skill-bars small{position:absolute;bottom:-18px;width:100%;text-align:center;font-size:9px;color:#71806d}
.skill-result{height:39px;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:7px;letter-spacing:.04em;color:#658164;background:#eaf2e0}
.skill-result strong{font-size:10px;color:#2a5c3d;letter-spacing:0}
.skill-pipeline{display:flex;align-items:center;justify-content:center;gap:8px;height:125px;padding:14px 9px}
.skill-pipeline>div{text-align:center;flex:1;min-width:0}
.skill-pipeline>div>span{display:grid;place-items:center;width:43px;height:43px;margin:0 auto 9px;border:1px solid #b7cca7;background:#edf5df;color:#3c7245;border-radius:11px;font-size:23px}
.skill-pipeline b{font-size:9px;color:#396044;font-weight:600}.skill-pipeline>i{color:#639846;font-style:normal;margin-top:-22px}
.skill-progress{height:3px;margin:0 16px 12px;background:#dbe8d2;overflow:hidden;border-radius:3px}
.skill-progress i{display:block;width:100%;height:100%;background:#599246;transform-origin:left}
@media(hover:hover){#resultados .outcome:hover .skill-visual{transform:translateY(-4px) rotate(-1deg);box-shadow:0 18px 30px #173c2828}}
.skill-sheet .skill-check{animation:skillVerify 4.8s ease-in-out infinite}.skill-check:nth-child(9){animation-delay:.6s}.skill-check:nth-child(12){animation-delay:1.2s}
.skill-bars i{animation:skillBarBuild 5.8s ease-in-out infinite;animation-delay:var(--delay)}
.skill-pipeline>div>span{animation:skillStage 4.8s ease-in-out infinite}.skill-pipeline>div:nth-of-type(2)>span{animation-delay:1s}.skill-pipeline>div:nth-of-type(3)>span{animation-delay:2s}
.skill-progress i{animation:skillRun 4.8s ease-in-out infinite}
@keyframes skillVerify{0%,65%,100%{background:transparent;transform:scale(1)}25%,45%{background:#d8ecae;transform:scale(1.06)}}
@keyframes skillBarBuild{0%,8%{transform:scaleY(.15);opacity:.5}30%,90%,100%{transform:scaleY(1);opacity:1}}
@keyframes skillStage{0%,65%,100%{box-shadow:0 0 0 0 #aad36a00;background:#edf5df;transform:translateY(0)}20%,40%{box-shadow:0 0 0 5px #aad36a33;background:#d0e9a3;transform:translateY(-4px)}}
@keyframes skillRun{0%,8%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
#resultados:not(.skills-visible) .skill-visual *,body.motion-paused #resultados .skill-visual *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#resultados .skill-visual *{animation:none!important}#resultados .outcome:hover .skill-visual{transform:none}}
@media(max-width:760px){.proof .proof-grid{gap:14px}.proof strong{font-size:28px}.proof span{font-size:9px}.skill-visual{max-width:380px;margin-left:auto;margin-right:auto}#resultados .outcome{padding:25px}.skill-bars{gap:32px;padding-left:38px;padding-right:38px}}