:root{font-family:Manrope,Arial,sans-serif;color:#172b28;background:#f5f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,footer{max-width:1240px;margin:auto;padding:30px 40px;display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid #d8ddd2}.brand{text-decoration:none;color:inherit;font-weight:800;letter-spacing:2px}.brand span{font-weight:500;font-size:12px;letter-spacing:0;color:#64716b;margin-left:12px}.tag,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}main{max-width:1160px;margin:auto}button{font:inherit;cursor:pointer;border:1px solid #c5ccc2;border-radius:12px;background:transparent;padding:14px 20px;color:inherit;font-weight:700}button:hover{background:#e7eade}button:disabled{opacity:.4;cursor:default}.primary{background:#172b28;color:#fff;border-color:#172b28}.primary:hover{background:#2c4840}.primary span{margin-left:25px}.hero{padding:70px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}h1{font-size:80px;line-height:1.07;letter-spacing:-5px;margin:22px 0 26px;font-weight:800}h1:focus{outline:none}h1 em{font-style:normal;color:#657b48}.lead{font-size:19px;line-height:1.7;max-width:680px}.hero .primary{margin-top:18px}.small,small{color:#65716a;font-size:12px;line-height:1.7}.small{margin-top:22px}.compass{height:430px;border-radius:50%;background:#e6eadc;position:relative;display:grid;place-items:center}.orbit{position:absolute;inset:42px;border:1px solid #b9c4ad;border-radius:50%}.orbit:before{content:'';position:absolute;inset:36px;border:1px dashed #b9c4ad;border-radius:50%}.axis{position:absolute;inset:20px 50%;border-left:1px solid #c3ccb9}.axis:after{content:'';position:absolute;height:1px;width:390px;background:#c3ccb9;left:-195px;top:50%}.needle{position:absolute;height:270px;width:50px;background:linear-gradient(110deg,#49664b 50%,#b4c890 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:rotate(35deg)}.compass b{position:relative;background:#172b28;color:#fff;border-radius:50%;height:110px;width:110px;display:grid;place-content:center;text-align:center;font-size:10px;letter-spacing:1px}.compass span{position:absolute;font-size:9px;letter-spacing:1.5px;font-weight:700}.north{top:20px}.south{bottom:20px}.east{right:0;transform:rotate(90deg)}.west{left:0;transform:rotate(-90deg)}.intro{border-top:1px solid #d8ddd2;padding:30px 0}.intro>p:first-child{font-size:22px;max-width:770px;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.chips span{border:1px solid #d2d8cd;padding:12px 15px;border-radius:30px;font-size:12px}.chips i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}footer{font-size:12px;color:#65716a;margin-top:40px}footer button{font-size:12px;border:0}.question{max-width:760px;margin:55px auto}.step{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;font-weight:800}.progress,.bar{height:6px;background:#e0e4d9;border-radius:8px;overflow:hidden;margin:18px 0 45px}.progress i,.bar i{display:block;height:100%;background:#78965c}.question h1{font-size:33px;letter-spacing:-1px;line-height:1.35}.hint{font-size:14px;color:#65716a;line-height:1.7}fieldset{border:0;padding:0;margin:25px 0;display:grid;gap:9px}.answer{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid #ccd4c6;border-radius:12px;cursor:pointer;font-size:14px}.answer:hover,.answer.selected{background:#e7eedc;border-color:#6b8852}.answer span{display:grid;place-content:center;background:#fff9;width:29px;height:29px;border-radius:6px;font-size:12px}.answer input{position:absolute;opacity:0}.answer:has(input:focus-visible){outline:3px solid #5177b8;outline-offset:2px}nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.results{padding:50px 0}.results h1{font-size:54px;letter-spacing:-2px;max-width:850px}.scores{background:#fff;padding:28px;border-radius:18px;display:grid;gap:22px;margin-top:30px;max-width:760px}.score-label{display:flex;justify-content:space-between;gap:12px;font-size:14px}.bar{height:10px;margin:10px 0 5px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0}.role-grid article{background:#fff;border:1px solid #d8ddd2;padding:28px;border-radius:18px}.role-grid h2{font-size:25px;letter-spacing:-.7px}.role-grid p{font-size:14px;line-height:1.8}.role-grid h3{font-size:13px;margin:24px 0 5px}.task{padding:1px 18px 12px;background:#edf1e6;border-radius:12px;margin-top:24px}.role-grid .small{font-size:12px}dialog{border:1px solid #c4cebc;border-radius:20px;padding:32px;max-width:700px;width:calc(100% - 30px);max-height:85vh;color:#172b28;background:#fafbf6;line-height:1.8}dialog::backdrop{background:#10271ccc}dialog a{color:#426333}dialog #close{float:right}dialog p,dialog li{font-size:14px}a:focus-visible,button:focus-visible{outline:3px solid #5177b8;outline-offset:3px}@media(max-width:1200px){main{padding:0 35px}.compass{height:380px}.axis:after{width:330px;left:-165px}}@media(max-width:700px){header,footer{padding:22px}.tag{display:none}.brand span{margin-left:0}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;padding:38px 0}.hero h1{font-size:60px;letter-spacing:-3px}.compass{height:290px;width:290px;margin:auto}.axis:after{width:250px;left:-125px}.needle{height:190px}.hero .lead{font-size:16px}.intro>p:first-child{font-size:19px}.question{margin:30px auto}.question h1{font-size:25px;letter-spacing:-.6px}.question .eyebrow{font-size:9px;line-height:1.8}.answer{padding:13px;font-size:13px}.answer span{flex-shrink:0}.results h1{font-size:37px;letter-spacing:-1px}.role-grid{grid-template-columns:1fr}.role-grid article{padding:22px}.lead{font-size:16px}.scores{padding:20px}.score-label{font-size:12px}footer{align-items:start;gap:10px;flex-direction:column}footer button{padding-left:0}}

.result-hero{background:#172b28;color:#fff;border-radius:24px;padding:46px;border-top:8px solid var(--accent);position:relative;overflow:hidden}.result-hero:after{content:'↗';position:absolute;right:30px;top:10px;font-size:110px;line-height:1;color:var(--accent);opacity:.13;pointer-events:none}.result-hero .eyebrow{color:var(--accent)}.result-hero h1{max-width:850px;font-size:58px;letter-spacing:-2.6px;margin:20px 0}.result-hero .lead{font-size:23px;max-width:760px;color:#e3ecdc}.result-hero h3{font-size:14px;margin-top:30px}.reasons{list-style:none;padding:0;max-width:780px}.reasons li{position:relative;padding:10px 0 10px 29px;font-size:15px;line-height:1.65}.reasons li:before{content:'↗';position:absolute;left:0;color:var(--accent,#b8d97b);font-weight:800}.verdict-note{color:#c3cfbe;font-size:12px;border-top:1px solid #ffffff28;padding-top:20px;margin-top:24px;line-height:1.7}.next-step,.neighbour{padding:28px 32px;border-radius:18px;margin-top:20px;line-height:1.8}.next-step{background:#e7eedb;border:1px solid #c9d7b8}.neighbour{border:1px solid #cdd5c7;background:#fff}.next-step h2,.neighbour h2{font-size:25px;letter-spacing:-.8px;margin:12px 0}.next-step p,.neighbour p{font-size:15px;max-width:850px}.neighbour .eyebrow,.next-step .eyebrow{font-size:10px}.profile-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.profile-tags span{border:2px solid;padding:10px 16px;border-radius:30px;font-size:16px;font-weight:700}.mixed-reasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px}.breakdown,.all-roles{border:1px solid #cdd5c7;border-radius:14px;margin:20px 0;padding:20px;background:#fafbf6}.breakdown summary,.all-roles summary{cursor:pointer;font-size:15px;font-weight:800;line-height:1.6}.breakdown ol{padding-left:20px;font-size:14px;line-height:1.8}.breakdown li{margin:15px 0}.breakdown .scores{max-width:none}.all-roles .role-grid{margin-bottom:0}.result-actions{margin-top:30px}@media(max-width:700px){.result-hero{padding:26px 22px;border-radius:18px}.result-hero h1{font-size:36px;letter-spacing:-1.3px;line-height:1.15;overflow-wrap:anywhere}.result-hero .lead{font-size:18px}.result-hero:after{right:15px;font-size:70px}.reasons li{font-size:14px}.next-step,.neighbour{padding:23px}.next-step h2,.neighbour h2{font-size:23px}.profile-tags span{font-size:14px}.breakdown,.all-roles{padding:18px}.mixed-reasons{grid-template-columns:1fr;gap:0}}