/* BYSE v3.6.5 — geïsoleerde, mobile-first basisnavigatie. */
html.byse-booting body{visibility:hidden}
html.byse-ready body{visibility:visible}
body.byse-global-header-active{--byse-header-height:calc(72px + env(safe-area-inset-top));padding-top:var(--byse-header-height)!important}
.byse-global-header{position:fixed;inset:0 0 auto 0;z-index:10000;min-height:var(--byse-header-height,72px);padding:max(8px,env(safe-area-inset-top)) 14px 8px;background:#fff;border-bottom:1px solid #dbe3ee;box-shadow:0 3px 16px rgba(15,23,42,.07)}
.byse-global-header__inner{width:min(1080px,100%);min-height:55px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.byse-global-header__brand{flex:0 0 auto;display:inline-flex;align-items:center;text-decoration:none}
.byse-global-header__logo{display:block;width:52px;height:52px;object-fit:contain}
.byse-global-header__links{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.byse-global-header__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:999px;color:#2468ea;background:#fff;text-decoration:none;font:900 15px/1 Manrope,Inter,system-ui,sans-serif;white-space:nowrap}
.byse-global-header__link--dashboard{background:linear-gradient(90deg,#eef5ff,#e8fbff);color:#0b1428}
.byse-global-header__link:focus-visible{outline:3px solid rgba(34,203,229,.34);outline-offset:2px}
.byse-replaced-header,.byse-auth-brand-replaced{display:none!important}
.byse-account-logout{margin-top:10px!important}
.byse-global-legal-footer{width:min(1080px,calc(100% - 24px));margin:34px auto 10px;padding:18px 4px;border-top:1px solid #dbe3ee;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#64748b;font:750 13px/1.4 Manrope,Inter,system-ui,sans-serif}
.byse-global-legal-footer nav{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}.byse-global-legal-footer a{color:#334155;text-decoration:none}.byse-global-legal-footer a:hover{text-decoration:underline}.legal-account-links{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 16px}.legal-account-links a{color:#2468ea;font-weight:850;font-size:13px}.check a,.email-gate a{color:#2468ea}
@media(max-width:680px){
  .byse-page-prepare #setup .actions,.byse-page-prepare #result .actions{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:16px!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
  .byse-page-prepare #setup .actions .btn,.byse-page-prepare #result .actions .btn{width:100%!important;min-width:0!important}
  .byse-page-prepare #questions .actions{left:auto!important;right:auto!important;width:100%!important;transform:none!important}
  .byse-page-buyer .controls{position:static!important;background:transparent!important;backdrop-filter:none!important;padding:0!important;box-shadow:none!important}
}
@media(max-width:420px){body.byse-global-header-active{--byse-header-height:calc(66px + env(safe-area-inset-top))}.byse-global-header{padding-left:10px;padding-right:10px}.byse-global-header__inner{min-height:49px;gap:8px}.byse-global-header__logo{width:46px;height:46px}.byse-global-header__links{gap:4px}.byse-global-header__link{min-height:42px;padding:0 10px;font-size:14px}}
@media(max-width:520px){.byse-global-legal-footer{align-items:flex-start;flex-direction:column}.byse-global-legal-footer nav{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* BYSE v3.6.15 — merkstijl op de applicatiepagina's. */
body:not(.byse-page-index){--byse-brand-marine:#0b1428;--byse-brand-blue:#2468ea;--byse-brand-cyan:#22cbe5;--byse-brand-ice:#eef5ff;--byse-brand-text:#172033;--byse-brand-muted:#526178;background:linear-gradient(180deg,#eef5ff 0,#f8fbff 260px,#f7f9fc 620px)!important;color:var(--byse-brand-text)}
body:not(.byse-page-index) .byse-global-header{background:rgba(255,255,255,.94);border-bottom-color:#d6e3f3;box-shadow:0 5px 22px rgba(11,20,40,.08);backdrop-filter:blur(16px)}
body:not(.byse-page-index) .byse-global-header__link--dashboard{background:linear-gradient(100deg,var(--byse-brand-blue),#238edc);color:#fff;box-shadow:0 8px 18px rgba(36,104,234,.2)}
body:not(.byse-page-index) :is(.eyebrow,.step-label,.profile-kicker,.score-title){color:var(--byse-brand-blue)!important}
body:not(.byse-page-index) :is(.lead,.muted,.intro,.body-text,.rank-instruction,.result-text,.context-intro){color:var(--byse-brand-muted)!important}
body:not(.byse-page-index) :is(.card,.panel,.advice,.profile-card,.tip-card){border-color:#d9e4f1!important;box-shadow:0 14px 38px rgba(11,20,40,.07)}
body:not(.byse-page-index) :is(.primary,.btn-primary,.btn.primary){background:linear-gradient(100deg,var(--byse-brand-blue),#238edc)!important;color:#fff!important;box-shadow:0 10px 24px rgba(36,104,234,.2)!important}
body:not(.byse-page-index) :is(.secondary,.btn-secondary,.btn.secondary){background:var(--byse-brand-ice)!important;color:var(--byse-brand-marine)!important}
body:not(.byse-page-index) :is(input,select,textarea):focus{border-color:var(--byse-brand-blue)!important;box-shadow:0 0 0 3px rgba(36,104,234,.14)!important;outline:0}
body:not(.byse-page-index) :is(.progress-bar,.progress div,.bar div,.compact-fill,.scorebar>div){background:linear-gradient(90deg,var(--byse-brand-marine),var(--byse-brand-blue),var(--byse-brand-cyan))!important}
body.byse-page-tool .topbar,body.byse-page-buyer .hero,body.byse-page-dashboard .hero{background:linear-gradient(135deg,var(--byse-brand-marine) 0%,#123d82 68%,#167fb5 100%)!important}
body.byse-page-tool .shell{border-color:#d9e4f1;box-shadow:0 20px 55px rgba(11,20,40,.11)}
body.byse-page-tool .option-btn.pending{border-color:#c9d7e8;background:#fff}
body.byse-page-tool .option-btn.pending .option-index{background:var(--byse-brand-ice);color:var(--byse-brand-blue)}
body.byse-page-tool .topbar .intro{color:rgba(255,255,255,.88)!important}
body.byse-page-tool .option-btn.rank-1{background:#5b8ff2!important;border-color:var(--byse-brand-blue)!important;color:var(--byse-brand-marine)!important}
body.byse-page-tool .option-btn.rank-2{background:#67d9e9!important;border-color:var(--byse-brand-cyan)!important;color:var(--byse-brand-marine)!important}
body.byse-page-tool .option-btn.rank-3{background:#d9f4ff!important;border-color:#9edff4!important;color:var(--byse-brand-marine)!important}
body.byse-page-tool .option-btn:is(.rank-1,.rank-2,.rank-3) .option-index{background:rgba(255,255,255,.84);color:var(--byse-brand-marine)}
body:is(.byse-page-login,.byse-page-register,.byse-page-forgot-password,.byse-page-reset-password,.byse-page-complete-profile) main.shell{position:relative}
body:is(.byse-page-login,.byse-page-register,.byse-page-forgot-password,.byse-page-reset-password,.byse-page-complete-profile) main.shell::before{content:"";display:block;height:6px;margin-bottom:18px;border-radius:999px;background:linear-gradient(90deg,var(--byse-brand-marine),var(--byse-brand-blue),var(--byse-brand-cyan))}
body:is(.byse-page-privacy,.byse-page-voorwaarden) .legal-hero{background:linear-gradient(135deg,var(--byse-brand-marine),#123d82)!important;color:#fff}
@media(max-width:640px){body:not(.byse-page-index){background:#f7f9fc!important}body:not(.byse-page-index) :is(.card,.panel,.advice,.profile-card,.tip-card){box-shadow:0 7px 22px rgba(11,20,40,.06)}}

/* BYSE v3.6.16 — dezelfde visuele grammatica als de homepage. */
body:not(.byse-page-index){background:linear-gradient(180deg,#eef5ff 0,#f8fbff 340px,#fff 760px,#f6f9fd 100%)!important}
body:not(.byse-page-index) :is(h1,h2,h3,.big-profile,.profile-name){color:#0b1428}
body:not(.byse-page-index) :is(.muted,.lead,.intro,.body-text,.rank-instruction,.result-text,.context-intro,.profile-tagline,.story-card p,.wide-section p,.advice-box span,.legal-section p,.legal-section li){color:#43536b!important}
body:not(.byse-page-index) :is(.card,.profile-card,.tip-card,.advice-card,.advice,.legal-section,.legal-toc){border-color:#d7e3f2!important;border-radius:24px;box-shadow:0 12px 32px rgba(11,20,40,.065)}
body:not(.byse-page-index) :is(.btn,.primary,.secondary,.byse-global-header__link){transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
body:not(.byse-page-index) :is(.btn,.primary,.secondary):not(:disabled):active{transform:translateY(1px)}
body:not(.byse-page-index) :is(.primary,.btn-primary,.btn.primary){background:linear-gradient(100deg,#2468ea,#238edc)!important}
body:not(.byse-page-index) :is(.eyebrow,.step-label,.legal-eyebrow){letter-spacing:.1em;color:#2468ea!important}
body:not(.byse-page-index) :is(.notice,.context-note,.summary-box,.cluster,.block-pill,.scenario-pill,.profile-badge){background:#eef5ff!important;border-color:#c8dcf7!important;color:#174a9f!important}

/* Dashboard: drie herkenbare modules binnen één BYSE-spectrum. */
body.byse-page-dashboard main{padding-top:42px;padding-bottom:70px}
body.byse-page-dashboard .welcome{position:relative;overflow:hidden;align-items:center;padding:34px 36px;border-radius:30px;background:linear-gradient(125deg,#071127,#0b2455 58%,#0d75df 115%);box-shadow:0 20px 46px rgba(11,20,40,.16)}
body.byse-page-dashboard .welcome:after{content:"";position:absolute;right:-80px;top:-130px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,203,229,.34),transparent 68%)}
body.byse-page-dashboard .welcome :is(h1,p,.eyebrow){position:relative;z-index:1;color:#fff!important}
body.byse-page-dashboard .welcome .muted{color:#d7e5f8!important}
body.byse-page-dashboard .module-grid{gap:16px}
body.byse-page-dashboard .module-card{position:relative;overflow:hidden;border-top:0!important}
body.byse-page-dashboard .module-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--module-accent)}
body.byse-page-dashboard .module-card.sales{--module-accent:#2468ea}
body.byse-page-dashboard .module-card.buyer{--module-accent:#169ed2}
body.byse-page-dashboard .module-card.prepare{--module-accent:#22cbe5}
body.byse-page-dashboard .module-card>.btn{background:linear-gradient(100deg,var(--module-accent),#238edc)!important}
body.byse-page-dashboard .account-grid .card:first-child{background:#eef5ff}

/* Verkoopprofiel: home-hero, rustige scenario's en compact resultaat. */
body.byse-page-tool .topbar{background:linear-gradient(125deg,#071127 0%,#0b2455 55%,#0d75df 88%,#22cbe5 125%)!important}
body.byse-page-tool .topbar:after{content:"";position:absolute;right:-90px;top:-150px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(34,203,229,.3),transparent 68%);pointer-events:none}
body.byse-page-tool .topbar>*{position:relative;z-index:1}
body.byse-page-tool .content{background:linear-gradient(180deg,#f8fbff,#fff)}
body.byse-page-tool #questionScreen>.card{border-color:#d3e1f2}
body.byse-page-tool .rich-result{gap:18px}
body.byse-page-tool .hero-result>.card:first-child{color:#fff;background:linear-gradient(135deg,#071127,#0b2455 65%,#0d75df 125%);border:0!important}
body.byse-page-tool .hero-result>.card:first-child :is(.big-profile,.profile-tagline,.profile-kicker){color:#fff!important}
body.byse-page-tool .hero-result>.card:first-child .profile-tagline{color:#d7e5f8!important}
body.byse-page-tool .hero-result>.card:first-child .scenario-pill{background:rgba(34,203,229,.13)!important;color:#9aedf7!important;border:1px solid rgba(34,203,229,.32)!important}
body.byse-page-tool :is(.stat,.mobile-result-summary .mini-stat){background:#eef5ff!important}
body.byse-page-tool .profilemix-box{background:#f2f8ff;border-color:#cddff5}
body.byse-page-tool .story-card{background:#fff}
body.byse-page-tool .wide-section:nth-of-type(even),body.byse-page-tool .mini-box:nth-child(even),body.byse-page-tool .advice-box:nth-child(even){background:#f3f8ff}

/* Gesprekspartner en gespreksvoorbereiding. */
body:is(.byse-page-buyer,.byse-page-prepare) main.shell{padding-top:36px}
body:is(.byse-page-buyer,.byse-page-prepare) .screen.active>.eyebrow:first-child+ h1{margin-top:9px}
body.byse-page-buyer .choice{position:relative;overflow:hidden;border-color:#d7e3f2;background:linear-gradient(145deg,#fff,#f5f9ff)}
body.byse-page-buyer .choice:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#2468ea,#22cbe5)}
body.byse-page-buyer .option.ranked{border-color:#2468ea;background:#eef5ff}
body.byse-page-buyer .option.ranked .badge{background:linear-gradient(135deg,#2468ea,#22cbe5);color:#0b1428}
body.byse-page-buyer .result-hero>.card:first-child{color:#fff;background:linear-gradient(135deg,#071127,#0b2455 68%,#0d75df 125%);border:0!important}
body.byse-page-buyer .result-hero>.card:first-child :is(.profile-name,.eyebrow,.muted){color:#fff!important}
body.byse-page-buyer .advice-card:nth-child(even){background:#eef5ff}
body.byse-page-prepare #partnerSetup>.card,body.byse-page-prepare #setup>.card{border-top:6px solid #2468ea}
body.byse-page-prepare .top-five{background:linear-gradient(145deg,#eef5ff,#fff)}
body.byse-page-prepare .advice-section summary{color:#0b1428}

/* Accountpagina's: één compacte BYSE-panelvorm. */
body:is(.byse-page-login,.byse-page-register,.byse-page-forgot-password,.byse-page-reset-password,.byse-page-complete-profile){background:linear-gradient(145deg,#eef5ff,#fff 55%,#eafaff)!important}
body:is(.byse-page-login,.byse-page-register,.byse-page-forgot-password,.byse-page-reset-password,.byse-page-complete-profile) main.shell{width:min(500px,100%)}
body:is(.byse-page-login,.byse-page-register,.byse-page-forgot-password,.byse-page-reset-password,.byse-page-complete-profile) main.shell:before{height:8px;margin:0;border-radius:28px 28px 0 0;background:linear-gradient(90deg,#071127,#2468ea,#22cbe5)}
body:is(.byse-page-login,.byse-page-register,.byse-page-forgot-password,.byse-page-reset-password,.byse-page-complete-profile) .card{border-radius:0 0 28px 28px;border-top:0!important;box-shadow:0 22px 60px rgba(11,20,40,.12)}

/* Juridische pagina's: donker openingshoofdstuk, rustig document. */
body:is(.byse-page-privacy,.byse-page-voorwaarden) .legal-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#071127,#0b2455 60%,#0d75df 120%)!important;border:0;box-shadow:0 20px 44px rgba(11,20,40,.15)}
body:is(.byse-page-privacy,.byse-page-voorwaarden) .legal-hero:after{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(34,203,229,.32),transparent 68%)}
body:is(.byse-page-privacy,.byse-page-voorwaarden) .legal-hero :is(h1,p,.legal-eyebrow){position:relative;z-index:1;color:#fff!important}
body:is(.byse-page-privacy,.byse-page-voorwaarden) .legal-section:nth-of-type(even){background:#f4f8ff}

@media(max-width:680px){
  body:not(.byse-page-index){background:#f7f9fc!important}
  body:not(.byse-page-index) :is(.card,.profile-card,.tip-card,.advice-card,.advice,.legal-section,.legal-toc){border-radius:20px;box-shadow:0 6px 20px rgba(11,20,40,.05)}
  body.byse-page-dashboard main{padding-top:18px}
  body.byse-page-dashboard .welcome{padding:25px 20px;border-radius:24px}
  body.byse-page-dashboard .welcome h1{font-size:36px;line-height:1.03}
  body.byse-page-dashboard .module-grid{margin-top:16px;gap:12px}
  body.byse-page-dashboard .module-card{min-height:0}
  body.byse-page-tool.result-view .content{padding:10px}
  body.byse-page-tool.result-view .hero-result>.card:first-child{display:block!important;padding:24px 20px}
  body.byse-page-tool.result-view .hero-result>.card:first-child .big-profile{display:block!important;font-size:38px;margin-bottom:10px}
  body.byse-page-tool.result-view .hero-result>.card:first-child .profile-tagline{display:block!important;font-size:17px;margin:0}
  body.byse-page-tool.result-view .hero-result>.card:first-child .scenario-pill{display:none!important}
  body.byse-page-tool.result-view .story-card{padding:22px 18px}
  body.byse-page-tool.result-view .story-card h2{font-size:30px}
  body.byse-page-tool.result-view :is(.story-card p,.wide-section p,.advice-box span,.mini-box li,.profilemix-box){font-size:17px;line-height:1.52}
  body.byse-page-tool.result-view :is(.stat,.mobile-result-summary .mini-stat){background:#eef5ff!important}
  body.byse-page-tool.result-view .wide-section{padding:20px 18px}
  body.byse-page-tool.result-view .profilemix-box{border:0;padding:16px}
  body:is(.byse-page-buyer,.byse-page-prepare) main.shell{padding-top:20px}
  body.byse-page-buyer .choice-grid{gap:12px}
  body.byse-page-buyer .choice{min-height:0;padding:19px}
  body:is(.byse-page-privacy,.byse-page-voorwaarden) .legal-hero{padding:25px 20px}
}