.quad{--quad-ink:#171514;--quad-muted:#9a948c;--quad-line:rgba(23,21,20,0.08);--quad-teal:#14b8a6;--quad-ease:cubic-bezier(0.2,0.8,0.2,1);width:100%;max-width:600px;margin-inline:auto;padding:22px 24px;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)}.quad-head{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.quad-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--quad-ink)}.quad-sub{font-size:12px;font-weight:500;color:var(--quad-muted)}.quad-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.quad-stat{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:14px;background:var(--soft-sand,#f7f3ef)}.quad-stat b{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--quad-ink);font-variant-numeric:tabular-nums}.quad-stat-label{font-size:10px;font-weight:700;color:var(--quad-ink)}.quad-stat-sub{font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--quad-muted)}.quad-svg{display:block;width:100%;height:auto}.quad-bg-struggle{fill:rgba(184,83,31,.06)}.quad-bg-excel{fill:rgba(20,184,166,.07)}.quad-div{stroke:rgba(23,21,20,.18);stroke-width:1;stroke-dasharray:4 4}.quad-frame{fill:none;stroke:var(--quad-line);stroke-width:1}.quad-corner{letter-spacing:.02em;fill:var(--quad-muted)}.quad-corner,.quad-pt-label{font-size:9px;font-weight:700}.quad-pt-label{fill:var(--quad-ink)}.quad-axis{font-size:9px;font-weight:600;fill:var(--quad-muted)}@media (prefers-reduced-motion:no-preference){.quad-pt{transform-box:view-box;opacity:0;transform:scale(.2)}.quad[data-in-view=true] .quad-pt{animation:quad-pop .5s var(--quad-ease) forwards}}@keyframes quad-pop{to{opacity:1;transform:scale(1)}}