*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#12100e;--paper:#f9f5ee;--cream:#f2ebe0;--gold:#c8920a;--gold2:#e8ac20;--gold-glow:#c8920a26;--gold-pale:#fffbf0;--muted:#8a7d6a;--border:#ddd0b8;--white:#fffefa;--shadow:0 2px 20px #12100e14}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 15% 20%,#c8920a0f 0%,#0000 70%),radial-gradient(50% 60% at 85% 80%,#8b5a140d 0%,#0000 70%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.stage{z-index:1;min-height:100vh;position:relative}.inner{max-width:720px;margin:0 auto;padding:0 1.5rem 5rem}.prog-bar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#f9f5eef2;padding:.6rem 1.5rem;position:sticky;top:0}.prog-row{align-items:center;gap:.75rem;max-width:720px;margin:0 auto;display:flex}.prog-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);white-space:nowrap;font-family:DM Mono,monospace;font-size:.6rem}.prog-track{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--gold), var(--gold2));border-radius:2px;height:100%;transition:width .5s}.prog-num{color:var(--muted);white-space:nowrap;font-family:DM Mono,monospace;font-size:.62rem}.screen-enter{animation:.5s both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.intro{text-align:center;padding:4rem 0 3rem;position:relative}.results{position:relative}.brand-logo{filter:drop-shadow(0 4px 16px #12100e14);width:clamp(180px,36vw,260px);height:auto;margin:0 auto 1.5rem;display:block}.eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);align-items:center;gap:.6rem;margin-bottom:1.5rem;font-family:DM Mono,monospace;font-size:.62rem;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";background:var(--gold);width:24px;height:1px}.hero-title{color:var(--ink);margin-bottom:.75rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:600;line-height:1.1}.hero-title em{color:var(--gold);font-style:italic}.hero-sub{color:var(--muted);max-width:460px;margin:.75rem auto 0;font-size:1rem;line-height:1.75}.compass-wrap{width:200px;height:200px;margin:2.5rem auto;position:relative}.compass-wrap svg{width:100%;height:100%}@keyframes spin-needle{0%{transform:rotate(-20deg)}50%{transform:rotate(25deg)}to{transform:rotate(-20deg)}}.needle-animated{transform-origin:50% 70%;animation:4s ease-in-out infinite spin-needle}.intro-pills{flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.5rem 0 2rem;display:flex}.pill{letter-spacing:.06em;background:var(--cream);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:.35rem .9rem;font-family:DM Mono,monospace;font-size:.68rem}.pill strong{color:var(--gold)}.cta-btn{background:var(--gold);color:#fff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:.85rem 2.5rem;font-family:DM Mono,monospace;font-size:.78rem;transition:all .2s;display:inline-block;box-shadow:0 4px 24px #c8920a59}.cta-btn:hover{background:#b07e08;transform:translateY(-2px);box-shadow:0 8px 28px #c8920a66}.cta-note{color:var(--muted);margin-top:.85rem;font-size:.72rem;font-style:italic}.quiz{padding:2.5rem 0}.q-shell{animation:.3s both rise}.dim-badge{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.6rem;display:inline-flex}.dim-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.q-counter{color:var(--muted);margin-bottom:.4rem;font-family:DM Mono,monospace;font-size:.65rem}.q-text{color:var(--ink);margin-bottom:.4rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.15rem,3.5vw,1.5rem);font-weight:600;line-height:1.45}.q-hint{color:var(--muted);margin-bottom:1.75rem;font-size:.82rem;font-style:italic;line-height:1.6}.opts{gap:.55rem;margin-bottom:2rem;display:grid}.opt{background:var(--white);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:4px;align-items:flex-start;gap:.8rem;width:100%;padding:.8rem 1rem;font-family:inherit;transition:all .16s;display:flex}.opt:hover{border-color:var(--gold2);background:var(--gold-pale)}.opt.picked{border-color:var(--gold);background:var(--gold-pale);box-shadow:0 0 0 3px #c8920a1a}.opt-n{background:var(--cream);border:1px solid var(--border);color:var(--muted);border-radius:2px;flex-shrink:0;margin-top:.15rem;padding:.18rem .45rem;font-family:DM Mono,monospace;font-size:.62rem;transition:all .15s}.opt.picked .opt-n{background:var(--gold);color:#fff;border-color:var(--gold)}.opt-t{color:var(--ink);font-size:.88rem;line-height:1.5}.opt-t b{color:var(--gold)}.q-foot{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-dots{flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:160px;display:flex}.ndot{background:var(--border);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:all .25s}.ndot.done{background:var(--gold)}.ndot.now{background:var(--gold2);transform:scale(1.4)}.btn-back,.btn-next{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:.6rem 1.35rem;font-family:DM Mono,monospace;font-size:.7rem;transition:all .18s}.btn-back{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-back:hover{border-color:var(--muted);color:var(--ink)}.btn-back.invisible{visibility:hidden}.btn-next{background:var(--gold);color:#fff;box-shadow:0 3px 14px #c8920a40}.btn-next:hover{background:#b07e08;transform:translateY(-1px)}.btn-next:disabled{background:var(--border);color:var(--muted);box-shadow:none;cursor:not-allowed;transform:none}.lead{text-align:center;padding:3.5rem 0}.lead-title{margin-bottom:.6rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:600}.lead-sub{color:var(--muted);max-width:440px;margin:.5rem auto 2rem;font-size:.9rem;line-height:1.75}.form{max-width:400px;margin:0 auto}.field{text-align:left;margin-bottom:.9rem}.field label{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem;font-family:DM Mono,monospace;font-size:.6rem;display:block}.field input{background:var(--white);border:1.5px solid var(--border);width:100%;color:var(--ink);border-radius:3px;outline:none;padding:.65rem .9rem;font-family:Outfit,sans-serif;font-size:.9rem;transition:border-color .18s}.field input:focus{border-color:var(--gold)}.submit-btn{background:var(--gold);color:#fff;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:3px;width:100%;margin-top:.4rem;padding:.8rem;font-family:DM Mono,monospace;font-size:.75rem;transition:all .2s;box-shadow:0 4px 18px #c8920a4d}.submit-btn:hover{background:#b07e08;transform:translateY(-1px)}.priv{color:var(--muted);margin-top:.7rem;font-size:.7rem;font-style:italic}.results{padding:2.5rem 0}.score-hero{text-align:center;margin-bottom:3rem}.ring-wrap{width:180px;height:180px;margin:0 auto 1.25rem;position:relative}.ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--border);stroke-width:11px}.ring-fg{fill:none;stroke-width:11px;stroke-linecap:round;stroke-dasharray:502;transition:stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1)}.ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-num{font-family:Cormorant Garamond,serif;font-size:2.6rem;font-weight:700;line-height:1}.ring-of{letter-spacing:.12em;color:var(--muted);margin-top:.15rem;font-family:DM Mono,monospace;font-size:.6rem}.profile-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;font-family:DM Mono,monospace;font-size:.62rem}.profile-title{margin-bottom:.6rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.3rem,4vw,1.85rem);font-weight:600}.profile-body{color:var(--muted);max-width:520px;margin:0 auto;font-size:.9rem;line-height:1.75}.s-head{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);align-items:center;gap:.6rem;margin:2.5rem 0 1.25rem;font-family:DM Mono,monospace;font-size:.62rem;display:flex}.s-head:after{content:"";background:var(--border);flex:1;height:1px}.dim-bars{gap:.75rem;margin-bottom:2rem;display:grid}.dbar{background:var(--white);border:1px solid var(--border);border-radius:4px;padding:1rem 1.1rem}.dbar-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dbar-name{font-size:.85rem;font-weight:600}.dbar-pct{font-family:DM Mono,monospace;font-size:.72rem;font-weight:500}.dbar-track{background:var(--cream);border-radius:4px;height:7px;overflow:hidden}.dbar-fill{border-radius:4px;height:100%;transition:width 1.3s cubic-bezier(.4,0,.2,1)}.dbar-sub{color:var(--muted);margin-top:.45rem;font-size:.75rem;line-height:1.5}.radar-card{background:var(--white);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.5rem;display:flex}.radar-canvas{width:100%;max-width:280px}@media (min-width:580px){.radar-card{flex-direction:row;align-items:flex-start}.radar-canvas{max-width:240px}}.pot-card{background:var(--ink);color:var(--paper);border-radius:6px;margin:2rem 0;padding:2rem;position:relative;overflow:hidden}.pot-card:before{content:"";background:#c8920a1a;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.pot-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.6rem}.pot-text{font-family:Cormorant Garamond,serif;font-size:clamp(1rem,3vw,1.3rem);line-height:1.65;position:relative}.pot-text em{color:var(--gold2);font-style:italic}.gaps{gap:.85rem;margin-bottom:2rem;display:grid}.gap-card{background:var(--white);border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.gap-bar{flex-shrink:0;width:5px}.gap-body{flex:1;padding:1rem 1.1rem}.gap-priority{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem;font-family:DM Mono,monospace;font-size:.58rem}.gap-title{margin-bottom:.3rem;font-size:.9rem;font-weight:600}.gap-desc{color:var(--muted);margin-bottom:.5rem;font-size:.8rem;line-height:1.6}.gap-step{color:var(--gold);font-size:.78rem;font-weight:600}.result-cta-top{margin-top:1.75rem}.result-cta{background:linear-gradient(135deg, var(--gold-pale), #fff8e0);text-align:center;border:1px solid #c8920a40;border-radius:6px;margin-top:2rem;padding:2rem}.rcta-title{margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600}.rcta-sub{color:var(--muted);max-width:440px;margin:0 auto 1.5rem;font-size:.88rem;line-height:1.7}.rcta-btn{background:var(--gold);color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:.8rem 2rem;font-family:DM Mono,monospace;font-size:.75rem;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 18px #c8920a4d}.rcta-btn:hover{background:#b07e08;transform:translateY(-1px)}.rcta-or{color:var(--muted);margin-top:.85rem;font-size:.75rem}.rcta-or a{color:var(--gold);text-decoration:none}.restart{letter-spacing:.08em;text-transform:uppercase;width:fit-content;color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin:1.5rem auto 0;font-family:DM Mono,monospace;font-size:.65rem;text-decoration:underline;display:block}.save-banner{background:linear-gradient(135deg, var(--gold-pale), var(--cream));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin:1.75rem 0 2rem;padding:1.25rem 1.4rem}.save-banner.saved{background:linear-gradient(135deg, #f0f7f1, var(--cream))}.save-banner-body{gap:.35rem;display:grid}.save-banner-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-family:DM Mono,monospace;font-size:.58rem}.save-banner-eyebrow.saved{color:#2a8a50}.save-banner-title{margin-bottom:.15rem;font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:600;line-height:1.15}.save-banner-sub{color:var(--muted);max-width:56ch;margin-bottom:.6rem;font-size:.85rem;line-height:1.5}.save-banner-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.save-banner-btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:3px;padding:.65rem 1.1rem;font-family:DM Mono,monospace;font-size:.68rem;text-decoration:none;transition:all .2s;display:inline-block}.save-banner-btn.primary{background:var(--gold);color:#fff;box-shadow:0 4px 18px #c8920a40}.save-banner-btn.primary:hover{background:#b07e08;transform:translateY(-1px)}.save-banner-btn.ghost{border:1px solid var(--border);color:var(--muted);background:0 0}.save-banner-btn.ghost:hover{border-color:var(--gold);color:var(--gold)}.auth-bar{z-index:10;align-items:center;gap:.35rem;display:flex;position:absolute;top:1.1rem;right:1.5rem}.auth-chip{letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;border-radius:18px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-family:DM Mono,monospace;font-size:.62rem;text-decoration:none;transition:all .18s;display:inline-flex}.auth-chip:hover{border-color:var(--gold);color:var(--gold)}.auth-chip-dot{background:var(--gold);border-radius:50%;width:6px;height:6px}.auth-chip-group{align-items:center;gap:.35rem;display:inline-flex}.auth-chip-out{border:1px solid var(--border);background:var(--white);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:.72rem;line-height:1;transition:all .18s;display:inline-flex}.auth-chip-out:hover{border-color:var(--red,#b83232);color:var(--red,#b83232)}.auth-chip-placeholder{width:70px;height:30px}