:root{--purple:#3b2266;--ink:#342840;--muted:#84788b;--green:#488e59;--line:#e8e1eb;--paper:#fbfaf8;--lavender:#f3eef7;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;font-size:15px;line-height:1.6}
a{color:inherit;text-underline-offset:4px}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default}
button:focus-visible,a:focus-visible{outline:3px solid #ad8ace;outline-offset:4px}
h1,p{margin:0}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;top:-100px;left:16px;z-index:10}
.skip:focus{top:10px;background:white;padding:10px}
.header-inner{min-height:98px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}
.logo{font-family:-apple-system,system-ui,Inter,"Segoe UI",sans-serif;font-size:23px;font-weight:600;color:var(--purple);text-decoration:none}
.layout{width:100%;flex:1}
.quiz-area{padding:12px 24px 42px}
.quiz-shell{max-width:520px;margin:0 auto}
.step-top{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin-bottom:15px}
.step-count{margin-left:auto;font-size:11px;color:#97899f}
.back{padding:0;background:none;border:0;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:9px;min-height:28px}
.back:hover{color:var(--purple)}
.back span{font-size:18px}
.progress{padding:0;margin:0;list-style:none;display:flex;gap:8px}
.progress li{flex:1}
.progress li>span:first-child{height:2px;display:block;background:var(--line);border-radius:2px}
.progress li.done>span:first-child{background:#b7a4c6}
.progress li[aria-current]>span:first-child{background:var(--purple)}
.screen{padding-top:32px}
h1{font-size:30px;font-weight:600;line-height:1.3;color:var(--purple);letter-spacing:-.7px;text-align:center;text-wrap:balance}
h1:focus{outline:none}
.screen-intro{font-size:13px;color:var(--muted);text-align:center;margin-top:14px}
.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.option{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;text-align:left;align-items:center;gap:13px;min-height:78px;padding:20px;color:var(--purple);transition:background .15s,border-color .15s}
.option:hover{background:#f6f2f8;border-color:#c2accf}
.option[aria-pressed=true]{background:var(--lavender);border-color:#a88abc}
.option-icon{width:23px;height:23px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.option-icon svg{width:23px;height:23px;stroke:#a28ab0;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.option-title{font-size:15px;font-weight:500;line-height:1.5;display:block}
.option-chevron{display:none}
.options.list{grid-template-columns:1fr}
.list .option{min-height:66px;padding:18px 22px}
.list .option-icon{display:none}
.footer{width:100%;max-width:1000px;margin:auto;min-height:64px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#a396ab}
.footer nav{display:flex;gap:20px}
.footer a{text-decoration:none}
.footer a:hover{text-decoration:underline}
.screen.result{padding-top:35px}
.button{display:flex;align-items:center;justify-content:center;gap:22px;background:var(--green);border:0;border-radius:8px;color:#fff;font-size:15px;font-weight:600;text-decoration:none;min-height:54px;padding:14px 20px;transition:background .15s}
.button:hover{background:#367544}
.button span{font-size:21px;font-weight:400}
.handoff{margin-top:30px}
.offer-note{text-align:center;font-size:11px;color:#97879f;margin-top:13px}
.offer-note strong{font-weight:400}
.restart{display:block;font-size:11px;color:#a08eab;padding:10px;background:none;border:0;margin:27px auto 0;text-decoration:underline;text-underline-offset:4px}
.no-js{padding:30px 0}
.no-js p{margin:15px 0}
@media(max-width:600px){.header-inner{min-height:86px}.logo{font-size:22px}.quiz-area{padding:8px 24px 30px}.screen{padding-top:26px}h1{font-size:28px}.options{gap:12px;margin-top:29px}.option{min-height:94px;padding:18px;gap:11px}.option-title{font-size:14px}.footer{padding:18px 24px;font-size:10px}.footer nav{gap:16px}.list .option{padding:17px 18px}}
@media(max-width:360px){.quiz-area{padding-inline:20px}h1{font-size:26px}.option{padding:15px 12px;gap:8px}.option-title{font-size:13px}.option-icon,.option-icon svg{width:20px;height:20px}.footer{padding-inline:20px}.footer nav{gap:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.other-question{display:block;margin:24px auto 0;padding:8px;background:none;border:0;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.other-question:hover{color:var(--purple)}

.welcome-offer{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 16px;background:#eee8f3;color:var(--purple);font-size:12px;line-height:1.5}
.welcome-offer strong{font-weight:600}.welcome-offer svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round}
.rating{display:flex;align-items:center;gap:6px;font-size:11px;color:#766782;text-decoration:none}.rating:hover{text-decoration:underline}.rating strong{color:var(--purple);font-weight:600}.rating-star{color:#488e59;font-size:14px}.rating-divider{color:#c5b9cc}
.topics .option{min-height:128px;flex-direction:column;justify-content:center;gap:13px;text-align:center;background:#f3eef7;border-color:#e9e0ef;box-shadow:0 3px 12px #3b226604;padding:20px 12px}
.topics .option:hover{background:#eae0f2;border-color:#bda4ce;transform:translateY(-1px)}
.topic-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px}.topic-icon svg{width:34px;height:34px;stroke:#8f6ca8;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.trust-card{margin-top:26px;padding:17px 20px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px #3b226605}
.trust-points{display:flex;justify-content:center;gap:22px;font-size:11px;color:#766582}.trust-points>span{display:flex;align-items:center;gap:6px}.trust-points svg{width:16px;height:16px;fill:none;stroke:#488e59;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.customer-review{margin:14px 0 0;padding-top:14px;border-top:1px solid #eee8f1;text-align:center}.customer-review blockquote{margin:0;font-size:13px;line-height:1.7;color:var(--purple)}.customer-review figcaption{margin-top:7px;font-size:10px;color:#83748d}.customer-review figcaption>span{margin:0 4px;color:#c6bbcf}.customer-review a{text-decoration:none}.customer-review a:hover{text-decoration:underline}
.other-question{margin-top:16px}.step-top{margin-bottom:11px}.progress li>span:first-child{height:3px}
@media(max-width:600px){.topics .option{min-height:110px;gap:10px;padding:16px 10px}.topic-icon,.topic-icon svg{width:30px;height:30px}.trust-card{margin-top:22px;padding:15px 16px 16px}.trust-points{gap:15px;font-size:10px}.customer-review{margin-top:12px;padding-top:12px}.customer-review blockquote{font-size:13px}.other-question{margin-top:12px}.screen.result{padding-top:26px}}
@media(max-width:360px){.trust-points{gap:9px;font-size:9px}.trust-points svg{width:14px;height:14px}.trust-card{padding-inline:12px}.customer-review blockquote{font-size:12px}}

.platform-proof{font-size:13px;line-height:1.6;text-align:center;color:var(--purple);margin-bottom:13px;text-wrap:balance}.platform-proof strong{font-weight:600}.trust-points{font-size:10px;gap:16px}
@media(max-width:600px){.platform-proof{font-size:12px;margin-bottom:12px}.trust-points{font-size:10px;gap:13px}}
@media(max-width:360px){.trust-points{font-size:9px;gap:8px}.platform-proof{font-size:12px}}

.screen.welcome{padding-top:24px}.welcome h1{font-size:32px;font-weight:500;line-height:1.3;max-width:480px;margin:auto}.welcome-copy{max-width:450px;margin:20px auto 0;color:#75677e;font-size:15px;line-height:1.8;text-align:center;text-wrap:pretty}
.welcome-start{width:100%;cursor:pointer;margin-top:28px}.welcome-note{margin:12px auto 0;text-align:center;font-size:11px;color:#897990;line-height:1.7}
@media(max-width:600px){.screen.welcome{padding-top:22px}.welcome h1{font-size:28px}.welcome-copy{font-size:14px;margin-top:16px}.welcome-note{font-size:10px}}

/* A short introduction with people, one action and compact platform proof. */
.screen.welcome{padding-top:20px}.welcome-people{display:flex;align-items:center;justify-content:center;padding:9px 0 24px}.welcome-people img{width:66px;height:66px;object-fit:cover;border-radius:50%;border:4px solid var(--paper);box-shadow:0 2px 12px #3b22660b}.welcome-people img+img{margin-left:-12px}.welcome-people img:nth-child(2){width:78px;height:78px;z-index:1;transform:translateY(-6px)}
.welcome h1{font-size:38px;font-weight:600;line-height:1.2;letter-spacing:-1px;max-width:400px}.welcome-copy{font-size:15px;margin-top:16px;line-height:1.6;color:#74657e}.welcome-start{margin-top:28px;min-height:58px}.welcome-note{font-size:11px;margin-top:12px}
.trust-card{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;padding:22px 0 0;border:0;border-top:1px solid var(--line);background:none;border-radius:0;box-shadow:none;gap:12px}.trust-stat{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.trust-stat+div{border-left:1px solid var(--line)}.trust-stat strong{font-size:22px;line-height:1.4;color:var(--purple);font-weight:600;letter-spacing:-.5px}.trust-stat span{font-size:11px;color:#85748e}
@media(max-width:600px){.screen.welcome{padding-top:18px}.welcome h1{font-size:34px;max-width:340px}.welcome-people{padding-bottom:22px}.welcome-copy{font-size:14px;margin-top:14px}.welcome-start{margin-top:26px}.welcome-note{font-size:10px}.trust-card{margin-top:28px;padding-top:20px}.trust-stat strong{font-size:21px}.trust-stat span{font-size:10px}}
@media(max-width:360px){.welcome h1{font-size:31px}.welcome-people img{width:58px;height:58px}.welcome-people img:nth-child(2){width:70px;height:70px}.welcome-people{padding-bottom:20px}.welcome-note{font-size:10px}}