:root{--navy:#14213d;--paper:#f7f4ee;--blue:#dbe7ff;--blue-strong:#89aef9;--orange:#f05c3b;--line:rgba(20,33,61,.16);--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--navy);background:var(--paper);font-family:Arial,Helvetica,sans-serif}.site-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--paper);overflow:hidden}button{font:inherit;color:inherit}.nav{height:86px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;border:0;background:transparent;cursor:pointer;font-family:var(--serif);font-size:19px;font-weight:bold}.brand-mark{width:30px;height:30px;position:relative;display:block;transform:rotate(45deg)}.brand-mark i{position:absolute;width:12px;height:12px;border:1.5px solid var(--orange);border-radius:50% 50% 0 50%}.brand-mark i:nth-child(1){left:0;top:0}.brand-mark i:nth-child(2){right:0;top:0;transform:rotate(90deg)}.brand-mark i:nth-child(3){right:0;bottom:0;transform:rotate(180deg)}.brand-mark i:nth-child(4){left:0;bottom:0;transform:rotate(270deg)}.nav-meta{display:flex;align-items:center;gap:24px}.edition{font-size:10px;text-transform:uppercase;letter-spacing:.16em;border:1px solid var(--line);padding:9px 12px}.restart,.text-button{border:0;background:transparent;cursor:pointer;border-bottom:1px solid currentColor;padding:7px 0;font-size:12px}.intro{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);max-width:1440px;width:100%;margin:auto;padding:clamp(65px,8vw,120px) clamp(22px,6vw,90px);position:relative;align-items:center}.intro-copy{max-width:720px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:bold;color:var(--orange);margin:0 0 28px}.eyebrow span{width:28px;height:1px;background:var(--orange)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.96;margin:0}h1{font-size:clamp(58px,7.1vw,104px);max-width:820px}h1 em,h2 em{font-weight:400;color:var(--orange)}.lede{font-family:var(--serif);font-size:19px;line-height:1.6;max-width:570px;margin:32px 0}.intro-actions,.results-actions{display:flex;align-items:center;gap:28px}.primary{border:0;background:var(--navy);color:white;cursor:pointer;padding:17px 20px;min-width:226px;display:flex;align-items:center;justify-content:space-between}.save-note{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:26px;opacity:.55}.save-note span{color:#53a171;margin-right:6px}.intro-art{height:510px;position:relative}.big-circle,.small-circle{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.big-circle{width:370px;height:370px;background:var(--blue);right:2%;top:40px}.big-circle:after{content:"";position:absolute;inset:28px;border:1px solid rgba(20,33,61,.18);border-radius:50%}.big-circle span{font-family:var(--serif);font-size:108px;line-height:.8}.big-circle small{text-transform:uppercase;letter-spacing:.15em;font-size:10px;margin-top:20px}.small-circle{border:1px solid var(--navy);background:var(--paper);font-family:var(--serif)}.small-circle.one{width:126px;height:126px;right:320px;top:20px}.small-circle.two{width:88px;height:88px;right:28px;bottom:45px;background:var(--orange);color:white;border:0}.small-circle span{font-size:36px}.intro-art>p{position:absolute;right:320px;bottom:94px;font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.5}.method-panel{grid-column:1/-1;margin-top:78px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr) 1.2fr}.method-panel article{padding:32px 38px 20px 0;border-right:1px solid var(--line);margin-right:38px}.method-panel b{font-size:10px;color:var(--orange);letter-spacing:.1em}.method-panel h3{font-family:var(--serif);font-size:25px;margin:17px 0 8px}.method-panel p{font-family:var(--serif);font-size:14px;line-height:1.55;opacity:.65}.choice-count{display:flex;align-items:center;gap:18px}.choice-count strong{font-family:var(--serif);font-size:70px;font-weight:400}.choice-count span{text-transform:uppercase;font-size:9px;line-height:1.7;letter-spacing:.12em}.assessment{flex:1;padding:50px clamp(22px,6vw,90px) 60px;max-width:1400px;width:100%;margin:auto}.assessment-head{display:flex;align-items:flex-end;justify-content:space-between}.assessment-head .eyebrow{margin-bottom:16px}.assessment h2{font-size:clamp(42px,5vw,72px)}.stage-label{text-align:right;text-transform:uppercase;letter-spacing:.13em}.stage-label span,.stage-label strong{display:block}.stage-label span{font-size:9px;opacity:.5}.stage-label strong{font-size:11px;margin-top:9px;color:var(--orange)}.progress-wrap{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin:35px 0 44px}.progress-track{height:3px;background:var(--blue)}.progress-track i{display:block;height:100%;background:var(--orange);transition:width .3s}.progress-wrap>span{font-size:10px;letter-spacing:.1em;opacity:.6}.prompt{text-align:center;font-family:var(--serif);font-style:italic;font-size:17px;margin:0 0 22px}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;max-width:1100px;margin:auto}.choice-card{height:410px;border:1px solid var(--line);background:white;padding:28px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,border .2s,background .2s}.choice-card:after{content:"";position:absolute;width:200px;height:200px;border:1px solid var(--blue-strong);border-radius:50%;right:-110px;top:-110px;transition:transform .25s,background .25s}.choice-card:hover,.choice-card:focus-visible{transform:translateY(-5px);border-color:var(--navy);background:var(--blue)}.choice-card:hover:after{transform:scale(1.25);background:var(--orange);border-color:var(--orange)}.key-hint{font-size:9px;text-transform:uppercase;letter-spacing:.14em;border:1px solid var(--line);padding:7px 9px}.choice-symbol{font-family:var(--serif);font-size:52px;color:var(--orange);margin:45px 0 20px}.choice-name{font-family:var(--serif);font-size:clamp(34px,4vw,52px);letter-spacing:-.04em}.choice-description{font-family:var(--serif);font-size:15px;line-height:1.55;opacity:.62;max-width:350px;margin-top:13px}.choose-label{margin-top:auto;text-transform:uppercase;font-size:9px;letter-spacing:.13em;border-bottom:1px solid currentColor;padding-bottom:4px}.choose-label b{margin-left:12px;color:var(--orange)}.or{position:absolute;width:54px;height:54px;border-radius:50%;background:var(--navy);color:white;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2}.or span{font-family:var(--serif);font-style:italic}.assessment-note{text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.14em;opacity:.48;margin-top:24px}.results{flex:1;text-align:center;padding:70px clamp(22px,5vw,70px) 85px;position:relative}.results>.eyebrow{justify-content:center}.results h2{font-size:clamp(50px,6vw,84px)}.results-lede{font-family:var(--serif);font-size:17px;line-height:1.55;max-width:650px;margin:25px auto 46px;opacity:.65}.final-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);text-align:left}.final-grid article{min-height:300px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:white}.final-grid article.top-card{background:var(--blue)}.rank{font-size:10px;color:var(--orange)}.final-symbol{font-family:var(--serif);font-size:40px;color:var(--orange);margin:34px 0 20px}.final-grid h3{font-family:var(--serif);font-size:27px;margin:0}.final-grid p{font-family:var(--serif);font-size:13px;line-height:1.5;opacity:.62;margin-top:auto}.results-actions{justify-content:center;margin-top:36px}.confetti-dot{position:absolute;border-radius:50%}.d1{width:70px;height:70px;background:var(--blue);left:7%;top:18%}.d2{width:22px;height:22px;background:var(--orange);right:12%;top:14%}.d3{width:110px;height:110px;border:1px solid var(--navy);right:4%;top:30%}footer{padding:26px clamp(22px,4vw,64px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.13em}footer p{font-family:var(--serif);font-size:13px;text-transform:none;letter-spacing:0;font-style:italic;opacity:.65}
@media(max-width:850px){.nav{height:72px}.edition{display:none}.intro{grid-template-columns:1fr;padding-top:65px}.intro-art{height:330px;margin-top:30px}.big-circle{width:270px;height:270px}.big-circle span{font-size:80px}.small-circle.one{right:230px;width:90px;height:90px}.small-circle.two{bottom:20px}.intro-art>p{left:0;right:auto;bottom:28px}.method-panel{grid-template-columns:1fr;margin-top:40px}.method-panel article{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:24px 0}.choice-count{padding-top:24px}.assessment{padding-top:35px}.assessment-head{align-items:flex-start}.stage-label{min-width:100px}.pair-grid{grid-template-columns:1fr}.choice-card{height:280px}.choice-symbol{margin:22px 0 8px}.or{top:50%;left:50%}.final-grid{grid-template-columns:repeat(2,1fr)}.final-grid article:last-child{grid-column:1/-1}.results-actions{flex-direction:column}.results{padding-top:55px}.d1,.d2,.d3{display:none}}
@media(max-width:520px){.brand{font-size:16px}.restart{font-size:10px}h1{font-size:54px}.intro-actions{align-items:flex-start;flex-direction:column;gap:16px}.assessment-head h2{font-size:36px}.assessment-head{gap:15px}.pair-grid{gap:12px}.choice-card{height:255px;padding:20px}.choice-name{font-size:34px}.choice-description{font-size:13px}.choice-symbol{font-size:38px}.or{width:42px;height:42px}.final-grid{grid-template-columns:1fr}.final-grid article:last-child{grid-column:auto}.final-grid article{min-height:230px}footer p,footer span:last-child{display:none}}
@media print{.nav,.results-actions,footer,.confetti-dot{display:none}.results{padding:30px}.final-grid{grid-template-columns:repeat(5,1fr)}body{background:white}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}