:root{--purple:#512d86;--ink:#17171b;--muted:#666670;--bg:#f5f6f8;--line:#dedee5;--soft:#eeE8f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.5}header,footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:32px 56px}.brand{display:flex;gap:20px;align-items:center}.brand strong{font-size:30px;letter-spacing:-1.5px}.brand span{border-left:1px solid #bfc0c8;padding-left:20px;font-size:16px}.event{font-weight:700;font-size:20px;letter-spacing:-.5px}.event span{margin:0 14px;color:#999;font-weight:400}main{max-width:1080px;min-height:calc(100vh - 193px);padding:30px 32px 42px;margin:auto}footer{padding-top:16px;padding-bottom:22px;font-size:14px;color:var(--muted)}.divider{margin:0 14px;color:#b7b7c2}.eyebrow{font-size:14px;letter-spacing:2px;font-weight:700;color:var(--purple);display:block;margin-bottom:18px}.intro{text-align:center;margin:18px 0 38px}h1{font-size:44px;line-height:1.14;letter-spacing:-1.6px;margin:0 0 18px;font-weight:700}h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 16px}h3{font-size:22px;line-height:1.25;margin:0 0 8px}p{margin:0 0 18px;color:var(--muted)}.intro p{font-size:20px}.card{background:white;border-radius:16px;padding:36px 42px;border:1px solid #ececf1}.profile{max-width:820px;margin:auto}.person{display:flex;align-items:center;gap:22px;padding:0 0 28px;border-bottom:1px solid var(--line)}.avatar{width:70px;height:70px;border-radius:50%;background:var(--soft);color:var(--purple);display:grid;place-items:center;font-weight:700;font-size:25px;flex-shrink:0}.person h2{margin:0 0 3px}.person p{margin:0;font-size:18px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:28px}.label{font-size:13px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);display:block;margin-bottom:5px}.actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px auto 0;max-width:820px}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9873c7;outline-offset:4px}.primary,.secondary{min-height:60px;border-radius:8px;padding:16px 26px;font-size:17px;font-weight:700}.primary{background:var(--purple);color:#fff}.primary:hover{background:#3e206b}.primary:disabled{opacity:.38;cursor:not-allowed}.secondary{background:transparent;border:1px solid #a896c0;color:var(--purple)}.secondary:hover{background:#eee8f6}.text{background:none;color:var(--muted);font-size:14px;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.back{color:var(--muted);background:transparent;min-height:56px;padding:8px 20px 8px 0;font-size:17px}.welcome{display:grid;grid-template-columns:1.15fr .85fr;gap:68px;align-items:center;min-height:530px}.welcome h1{font-size:60px;letter-spacing:-2.6px;line-height:1.06}.welcome p{font-size:21px;max-width:470px;margin-bottom:30px}.welcome .primary{min-width:235px}.welcome-card{padding:36px}.welcome-card .step{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.welcome-card .step:last-child{border:0;padding-bottom:0}.step b{color:var(--purple);font-size:14px;padding-top:5px}.step p{font-size:16px;margin:4px 0 0}.step h3{font-size:20px;margin:0}.small{font-size:14px!important;line-height:1.5;color:var(--muted)}.sample{display:inline-block;padding:7px 11px;background:var(--soft);color:var(--purple);font-size:13px;border-radius:4px;margin-top:20px}.progress-head{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;margin-bottom:13px}.progress{display:flex;gap:8px;margin-bottom:34px}.progress span{height:4px;flex:1;border-radius:4px;background:#dedee5}.progress span.done{background:var(--purple)}.question .intro{text-align:left;margin-bottom:26px}.question h1{font-size:40px}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.option{padding:22px 24px;min-height:98px;background:white;border:1px solid #dedee5;border-radius:10px;text-align:left;display:flex;align-items:center;gap:18px;color:var(--ink)}.option:hover{border-color:#9c81bd}.option.selected{border:2px solid var(--purple);padding:21px 23px;background:#f2edf8}.radio{border:1.5px solid #b7b2c0;width:24px;height:24px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.selected .radio{border-color:var(--purple);background:var(--purple)}.selected .radio:after{content:'✓';font-size:15px;color:white}.option strong{font-size:19px;display:block}.option small{font-size:15px;display:block;color:var(--muted);margin-top:3px}.question .actions{max-width:none}.question .actions .small{margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{font-size:15px;font-weight:700}.form-grid input,.form-grid select{width:100%;height:58px;padding:12px 14px;border:1px solid #bdbbc5;border-radius:6px;font:inherit;font-size:18px;background:#fff;margin-top:8px;color:var(--ink)}.summary-row{padding:17px 0;display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.summary-row:last-child{border:0}.summary-row span{color:var(--muted)}.summary-row strong{text-align:right}.summary-row button{background:none;color:var(--purple);text-decoration:underline;font-size:14px;min-width:54px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tag{font-size:14px;padding:7px 12px;border-radius:5px;background:var(--soft);color:var(--purple)}.results .intro{text-align:left;margin-top:10px;margin-bottom:20px}.results h1{font-size:40px}.recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recommendation{padding:25px;display:flex;flex-direction:column;border-top:3px solid var(--purple)}.recommendation h2{font-size:24px}.recommendation p{font-size:16px}.recommendation .label{margin-bottom:16px;color:var(--purple)}.recommendation .why{padding-top:16px;border-top:1px solid var(--line);margin-top:auto}.recommendation button{margin-top:10px}.callout{background:#eeE8f6;border-radius:10px;padding:20px 24px;margin-top:22px;display:flex;gap:25px;align-items:center}.callout p{font-size:16px;margin:0}.callout strong{white-space:nowrap;color:var(--purple)}.results .actions{max-width:none}.finish{text-align:center;max-width:750px;margin:70px auto}.finish-mark{width:82px;height:82px;border-radius:50%;background:var(--soft);color:var(--purple);font-size:34px;display:grid;place-items:center;margin:0 auto 28px}.finish .primary{margin-top:16px}.finish p{font-size:20px}dialog{border:0;border-radius:18px;padding:0;max-width:690px;width:calc(100% - 40px);max-height:90vh;color:var(--ink);box-shadow:0 24px 90px #17102033}dialog::backdrop{background:#19132377}.modal{padding:38px}.modal p{font-size:16px}.modal .secondary{margin-left:10px}.pipeline{padding:16px;background:var(--soft);border-radius:6px;color:var(--purple);font-size:16px;margin-bottom:18px}a{color:var(--purple)}@media(min-width:1500px){main{padding-top:55px}.welcome{min-height:620px}}@media(max-width:760px){header,footer{padding:22px 24px}.event{display:none}.brand span{font-size:14px}.brand strong{font-size:26px}main{padding:16px 22px 32px}.welcome{grid-template-columns:1fr;gap:30px;min-height:0}.welcome h1{font-size:46px}.welcome-card{padding:26px}.intro{margin:16px 0 26px}h1,.question h1,.results h1{font-size:34px}.card{padding:25px}.details{gap:20px;grid-template-columns:1fr 1fr}.options,.form-grid,.recommendations{grid-template-columns:1fr}.actions{flex-wrap:wrap}.actions .primary{margin-left:auto}.question .actions .small{display:none}.callout{display:block}.callout strong{display:block;margin-bottom:8px}.summary-row{flex-wrap:wrap;gap:8px}.summary-row strong{font-size:16px}.modal{padding:26px}footer{gap:16px}.finish{margin:30px auto}.person{gap:14px}.person h2{font-size:25px}}@media(prefers-reduced-motion:no-preference){main{animation:appear .3s ease}@keyframes appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}}
/* Keep the original identity and give the fixed review columns room to align. */
.welcome{grid-template-columns:minmax(0,1fr) minmax(432px,1fr);gap:36px}.welcome-card{padding:28px}.welcome-card .step{gap:14px}.step p{white-space:nowrap}.company{display:inline-block;margin-left:20px;font-weight:400;overflow-wrap:anywhere}.summary-row{display:grid;grid-template-columns:180px minmax(0,1fr) 54px;gap:22px;align-items:center}.summary-row strong{text-align:left}.profile h2,.person h2,.person p,.details>div{overflow-wrap:anywhere}.progress-head{justify-content:flex-end}.eyebrow:empty{display:none}
.door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}.door-option{min-width:0}.door-frame{position:relative;perspective:1500px;height:540px;border:9px solid #d8d2e0;border-bottom-width:12px;border-radius:5px 5px 0 0;background:#fff;box-shadow:inset 0 0 0 2px #b4a8c4,0 12px 22px #2c173015}.door-leaf{position:absolute;inset:0;width:100%;height:100%;z-index:2;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .85s cubic-bezier(.2,.7,.2,1),visibility 0s .85s;background:linear-gradient(115deg,#623f94,#472373);box-shadow:inset 0 0 0 2px #7657a1,inset -7px 0 8px #27113f44;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff;border-radius:0;padding:28px 22px;isolation:isolate}.door-number{font-size:14px;letter-spacing:3px;text-align:center}.door-number b{display:block;font-size:54px;letter-spacing:-2px;font-weight:400}.door-inset{position:absolute;inset:145px 32px 90px;border:2px solid #ad91ce66;box-shadow:inset 2px 3px 4px #2e124233;pointer-events:none}.door-handle{position:absolute;right:18px;top:52%;width:10px;height:56px;border-radius:4px;background:linear-gradient(90deg,#b9a8cc,#f3ebff,#a491bb);box-shadow:3px 3px 6px #1c0b3255}.door-invitation{font-size:15px;letter-spacing:.3px;display:flex;justify-content:space-between;width:100%;gap:12px}.door-leaf:hover{filter:brightness(1.07)}.is-open .door-leaf{transform:rotateY(-105deg);visibility:hidden;pointer-events:none}.door-reveal{height:100%;padding:22px 20px;display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity .35s .2s;overflow-y:auto}.is-open .door-reveal{visibility:visible;opacity:1}.door-reveal h2{font-size:25px;margin-bottom:10px}.door-reveal p{font-size:16px;line-height:1.45;margin-bottom:14px}.door-reveal .affiliation{font-size:14px;color:var(--purple)}.door-reveal .label{font-size:12px;color:var(--purple);margin-bottom:10px}.door-reveal .why{border-top:1px solid var(--line);padding-top:14px}.door-reveal .why p{font-size:15px}.source{font-size:14px;margin-top:auto}.close-door{font-size:14px;min-height:40px;padding:8px 0;text-align:left}.door-caption{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:10px;padding-top:16px;font-size:16px;font-weight:700;min-height:114px}.door-caption .unexplored{font-size:14px;font-weight:400;color:var(--muted)}.door-caption button{font-size:15px;padding:12px 10px;min-height:48px}.secondary:disabled{opacity:.45;cursor:not-allowed}.chosen .door-frame{border-color:var(--purple)}.match-status{margin-top:18px;color:var(--purple);font-size:16px;text-align:center}.results .actions{margin-top:18px}.results .intro p{font-size:18px}.results .intro{margin-bottom:16px}
@media(min-width:1500px){main:has(.results){padding-top:20px}}
@media(max-width:1000px) and (min-width:761px){.welcome{grid-template-columns:1fr;gap:30px}.welcome-card{max-width:560px;width:100%;margin:0 auto}.door-grid{gap:16px}.door-reveal{padding:16px 12px}.door-frame{height:610px}}
@media(max-width:760px){.welcome{grid-template-columns:minmax(0,1fr)}.step p{white-space:normal}.welcome-card{padding:20px}.summary-row{grid-template-columns:100px minmax(0,1fr) 36px;gap:10px;font-size:14px}.summary-row strong{font-size:15px}.summary-row button{min-width:0;padding:8px 0}.company{display:block;margin:8px 0 0}.door-grid{grid-template-columns:minmax(0,1fr);max-width:420px;margin:24px auto}.door-frame{height:520px}.door-caption{min-height:95px}.door-reveal{padding:24px}.door-reveal p{font-size:17px}.door-reveal .why p{font-size:16px}.actions .primary{max-width:100%}.brand{gap:12px}.brand span{padding-left:12px}}
@media(prefers-reduced-motion:reduce){.door-leaf,.door-reveal{transition:none}}
@media(min-width:1001px){main:has(.results){max-width:1200px;padding-top:16px}.door-frame{height:500px}.door-caption{min-height:100px}.results .intro{margin-top:0}.door-grid{margin-top:22px}}
@media(max-width:760px){.door-frame{height:580px}}
@media(min-width:380px) and (max-width:760px){.welcome-card{padding:20px 8px}.welcome-card .step{gap:8px}.step p{white-space:nowrap}}