.comp{--comp-ink:#171514;--comp-muted:#9a948c;--comp-slate:#5c5651;--comp-orange:#ff5a1f;--comp-amber:#ff8a00;--comp-clay:#b8531f;--comp-teal:#14b8a6;--comp-line:rgba(23,21,20,0.08);--comp-ease:cubic-bezier(0.2,0.8,0.2,1);width:100%;max-width:480px;margin-inline:auto;padding:22px 22px 20px;border-radius:var(--radius-2xl,24px);background:var(--canvas,#fff);border:1px solid var(--line-grey,rgba(23,21,20,.08));box-shadow:var(--shadow-card,0 20px 50px -28px rgba(23,21,20,.28));font-family:var(--font-sans,"Manrope",system-ui,sans-serif)}.comp-head{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.comp-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--comp-ink)}.comp-sub{font-size:12px;font-weight:500;color:var(--comp-muted)}.comp-body{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comp-side{display:flex;flex-direction:column;gap:10px}.comp-side-label{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.comp-side-label--done{color:var(--comp-teal)}.comp-side-label--gap{color:var(--comp-clay)}.comp-stack{display:flex;flex-direction:column;gap:8px}.comp-cert{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:12px;background:linear-gradient(135deg,rgba(20,184,166,.09),rgba(20,184,166,.03));border:1px solid rgba(20,184,166,.28)}.comp-cert-check{width:18px;height:18px;flex:none;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--comp-teal)}.comp-cert-check svg{width:11px;height:11px}.comp-cert-name{flex:1;min-width:0;font-size:11px;font-weight:700;letter-spacing:-.01em;color:var(--comp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-cert-pct{font-size:11px;font-weight:800;color:#0f8c7f;font-variant-numeric:tabular-nums}.comp-bars{display:flex;flex-direction:column;gap:12px}.comp-bar-row{display:grid;grid-template-columns:1fr;gap:5px}.comp-bar-name{font-size:11px;font-weight:700;color:var(--comp-ink)}.comp-bar-track{position:relative;display:block;height:8px;border-radius:999px;background:rgba(184,83,31,.16);overflow:hidden}.comp-bar-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--comp-orange),var(--comp-amber));transform-origin:left}.comp-bar-val{font-size:10px;font-weight:700;color:var(--comp-clay);font-variant-numeric:tabular-nums}.comp-foot{margin-top:2px;font-size:11px;font-weight:600;line-height:1.35;color:var(--comp-slate)}@media (max-width:520px){.comp-body{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.comp-cert{opacity:0;transform:translateY(8px) scale(.96)}.comp[data-in-view=true] .comp-cert{animation:comp-pop .46s var(--comp-ease) forwards}.comp-bar-fill{transform:scaleX(0)}.comp[data-in-view=true] .comp-bar-fill{animation:comp-sweep .7s var(--comp-ease) forwards}}@keyframes comp-pop{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes comp-sweep{to{transform:scaleX(1)}}