body{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0;padding:20px}.outer-container{background-color:#efcb18;border:3px solid #000;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);margin:0 auto;padding:20px;position:relative;text-align:center}.title-box{color:#000;font-size:24px;font-weight:700;margin-bottom:20px;text-transform:uppercase}.export-button{align-items:center;background-color:#333;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;padding:12px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:44px}.export-button:hover{background-color:#555;box-shadow:0 4px 8px rgba(0,0,0,.3);transform:translateY(-1px)}.export-button svg{fill:currentColor;height:20px;width:20px}.export-button.exporting{opacity:0;pointer-events:none}.legend-container{display:flex;gap:2rem;justify-content:center;margin:0 auto 20px;max-width:fit-content;padding:15px}.legend-item{align-items:center;border:2px solid transparent;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease;user-select:none}.legend-item:hover{background-color:rgba(239,203,24,.1);box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.legend-item.active{background-color:rgba(239,203,24,.2);border-color:#444448;box-shadow:0 2px 8px rgba(0,0,0,.2);transform:translateY(-1px)}.legend-item:focus-visible{outline:2px solid #444448;outline-offset:2px}.legend-color{border:1px solid rgba(68,68,72,.3);border-radius:3px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);height:1rem;width:1rem}.legend-color.foundational{background-color:#10b981}.legend-color.growth{background-color:#3b82f6}.legend-color.scaling{background-color:#8b5cf6}.legend-label{color:#444448;font-size:.9rem;font-weight:600;letter-spacing:.025em}.container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.group{background-color:#fff5d7;border:2px solid #000;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.15);padding:10px;text-align:center;width:10%}.group-header{background-color:#fccd58;border-radius:5px;color:#000;font-size:14px;font-weight:700;margin-bottom:10px;padding:10px}.capability{align-items:center;background-color:#ffe4a3;border:1px solid #000;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#000;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin:10px auto;padding:10px;position:relative;text-align:center;transition:transform .3s ease,background-color .3s ease,opacity .3s ease}.capability[data-maturity=foundational]{background-color:#10b981;border-color:#059669;color:#fff}.capability[data-maturity=growth]{background-color:#3b82f6;border-color:#2563eb;color:#fff}.capability[data-maturity=scaling]{background-color:#8b5cf6;border-color:#7c3aed;color:#fff}.capability.maturity-filtered{opacity:.3;transform:scale(.98);transition:all .3s ease}.capability.maturity-highlighted{box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:1;transform:scale(1.02);transition:all .3s ease}body.foundational-mode .capability:not([data-maturity=foundational]){opacity:.2;transition:opacity .3s ease}body.foundational-mode .capability[data-maturity=foundational]{box-shadow:0 4px 12px rgba(16,185,129,.4);opacity:1;transform:scale(1.02)}.capability:hover{background-color:#f7c56a;transform:scale(1.05)}.capability.selected{animation:pulse 1s infinite;background-color:#f4b745}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.tooltip{background-color:#333;border-radius:5px;bottom:120%;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;display:none;font-size:12px;padding:8px;text-align:center;width:200px;z-index:10}.tooltip,.tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:after{border:5px solid transparent;border-top-color:#333;content:"";top:100%}.horizontal-container{display:flex;gap:20px;justify-content:space-around;margin-top:20px}.horizontal-group{background-color:#fff5d7;border:2px solid #000;border-radius:8px;padding:10px;text-align:center;width:46%}.horizontal-group .capability-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.horizontal-group .capability{flex:0 1 18%;font-size:12px;height:30px}.footer{color:#000;font-size:12px;font-weight:700;margin-top:20px;text-align:center}@media (max-width:1046px){.group{height:100%;width:100%}.capability{font-size:12px;height:auto}.title-box{font-size:20px}.legend-container{align-items:center;flex-direction:column;gap:1rem}.legend-item{padding:.5rem 1rem}.legend-label{font-size:.8rem}.horizontal-container{flex-direction:column}.horizontal-group{width:100%}.horizontal-group .capability{flex:0 1 40%}.export-button{display:flex;height:44px;margin:0 auto 15px;position:static;width:44px}}@media (max-width:480px){body{padding:10px}.outer-container{padding:15px}.title-box{font-size:18px}.group-header{font-size:12px;padding:8px}.capability{font-size:11px;height:auto;min-height:25px;padding:8px}.horizontal-group .capability{flex:0 1 45%}.tooltip{font-size:11px;width:150px}}@media (min-width:1000px){.capability:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}.group:hover{box-shadow:0 6px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.export-button{transition:all .3s ease}.export-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-2px)}}@media print{.export-button{display:none}body{background-color:#fff}.outer-container{border:2px solid #000;box-shadow:none}.tooltip{display:none!important}}@media (prefers-contrast:high){.outer-container{border-width:4px}.group{border-width:3px}.capability{border-width:2px}}@media (prefers-reduced-motion:reduce){.capability{transition:none}.capability:hover{transform:none}.capability.selected{animation:none}.group:hover{transform:none}}