.b2b-home{--ink:#162033;--muted:#667085;--line:#E6EAF0;--warm:#F5F7FB;--brand:#BF3543;--red:#E85D5D;--yellow:#E6B84B;--green:#53B987;--blue:#5E78C8;color:var(--ink);background:#F5F7FB;font-family:"Segoe UI",Arial,sans-serif;line-height:1.6}.b2b-home *{box-sizing:border-box}.b2b-home a{text-decoration:none}.b2b-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.b2b-hero-band{width:100%;background:var(--warm);border-bottom:1px solid var(--line)}.b2b-hero{min-height:650px;padding:66px 0;display:grid;grid-template-columns:.94fr 1.06fr;gap:58px;align-items:center}.b2b-eyebrow,.b2b-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#667085}.b2b-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:20px}.b2b-eyebrow:before{content:"";width:28px;height:2px;background:var(--brand)}.b2b-hero h1{font-size:clamp(49px,5vw,72px);line-height:1;letter-spacing:-.052em;margin:0;font-weight:850;max-width:650px}.b2b-hero h1 span{color:var(--brand)}.b2b-lead{font-size:18px;line-height:1.65;color:#667085;max-width:590px;margin:26px 0 0}.b2b-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.b2b-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 21px;border-radius:11px;border:1px solid #162033;background:#162033;color:#fff;font-weight:800;font-size:14px}.b2b-btn.brand{background:var(--brand);border-color:var(--brand)}.b2b-btn.secondary{background:#fff;color:#162033;border-color:#D7DDE7}.b2b-btn.secondary strong{color:var(--brand);margin-left:5px}.b2b-btn.light{background:#fff;color:#162033;border-color:#fff}.b2b-micro{font-size:12px;color:#817b76;margin:15px 0 0}.b2b-demo-card{background:#fff;border:1px solid #E6EAF0;border-radius:22px;box-shadow:0 20px 60px rgba(22,32,51,.08);overflow:hidden}.b2b-demo-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.b2b-demo-head strong{display:block;font-size:14px}.b2b-demo-head span:not(.b2b-sample){display:block;color:#667085;font-size:11px;margin-top:3px}.b2b-sample{font-size:9px;font-weight:850;border:1px solid #E6EAF0;border-radius:999px;padding:6px 9px;color:#667085}.b2b-demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:9px;background:#F9FAFC;border-bottom:1px solid var(--line)}.b2b-demo-tabs button{border:0;border-radius:8px;padding:9px 6px;background:transparent;font-size:11px;font-weight:800;color:#667085}.b2b-demo-tabs button.active{background:#fff;color:#162033;box-shadow:0 1px 4px #00000012}.b2b-demo-body{padding:20px 22px 22px}.b2b-person{display:flex;align-items:center;gap:10px;margin-bottom:10px}.b2b-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#F2F4F7;font-size:11px;font-weight:850}.b2b-person strong{display:block;font-size:13px}.b2b-person small{display:block;color:#667085;margin-top:2px;font-size:10px}.b2b-person>span{margin-left:auto;border-left:2px solid var(--brand);padding-left:9px;font-size:10px;color:#667085;max-width:165px;line-height:1.35}.b2b-chart-row{display:grid;grid-template-columns:minmax(255px,1fr) 175px;gap:18px;align-items:center}.b2b-chart-row svg{display:block;width:100%;max-width:335px;aspect-ratio:1;margin:auto}.b2b-levels{display:grid;gap:8px}.b2b-level-row{display:grid;grid-template-columns:42px 1fr 52px;gap:7px;align-items:center;font-size:10px}.b2b-level-row b{font-size:10px}.b2b-track{height:7px;background:#E9EDF3;border-radius:99px;overflow:hidden}.b2b-fill{height:100%;border-radius:99px}.b2b-level-row span{text-align:right;color:#667085;font-size:9px;font-weight:800}.b2b-insight{border-top:1px solid var(--line);margin-top:13px;padding-top:13px;display:grid;grid-template-columns:125px 1fr;gap:11px}.b2b-insight b{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--brand)}.b2b-insight p{margin:0;font-size:11px;line-height:1.5;color:#475467}.b2b-trust{border-bottom:1px solid var(--line)}.b2b-trust .b2b-wrap{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0}.b2b-trust div>div{padding:0 25px;border-right:1px solid var(--line)}.b2b-trust div>div:first-child{padding-left:0}.b2b-trust div>div:last-child{border-right:0}.b2b-trust b{display:block;font-size:12px;margin-bottom:3px}.b2b-trust span{font-size:11px;color:#667085}.b2b-section{padding:82px 0}.b2b-section.soft{background:#F9FAFC;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.b2b-section-head{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:34px}.b2b-kicker{color:var(--brand);margin-bottom:10px}.b2b-section h2{font-size:clamp(32px,4vw,49px);letter-spacing:-.043em;line-height:1.05;margin:0;max-width:720px}.b2b-section-head>p{max-width:420px;color:#667085;margin:0}.b2b-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.b2b-cards article,.b2b-flow article{border:1px solid var(--line);border-radius:17px;padding:25px;background:#fff}.b2b-cards article>span,.b2b-flow article>span{font-size:10px;font-weight:850;color:var(--brand);letter-spacing:.07em}.b2b-cards h3,.b2b-flow h3{font-size:18px;margin:32px 0 9px}.b2b-cards p,.b2b-flow p{font-size:13px;color:#667085;margin:0}.b2b-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.b2b-final{padding:58px 0 76px}.b2b-final-box{border-radius:22px;background:#162033;color:#fff;padding:42px 45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.b2b-final h2{font-size:34px;margin:0 0 7px;letter-spacing:-.035em;color:#fff}.b2b-final p{margin:0;color:#D7DDE7}.b2b-footer{border-top:1px solid var(--line);padding:22px 0;font-size:11px;color:#667085}.b2b-footer .b2b-wrap{display:flex;justify-content:space-between}.b2b-home [hidden]{display:none!important}@media(max-width:960px){.b2b-hero{grid-template-columns:1fr}.b2b-flow{grid-template-columns:repeat(2,1fr)}.b2b-section-head{display:block}.b2b-section-head>p{margin-top:15px}.b2b-chart-row{grid-template-columns:1fr 170px}}@media(max-width:680px){.b2b-wrap{width:min(100% - 28px,1180px)}.b2b-hero{padding:42px 0}.b2b-hero h1{font-size:45px}.b2b-actions{display:grid}.b2b-btn{width:100%}.b2b-chart-row{grid-template-columns:1fr}.b2b-levels{grid-template-columns:repeat(2,1fr)}.b2b-trust .b2b-wrap,.b2b-cards,.b2b-flow{grid-template-columns:1fr}.b2b-trust div>div{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.b2b-final-box{display:block;padding:30px}.b2b-final .b2b-btn{margin-top:22px}.b2b-footer .b2b-wrap{display:block}}

/* V4.4: keep homepage styling isolated from the protected assessment screens. */
body:has(#screen-intro.active):not(.assessment-view) main{width:100%;max-width:none;padding:0;margin:0}
.b2b-home{font-family:'Segoe UI',Arial,sans-serif;color:#162033;line-height:1.65;background:#F5F7FB}
.b2b-home p{line-height:1.65}.b2b-home .hero{min-height:0}.b2b-home .chart{height:auto}
.b2b-home .insight{display:block}.b2b-home .report-head{box-shadow:none}
.b2b-home h1{font-weight:720}.b2b-home .btn{box-shadow:none;line-height:1.65}
#assessment-setup{display:none!important}
body.assessment-view #assessment-setup{display:grid!important}
body.assessment-view .b2b-home{display:none!important}
.home-nav{display:flex;align-items:center;gap:25px;margin-left:auto;margin-right:28px;font-size:14px}
.home-nav a{color:#475467;text-decoration:none;font-weight:650}
body.assessment-view .home-nav>a:not(.home-back){display:none}
.home-back{display:none}body.assessment-view .home-back{display:inline}
body:not(:has(#screen-intro.active)) .home-nav{display:none}
body:not(.assessment-view):has(#screen-intro.active) .topbar-language{display:none}
body.assessment-view main{padding-top:24px}
#direct-team-note{grid-column:1/-1;background:#F9FAFC;border:1px solid #E6EAF0;border-radius:10px;padding:14px 20px;color:#475467;font-size:16px}
#direct-team-note[hidden],#team-member-fields[hidden]{display:none!important}
#direct-team-error{color:#a51721;font-size:14px;grid-column:1/-1}
#team-member-fields{grid-column:1/-1}#team-member-fields input[type=email]{width:100%;border:1px solid #D7DDE7;border-radius:8px;padding:12px}
#team-member-fields .team-consent{display:flex;gap:10px;align-items:start;font-size:14px;margin:12px 0}
#team-member-fields input[type=checkbox]{width:auto;flex-shrink:0;margin-top:5px}
body.direct-team .individual-access-entry{display:none}
body.direct-team .intro-footnote{margin-top:8px}
@media(max-width:700px){.home-nav{gap:12px;margin:0;font-size:12px}.home-nav>a:not(.home-back){display:none}.home-nav>a:last-child{display:inline}body.assessment-view .home-nav>a:last-child{display:none}.b2b-home .wrap{padding-inline:20px}.b2b-home .hero{display:grid;grid-template-columns:1fr}.topbar{gap:10px}}

/* V4.7 — reliable entry + balanced scrolling header on the public assessment page. */
html.assessment-entry body #assessment-setup{display:grid!important}
html.assessment-entry body .b2b-home{display:none!important}
html.assessment-entry body .home-nav>a:not(.home-back){display:none}
html.assessment-entry body .home-back{display:inline}
.app-shell>.topbar{position:static!important;top:auto!important;height:72px!important;min-height:72px!important;padding-top:0!important;padding-bottom:0!important}

@media(max-width:700px){.app-shell>.topbar{height:66px!important;min-height:66px!important}}


/* V4.8 — assessment profile readability and tighter role-suggestion spacing. */
body.assessment-view #assessment-setup .profile-heading h2,
html.assessment-entry body #assessment-setup .profile-heading h2{font-size:22px}
body.assessment-view #assessment-setup .field label,
html.assessment-entry body #assessment-setup .field label{font-size:13.5px;line-height:1.4}
body.assessment-view #assessment-setup .field input,
body.assessment-view #assessment-setup .field select,
html.assessment-entry body #assessment-setup .field input,
html.assessment-entry body #assessment-setup .field select{font-size:14px;padding:10px 11px}
body.assessment-view #assessment-setup .role-input-help,
html.assessment-entry body #assessment-setup .role-input-help{font-size:13px;line-height:1.45;margin:5px 0 8px}
body.assessment-view #assessment-setup .role-helper,
html.assessment-entry body #assessment-setup .role-helper{margin-top:8px;margin-bottom:0;padding:11px 12px}
body.assessment-view #assessment-setup .role-helper-heading,
html.assessment-entry body #assessment-setup .role-helper-heading{margin-bottom:8px}
body.assessment-view #assessment-setup .role-helper-heading strong,
html.assessment-entry body #assessment-setup .role-helper-heading strong{font-size:13.5px}
body.assessment-view #assessment-setup .role-helper-heading span,
html.assessment-entry body #assessment-setup .role-helper-heading span{font-size:12.5px;line-height:1.4}
body.assessment-view #assessment-setup .role-helper .role-category-tab,
html.assessment-entry body #assessment-setup .role-helper .role-category-tab{font-size:12.5px;padding:7px 9px}
body.assessment-view #assessment-setup .role-helper .role-suggestions,
html.assessment-entry body #assessment-setup .role-helper .role-suggestions{margin-top:8px;gap:6px}
body.assessment-view #assessment-setup .role-helper .role-suggestions-label,
html.assessment-entry body #assessment-setup .role-helper .role-suggestions-label{font-size:12.5px;margin-bottom:2px}
body.assessment-view #assessment-setup .role-helper .role-chip,
html.assessment-entry body #assessment-setup .role-helper .role-chip{font-size:12px;padding:6px 8px}
body.assessment-view #assessment-setup .role-helper .field-note,
html.assessment-entry body #assessment-setup .role-helper .field-note{font-size:11.5px;line-height:1.45;margin-top:8px}
body.assessment-view #assessment-setup .start-row,
html.assessment-entry body #assessment-setup .start-row{margin-top:0!important;padding-top:10px!important}
body.assessment-view #assessment-setup .start-btn,
html.assessment-entry body #assessment-setup .start-btn{font-size:14px;padding:11px 17px}
@media(max-width:899px){
 body.assessment-view #assessment-setup .field label,html.assessment-entry body #assessment-setup .field label{font-size:14px}
 body.assessment-view #assessment-setup .field input,body.assessment-view #assessment-setup .field select,html.assessment-entry body #assessment-setup .field input,html.assessment-entry body #assessment-setup .field select{font-size:15px}
 body.assessment-view #assessment-setup .role-helper .role-category-tab,html.assessment-entry body #assessment-setup .role-helper .role-category-tab,body.assessment-view #assessment-setup .role-helper .role-chip,html.assessment-entry body #assessment-setup .role-helper .role-chip{font-size:13px}
}


/* V7.1 homepage soft palette + smoother demo motion (visual only). */
.b2b-demo-card{background:#fff;border-color:#E6EAF0;box-shadow:0 18px 50px rgba(22,32,51,.08);transition:box-shadow .32s ease,border-color .32s ease}
.b2b-demo-tabs{background:#F9FAFC;border-bottom-color:#E6EAF0}
.b2b-demo-tabs button{transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}
.b2b-demo-tabs button.active{color:#162033;box-shadow:0 5px 14px rgba(22,32,51,.07);transform:translateY(-1px)}
.b2b-demo-body{will-change:opacity,transform}
.b2b-demo-card.demo-pulse{box-shadow:0 22px 58px rgba(22,32,51,.11)}
.b2b-demo-card svg path[fill="#FE6E63"]{fill:#E85D5D!important}
.b2b-demo-card svg path[fill="#FED663"]{fill:#E6B84B!important}
.b2b-demo-card svg path[fill="#627ACD"]{fill:#5E78C8!important}
.b2b-demo-card svg path[fill="#53CD62"]{fill:#53B987!important}
.b2b-demo-card svg rect[fill="#FEBDB8"]{fill:#FDECEC!important}
.b2b-demo-card svg rect[fill="#FEECB8"]{fill:#FFF7DF!important}
.b2b-demo-card svg rect[fill="#B7C2E8"]{fill:#EDF1FC!important}
.b2b-demo-card svg rect[fill="#B3EEBB"]{fill:#E9F8F1!important}\n