/* SOMUS: black-and-white identity, functional color, one decision per screen. */
:root{--bg:#f7f7f9;--paper:#fff;--ink:#171719;--muted:#6c6c75;--line:#e5e5e9;--accent:#e8edff;--dark:#171719;--sage:#eceef3;--blue:#dce7ff}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #456df1;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #456df1;outline-offset:2px}
.btn.primary{background:#171719}.btn.primary:hover{background:#34343b}.progress-line span,.result-track span{background:#456df1}.notice.success{background:#eff3ff;border-color:#dce4ff;color:#3456a2}.status-button{background:#edf1ff;color:#3456a2}.nav-item.active{background:#eff2ff;color:#294db5}
.visitor{--ink:#171719;--muted:#6c6c75;background:#fff}.visitor-header{max-width:1280px;padding-top:26px;padding-bottom:26px;min-height:88px}.visitor-edition{font-size:12px;letter-spacing:0;color:#6c6c75;border-color:#dedee4;font-family:InterTight,Arial,sans-serif}.visitor-edition b{color:#171719}.visitor-header nav{font-size:12px}.visitor .btn{border-radius:12px;font-size:15px;min-height:54px}.visitor .btn.primary{background:#171719}.visitor .btn.primary:hover{background:#35353e}.visitor-footer{border-top:1px solid #ededf0;padding-top:24px;padding-bottom:24px;color:#7b7b84;font-size:8px;letter-spacing:.07em}.visitor-footer .text-link{font-size:11px}
.clarity-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;min-height:620px;padding:38px 0 54px}.clarity-copy{max-width:570px}.clarity-kicker{display:inline-block;font-size:9px;letter-spacing:.12em;color:#74747f;line-height:1.7}.clarity-copy h1{font-size:clamp(50px,5.55vw,76px);line-height:1.02;letter-spacing:-3.2px;font-weight:500;margin:24px 0}.clarity-copy h1 em{color:#4562c8;font-size:1.08em;letter-spacing:-2.5px}.clarity-copy>p{font-size:18px;line-height:1.6;color:#73737d;max-width:425px}.clarity-copy>p strong{font-weight:500;color:#303039}.clarity-cta{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:28px}.clarity-cta .btn{gap:34px;padding:17px 24px}.clarity-cta>span{font-size:12px;color:#74747f}.clarity-copy>.clarity-disclosure{font-size:12px;line-height:1.7;max-width:365px;margin-top:17px;color:#72727e}
.clarity-preview{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:stretch;min-width:0;isolation:isolate;border-radius:32px;background:radial-gradient(ellipse at 80% 20%,#dfe6ff 0,transparent 55%),radial-gradient(ellipse at 10% 80%,#f1e7ff 0,transparent 60%),#f4f3f8;overflow:hidden;padding:60px 36px 35px}.preview-year{position:absolute;top:16px;right:24px;font-size:95px;font-weight:350;letter-spacing:-6px;color:#cdd2e8;z-index:-1;line-height:1}.preview-orbit{position:absolute;border:1px solid #b7c2e94d;border-radius:50%;width:500px;height:500px;z-index:-1;pointer-events:none}.orbit-one{top:140px;left:50px}.orbit-two{top:190px;left:100px}.sample-report{background:#fff;border:1px solid #e5e5ed;border-radius:22px;box-shadow:0 22px 45px #42496e12;width:100%;max-width:363px;padding:25px;transform:rotate(-3deg)}.sample-report-head{display:flex;align-items:center;gap:10px}.sample-symbol{display:grid;place-items:center;width:36px;height:36px;background:#171719;color:white;border-radius:10px}.sample-symbol .icon{width:20px;height:20px}.sample-report-head>span:last-child{font-size:7px;letter-spacing:.1em;color:#8b8b96}.sample-report-head small{display:block;font-size:9px;letter-spacing:0;margin-top:5px;color:#6b6b76}.sample-report h2{font-size:40px;line-height:1.02;font-weight:500;letter-spacing:-1.4px;margin:24px 0}.sample-report h2 em{font-size:1.14em}.sample-area{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #eeeef2;--tone:#cd603c;--tint:#fff0e9}.sample-violet{--tone:#8659cf;--tint:#f1eaff}.sample-blue{--tone:#456df1;--tint:#eaf0ff}.sample-area>span:first-child{display:grid;place-items:center;border-radius:10px;width:35px;height:35px;flex-shrink:0;background:var(--tint);color:var(--tone)}.sample-area .icon{width:18px;height:18px}.sample-area strong{display:block;font-size:13px;font-weight:500}.sample-area small{display:block;font-size:10px;color:#878791;margin-top:4px}.sample-meter{margin-left:auto;display:flex;align-items:flex-end;gap:3px}.sample-meter i{width:5px;height:9px;border-radius:2px;background:var(--tone)}.sample-meter i:nth-child(2){height:14px}.sample-meter i:nth-child(3){height:19px}.sample-meter i:nth-child(4){height:24px}.sample-coral .sample-meter i:nth-child(n+2),.sample-violet .sample-meter i:nth-child(n+3){background:#eeeef3}.sample-foot{display:flex;gap:6px;align-items:center;font-size:8px;color:#7e7e8a;border-top:1px solid #eeeef2;padding-top:15px;margin-top:3px}.sample-foot .icon{width:13px;height:13px;color:#456df1}.sample-caption{font-size:8px;letter-spacing:.08em;color:#85859a;margin-top:25px;text-align:center;line-height:1.6;max-width:320px}
.clarity-how{padding:38px 0 54px;border-top:1px solid #ededf2}.clarity-how-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:29px}.clarity-how h2{font-size:28px;line-height:1.2;letter-spacing:-.7px}.clarity-how h2 span{color:#9898a2}.clarity-how-head p{font-size:13px;line-height:1.6;color:#84848d}.clarity-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.clarity-how li{display:flex;gap:15px;align-items:flex-start}.step-art{position:relative;display:grid;place-items:center;width:53px;height:59px;border-radius:15px;background:#fff0e9;color:#c35b35;flex-shrink:0}.step-art b{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:20px;height:20px;background:#fff;border:1px solid #f1d6cc;border-radius:50%;font-size:10px;font-weight:500}.step-violet{background:#f0eaff;color:#8659cf}.step-violet b{border-color:#e1d4f7}.step-blue{background:#eaf0ff;color:#456df1}.step-blue b{border-color:#d2dcfb}.clarity-how h3{font-size:16px;font-weight:500;letter-spacing:-.3px;margin:3px 0 7px}.clarity-how li p{font-size:12px;line-height:1.6;color:#878791;max-width:225px}
/* The diagnostic keeps the office map for the results, removing competing tasks here. */
.visitor-in-journey{background:#f8f8fa}.visitor-in-journey .visitor-header{min-height:80px;padding-top:23px;padding-bottom:23px}.visitor-in-journey .visitor-footer{max-width:1000px;margin-top:25px}.focus-diagnostic{max-width:1000px;margin:14px auto 25px;padding-bottom:8px;container:focus / inline-size}.focus-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7e7e89;margin-bottom:12px}.focus-progress-label strong{font-weight:500;color:#171719}.focus-progress-label>span:last-child{font-size:10px;color:#95959e}.focus-progress{height:4px;border-radius:10px;background:#e5e7ef;overflow:hidden}.focus-progress i{display:block;height:100%;background:#456df1;border-radius:inherit;transition:width .3s ease}.focus-question{text-align:center;max-width:760px;margin:38px auto 30px}.focus-area{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:500;line-height:1.4;border-radius:30px;background:var(--area-bg);color:var(--area-ink)}.focus-area .icon{width:14px;height:14px}.focus-question h1{font-size:clamp(28px,3.1vw,43px);line-height:1.12;letter-spacing:-1.1px;margin:18px 0 14px;font-weight:500;text-wrap:pretty}.focus-question>p{font-size:14px;line-height:1.6;color:#72727d;max-width:590px;margin:auto}.focus-answer-label{font-size:12px;line-height:1.5;color:#7a7a85;margin:0 0 16px;text-align:center}.focus-answers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.focus-answer{--tone:#ca5f3a;--tint:#fff0e9;position:relative;display:flex;align-items:center;flex-direction:column;gap:20px;min-height:185px;padding:22px 12px 20px;border:1px solid #e3e3ea;border-radius:18px;background:white;text-align:center;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.choice-1{--tone:#a16a07;--tint:#fff5db}.choice-2{--tone:#8555c7;--tint:#f1eaff}.choice-3{--tone:#4066d6;--tint:#eaf0ff}.choice-4{--tone:#303540;--tint:#eceef3}.choice-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--tint);color:var(--tone)}.choice-symbol .icon{width:27px;height:27px;stroke-width:1.6}.choice-copy{display:flex;align-items:center;flex-direction:column;gap:8px}.choice-copy strong{font-size:14px;font-weight:550;line-height:1.2;letter-spacing:-.15px}.choice-copy>span{font-size:11px;line-height:1.5;color:#73737e;max-width:140px}.choice-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #e3e3ea;color:transparent}.choice-check .icon{width:12px;height:12px}.focus-answer:hover{border-color:var(--tone);transform:translateY(-3px);box-shadow:0 7px 20px #22224408}.focus-answer.selected{background:var(--tint);border-color:var(--tone);box-shadow:0 0 0 1px var(--tone)}.focus-answer.selected .choice-symbol{color:white;background:var(--tone)}.focus-answer.selected .choice-check{background:var(--tone);border-color:var(--tone);color:white}.focus-answer.selected .choice-copy>span{color:#686875}.focus-unknown{display:flex;justify-content:center;margin:18px 0 20px}.focus-unknown button{display:flex;align-items:center;gap:7px;color:#8b8b96;font-size:11px;border-radius:20px;padding:8px 13px;border:1px solid transparent}.focus-unknown button:hover{background:#ededf3;color:#4c4c58}.focus-unknown button.selected{border-color:#656575;background:#ededf3;color:#34343e;text-decoration:none}.focus-unknown .icon{width:14px;height:14px}.focus-navigation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e5eb;padding-top:20px}.focus-navigation .btn{min-width:174px;min-height:48px;font-size:13px;border-radius:12px;gap:35px}.focus-navigation .btn:disabled{opacity:.22}.focus-back{display:flex;align-items:center;gap:9px;font-size:12px;color:#6d6d79;padding:12px 0}.focus-back:disabled{opacity:.24}.focus-save{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#9999a3;margin-top:16px;line-height:1.5}.focus-save .icon{width:12px;height:12px}.focus-complete{display:flex;width:max-content;margin:18px auto 0;font-size:11px;color:#4562c8}
.simple-capture{max-width:480px;margin:25px auto 50px}.simple-capture>header{text-align:center;margin-bottom:30px}.capture-done{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:8px 12px;background:#edf1ff;color:#4562c8;font-size:11px}.capture-done .icon{width:14px;height:14px}.simple-capture h1{font-size:48px;line-height:1.02;letter-spacing:-1.6px;margin:20px 0 16px}.simple-capture h1 em{color:#4562c8;font-size:1.15em}.simple-capture>header p{font-size:14px;line-height:1.65;color:#7f7f8a;max-width:360px;margin:auto}.simple-capture .form-grid{gap:17px}.simple-capture label>span{font-size:12px;margin-bottom:7px}.simple-capture input{padding:14px 15px;border-radius:10px;background:#fff;border-color:#dedee7;min-height:47px}.simple-capture input:focus{outline-color:#456df1}.simple-capture .marketing-choice{margin-top:20px;gap:10px}.simple-capture .marketing-choice input{min-height:0;width:15px;height:15px;accent-color:#456df1}.simple-capture .marketing-choice span{font-size:11px;line-height:1.5}.simple-capture .capture-privacy{font-size:10px;line-height:1.65;color:#92929d;margin-top:17px}.simple-capture .capture-submit{width:100%;margin-top:14px;font-size:14px;gap:20px}.simple-capture .capture-access{margin-top:17px;font-size:12px;color:#8b8b97}.simple-capture .capture-review{display:flex;margin:18px auto 0;font-size:11px;color:#8b8b97}.simple-capture .password-field input{padding-right:47px}
@container focus (max-width:760px){.focus-question{margin-top:27px;margin-bottom:23px}.focus-question h1{font-size:32px}.focus-answers{display:flex;flex-direction:column;gap:9px}.focus-answer{flex-direction:row;min-height:72px;padding:12px 17px;gap:15px;text-align:left;border-radius:15px}.choice-symbol{width:44px;height:44px;border-radius:13px;flex-shrink:0}.choice-symbol .icon{width:23px;height:23px}.choice-copy{align-items:flex-start;gap:4px;padding-right:24px}.choice-copy strong{font-size:14px}.choice-copy>span{font-size:11px;max-width:none}.choice-check{position:static;margin-left:auto;width:20px;height:20px;flex-shrink:0}.focus-answer:hover{transform:none}.focus-unknown{margin:12px 0 15px}}
@media(min-width:1500px){.clarity-hero{gap:85px;padding-top:45px;padding-bottom:65px;min-height:690px}.clarity-copy h1{font-size:82px}.clarity-preview{padding-top:75px}.sample-report{max-width:390px;padding:30px}.sample-report h2{font-size:44px}}
@media(max-width:1000px){.clarity-hero{gap:25px;min-height:580px}.clarity-copy h1{font-size:57px;letter-spacing:-2.5px}.clarity-copy>p{font-size:16px}.clarity-preview{padding:58px 22px 28px}.sample-report{padding:22px}.sample-report-head small{font-size:8px}.sample-report-head>span:last-child{font-size:6px}.sample-report h2{font-size:37px}.sample-caption{font-size:5px}.clarity-how ol{gap:22px}.clarity-how li{gap:12px}.step-art{width:45px;height:50px}.clarity-how h3{font-size:14px}.clarity-how li p{font-size:11px}}
@media(max-width:650px){.visitor-header{padding:22px 22px;min-height:76px;gap:14px}.visitor-header .brand{width:100px;height:23px}.visitor-header .brand img{width:112px;top:-11px}.visitor-edition{font-size:9px;padding-left:14px;line-height:1.5;max-width:91px}.visitor-edition b{display:block}.visitor-header nav{font-size:10px}.visitor-header nav .icon{width:13px;height:13px}.visitor-main{padding:0 22px}.visitor-footer{padding:21px 22px;gap:15px;align-items:flex-start}.visitor-footer>span{font-size:6px;line-height:1.7;max-width:215px}.visitor-footer .text-link{font-size:9px}.clarity-hero{display:flex;flex-direction:column;align-items:stretch;gap:32px;min-height:0;padding:22px 0 35px}.clarity-kicker{font-size:7px;letter-spacing:.08em}.clarity-copy h1{font-size:49px;line-height:1;letter-spacing:-2px;margin:20px 0}.clarity-copy h1 em{letter-spacing:-1.5px}.clarity-copy>p{font-size:16px;line-height:1.55;max-width:350px}.clarity-cta{margin-top:24px;gap:12px}.clarity-cta .btn{width:100%;justify-content:space-between;font-size:14px;min-height:53px;padding:16px 18px}.clarity-cta>span{font-size:11px}.clarity-copy>.clarity-disclosure{font-size:11px;line-height:1.6;margin-top:15px;max-width:320px}.clarity-preview{min-height:440px;padding:50px 28px 23px;border-radius:25px}.preview-year{font-size:82px;right:18px;top:12px}.sample-report{max-width:310px;padding:21px}.sample-report h2{font-size:36px;margin:20px 0}.sample-area{padding:11px 0}.sample-area strong{font-size:12px}.sample-area small{font-size:9px}.sample-foot{font-size:7px}.sample-caption{font-size:8px;max-width:250px;margin-top:22px}.clarity-how{padding:30px 0 38px}.clarity-how-head{display:block;margin-bottom:25px}.clarity-how h2{font-size:26px}.clarity-how-head p{margin-top:13px;font-size:12px}.clarity-how ol{display:flex;flex-direction:column;gap:24px}.clarity-how li{gap:18px}.step-art{width:49px;height:53px}.clarity-how h3{font-size:16px;margin-top:2px}.clarity-how li p{font-size:12px;max-width:245px}.visitor-in-journey .visitor-header{min-height:71px;padding:20px 22px}.focus-diagnostic{margin-top:11px}.focus-progress-label{font-size:11px;margin-bottom:10px}.focus-progress-label>span:last-child{font-size:9px}.focus-progress{height:3px}.focus-question{margin-top:24px;margin-bottom:23px}.focus-area{font-size:10px;padding:6px 10px}.focus-question h1{font-size:28px;line-height:1.12;letter-spacing:-.75px;margin:16px 0 12px}.focus-question>p{font-size:12px;line-height:1.55}.focus-answer-label{font-size:11px;margin-bottom:13px}.focus-answer{min-height:66px;padding:10px 12px;gap:13px;border-radius:13px}.choice-symbol{width:39px;height:39px;border-radius:11px}.choice-symbol .icon{width:22px;height:22px}.choice-copy{padding-right:0;gap:4px}.choice-copy strong{font-size:13px}.choice-copy>span{font-size:10px}.choice-check{width:17px;height:17px}.choice-check .icon{width:11px;height:11px}.focus-unknown button{font-size:10px;padding:7px 10px}.focus-navigation{padding-top:15px}.focus-navigation .btn{min-width:155px;min-height:45px;font-size:12px;gap:25px}.focus-back{font-size:11px}.focus-save{font-size:8px;margin-top:14px}.visitor-in-journey .visitor-footer{margin-top:18px}.simple-capture{margin-top:20px}.simple-capture h1{font-size:43px}.simple-capture>header p{font-size:13px}.simple-capture>header{margin-bottom:26px}.simple-capture .capture-submit{font-size:12px;padding-left:16px;padding-right:16px}}
@media(max-width:360px){.visitor-header{gap:10px}.visitor-edition{padding-left:10px;font-size:8px}.visitor-main{padding:0 18px}.clarity-copy h1{font-size:43px}.focus-question h1{font-size:26px}.choice-copy strong{font-size:12px}.choice-copy>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.focus-diagnostic *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:650px){.visitor-header .brand{width:107px;height:24px}.visitor-header .brand img{width:112px;left:-3px;top:-11px}.focus-question{margin-top:21px;margin-bottom:20px}.focus-answer{min-height:64px}.focus-answer-label{margin-bottom:11px}.focus-unknown{margin:10px 0 13px}}

.result-tile{background:var(--result-tint,#f5f5f8);border-color:#e6e6ee;border-left:3px solid var(--result-tone,#747481);border-radius:12px}.result-tile h3>.icon{color:var(--result-tone,#747481)}.result-tile .result-state{color:var(--result-tone,#747481);font-weight:500}.result-tile .result-track{background:#dedee77a}.insight-card:not(.dark){background:#eff3ff}.legend i{background:#456df1}

/* Password recovery is one clear step at a time. */
.auth-card{max-width:440px;margin:32px auto 65px;padding:5px 0;text-align:left}.auth-symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#edf1ff;color:#4562c8;margin-bottom:24px}.auth-kicker{display:block;font-size:9px;letter-spacing:.12em;color:#8b8b97;margin-bottom:15px}.auth-card h1{font-size:52px;line-height:1.02;letter-spacing:-1.6px;margin-bottom:20px}.auth-card h1 em{color:#4562c8}.auth-card>p{font-size:15px;line-height:1.7;color:#747480;margin-bottom:25px}.auth-card form label+label{margin-top:20px}.auth-card label>span{font-size:12px;margin-bottom:8px}.auth-card input{border-radius:10px;min-height:49px;border-color:#dedee7}.auth-card form>.btn{width:100%;margin-top:19px;justify-content:space-between;font-size:13px}.auth-card .notice{margin-top:20px;font-size:12px}.auth-card>.auth-small{font-size:11px;line-height:1.7;margin:20px 0;color:#8b8b97}.auth-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:13px}.auth-links .text-link{font-size:12px}.auth-links .text-link:last-child{font-size:10px;color:#9696a2}.auth-success{max-width:600px;margin-bottom:20px}
@media(max-width:650px){.auth-card{margin:27px auto 45px}.auth-card h1{font-size:46px}.auth-card>p{font-size:14px}.auth-card form>.btn{font-size:12px}.auth-card .auth-symbol{width:53px;height:53px;border-radius:16px;margin-bottom:22px}}