/* Desktop-first survey shell. Only the page-level titles (h1, .h1, gate .screen-title) use Space Grotesk; questions and all other text use Mona Sans. */
:root{--g500:#737789;--g700:#505565;--g400:#a4aab9;--page-width:1200px}
body{font-family:var(--font);background:#f7f8fc}input,select,textarea,button,svg text{font-family:var(--font)}
h1,.h1,.screen-title{font-family:var(--font-display);font-weight:500}h2,h3,h4,.h2,.h3,.q{font-family:var(--font);font-weight:500}.h2.screen-title{font-family:var(--font-display)}
.hero-num,.stat .n,.live .v,.gauge .num,.est .v,.fstep b{font-family:var(--font)!important;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.bar-in{max-width:var(--page-width);min-height:72px;padding:16px 0}.bar{background:rgba(255,255,255,.96);backdrop-filter:none}.bar-in img{height:23px}.bar .exit{color:var(--g700)}
.stage{width:calc(100% - 80px);max-width:var(--page-width);padding:34px 0 64px}.col{max-width:none;margin:0}.prototype-note{max-width:var(--page-width);width:calc(100% - 80px);padding:0;margin:14px auto;font-size:12px;color:var(--g500)}
.prototype-note a{float:right}.h1{font-size:44px;line-height:1.14;max-width:940px;letter-spacing:-1.3px}.h2,.q{font-size:32px;line-height:1.2;letter-spacing:-.7px}.h3{font-size:23px;line-height:1.25}.lead{font-size:17px;line-height:27px;max-width:760px}.hint{font-size:15px;line-height:23px}.eyebrow,.qnum{font-size:12px}.card{padding:26px;border-radius:18px}
p{margin:0 0 12px}.screen{animation:fade .18s ease}@keyframes fade{from{opacity:0}to{opacity:1}}
.diagnostic.on{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:48px;row-gap:0;align-items:start}.diagnostic.on>.qnum{grid-column:1/-1;margin-bottom:10px}.question-context,.question-answer{min-width:0}.question-context .q{max-width:530px}.question-answer{background:#fff;border:1px solid var(--g200);border-radius:18px;padding:24px}.question-answer>.opts{margin-top:0}.question-answer>.hint{margin-top:0}.opts{gap:9px}.opts.two{grid-template-columns:1fr}.opt{padding:13px 16px;min-height:51px;font-size:15px;line-height:22px;gap:12px}.opt .k{width:24px;height:24px}.react{padding:13px 15px;background:var(--g50);margin-top:14px}.react p{font-size:14px;line-height:21px}.src{font-size:11px;line-height:16px}.navrow{margin-top:20px}.btn{font-size:15px;padding:12px 18px}.btn-lg{font-size:16px;padding:14px 20px}.btn-primary{background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.04) 55%,rgba(0,0,0,.06) 100%),var(--indigo)}
.fig{padding:18px 16px 14px;margin-top:22px;overflow:hidden}.fig .cap{font-size:12px;flex-wrap:wrap;gap:4px 12px}.fig .foot{padding:0;margin:10px 0 0;font-size:11px;line-height:17px}.fig svg{width:100%;height:auto;overflow:visible}.fig text{font-size:12px;fill:#646b7d}.fig .lab{fill:#343847}.fig .bar{position:static;backdrop-filter:none}.fig .dot{opacity:.55}.fig .ln.g{stroke:#a5aaba}.fig .ln{stroke-width:2.5}
.live{position:static;margin:0;padding:18px 40px;background:transparent;border-top:1px solid var(--g200)}.live-in{max-width:var(--page-width)}.live .v{font-size:24px}.live .t{font-size:12px}.live-in .tiny{max-width:300px!important}.live[hidden]{display:none!important}
.screen[data-s="intro"],.screen[data-s="seen"]{max-width:880px;padding:30px 0}.screen[data-s="gate"]{max-width:700px;margin:0 auto}.screen[data-s="result"]{width:100%}.res-grid{grid-template-columns:minmax(0,1.6fr) minmax(350px,1fr);gap:24px}.res-grid>div{min-width:0}.hero-num{font-size:48px;line-height:1.1}.hero-num small{font-size:14px;line-height:22px}.proof{gap:12px}.stat .n{font-size:27px}.drv{grid-template-columns:140px minmax(60px,1fr) auto;font-size:13px}.radar svg{max-width:430px}.radar text{font-size:15px}.gauge .num{font-size:52px}.brk .row{grid-template-columns:160px 1fr}.result-hd{align-items:center}.role-result{margin-top:20px;padding:20px 24px;background:#eff2ff;border:1px solid #dce2ff;border-radius:16px}.role-result h3{font-size:22px}.role-result p{max-width:900px;margin-top:8px;margin-bottom:0;color:var(--g700);font-size:15px;line-height:24px}
.profile-context{max-width:var(--page-width);width:calc(100% - 80px);margin:20px auto 0;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:14px 18px;border:1px solid var(--g200);border-radius:12px;background:white}.profile-context p{margin:3px 0 0;font-size:13px;color:var(--g700)}.profile-context b{font-size:13px;font-weight:600}.profile-context a{white-space:nowrap;font-size:13px;color:var(--brand600)}body.guided .prototype-note{display:none}body.guided .stage{padding-top:26px}.foot{max-width:var(--page-width);width:calc(100% - 80px);padding:0 0 22px;line-height:18px}.preview-only{display:block}body.guided .preview-only{display:none}
/* Advisor: a bounded conversation canvas rather than a full-page chat transcript. */
.wrap{width:calc(100% - 80px);max-width:var(--page-width);grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:24px 0 36px;margin:0 auto;align-items:start}.wrap>main{min-width:0;border:1px solid var(--g200);border-radius:18px;background:#fff;padding:26px;height:calc(100vh - 250px);min-height:420px;overflow-y:auto;scrollbar-gutter:stable}.guided .wrap>main{height:calc(100vh - 300px)}.thread{max-width:none;gap:16px}.side{position:static;min-width:0}.side .card{padding:24px}.bub{font-size:15px;line-height:24px;border-radius:14px;background:#f0f2f8;max-width:90%;padding:14px 18px;overflow-wrap:anywhere}.msg{align-items:flex-start;animation:none}.av{width:30px;height:30px;font-size:11px;margin-top:4px}.msg:has(.fig) .bub,.msg:has(.bookcard) .bub{width:calc(100% - 42px);max-width:none}.bub .fig{padding:16px;margin-top:0}.chips{gap:8px;margin-left:42px;justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr}.chips button{border-color:var(--g300);color:var(--g900);padding:12px 14px;text-align:left;font-size:14px;line-height:21px;border-radius:10px;background:#fff}.chips button:hover{border-color:var(--indigo);background:var(--brand50)}.bottom{position:static;padding:0 20px 18px;background:transparent;border:0;backdrop-filter:none}.emailrow input{min-width:0}.bookcard .hd{gap:6px;flex-wrap:wrap}.est .v{font-size:24px}.kv{font-size:13px}.kv b{max-width:155px}.side .tiny{line-height:19px}
/* Visitor entry */
.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,1fr);gap:80px;padding-top:52px;align-items:start}.setup-story h1{font-size:52px;line-height:1.08;letter-spacing:-1.8px;margin:18px 0 22px}.setup-story .lead{max-width:445px}.setup-benefits{margin:30px 0 26px;display:grid;gap:16px}.setup-benefits>div{display:flex;gap:18px;align-items:start}.setup-benefits span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--indigo);padding-top:2px}.setup-benefits p{font-size:14px;line-height:22px;color:var(--g700);margin:0}.setup-benefits b{font-weight:600;color:var(--g900)}.setup-card{padding:30px;box-shadow:0 12px 40px #25315906}.setup-card h2{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:10px 0}/* The five asks, listed before the check starts -- same rhythm as .setup-benefits on the story side. */
.setup-asks{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:2px}
.setup-asks li{display:flex;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--g100);font-size:15px;line-height:22px;color:var(--g900)}
.setup-asks li:last-child{border-bottom:0}
.setup-asks span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--indigo)}
.setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setup-fields label{font-size:13px;color:var(--g900);font-weight:500}.setup-fields .wide{grid-column:1/-1}select{display:block;width:100%;height:46px;border:1px solid var(--g300);border-radius:8px;padding:0 12px;margin-top:6px;background:#fff;color:var(--g900);font-size:14px}.setup-submit{margin-top:24px;display:grid;gap:10px}.setup-submit .btn{width:100%;min-height:48px}.setup-footer{max-width:var(--page-width);margin:0 auto 20px;font-size:12px;color:var(--g500)}#noFit{margin-top:24px;border-top:1px solid var(--g200);padding-top:20px}#noFit h3{font-size:23px;margin-bottom:12px}#noFit p{font-size:14px;line-height:22px}.setup-page #setupError:empty{display:none}#setupError{color:#a32525}.setup-story>.small{max-width:430px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
@media(min-width:1600px){:root{--page-width:1280px}.stage{padding-top:46px}.diagnostic.on{column-gap:64px}.question-answer{padding:30px}.setup-grid{padding-top:70px}.setup-story h1{font-size:58px}}
@media(max-width:1250px){.bar-in{width:calc(100% - 64px)}.stage,.wrap,.profile-context,.prototype-note{width:calc(100% - 64px)}.diagnostic.on{column-gap:28px}.setup-grid{gap:40px;padding-top:30px}.setup-story h1{font-size:44px}.setup-card{padding:24px}.wrap{grid-template-columns:minmax(0,1fr) 290px}.res-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}}
@media(max-height:800px) and (min-width:1000px){.stage{padding-top:24px}.setup-grid{padding-top:26px}.setup-story h1{font-size:44px}.setup-benefits{gap:12px;margin:24px 0}.setup-card{padding:24px}.setup-fields{gap:12px}.setup-card .small{margin-bottom:16px}.question-answer{padding:20px}.opt{padding:11px 14px}.fig{margin-top:16px}.q{font-size:30px}.profile-context{margin-top:12px;padding:10px 16px}.guided .stage{padding-top:20px}.wrap{padding-top:18px}}
@media(max-width:950px){.diagnostic.on,.setup-grid{grid-template-columns:1fr;gap:24px}.diagnostic.on{row-gap:24px}.diagnostic.on>.qnum{margin-bottom:0}.setup-story h1 br{display:none}.setup-story h1{max-width:650px}.setup-benefits{display:none}.setup-story .lead{max-width:650px}.wrap{grid-template-columns:1fr}.wrap>main{height:auto;max-height:none;min-height:0}.side{display:none}.res-grid{grid-template-columns:1fr}.setup-footer{padding:0 32px}.profile-context{align-items:start}}
@media(max-width:600px){.stage,.wrap,.prototype-note,.profile-context{width:calc(100% - 32px)}.bar-in{width:calc(100% - 32px);gap:12px;min-height:64px}.setup-grid{padding-top:24px}.setup-story h1{font-size:36px}.setup-fields{grid-template-columns:1fr}.setup-fields label{grid-column:1/-1}.h1{font-size:32px}.q,.h2{font-size:26px}.wrap>main{padding:16px}.chips{grid-template-columns:1fr;margin-left:0}.msg .bub{max-width:calc(100% - 42px)}.res-grid{display:block}.res-grid>div+div{margin-top:20px}.question-answer{padding:16px}.hero-num{font-size:36px}.live{padding:16px}.profile-context{flex-wrap:wrap;gap:8px}.bar .chip{white-space:normal}.drv{grid-template-columns:1fr auto}.drv .bar{grid-column:1/-1}.prototype-note a{float:none}.brk .row{grid-template-columns:1fr}}
@media print{.profile-context,.setup-footer,.prototype-note{display:none!important}.stage{width:100%;max-width:none}.wrap>main{height:auto!important;overflow:visible}.res-grid{display:block}.role-result{break-inside:avoid}.screen.on.diagnostic{display:block}}

.dimension-guide{display:grid;gap:0;margin-top:36px;max-width:360px}.dimension-guide>div{padding:13px 0;border-bottom:1px solid var(--g200);font-size:14px;color:var(--g500);white-space:pre-wrap}.dimension-guide .active{color:var(--brand600);font-weight:500}@media(max-width:950px){.dimension-guide{display:none}}

/* Loading stays in document flow; no floating panels cover the scorecard. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.load-shell{display:none;width:calc(100% - 80px);max-width:var(--page-width);margin:44px auto 64px;grid-template-columns:1.12fr 1fr;gap:48px}
.fit-loading .load-shell{display:grid}.fit-loading .stage,.fit-loading body>.wrap,.fit-loading .prototype-note,.fit-loading .profile-context,.fit-loading .live,.fit-loading .bottom,.fit-loading .foot,.fit-loading .setup-footer{display:none!important}
.skeleton{display:block;border-radius:8px;background:linear-gradient(100deg,#e9ecf4 25%,#f4f5fa 45%,#e9ecf4 65%);background-size:220% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;margin-bottom:14px}
.sk-label{width:34%;height:12px;margin-bottom:28px}.sk-title{width:92%;height:42px}.sk-short{width:64%}.sk-copy{height:16px;margin-top:16px}.sk-chart{height:230px;margin-top:36px;border-radius:16px}.skeleton-card{padding:28px;background:#fff;border:1px solid var(--g200);border-radius:18px}.sk-input{height:50px;margin-top:14px}.sk-button{height:46px;margin-top:26px;margin-bottom:0;width:60%}
@keyframes skeleton-shimmer{to{background-position:-220% 0}}
/* Scope bar styles so chart marks and driver bars never inherit the sticky header. */
.drv .bar{position:relative;top:auto;z-index:auto;backdrop-filter:none;border:0}
.score-summary{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:center;isolation:isolate}
.score-summary .gauge{width:240px;height:150px;align-self:center}.score-summary .gauge svg{width:240px;height:auto;display:block;overflow:hidden}.score-summary .gauge .num{top:62px;left:0;right:0;text-align:center;line-height:1;font-size:48px}
.score-summary>div{min-width:0!important}.peer{position:static;line-height:23px;overflow-wrap:anywhere}.gauge svg{display:block}.score-arc{will-change:auto}
.screen,.react{animation:none}.fig,.radar,.gauge{contain:layout}.card,.fig,.bub{overflow-wrap:break-word}.btn,.opt,.chips button{transition:background-color .16s,border-color .16s,box-shadow .16s}.opt:hover{border-color:var(--indigo)}.btn-primary:hover{background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.08) 55%,rgba(0,0,0,.05) 100%),#514be0}.btn:focus-visible,.opt:focus-visible,input:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
@media(max-width:1250px){.score-summary{grid-template-columns:1fr}.score-summary .gauge{margin:auto}.load-shell{width:calc(100% - 64px);gap:28px}}
@media(max-width:950px){.load-shell{grid-template-columns:1fr}.skeleton-story .sk-chart{display:none}.skeleton-card{max-width:none}.score-summary{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:600px){.load-shell{width:calc(100% - 32px);margin-top:24px}.score-summary{grid-template-columns:1fr}.sk-title{height:32px}.sk-chart{height:150px}}
@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:#e9ecf4}}
@media print{.load-shell{display:none!important}.fit-loading body>main{display:block!important}}
.personal-check h3{margin:10px 0 8px}.personal-check p{font-size:14px;line-height:23px}.personal-check .insight-context{color:var(--g500);font-size:12px;margin-bottom:18px}.insight-action{border-top:1px solid var(--g200);padding-top:14px;margin-top:14px}.insight-action>b{font-size:13px;font-weight:600}.insight-action p{margin-top:6px}.insight-role{padding:14px 16px;margin-top:18px;background:var(--brand50);border-radius:12px;color:var(--g700)}.score-note{display:block;font-size:12px;line-height:18px;color:var(--g500);margin-top:12px}.bub:has(.personal-check){width:100%;max-width:calc(100% - 42px);background:#fff;border:1px solid var(--g200)}
.industry-reference{border-top:1px solid var(--g200);margin-top:18px;padding-top:16px}.industry-reference summary{font-size:14px;font-weight:500;cursor:pointer;line-height:22px;color:var(--brand600)}.industry-reference summary:focus-visible{outline:3px solid #a5b4fc;outline-offset:5px}.reference-body{padding-top:16px}.reference-body h4{font-size:22px;margin:12px 0 8px}.reference-body a{font-size:13px;color:var(--brand600);display:inline-block;margin-bottom:14px}.reference-body blockquote{margin:16px 0;padding:0 0 0 16px;border-left:2px solid var(--indigo);font-size:16px;line-height:25px}.reference-body cite{display:block;font-size:12px;font-style:normal;color:var(--g500);margin-top:8px}
/* Valento result guidance and clearly scoped control comparison. */
.valento-advisor{padding:20px;margin:24px 0;background:var(--brand50);border:1px solid var(--g200);border-radius:14px}.valento-advisor p{margin:10px 0;font-size:16px;line-height:25px}.control-benchmark{margin-top:24px;padding-top:22px;border-top:1px solid var(--g200)}.control-benchmark .h3{margin:10px 0}.benchmark-head,.benchmark-row{display:grid;grid-template-columns:1fr 1.15fr 1.5fr;gap:16px;padding:14px 0}.benchmark-head{font-size:11px;color:var(--g500);border-bottom:1px solid var(--g200)}.benchmark-row{font-size:13px;line-height:21px;border-bottom:1px solid var(--g200)}.benchmark-row>b{font-weight:500}.benchmark-row>span:last-child{color:var(--g700)}.control-benchmark>.tiny{margin-top:14px}.client-reference{margin-top:26px;padding-top:24px;border-top:1px solid var(--g200)}.client-reference h4{font-size:24px;line-height:1.2;margin:10px 0}.client-reference .stat{margin:16px 0}.client-reference blockquote{margin:20px 0;padding-left:16px;border-left:2px solid var(--indigo);font-size:18px;line-height:28px}.client-reference cite{display:block;font-size:12px;line-height:19px;color:var(--g500);font-style:normal;margin-top:10px}.reference-method summary{font-size:12px;cursor:pointer;color:var(--g700)}.reference-method p{font-size:12px;line-height:20px;margin:10px 0}.benchmark-head span,.benchmark-row>*{min-width:0}@media(max-width:600px){.benchmark-head{display:none}.benchmark-row{grid-template-columns:1fr 1fr;gap:8px 16px}.benchmark-row>b{grid-column:1/-1}.benchmark-row>span:nth-child(2)::before{content:'You reported';display:block;color:var(--g500);font-size:11px}.benchmark-row>span:last-child::before{content:'Valento practice';display:block;color:var(--g500);font-size:11px}.valento-advisor{padding:16px}html[lang=de] .benchmark-row>span:nth-child(2)::before{content:'Ihre Angabe'}html[lang=de] .benchmark-row>span:last-child::before{content:'Valento-Empfehlung'}}
.customer-feedback{margin-top:24px;padding:24px 0 0;border-top:1px solid var(--g200)}.customer-feedback blockquote{margin:14px 0;font-size:18px;line-height:28px;color:var(--g900);padding:0;border:0}.customer-feedback cite{font-size:12px;line-height:20px;color:var(--g700);font-style:normal;display:block}@media(max-width:600px){.customer-feedback blockquote{font-size:16px;line-height:25px}}
/* Keep the speaking quote visible beside its evidence, ahead of the diagnostic detail. */
.personal-check>.client-reference{margin-top:18px;padding-top:0;border-top:0}.customer-feedback{padding:20px 22px;margin:20px 0 24px;border:1px solid var(--g200);border-radius:14px;background:#fff}.customer-feedback blockquote{font-size:21px;line-height:31px;margin:12px 0 14px}.customer-feedback cite{font-size:13px;line-height:21px;font-weight:500}.customer-feedback .eyebrow{font-size:11px}.customer-feedback+ p{margin-top:18px}@media(max-width:600px){.customer-feedback{padding:18px}.customer-feedback blockquote{font-size:18px;line-height:27px}}

/* Matched real client results (fit-testimonials.js). Mona Sans throughout; only page titles use Space Grotesk. */
.client-match{margin:24px 0 8px;padding:22px 0 0;border-top:1px solid var(--g200)}
.client-match .h3{margin:10px 0 6px}
.cm-card{margin-top:16px;padding:20px 22px;border:1px solid var(--g200);border-radius:14px;background:#fff}
.cm-card blockquote{margin:0;padding:0;border:0;font-size:17px;line-height:27px;color:var(--g900)}
.cm-primary blockquote{font-size:21px;line-height:31px}
.cm-card cite{display:block;margin-top:10px;font-size:13px;line-height:20px;font-weight:500;font-style:normal;color:var(--g700)}
.cm-who{margin:0 0 12px;font-size:14px;line-height:22px;color:var(--g700)}
.cm-who b{color:var(--g900);font-weight:500}
.cm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.cm-stats .stat .n{font-size:26px}
.cm-finding{margin:16px 0 0;font-size:14px;line-height:22px;color:var(--g700)}
.cm-finding b{color:var(--g900);font-weight:500}
.cm-more{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cm-more .cm-card{margin-top:12px}
.cm-line{margin:12px 0 0;font-size:13px;line-height:20px;color:var(--g700)}
.cm-line b{color:var(--g900);font-weight:500}
.cm-sum{margin:16px 0 0;font-size:14px;line-height:22px;color:var(--g700)}
.cm-sum b{color:var(--g900);font-weight:500}
@media(max-width:760px){.cm-stats,.cm-more{grid-template-columns:1fr}.cm-primary blockquote{font-size:18px;line-height:28px}}

/* Result screen (2026-09-12 rework): the analysis is three numbered cards in the left column, the
   recommendation rides along on the right, and the live booking calendar closes the page full width. */
@media(min-width:951px){.res-side{position:sticky;top:84px}}
.res-step span{font-size:12px}
.res-card>.personal-check>.h3{font-size:23px;line-height:1.25}
.res-card .client-match .h3{margin-top:0}
.book .h3{font-size:23px;line-height:1.25}
@media(max-width:950px){.book-embed iframe{height:700px}}