.usage-360-results{display:none;padding:2rem 0}.usage-360-results.is-active{display:block}.usage-360-results__hero{border-bottom:1px solid var(--border-color,hsla(0,0%,100%,.1));margin-bottom:3rem;padding:3rem 0;text-align:center}.usage-360-results__headline{color:var(--white,#fff);font-family:var(--font-headline,"Space Grotesk",sans-serif);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.usage-360-results__score{color:var(--electric-teal,#00d4aa);font-size:3.5rem}.usage-360-results__score[data-color=green]{color:#4caf50}.usage-360-results__score[data-color=yellow]{color:#ffc107}.usage-360-results__score[data-color=orange]{color:#ff9800}.usage-360-results__score[data-color=red]{color:#f44336}.usage-360-results__subtitle{color:var(--text-secondary,#c9d1d9);font-size:1.125rem;line-height:1.6;margin:0 auto 2rem;max-width:50rem}.usage-360-results__score-bar{background:var(--charcoal,#161b22);border-radius:6px;height:12px;margin:0 auto;max-width:30rem;overflow:hidden}.usage-360-results__score-fill{background:var(--electric-teal,#00d4aa);border-radius:6px;height:100%;transition:width .5s ease}.usage-360-results__score-fill[data-color=green]{background:#4caf50}.usage-360-results__score-fill[data-color=yellow]{background:#ffc107}.usage-360-results__score-fill[data-color=orange]{background:#ff9800}.usage-360-results__score-fill[data-color=red]{background:#f44336}.usage-360-results__hub-breakdown{margin-bottom:3rem}.usage-360-results__section-title{color:var(--white,#fff);font-family:var(--font-headline,"Space Grotesk",sans-serif);font-size:1.75rem;font-weight:700;margin:0 0 1rem;text-align:center}.usage-360-results__legend{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.usage-360-results__legend-item{align-items:center;color:var(--text-secondary,#c9d1d9);display:flex;font-size:.8125rem;gap:.5rem}.usage-360-results__legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.usage-360-results__legend-dot--green{background:#4caf50}.usage-360-results__legend-dot--yellow{background:#ffc107}.usage-360-results__legend-dot--orange{background:#ff9800}.usage-360-results__legend-dot--red{background:#f44336}.usage-360-hub-scores{align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));margin-bottom:3rem}.usage-360-hub-score{background:var(--charcoal,#161b22);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:8px;height:auto;padding:1.5rem}.usage-360-hub-score__name{color:var(--white,#fff);display:block;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.usage-360-hub-score__value{color:var(--electric-teal,#00d4aa);display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.usage-360-hub-score__value[data-color=green]{color:#4caf50}.usage-360-hub-score__value[data-color=yellow]{color:#ffc107}.usage-360-hub-score__value[data-color=orange]{color:#ff9800}.usage-360-hub-score__value[data-color=red]{color:#f44336}.usage-360-hub-score__bar{background:hsla(0,0%,100%,.1);border-radius:3px;height:6px;margin-bottom:.75rem;overflow:hidden}.usage-360-hub-score__bar-fill{background:var(--electric-teal,#00d4aa);border-radius:3px;height:100%;transition:width .3s ease}.usage-360-hub-score__bar-fill[data-color=green]{background:#4caf50}.usage-360-hub-score__bar-fill[data-color=yellow]{background:#ffc107}.usage-360-hub-score__bar-fill[data-color=orange]{background:#ff9800}.usage-360-hub-score__bar-fill[data-color=red]{background:#f44336}.usage-360-hub-score__distribution{color:var(--text-secondary,#c9d1d9);font-size:.875rem;line-height:1.6;margin-bottom:.75rem}.usage-360-hub-score__gaps-toggle{align-items:center;background:transparent;border:1px solid rgba(0,212,170,.3);border-radius:4px;color:var(--electric-teal,#00d4aa);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-top:.75rem;padding:.5rem;transition:all .2s;width:100%}.usage-360-hub-score__gaps-toggle:hover{background:rgba(0,212,170,.1);border-color:var(--electric-teal,#00d4aa)}.usage-360-hub-score__gaps-toggle-icon{transition:transform .2s}.usage-360-hub-score__gaps-toggle.is-expanded .usage-360-hub-score__gaps-toggle-icon{transform:rotate(180deg)}.usage-360-hub-score__gaps{border-top:1px solid hsla(0,0%,100%,.1);display:none;margin-top:.75rem;padding-top:.75rem}.usage-360-hub-score__gaps.is-visible{display:block}.usage-360-hub-gap{background:hsla(0,0%,100%,.05);border-left:3px solid transparent;border-radius:4px;margin-bottom:.5rem;padding:.5rem .75rem;position:relative}.usage-360-hub-gap--didnt-know{border-left-color:#f44336}.usage-360-hub-gap--know-dont-use{border-left-color:#ffc107}.usage-360-hub-gap__name-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.usage-360-hub-gap__name{color:var(--white,#fff);font-size:.875rem;font-weight:500}.usage-360-hub-gap__info-wrapper{align-items:center;display:inline-flex;position:relative}.usage-360-hub-gap__info-icon{align-items:center;color:var(--electric-teal,#00d4aa);cursor:help;display:inline-flex;flex-shrink:0;font-size:.7rem;height:14px;justify-content:center;transition:all .2s;width:14px}.usage-360-hub-gap__info-icon:hover{background:rgba(0,212,170,.1);transform:scale(1.1)}.usage-360-hub-gap__info-wrapper:hover .usage-360-hub-gap__tooltip{opacity:1;visibility:visible}.usage-360-hub-gap__badge{border-radius:3px;display:inline-block;font-size:.625rem;font-weight:600;margin-left:.5rem;padding:.125rem .5rem;text-transform:uppercase}.usage-360-hub-gap__badge--didnt-know{background:rgba(244,67,54,.2);color:#f44336}.usage-360-hub-gap__badge--know-dont-use{background:rgba(255,193,7,.2);color:#ffc107}.usage-360-hub-gap__tooltip{background:var(--midnight,#0d1117);border:1px solid var(--electric-teal,#00d4aa);border-radius:4px;bottom:calc(100% + .5rem);box-shadow:0 4px 16px rgba(0,0,0,.6);color:var(--white,#fff);font-size:.8125rem;font-weight:400;left:0;line-height:1.5;max-width:25rem;min-width:15rem;opacity:0;padding:.75rem;pointer-events:none;position:absolute;transition:opacity .2s,visibility .2s;visibility:hidden;white-space:normal;z-index:1000}.usage-360-results__gaps{display:none;margin-bottom:3rem}.usage-360-gap-list{display:grid;gap:1rem}.usage-360-gap-item{background:var(--charcoal,#161b22);border-left:4px solid var(--electric-teal,#00d4aa);border-radius:6px;padding:1.25rem}.usage-360-gap-item__badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}.usage-360-gap-item__badge--didnt-know{background:hsla(0,100%,71%,.2);color:#ff6b6b}.usage-360-gap-item__badge--know-dont-use{background:rgba(255,193,7,.2);color:#ffc107}.usage-360-gap-item__tool{color:var(--white,#fff);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.usage-360-gap-item__description{color:var(--text-secondary,#c9d1d9);font-size:.9375rem;line-height:1.5;margin:0 0 .5rem}.usage-360-gap-item__meta{display:flex;font-size:.8125rem;gap:.75rem}.usage-360-gap-item__hub{background:rgba(0,212,170,.1);border-radius:3px;color:var(--electric-teal,#00d4aa);padding:.125rem .5rem}.usage-360-results__context{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:50rem;text-align:center}.usage-360-results__context-body{color:var(--text-secondary,#c9d1d9);font-size:1.0625rem;line-height:1.7}.usage-360-results__context-body strong{color:var(--electric-teal,#00d4aa)}.usage-360-results__ctas{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.usage-360-button--secondary{background:transparent;border:2px solid var(--electric-teal,#00d4aa);color:var(--electric-teal,#00d4aa)}.usage-360-button--secondary:hover{background:rgba(0,212,170,.1)}.usage-360-results__actions{display:none}.usage-360-results__restart{margin-top:1.5rem;text-align:center}.usage-360-results__restart-button{background:transparent;border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:6px;color:var(--text-secondary,#c9d1d9);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.usage-360-results__restart-button:hover{background:rgba(0,212,170,.05);border-color:var(--electric-teal,#00d4aa);color:var(--white,#fff)}@media (max-width:767px){.usage-360-results__hero{padding:2rem 0}.usage-360-results__headline{font-size:1.75rem}.usage-360-results__score{font-size:2.5rem}.usage-360-hub-scores{grid-template-columns:1fr}.usage-360-results__ctas{flex-direction:column}.usage-360-button--large{width:100%}}