.csol-loop-quiz{--cl-color-background-01:#fcfcfa;--cl-color-background-02:#f8f5ee;--cl-color-border-02:#00000078;--cl-color-border-03:#0000001c;--cl-color-button-primary-fill-hover:#c93700;--cl-color-button-primary-fill-idle:#ff4800;--cl-color-button-primary-text-color:#fff;--cl-color-button-secondary-fill-idle:#fff;--cl-color-button-secondary-fill-hover:#fcece6;--cl-color-button-secondary-text-color-hover:#c93700;--cl-color-container-01:#fff;--cl-color-container-02:#ffffff75;--cl-color-error-01:#d9002b;--cl-color-hover-01:#0000000d;--cl-color-hubspot-brand-01:#ff4800;--cl-color-success-01:#00823a;--cl-color-success-background-01:#bde7cb;--cl-color-text-01:#1f1f1f;--cl-color-text-02:#0000009e;--cl-color-text-brand-01:#ff4800;--cl-font-family:"HubSpot Sans",system-ui,-apple-system,sans-serif;--cl-font-family-heading:"HubSpot Serif",Georgia,serif;--cl-font-size-small:0.875rem;--cl-font-size-medium:1rem;--cl-font-size-large:1.125rem;--cl-font-size-h1:3rem;--cl-font-size-h2:2.5rem;--cl-font-size-h3:1.5rem;--cl-font-size-microheading:0.875rem;--cl-font-weight-book:300;--cl-font-weight-medium:500;--cl-line-height-medium:1.75;--cl-line-height-h1:1.15384615;--cl-line-height-h2:1.1;--cl-line-height-small:1.57142857;--cl-border-radius-small:4px;--cl-border-radius-medium:8px;--cl-border-radius-container:16px;--cl-border-radius-round:9999px;--cl-section-content-max-width:1080px;--cl-section-gutter:16px}.csol-loop-quiz [data-cl-theme=dark]{--cl-color-background-01:#042729;--cl-color-background-02:#093436;--cl-color-border-03:#ffffff14;--cl-color-button-secondary-fill-idle:#0000001c;--cl-color-container-01:#061c1d;--cl-color-container-02:#0000002b;--cl-color-hover-01:#ffffff0d;--cl-color-success-01:#3cb769;--cl-color-success-background-01:#00823a;--cl-color-text-01:#f8f5ee;--cl-color-text-02:#ffffff9e;--cl-color-text-brand-01:#f8f5ee}.csol-loop-quiz [data-cl-theme=light]{--cl-color-success-01:#00823a;--cl-color-error-01:#d9002b;--cl-color-text-01:#1f1f1f;--cl-color-text-02:#0000009e}.csol-loop-quiz{font-family:var(--cl-font-family);font-size:var(--cl-font-size-medium);font-weight:var(--cl-font-weight-book);line-height:var(--cl-line-height-medium);-webkit-font-smoothing:antialiased}.csol-loop-quiz [data-cl-background=background-01]{background-color:var(--cl-color-background-01)}.csol-loop-quiz [data-cl-background=background-02]{background-color:var(--cl-color-background-02)}.csol-loop-quiz .cl-h1,.csol-loop-quiz [data-cl-theme]{color:var(--cl-color-text-01)}.csol-loop-quiz .cl-h1{font-family:var(--cl-font-family-heading);font-size:var(--cl-font-size-h1);font-weight:var(--cl-font-weight-book);line-height:var(--cl-line-height-h1);margin-block:.5rem}.csol-loop-quiz .cl-h1.-brand:after{color:var(--cl-color-hubspot-brand-01);content:"."}.csol-loop-quiz .cl-h2{color:var(--cl-color-text-01);font-family:var(--cl-font-family-heading);font-size:var(--cl-font-size-h2);font-weight:var(--cl-font-weight-book);line-height:var(--cl-line-height-h2);margin-block:.5rem}.csol-loop-quiz .cl-p{color:var(--cl-color-text-01);font-size:var(--cl-font-size-medium);line-height:var(--cl-line-height-medium);margin-block:1rem}.csol-loop-quiz .cl-p.-large{font-size:var(--cl-font-size-large);font-weight:var(--cl-font-weight-book)}.csol-loop-quiz .cl-tagline{background:var(--cl-color-container-02);border:1px solid var(--cl-color-border-03);border-radius:var(--cl-border-radius-small);color:var(--cl-color-text-01);font-size:var(--cl-font-size-microheading);padding:.25rem .5rem}.csol-loop-quiz .cl-button,.csol-loop-quiz .cl-tagline{display:inline-block;font-weight:var(--cl-font-weight-medium)}.csol-loop-quiz .cl-button{border:2px solid transparent;border-radius:var(--cl-border-radius-medium);cursor:pointer;font-family:var(--cl-font-family);font-size:var(--cl-font-size-medium);padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .15s linear,color .15s linear}.csol-loop-quiz .cl-button.-primary{background:var(--cl-color-button-primary-fill-idle);border-color:transparent;color:var(--cl-color-button-primary-text-color)}.csol-loop-quiz .cl-button.-primary:hover{background:var(--cl-color-button-primary-fill-hover)}.csol-loop-quiz .cl-button.-secondary{background:var(--cl-color-button-secondary-fill-idle);border:2px solid var(--cl-color-text-brand-01);color:var(--cl-color-text-brand-01)}.csol-loop-quiz .cl-button.-secondary:hover{background:var(--cl-color-button-secondary-fill-hover);color:var(--cl-color-button-secondary-text-color-hover)}.csol-loop-quiz .cl-button.-large{font-size:var(--cl-font-size-large);padding:1rem 2.5rem}.csol-loop-quiz .cl-cta-group{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.csol-loop-quiz .cl-cta-group.-center{justify-content:center}.csol-loop-quiz .cl-card{background-color:var(--cl-color-container-01);border-radius:var(--cl-border-radius-container)}.csol-loop-quiz .cl-card.-bordered{border:1px solid var(--cl-color-border-03)}.csol-loop-quiz__section-inner{margin-inline:auto;max-width:min(calc(100% - var(--cl-section-gutter)*2),var(--cl-section-content-max-width));padding-block:48px 64px}.csol-loop-quiz__hero-content{padding:2rem 0;text-align:center}.csol-loop-quiz__subtext{color:var(--cl-color-text-02);margin:.75rem auto 1.5rem;max-width:540px}.csol-loop-quiz__hero-cta{margin-top:2rem}.csol-loop-quiz__stage-strip{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:2rem 0 0}.csol-loop-quiz__stage-pill{align-items:center;background:var(--cl-color-container-01);border:1px solid var(--cl-color-border-03);border-radius:var(--cl-border-radius-round);color:var(--cl-color-text-01);display:inline-flex;font-size:var(--cl-font-size-small);font-weight:var(--cl-font-weight-medium);gap:.4rem;padding:.35rem .85rem}.csol-loop-quiz__stage-dot{background:var(--cl-color-hubspot-brand-01);border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.csol-loop-quiz__progress-wrap{margin:0 auto 2rem;max-width:720px}.csol-loop-quiz__progress-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.csol-loop-quiz__progress-label{color:var(--cl-color-text-02);font-size:var(--cl-font-size-microheading);font-weight:var(--cl-font-weight-medium)}.csol-loop-quiz__progress-track{background:var(--cl-color-border-03);border-radius:var(--cl-border-radius-round);height:6px;overflow:hidden;width:100%}.csol-loop-quiz__progress-fill{background:var(--cl-color-hubspot-brand-01);border-radius:var(--cl-border-radius-round);height:100%;transition:width .4s ease;width:0}.csol-loop-quiz__card{margin:0 auto;max-width:720px;padding:2rem}.csol-loop-quiz__q-meta{color:var(--cl-color-text-02);font-size:var(--cl-font-size-microheading);font-weight:var(--cl-font-weight-medium);margin:0 0 .75rem}.csol-loop-quiz__q-text{color:var(--cl-color-text-01);font-family:var(--cl-font-family-heading);font-size:var(--cl-font-size-h3);font-weight:var(--cl-font-weight-book);line-height:1.4;margin:0 0 1.75rem}.csol-loop-quiz__answers{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.csol-loop-quiz__answer-btn{background:var(--cl-color-container-01);border:2px solid var(--cl-color-border-03);border-radius:var(--cl-border-radius-medium);color:var(--cl-color-text-01);cursor:pointer;display:block;font-family:var(--cl-font-family);font-size:var(--cl-font-size-medium);font-weight:var(--cl-font-weight-book);line-height:var(--cl-line-height-medium);padding:1rem 1.25rem;text-align:left;transition:border-color .15s,background .15s,transform .1s;width:100%}.csol-loop-quiz__answer-btn:hover:not(:disabled){background:var(--cl-color-hover-01);border-color:var(--cl-color-border-02);transform:translateY(-1px)}.csol-loop-quiz__answer-btn:disabled{cursor:default;transform:none}.csol-loop-quiz__answer-btn.-correct{background:var(--cl-color-success-background-01);border-color:var(--cl-color-success-01);color:var(--cl-color-success-01);font-weight:var(--cl-font-weight-medium)}.csol-loop-quiz__answer-btn.-wrong{background:#ffd6d6;border-color:var(--cl-color-error-01);color:var(--cl-color-error-01)}.csol-loop-quiz__answer-btn.-selected-wrong{background:#fff0f0;border-color:var(--cl-color-error-01);color:var(--cl-color-error-01)}.csol-loop-quiz__feedback{border-radius:var(--cl-border-radius-medium);font-size:var(--cl-font-size-small);line-height:var(--cl-line-height-small);margin-bottom:1.5rem;padding:1rem 1.25rem}.csol-loop-quiz__feedback--correct{background:#e8f7ed;border:1px solid var(--cl-color-success-01);color:#005c29}.csol-loop-quiz__feedback--wrong{background:#fff0f0;border:1px solid var(--cl-color-error-01);color:var(--cl-color-error-01)}.csol-loop-quiz__feedback-icon{font-size:1.1rem;margin-right:.5rem}.csol-loop-quiz__next-wrap{display:flex;justify-content:flex-end}.csol-loop-quiz__quiz-footer{margin:1rem auto 0;max-width:720px}@keyframes loopQuizSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.csol-loop-quiz__slide-in{animation:loopQuizSlideIn .3s ease}.csol-loop-quiz__results-inner{margin:0 auto;max-width:540px;text-align:center}.csol-loop-quiz__score-ring{align-items:center;background:conic-gradient(var(--cl-color-hubspot-brand-01) var(--quiz-score-pct,0),var(--cl-color-border-03) 0);border-radius:50%;display:flex;height:140px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:140px}.csol-loop-quiz__score-ring:after{background:var(--cl-color-background-01);border-radius:50%;content:"";height:100px;position:absolute;width:100px}.csol-loop-quiz__score-num{color:var(--cl-color-text-01);font-family:var(--cl-font-family-heading);font-size:2.25rem;font-weight:var(--cl-font-weight-book);position:relative;z-index:1}.csol-loop-quiz__result-message{color:var(--cl-color-text-01);font-size:var(--cl-font-size-large);font-weight:var(--cl-font-weight-medium);margin:0 0 .5rem}.csol-loop-quiz__result-subtext{color:var(--cl-color-text-02);margin-bottom:2rem}.csol-loop-quiz__result-ctas{margin-bottom:3rem}.csol-loop-quiz__breakdown{margin:0 auto;max-width:480px;text-align:left}.csol-loop-quiz__breakdown-label{color:var(--cl-color-text-02);font-size:var(--cl-font-size-small);font-weight:var(--cl-font-weight-medium);margin:0 0 .75rem}.csol-loop-quiz__breakdown-row{align-items:center;border-radius:var(--cl-border-radius-medium);display:flex;font-size:var(--cl-font-size-small);gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem}.csol-loop-quiz__breakdown-row.-correct{background:#e8f7ed;color:#005c29}.csol-loop-quiz__breakdown-row.-wrong{background:#fff0f0;color:var(--cl-color-error-01)}.csol-loop-quiz__breakdown-icon{flex-shrink:0;font-size:1rem}.csol-loop-quiz__breakdown-q{flex:1;font-weight:var(--cl-font-weight-medium)}.csol-loop-quiz__breakdown-stage{font-size:.75rem;opacity:.75}@media (max-width:600px){.csol-loop-quiz .cl-h1{font-size:2rem}.csol-loop-quiz .cl-h2{font-size:1.75rem}.csol-loop-quiz__card{padding:1.25rem}}