.compass{max-width:900px;margin:0 auto;padding:2.5rem 2rem 4rem}.compass-card{background:var(--color-white);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #38251b14}.compass-welcome{background:linear-gradient(135deg,var(--color-brown-dark)0%,#4a3728 50%,#3d6e7a 100%);color:var(--color-cream);padding:3rem 3rem 2.5rem}.compass-welcome-title{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.03em;margin:0 0 .75rem;font-weight:500;line-height:1.2}.compass-welcome-subtitle{opacity:.85;max-width:520px;margin:0 0 1rem;font-size:.938rem;line-height:1.7}.compass-welcome-meta{text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-top:.25rem;font-size:.75rem;display:inline-block}.compass-steps{background:var(--color-white);padding:1.5rem 2.5rem 0}.compass-steps-row{justify-content:space-between;align-items:flex-start;gap:.25rem;margin-bottom:.875rem;display:flex}.compass-step{opacity:.45;flex-direction:column;flex:1;align-items:center;gap:.375rem;transition:opacity .15s;display:flex}.compass-step.active{opacity:1}.compass-step.done{opacity:.7}.compass-step-dot{background:var(--color-cream-warm,#e4dcd2);width:32px;height:32px;color:var(--color-brown-light,#8a7668);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.813rem;font-weight:600;transition:background .15s,color .15s;display:flex}.compass-step.active .compass-step-dot{background:var(--color-accent-teal);color:#fff}.compass-step.done .compass-step-dot{background:var(--color-success);color:#fff}.compass-step-label{text-align:center;color:var(--color-brown-light,#8a7668);max-width:72px;font-size:.75rem;line-height:1.2}.compass-step.active .compass-step-label{color:var(--color-brown-dark);font-weight:500}.compass-steps-bar{background:var(--color-cream-warm,#e4dcd2);border-radius:2px;height:6px;overflow:hidden}.compass-steps-bar-fill{background:linear-gradient(90deg,var(--color-accent-teal),#b08a6e);border-radius:2px;height:100%;transition:width .4s}.compass-card-body{padding:2.5rem 3rem 3rem}.compass-menu{text-align:center}.compass-menu h2{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-dark);line-height:var(--leading-tight);margin-bottom:.75rem}.compass-menu>p{font-size:var(--text-md);color:var(--color-text-muted);line-height:var(--leading-normal);max-width:520px;margin:0 auto 2rem}.compass-full-card{text-align:left;background:var(--gradient-hero);width:100%;color:var(--color-cream);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s var(--ease-out-expo);box-shadow:var(--shadow-md);border:none;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:2rem 1.75rem;display:flex}.compass-full-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.compass-full-card:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.compass-full-card-icon{opacity:.9;flex-shrink:0}.compass-full-card-content{flex:1}.compass-full-card h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-white);line-height:var(--leading-snug);margin-bottom:.25rem}.compass-full-card p{font-size:var(--text-sm);color:#ede7dfd9;line-height:var(--leading-normal);margin-bottom:.25rem}.compass-card-meta{font-size:var(--text-xs);opacity:.7;letter-spacing:var(--tracking-wide);text-transform:uppercase}.compass-card-arrow{font-size:var(--text-xl);opacity:.6;transition:transform var(--duration-normal)var(--ease-out-expo);flex-shrink:0}.compass-full-card:hover .compass-card-arrow{opacity:1;transform:translate(4px)}.compass-menu-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem;display:grid}.compass-menu-card{background:var(--color-white);border:var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .15s var(--ease-out-expo);box-shadow:var(--shadow-xs);font-family:var(--font-body);border-left:3px solid #0000;flex-direction:column;padding:1.25rem;display:flex}.compass-menu-card:hover{border-left-color:var(--color-accent-teal);background:var(--color-accent-teal-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.compass-menu-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.compass-menu-card h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-dark);line-height:var(--leading-snug);margin-bottom:.375rem}.compass-menu-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);flex:1;margin-bottom:.5rem}.compass-menu-card .compass-card-meta{color:var(--color-text-muted)}.compass-disclaimer-intro{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-cream-light);border-radius:var(--radius-md);line-height:var(--leading-normal);text-align:center;padding:1rem 1.25rem}.compass-progress{margin-bottom:2rem}.compass-progress-bar{background:var(--color-cream);border-radius:var(--radius-full);height:6px;margin-bottom:.5rem;overflow:hidden}.compass-progress-fill{background:var(--color-accent-teal);border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out-expo)}.compass-progress-text{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase}.compass-question{outline:none}.compass-question-badge{font-size:var(--text-xs);color:var(--color-accent-teal);background:var(--color-accent-teal-light);border-radius:var(--radius-full);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:1rem;padding:.25rem .75rem;font-weight:600;display:inline-block}.compass-question-timeframe{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;line-height:var(--leading-normal);margin-bottom:.75rem}.compass-question h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-dark);line-height:var(--leading-snug);margin-bottom:1rem}.compass-options{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.compass-option{text-align:left;background:var(--color-white);border:var(--border-light);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-body);line-height:var(--leading-normal);cursor:pointer;transition:all .15s var(--ease-out-expo);box-shadow:var(--shadow-xs);border-left:3px solid #0000;padding:1.375rem 1.75rem;display:block}.compass-option:hover{border-left-color:var(--color-accent-teal);background:var(--color-accent-teal-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.compass-option:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.compass-option:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.compass-nav{margin-top:2.5rem}.compass-back-btn{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast)ease;background:0 0;border:none;padding:.5rem 0}.compass-back-btn:hover{color:var(--color-text-dark)}.compass-disclaimer-banner{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-cream-light);border-radius:var(--radius-md);margin-top:1.5rem;padding:.75rem}.compass-enter{animation:compassSlideIn .35s var(--ease-out-expo)forwards}.compass-exit{animation:compassSlideOut .25s var(--ease-in-out)forwards}@keyframes compassSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes compassSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.compass-results{animation:compassSlideIn .5s var(--ease-out-expo)forwards}.compass-results h2{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-dark);line-height:var(--leading-tight);text-align:center;margin-bottom:.5rem}.compass-results-intro{text-align:center;font-size:var(--text-md);color:var(--color-text-muted);line-height:var(--leading-normal);margin-bottom:2.5rem}.compass-individual-result{text-align:center;background:var(--color-white);border-radius:var(--radius-lg);border:var(--border-subtle);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2.5rem 2rem}.compass-result-score-number{font-family:var(--font-display);margin-bottom:.75rem;font-size:4rem;font-weight:700;line-height:1}.compass-individual-result .compass-dimension-badge{font-size:var(--text-sm);padding:.3rem 1rem}.compass-individual-result .compass-dimension-bar{max-width:400px;height:8px;margin:1.25rem auto 1rem}.compass-result-raw-score{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:1rem}.compass-result-interpretation{font-size:var(--text-base);color:var(--color-text-body);line-height:var(--leading-relaxed);max-width:480px;margin:0 auto}.compass-result-citation{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-cream-light);border-radius:var(--radius-md);line-height:var(--leading-normal);margin-bottom:2rem;padding:1rem 1.25rem}.compass-result-explore{text-align:center;background:var(--color-accent-teal-light);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.compass-result-explore h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-dark);margin-bottom:.5rem}.compass-result-explore>p{font-size:var(--text-sm);color:var(--color-text-body);line-height:var(--leading-normal);margin-bottom:1.25rem}.compass-result-explore-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.compass-safety-notice{border:2px solid var(--color-error);border-radius:var(--radius-md);text-align:left;background:#9e4a4a14;margin-bottom:2rem;padding:1.5rem}.compass-safety-notice h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-error);margin-bottom:.75rem}.compass-safety-notice p{font-size:var(--text-base);color:var(--color-text-body);line-height:var(--leading-normal);margin-bottom:.5rem}.compass-safety-notice ul{padding:.75rem 0;list-style:none}.compass-safety-notice li{font-size:var(--text-base);color:var(--color-text-body);padding:.25rem 0}.compass-chart-container{max-width:480px;margin:0 auto 3rem}.compass-radar-svg{width:100%;height:auto}.compass-radar-label{font-family:var(--font-body);font-size:11px}.compass-radar-polygon-animate{animation:radarGrow .8s var(--ease-out-expo)forwards;transform-origin:50%}@keyframes radarGrow{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.compass-dimensions-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.compass-dimension-card{background:var(--color-white);border-radius:var(--radius-lg);border:var(--border-subtle);box-shadow:var(--shadow-xs);transition:all .15s var(--ease-out-expo);padding:1.5rem}.compass-dimension-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.compass-dimension-card:last-child:nth-child(odd){grid-column:1/-1;max-width:50%;margin:0 auto}.compass-dimension-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.compass-dimension-header h4{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-dark)}.compass-dimension-badge{font-size:var(--text-xs);color:var(--color-white);border-radius:var(--radius-full);white-space:nowrap;padding:.2rem .6rem;font-weight:600}.compass-dimension-bar{background:var(--color-cream);border-radius:var(--radius-full);height:6px;margin-bottom:.75rem;overflow:hidden}.compass-dimension-bar-fill{border-radius:var(--radius-full);height:100%;transition:width 1s var(--ease-out-expo)}.compass-dimension-desc{font-size:var(--text-sm);color:var(--color-text-body);line-height:var(--leading-normal)}.compass-dimension-condensed{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:.5rem;font-style:italic}.compass-condensed-note{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-accent-teal-light);border-radius:var(--radius-md);line-height:var(--leading-normal);text-align:center;margin-bottom:2rem;padding:1rem 1.25rem}.compass-attribution{background:var(--color-white);border-radius:var(--radius-md);border:var(--border-subtle);margin-bottom:2rem;padding:1.5rem}.compass-attribution h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-dark);margin-bottom:.75rem}.compass-attribution ul{list-style:none}.compass-attribution li{font-size:var(--text-xs);color:var(--color-text-muted);border-bottom:var(--border-subtle);line-height:var(--leading-normal);padding:.35rem 0}.compass-attribution li:last-child{border-bottom:none}.compass-disclaimer-results{background:var(--color-cream-light);border-radius:var(--radius-md);border-left:3px solid var(--color-brown-accent);margin-bottom:2rem;padding:1.5rem}.compass-disclaimer-results h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-dark);margin-bottom:.5rem}.compass-disclaimer-results p{font-size:var(--text-sm);color:var(--color-text-body);line-height:var(--leading-normal)}.compass-results-cta{flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.compass-results-cta .btn-primary,.compass-results-cta .btn-outline{text-align:center;width:100%;max-width:360px}.compass-retake{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast)ease;text-underline-offset:3px;background:0 0;border:none;margin-top:.5rem;padding:.5rem;text-decoration:underline}.compass-retake:hover{color:var(--color-text-dark)}@media (max-width:1024px){.compass{padding:1.5rem 1.25rem 3rem}.compass-welcome{padding:2rem 2rem 1.5rem}.compass-welcome-title{font-size:1.75rem}.compass-steps{padding:1.25rem 2rem 0}.compass-card-body{padding:1.5rem 2rem 2rem}.compass-menu h2,.compass-results h2{font-size:var(--text-2xl)}}@media (max-width:640px){.compass{padding:1rem 1rem 3rem}.compass-welcome{padding:1.75rem 1.25rem 1.25rem}.compass-welcome-title{font-size:1.5rem}.compass-steps{padding:1rem 1.25rem 0}.compass-step-label{display:none}.compass-card-body{padding:1.25rem 1.25rem 1.5rem}.compass-menu h2{font-size:var(--text-xl)}.compass-menu-grid{grid-template-columns:1fr}.compass-full-card{padding:1.25rem}.compass-full-card h3{font-size:var(--text-lg)}.compass-question h2,.compass-results h2{font-size:var(--text-xl)}.compass-result-score-number{font-size:3rem}.compass-dimensions-grid{grid-template-columns:1fr}.compass-dimension-card:last-child:nth-child(odd){max-width:100%}.compass-option{padding:1rem}.compass-result-explore-actions{flex-direction:column;align-items:center}}.compass-email-gate{text-align:center;padding:1rem 0}.compass-email-gate-icon{color:var(--color-accent-teal);margin-bottom:1rem}.compass-email-gate h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-brown-dark);margin-bottom:.5rem;font-weight:500}.compass-email-gate p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:400px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.compass-email-gate-fields{flex-direction:column;gap:.625rem;max-width:360px;margin:0 auto 1rem;display:flex}.compass-email-gate-input{border:1px solid var(--color-border-subtle,#e5e0db);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-brown-dark);background:var(--color-white);box-sizing:border-box;outline:none;padding:.75rem 1rem;transition:border-color .2s}.compass-email-gate-input:focus{border-color:var(--color-accent-teal)}.compass-email-gate-input::placeholder{color:var(--color-text-muted);opacity:.6}.compass-email-gate-consent{text-align:left;cursor:default;align-items:flex-start;gap:.5rem;max-width:360px;margin:0 auto 1.25rem;display:flex}.compass-email-gate-consent input[type=checkbox]{accent-color:var(--color-accent-teal);flex-shrink:0;width:20px;min-width:20px;height:20px;margin-top:2px}.compass-email-gate-consent span{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.45}.compass-email-gate-error{color:var(--color-error);font-size:var(--text-xs);margin-bottom:.75rem}.compass-email-gate-btn{min-width:200px}