/* =====================================================================
   Freedom Capital — stylesheet

   Volgorde is bewust en bepaalt de cascade:
     1. tokens en basis (:root, elementen)
     2. componenten (schermweergave)
     3. keyframes
     4. responsief, van breed naar smal
     5. print (persoonlijk rapport)

   Let op bij wijzigen:
   - Zet nieuwe media-regels in het juiste blok hieronder, niet onderaan
     het bestand: alles wat na een media-regel komt, wint ervan.
   - Alles onder .pdf-report wordt uitsluitend in het printblok opgemaakt.
     Schermregels voor .report-* horen daar dus niet.
   - !important is hier alleen gebruikt waar het aantoonbaar nodig is.
   ===================================================================== */

/* --- Tokens, basis en componenten                              --- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);line-height:1.6}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.section-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.section-pad{padding-block:105px}
.site-header{height:82px;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 40px));margin:auto;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font:800 18px var(--font-head);letter-spacing:.08em}
.brand-mark{width:36px;height:36px;border-radius:12px;color:white;display:grid;place-items:center;letter-spacing:0}
.site-header nav{gap:28px;font-size:14px;font-weight:600}
.site-header nav a:hover{color:var(--green2)}
.button{border:0;border-radius:999px;padding:15px 24px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:.2s transform,.2s background,.2s box-shadow}
.button:hover{transform:translateY(-2px)}
.button-light{background:#fff}
.button-small{padding:11px 18px;color:#fff}
.button-full{width:100%}
.button-ghost{background:transparent;border:1px solid var(--line)}
.hero{display:grid}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;margin:0 0 18px}
.hero h1{font:800 clamp(40px,5.1vw,70px)/1.07 var(--font-head);margin:0 0 26px}
.hero-lead{margin:0 0 34px}
.hero-actions{display:flex;flex-wrap:wrap}
.hero-video-card{color:white;overflow:hidden}
.video-shell video{background:#0e332b}
.card-kicker{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#bcd4ca;font-weight:800;margin-bottom:10px}
.video-caption h2{font:800 clamp(24px,2.4vw,34px)/1.15 var(--font-head);letter-spacing:-.03em;margin:0 0 12px}
.video-caption .video-signature{color:#fff;line-height:1.35}
.video-signature strong{font:800 16px var(--font-head)}
.video-signature span{font-size:13px}
.section-heading{max-width:760px;margin-bottom:42px}
.section-heading h2,.credibility h2,.final-cta h2{font:800 clamp(32px,4vw,52px)/1.12 var(--font-head);letter-spacing:-.035em;margin:0 0 20px}
.section-heading>p:last-child,.credibility-main>p:last-child{font-size:18px;color:var(--muted)}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card{background:white;border:1px solid #ebece8;border-radius:var(--radius);padding:30px;min-height:250px}
.info-card .number{display:block;font:800 13px var(--font-head);margin-bottom:46px}
.info-card h3{font:700 23px var(--font-head);margin:0 0 12px}
.info-card p{color:var(--muted);margin:0}
.credibility{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.research-card{border-radius:28px;padding:36px}
.research-label{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.research-card p{font:700 24px/1.4 var(--font-head);margin:20px 0}
.research-card small{color:#486158}
.testimonial{text-align:center;max-width:900px}
.testimonial blockquote{font:700 clamp(28px,4vw,46px)/1.3 var(--font-head);letter-spacing:-.025em;margin:0}
.testimonial p{color:var(--muted);font-size:13px;margin-top:26px}
.final-cta{color:white;border-radius:36px;padding:65px;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;margin-bottom:90px}
.final-cta .eyebrow{color:#b7d1c7}
.final-cta p:not(.eyebrow){color:#d9e5e0}
.final-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.final-actions span{font-size:12px;color:#b7d1c7}
.site-footer{border-top:1px solid var(--line);padding:28px max(20px,calc((100vw - 1180px)/2));justify-content:space-between;color:var(--muted);font-size:13px}
.site-footer div{display:flex;gap:20px}
.app-view{min-height:calc(100vh - 82px);padding:30px 20px 90px}
.app-shell{width:min(860px,100%);margin:auto}
.app-topbar{display:flex;align-items:center;gap:34px;margin-bottom:30px}
.progress-wrap{flex:1}
.progress-meta{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px}
.progress-track{height:7px;background:#dce3df;border-radius:999px;overflow:hidden}
.progress-track div{height:100%;width:0;background:var(--green);transition:width .3s}
.app-card{background:white;border-radius:30px;padding:clamp(28px,5vw,58px);box-shadow:var(--shadow)}
.capture-card{max-width:650px;margin:60px auto}
.app-card h2{font:800 clamp(32px,5vw,50px)/1.15 var(--font-head);letter-spacing:-.035em;margin:0 0 16px}
.app-card>p{color:var(--muted)}
form label{display:block;font-weight:700;font-size:14px;margin-top:20px}
input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:15px 16px;margin-top:8px;background:#fbfcfa;outline:none}
input:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(37,107,90,.1)}
.privacy-note{font-size:12px;text-align:center}
.form-error{color:#a03b2f!important;min-height:22px;font-size:13px}
.question-card{min-height:550px}
.question-index{color:var(--green2);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.question-title{font:800 clamp(28px,4vw,40px)/1.22 var(--font-head);letter-spacing:-.025em;margin:14px 0 30px}
.answers{display:grid;gap:12px}
.answer-option{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:16px;padding:16px 18px;cursor:pointer;transition:.15s}
.answer-option:hover{border-color:#9fb8ae;background:#f7faf8}
.answer-option input{width:auto;margin:4px 0 0;accent-color:var(--green)}
.question-nav{display:flex;justify-content:space-between;margin-top:34px}
.result-wrap{display:grid;gap:24px}
.result-hero{color:white;border-radius:32px;padding:clamp(30px,5vw,54px)}
.result-hero .eyebrow{color:#b7d1c7}
.result-hero h1{font:800 clamp(34px,5vw,55px)/1.1 var(--font-head);letter-spacing:-.04em;margin:0 0 18px}
.result-hero p{color:#d9e5e0;font-size:18px}
.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.score-card{background:rgba(255,255,255,.11);border-radius:18px;padding:18px}
.score-card span{font-size:12px;color:#c8dad3}
.score-card strong{display:block;font:800 24px var(--font-head);margin:7px 0}
.score-card small{color:#e6eeeb}
.result-card{background:white;border-radius:26px;padding:34px;box-shadow:0 15px 40px rgba(23,34,31,.08)}
.result-card h2{font:800 28px var(--font-head);margin:0 0 16px}
.insight-list{display:grid;gap:12px}
.insight{border-left:4px solid var(--green2);padding:16px;border-radius:10px}
.result-actions{display:flex;gap:12px;flex-wrap:wrap}
.email-note{font-size:13px;color:var(--muted)}
.reveal{animation:fadeUp .65s both}
}

/* --- Animatie                                                   --- */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.profile-summary{margin-top:28px;padding:18px 20px;border-radius:18px;display:grid;gap:5px}
.profile-summary span{color:#bcd4ca;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}
.profile-summary strong{font:700 17px/1.45 var(--font-head);color:#fff}
.profile-meters{display:grid;gap:14px;margin-top:18px}
.profile-meter{border-radius:20px;padding:19px 20px 17px}
.meter-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:14px}
.meter-heading span{color:#c8dad3;font-size:13px;font-weight:700}
.meter-heading strong{font:800 18px var(--font-head);text-align:right}
.meter-track{height:12px;position:relative;border-radius:999px;display:grid;grid-template-columns:1fr 1fr 1fr;overflow:visible}
.meter-zone{height:12px}
.zone-low{border-radius:999px 0 0 999px}
.zone-high{border-radius:0 999px 999px 0}
.meter-marker{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.28);transform:translate(-50%,-50%);display:grid;place-items:center;transition:left .65s cubic-bezier(.2,.7,.2,1)}
.meter-marker i{display:block;width:8px;height:8px;border-radius:50%}
.meter-scale{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:8px;color:#abc8bd;font-size:10px}
.meter-scale span:nth-child(2){text-align:center}
.meter-scale span:last-child{text-align:right}
.profile-meter p{margin:12px 0 0;color:#e1ebe7;font-size:14px;line-height:1.5}
.human-conversation-cta{margin:24px 0;padding:22px 24px;border-radius:18px}
.human-conversation-cta strong{display:block;font:800 20px/1.35 var(--font-head);letter-spacing:-.02em;margin-bottom:8px}
.human-conversation-cta p{margin:0;color:#486158;line-height:1.6}
body{background:var(--paper);color:var(--ink)}
.brand-mark{background:var(--green)}
.button-light{color:var(--green)}
.button-small{background:var(--green)}
.hero-copy{max-width:720px}
.freedom-question{font-family:"Manrope",sans-serif;color:var(--navy, var(--green))}
.freedom-question strong{color:var(--orange, var(--amber))}
.hero-lead{max-width:620px}
.hero-video-card{justify-self:end;width:100%}
.video-signature span{color:#c7d7e6}
.eyebrow{color:var(--blue, var(--green2))}
.info-card .number{color:var(--orange, var(--amber))}
.research-card{background:var(--mint)}
.final-cta{background:linear-gradient(180deg,#153654 0%, #1b456b 100%)}
.final-cta .eyebrow,.final-actions span{color:#c7d7e6}
.progress-track div,.answer-option.selected,.answer-option input{accent-color:var(--green)}
.input:focus,textarea:focus{border-color:var(--green2)}
.insight{background:#f2f7fc;border-left-color:var(--blue, var(--green2))}
.next-step{background:#fff8ef;border:1px solid #f8deb3}
.profile-summary{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12)}
.profile-meter{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.meter-heading strong{color:#fff}
.meter-track{background:rgba(255,255,255,.12)}
.zone-low{background:rgba(242,154,22,.35)}
.zone-mid{background:rgba(35,117,185,.26)}
.zone-high{background:rgba(31,122,85,.28)}
.meter-marker i{background:#fff;border:3px solid var(--orange, var(--amber));box-shadow:0 2px 12px rgba(0,0,0,.2)}
.meter-scale span{color:#c7d7e6}
.human-conversation-cta{background:#eef5fb;border:1px solid #d5e4f1;color:var(--ink)}
html, body{background:#ffffff}
body{min-height:100%}
.site-header{position:sticky;top:0;backdrop-filter:blur(12px);background:#ffffff;border-bottom:1px solid #e8edf2}
.site-header nav{display:none}
.hero{background:#ffffff!important;min-height:auto;padding-block:54px 82px}
.process,.credibility,.testimonial{background:#ffffff}
.site-header{display:none}
.site-footer{background:#ffffff;display:none}
.hero{padding-top:40px;padding-bottom:40px;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;align-items:start!important;gap:56px}
.hero-copy{padding-top:10px}
.hero h1{font-size:clamp(28px,2.55vw,42px);line-height:1.14;max-width:620px;font-weight:700!important;letter-spacing:-.025em;margin-bottom:18px!important}
.hero h1 em{color:#2375b9;font-style:normal}
.freedom-question{margin:10px 0 10px;max-width:560px;font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.18;font-weight:800}
.hero-lead{font-size:1.18rem;margin-bottom:24px!important;color:#55697a}
.hero-actions{align-items:center;gap:14px}
.hero-actions .button{width:auto;min-width:250px;padding:17px 28px}
.microcopy{font-size:14px;color:#7b8b98}
.hero-video-card{background:transparent!important;padding:0!important;max-width:560px;border-radius:0!important;box-shadow:none!important}
.video-shell{background:#f3f7fb;border-radius:22px;box-shadow:0 10px 26px rgba(21,54,84,.08), inset 0 0 0 1px #dde7f0;aspect-ratio:16/9!important;overflow:hidden}
.video-shell video{display:block;width:100%;height:100%;object-fit:cover}
.video-caption{padding:18px 4px 0 4px}
.video-caption p{color:#33495b;font-size:18px;line-height:1.65;margin:0 0 16px}
.video-caption .video-signature{margin-top:6px!important}
.video-signature strong{font-size:20px;color:#183a59}
.video-signature span{display:none}
.app-topbar{padding-top:8px}
.back-link{font:700 15px var(--font-body);color:#183a59;display:inline-flex;align-items:center;gap:6px}
.brand,.brand-mark{display:none}
.hero-centered .button{box-shadow:0 14px 34px rgba(21,54,84,.18)!important}
.hero-centered .hero-video-card{margin-top:6px;background:transparent!important;padding:0!important}
:root{--white:#fff;--radius:24px;--font-body:"DM Sans",sans-serif;--font-head:"Manrope",sans-serif;--ink:#263746;--green:#153654;--green2:#2375b9;--mint:#eaf3fa;--amber:#f29a16;--shadow:0 18px 50px rgba(21,54,84,.12);--paper:#ffffff;--navy:#153e67;--navy-2:#1f4e80;--orange:#ee980d;--text:#243b53;--muted:#61788f;--line:#dce5ee}
html,body{background:#fff!important;color:var(--text)!important}
.simple-header{padding:26px 0 12px;background:#fff}
.simple-header-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;text-align:center;font:800 clamp(24px,2.1vw,34px)/1.05 var(--font-head);color:var(--navy);letter-spacing:-.035em}
.hero.hero-centered{padding-top:24px!important;padding-bottom:40px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:34px!important;padding:18px 0 48px!important}
.hero-centered .hero-copy{padding-top:0!important;width:100%;max-width:1060px!important;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.hero-centered h1{max-width:1000px!important;margin:0 auto 18px!important;font-size:clamp(40px,5.1vw,72px)!important;line-height:1.08!important;letter-spacing:-.045em!important;color:var(--text)!important;text-align:center!important}
.hero-centered h1 em{color:#2d76bf!important;font-style:normal}
.hero-centered .hero-cta-stack{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:0}
.hero-centered .hero-lead{max-width:640px;margin:0!important;font-size:clamp(18px,1.8vw,30px)!important;line-height:1.4!important;color:var(--muted)!important}
.hero-centered .hero-lead strong{color:var(--text);font-weight:800}
.button-primary{background:var(--orange)!important;color:#fff!important;box-shadow:0 16px 34px rgba(238,152,13,.25)!important}
.button-primary:hover{background:#df8d09;transform:translateY(-1px)}
.hero-centered .button{min-width:320px!important;padding:20px 34px!important;border-radius:999px!important;font-size:20px!important}
.hero-centered .microcopy{font-size:18px!important;color:#8a9aac!important}
.hero-centered .hero-video-card{width:min(860px,100%)!important;max-width:860px!important;margin:0 auto!important}
.hero-centered .video-shell{aspect-ratio:16/9!important;background:#eef3f8!important;border-radius:28px!important;box-shadow:0 18px 44px rgba(21,62,103,.10), inset 0 0 0 1px var(--line)!important}
.hero-centered .video-caption{padding:22px 10px 0!important;max-width:860px;margin:0 auto;text-align:center!important}
.hero-centered .video-caption p{margin:0 0 14px!important;font-size:clamp(21px,2vw,34px)!important;line-height:1.6!important;color:#3d556c!important}
.hero-centered .video-caption strong{color:var(--text)}
.hero-centered .video-signature strong{font-size:clamp(22px,2vw,30px)!important;color:var(--navy)!important}
.app-view{background:#fff!important}
.app-card,.result-card,.profile-meter,.human-conversation-cta{box-shadow:0 12px 34px rgba(21,62,103,.06)!important}
.answer-option.selected{border-color:rgba(31,78,128,.26)!important;background:#f5f8fc!important}
#next-question,.button-small{background:var(--orange)!important}
.result-hero{background:linear-gradient(180deg,#153e67 0%, #1f4e80 100%)!important}
.human-conversation-cta strong{color:var(--navy)}
.simple-header-inner{display:flex;flex-direction:column;align-items:center;gap:5px}
.simple-header-inner strong{font:inherit;color:var(--navy)}
.simple-header-inner span{font:700 12px/1.2 var(--font-body);letter-spacing:.08em;color:var(--orange);text-transform:none}
.hero-centered .video-signature span{display:inline!important;color:var(--orange)!important;font-size:16px!important;font-weight:700}
.simple-header-inner{position:relative}
.language-switch{position:absolute;right:0;top:50%;transform:translateY(-50%);font:700 12px/1 var(--font-body);letter-spacing:.08em;color:#8a9aac}
.language-switch button{font:inherit;cursor:pointer}
.language-switch button:hover{color:#153e67}
.freedom-score-hero{text-align:center;padding:clamp(34px,6vw,64px)!important}
.freedom-score-hero .eyebrow{color:#cfe2f4!important;margin-bottom:10px}
.freedom-score-hero h1{max-width:720px;margin:10px auto 14px!important;font-size:clamp(30px,4.6vw,52px)!important}
.freedom-score-hero>p:last-of-type{max-width:720px;margin:0 auto;color:#e7f0f8!important}
.score-main{display:flex;align-items:flex-end;justify-content:center;line-height:.85;margin:14px 0 8px}
.score-main strong{font:800 clamp(78px,13vw,148px)/.82 var(--font-head);letter-spacing:-.07em;color:#fff}
.score-main span{font:800 clamp(24px,4vw,42px)/1 var(--font-head);color:#f29a16;margin:0 0 9px 8px}
.score-scale{position:relative;height:12px;border-radius:999px;background:rgba(255,255,255,.18);max-width:680px;margin:30px auto 8px;overflow:visible}
.score-scale i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f29a16,#ffd083)}
.score-scale b{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid #f29a16;transform:translate(-50%,-50%);box-shadow:0 4px 14px rgba(0,0,0,.22)}
.score-scale-labels{max-width:680px;margin:auto;display:grid;grid-template-columns:40fr 20fr 20fr 20fr 0fr;color:#cfe2f4;font-size:11px}
.score-scale-labels span:nth-child(2),.score-scale-labels span:nth-child(3),.score-scale-labels span:nth-child(4){transform:translateX(-50%)}
.score-scale-labels span:last-child{transform:translateX(-100%)}
.freedom-subscores{display:grid;gap:18px}
.freedom-subscore{padding:22px;border:1px solid #dce5ee;border-radius:18px;background:#f8fbfe}
.subscore-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.subscore-head span{font-weight:800;color:#29445e}
.subscore-head strong{font:800 22px var(--font-head);color:#153e67}
.subscore-track{height:10px;border-radius:999px;background:#e7eef5;overflow:hidden}
.subscore-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#153e67,#2d76bf)}
.freedom-subscore p{margin:12px 0 0;color:#61788f}
.score-insight{border-top:5px solid #f29a16}
.score-insight h2{font-size:clamp(25px,3vw,36px)!important;line-height:1.3}
.card-label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#d77f00;margin-bottom:12px}
.capital-analysis{background:linear-gradient(145deg,#f7fbff,#fff8ee);border:1px solid #dce5ee}
.capital-analysis h2{font-size:clamp(30px,4vw,44px)!important;color:#153e67}
.analysis-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.analysis-points span{padding:16px;border-radius:14px;background:#fff;border:1px solid #dce5ee;font-weight:700;color:#29445e}
.capital-analysis .button-primary{background:#f29a16!important;box-shadow:0 12px 28px rgba(242,154,22,.25)!important}
.order-page{background:#fff}
.order-header{display:block!important;border-bottom:1px solid #e6edf3;padding:22px 0!important}
.order-header .simple-header-inner{display:flex;justify-content:space-between;align-items:center;text-align:left}
.order-brand{display:flex;flex-direction:column;gap:3px;text-decoration:none}
.order-brand strong{font:800 28px/1 var(--font-head);color:#153e67}
.order-brand span{font-size:12px;color:#ee980d;font-weight:700}
.order-main{padding:58px 0 90px}
.order-intro{text-align:center;max-width:850px}
.order-intro h1{font:800 clamp(40px,5vw,68px)/1.06 var(--font-head);letter-spacing:-.045em;color:#243b53;margin:8px 0 20px}
.order-intro>p:last-child{font-size:20px;color:#61788f;max-width:760px;margin:0 auto}
.package-section{padding-top:52px}
.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.package-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #dce5ee;border-radius:26px;padding:36px;box-shadow:0 16px 42px rgba(21,62,103,.08)}
.package-card-featured{border:2px solid #ee980d;box-shadow:0 20px 52px rgba(238,152,13,.13)}
.package-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;background:#ee980d;color:#fff;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:800}
.package-label{text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800;color:#2d76bf;margin:0 0 10px}
.package-head h2{font:800 29px/1.15 var(--font-head);color:#153e67;margin:0 0 16px}
.package-price{font:800 42px/1 var(--font-head);color:#243b53;margin:0 0 28px}
.package-price small{display:block;font:500 13px var(--font-body);color:#74879a;margin-top:8px}
.package-list{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:13px}
.package-list li{position:relative;padding-left:27px;color:#40566b}
.package-list li::before{content:'✓';position:absolute;left:0;color:#ee980d;font-weight:900}
.package-button{margin-top:auto;width:100%;text-align:center;text-decoration:none}
.package-footnote{font-size:13px;color:#6b7f92;max-width:900px;margin:22px auto 0;text-align:center}
.value-note{text-align:center;font-size:20px;color:#153e67;margin:34px auto 0}
.consultation-card{margin-top:52px;text-align:center;background:#f4f8fc;border:1px solid #dce7f0;border-radius:26px;padding:42px}
.consultation-card h2{font:800 clamp(28px,3vw,40px)/1.15 var(--font-head);color:#153e67;margin:0 0 12px}
.consultation-card p{font-size:18px;color:#61788f;max-width:680px;margin:0 auto 24px}
.button-secondary{background:#fff;color:#153e67;border:1px solid #bfcfdd;box-shadow:0 10px 24px rgba(21,62,103,.08)}
.calendly-button{text-decoration:none}
.language-switch{display:flex;align-items:center;gap:8px}
.language-switch button{border:0;background:none;color:#8191a0;font-weight:800;padding:4px}
.language-switch button.active{color:#ee980d}
.authority-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:46px;align-items:center;margin-top:48px;padding:42px;background:#f5f8fc;border:1px solid #dce7f0;border-radius:28px}
.order-video-shell{aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:#eaf1f7;box-shadow:0 16px 38px rgba(21,62,103,.10)}
.order-video-shell video{display:block;width:100%;height:100%;object-fit:cover}
.authority-copy h2{font:800 clamp(30px,3.2vw,46px)/1.12 var(--font-head);letter-spacing:-.035em;color:#153e67;margin:0 0 18px}
.authority-copy>p:not(.eyebrow){color:#536b81;font-size:17px;margin:0 0 14px}
.report-consultation{text-align:center;background:#f4f8fc!important;border:1px solid #dce7f0}
.report-consultation p{max-width:680px;margin:0 auto 22px;color:#61788f}
.report-footer{text-align:center;padding:8px 0 22px;font-size:14px;font-weight:800;color:#153e67}
.report-footer a{text-decoration:none;color:inherit}
.answer-option:has(.other-answer-input){flex-wrap:wrap}
.other-answer-input{flex:0 0 100%;margin:10px 0 0 34px!important;width:calc(100% - 34px)!important;background:#fff!important;border:1px solid var(--line)!important}
.other-answer-input:focus{border-color:#2d76bf;box-shadow:0 0 0 3px rgba(45,118,191,.12)}
.pdf-report{display:none}
}
@page{size:A4;margin:0}
.hero-lead-line{display:block}
.order-page .authority-section{margin-top:42px;padding:28px;border:1px solid #e3eaf1;border-radius:22px;background:#fbfcfe;gap:30px}
.order-page .authority-copy h2{font-size:clamp(24px,2.3vw,34px)}
.order-page .order-video-shell{max-width:440px;margin:auto}
.score-caption{font-size:13px!important;letter-spacing:.02em;color:#b7d1c7!important;margin:6px 0 18px!important;text-transform:none}
.profile-step{margin:18px 0 0;font-size:17px;line-height:1.5}
.task-box{margin-top:20px;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid #f0d59c}
.task-box span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#b07400;margin-bottom:8px}
.task-box p{margin:0;font-size:16px;line-height:1.55}
.analysis-explainer{background:#f7faf8;border:1px solid var(--line);box-shadow:none}
.analysis-explainer h2{font-size:24px}
.analysis-explainer p{color:var(--muted);margin:0 0 18px}

/* --- Responsief                                                --- */

/* tot 980px */
@media(max-width:980px){
  .hero-copy{max-width:none;padding-top:0}
  .hero{grid-template-columns:1fr!important;gap:28px;padding-top:28px;padding-bottom:28px}
  .hero-video-card{justify-self:stretch;max-width:none}
}

/* tot 900px */
@media (max-width: 900px){
  .hero.hero-centered{gap:28px!important;padding-top:12px!important}
  .hero-centered h1{font-size:clamp(34px,8vw,56px)!important;max-width:860px!important}
  .hero-centered .hero-lead{font-size:clamp(18px,4.6vw,24px)!important}
  .hero-centered .hero-video-card{width:min(100%,760px)!important}
  .hero-centered .video-caption p{font-size:clamp(18px,4.6vw,25px)!important}
}

/* tot 850px */
@media(max-width:850px){
  .site-header nav{display:none}
  .hero,.credibility,.final-cta{grid-template-columns:1fr}
  .hero{gap:35px}
  .hero-video-card{transform:none}
  .three-grid,.score-grid{grid-template-columns:1fr}
  .section-pad{padding-block:70px}
  .final-cta{padding:38px}
  .site-footer{flex-direction:column;gap:12px}
  .site-footer div{flex-wrap:wrap}
  .app-topbar{align-items:flex-start;flex-direction:column}
  .progress-wrap{width:100%}
}

/* tot 820px */
@media(max-width:820px){
  .authority-section{grid-template-columns:1fr;padding:28px 22px;gap:28px}
}

/* tot 780px */
@media(max-width:780px){
  .order-header .simple-header-inner{align-items:flex-start}
  .package-grid{grid-template-columns:1fr;gap:34px}
  .order-main{padding-top:38px}
  .package-card{padding:30px 24px}
  .consultation-card{padding:32px 22px}
  .order-brand strong{font-size:23px}
}

/* tot 720px */
@media(max-width:720px){
  .freedom-question{font-size:1.4rem}
}

/* tot 700px */
@media(max-width:700px){
  .analysis-points{grid-template-columns:1fr}
  .score-scale-labels{font-size:9px}
  .subscore-head{align-items:flex-start}
  .score-main strong{font-size:86px}
  .score-main span{font-size:28px}
}

/* tot 640px */
@media(max-width:640px){
  .section-shell{width:min(100% - 24px,1180px)!important}
  .hero h1{font-size:clamp(26px,8vw,34px)}
  .freedom-question{font-size:clamp(1.45rem,7vw,2rem)}
  .video-caption p{font-size:16px}
  .hero-actions{align-items:stretch}
  .hero-actions .button{width:100%;min-width:0}
  .simple-header-inner{font-size:24px}
  .hero.hero-centered{padding-top:12px;gap:22px}
  .hero-centered h1{font-size:clamp(28px,9vw,40px)}
  .hero-centered .button{width:100%!important;min-width:0!important}
  .hero-centered .video-caption p{font-size:17px}
  .simple-header-inner span{font-size:10px;letter-spacing:.055em}
  .simple-header-inner{padding-bottom:24px}
  .language-switch{right:50%;top:auto;bottom:0;transform:translateX(50%)}
  .order-brand span{font-size:12px}
}

/* tot 640px */
@media (max-width: 640px){
  .simple-header{padding:20px 0 8px}
  .hero-centered h1{font-size:clamp(30px,9vw,42px)!important;line-height:1.12!important}
  .hero-centered .button{width:100%!important;min-width:0!important;font-size:18px!important;padding:18px 22px!important}
  .hero-centered .microcopy{font-size:15px!important}
  .hero-centered .video-caption p{font-size:18px!important}
  .order-brand span{font-size:12px}
}

/* tot 600px */
@media(max-width:600px){
  .meter-heading{display:grid;gap:3px}
  .meter-heading strong{text-align:left}
  .meter-scale{font-size:9px}
  .profile-meter{padding:17px 16px}
  .profile-summary strong{font-size:15px}
}

/* tot 520px */
@media(max-width:520px){
  .site-header{height:70px}
  .site-header .button-small{display:none}
  .section-shell{width:min(100% - 24px,1180px)}
  .hero{padding-top:45px}
  .button{width:100%}
  .hero-actions{align-items:stretch}
  .microcopy{text-align:center}
  .hero-video-card{padding:12px}
  .video-caption{padding:20px 16px 16px}
  .app-view{padding-inline:12px}
  .app-card{border-radius:22px;padding:25px}
  .question-nav{gap:10px}
  .question-nav .button{width:auto;flex:1}
  .result-actions .button{width:100%}
  .human-conversation-cta{padding:19px}
  .human-conversation-cta strong{font-size:18px}
  .hero-lead{font-size:1.05rem}
  .hero h1{font-size:clamp(32px,9vw,44px)}
  .other-answer-input{margin-left:0!important;width:100%!important}
  .task-box{padding:17px 18px}
  .score-caption{margin-bottom:14px!important}
}

/* --- Print — persoonlijk rapport (A4)                          --- */
@media print{
  .site-header,.site-footer,.result-actions,.email-note{display:none!important}
  body{background:white}
  .app-view{padding:0;background:white}
  .result-card,.result-hero{box-shadow:none;break-inside:avoid}
  .result-hero{color:black;background:white;border:2px solid #174f43}
  .result-hero p,.result-hero .eyebrow{color:#333}
  .score-card{border:1px solid #ccc;background:white;color:black}
  .score-card span,.score-card small{color:#444}
  .profile-summary,.profile-meter{background:white;border:1px solid #ccc}
  .profile-summary span,.profile-summary strong,.meter-heading span,.meter-heading strong,.profile-meter p,.meter-scale{color:#222}
  .meter-track{border:1px solid #aaa}
  .zone-low{background:#eee}
  .zone-mid{background:#ccc}
  .zone-high{background:#999}
  .meter-marker{border:1px solid #333;box-shadow:none}
  .human-conversation-cta{background:white;border:1px solid #aaa}
  .score-scale b{border-color:#333}
  .score-scale i,.subscore-track i{background:#777!important}
  .capital-analysis{background:#fff!important}
  .report-consultation{display:block!important;box-shadow:none!important;border:1px solid #aaa!important}
  .report-consultation .button{display:inline-block!important;border:1px solid #555!important;color:#111!important;background:#fff!important}
  .report-footer{display:block!important;border-top:1px solid #aaa;margin-top:16px;padding-top:12px}
  .report-footer a:after{content:''}
  html,body{width:210mm!important;background:#fff;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  body>*:not(.pdf-report){display:none!important}
  .pdf-report{display:block!important;width:210mm;margin:0!important;color:#243b53;font-family:Arial,Helvetica,sans-serif}
  .report-page{position:relative;width:210mm;min-height:297mm;padding:20mm 19mm 17mm;background:#fff;page-break-after:always;break-after:page}
  .report-page:last-child{page-break-after:auto;break-after:auto}
  .report-branding,.report-running-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:.35mm solid #dbe5ee;padding-bottom:4mm}
  .report-branding strong,.report-running-head strong{font-size:14pt;line-height:1;color:#153e67;letter-spacing:-.02em}
  .report-branding span,.report-running-head span{font-size:8.5pt;color:#708397;text-align:right}
  .report-cover{padding-top:18mm}
  .report-cover-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:212mm;max-width:150mm}
  .report-kicker{margin:0 0 4mm!important;text-transform:uppercase;letter-spacing:.15em;font-size:8pt!important;font-weight:700;color:#d98600!important}
  .report-cover h1,.report-page h1{margin:0 0 7mm;font-size:31pt;line-height:1.08;letter-spacing:-.045em;color:#153e67}
  .report-cover .report-name{font-size:13pt;color:#5f7387;margin:0 0 11mm}
  .report-cover-score,.report-score-line{display:flex;align-items:flex-end;margin:0 0 5mm;line-height:.8}
  .report-cover-score strong{font-size:82pt;line-height:.78;color:#153e67;letter-spacing:-.075em}
  .report-cover-score span{font-size:22pt;font-weight:700;color:#d98600;margin:0 0 3mm 3mm}
  .report-cover h2{margin:0 0 5mm;font-size:21pt;color:#243b53}
  .report-cover-body>p:last-child{max-width:132mm;font-size:11.5pt;line-height:1.65;color:#536b80}
  .report-running-head{margin-bottom:11mm}
  .report-section{margin-bottom:10mm;break-inside:avoid}
  .report-section h2{margin:0 0 4mm;font-size:18pt;line-height:1.25;color:#153e67}
  .report-section p{font-size:10.5pt;line-height:1.65;color:#445c72;margin:0 0 4mm}
  .report-score-overview{text-align:left}
  .report-score-line strong{font-size:62pt;line-height:.8;color:#153e67;letter-spacing:-.07em}
  .report-score-line span{font-size:18pt;font-weight:700;color:#d98600;margin:0 0 2.5mm 2.5mm}
  .report-intro{max-width:155mm;font-size:11.5pt!important}
  .report-score-bar{position:relative;height:3.2mm;background:#edf2f6;border-radius:99px;margin:10mm 0 2mm}
  .report-score-bar i{display:block;height:100%;border-radius:99px;background:#2d76bf!important}
  .report-score-bar b{position:absolute;top:50%;width:6mm;height:6mm;border-radius:50%;background:#fff!important;border:1.4mm solid #d98600;transform:translate(-50%,-50%)}
  .report-score-ticks{display:flex;justify-content:space-between;font-size:7.5pt;color:#8292a1}
  .report-note{padding:4mm 5mm;border-left:1mm solid #d98600;background:#f8fafc!important;font-size:9.5pt!important;color:#5c6f82!important}
  .report-dimensions{display:grid;gap:5mm;margin-top:6mm}
  .report-dimension{padding-bottom:4.5mm;border-bottom:.3mm solid #dbe5ee}
  .report-dimension:last-child{border-bottom:0}
  .report-dimension-head{display:flex;align-items:center;justify-content:space-between;gap:10mm}
  .report-dimension-head h2{font-size:14pt;margin:0}
  .report-dimension-head strong{font-size:14pt;color:#153e67}
  .report-mini-bar{height:2.3mm;border-radius:99px;background:#edf2f6;margin:2.5mm 0}
  .report-mini-bar i{display:block;height:100%;border-radius:99px;background:#2d76bf!important}
  .report-dimension p{margin:0;font-size:9.5pt;line-height:1.5}
  .report-highlight{margin-top:5mm;padding:5mm 7mm;border-top:.8mm solid #d98600;border-bottom:.3mm solid #dbe5ee}
  .report-highlight h2{font-size:15pt;line-height:1.4;margin:0}
  .report-two-column{display:grid;grid-template-columns:1fr 1fr;gap:8mm;margin-top:6mm}
  .report-two-column>div{padding:5mm;border:.3mm solid #dbe5ee}
  .report-number{display:block;font-size:8pt;font-weight:700;color:#d98600;letter-spacing:.12em;margin-bottom:3mm}
  .report-two-column h2{font-size:14pt}
  .report-obstacles{display:grid;gap:2mm;margin-top:5mm}
  .report-obstacles>div{display:grid;grid-template-columns:9mm 1fr;gap:4mm;align-items:start;padding:2.5mm 0;border-bottom:.25mm solid #e4ebf1}
  .report-obstacles span,.report-analysis-list span{font-size:8pt;font-weight:700;color:#d98600;letter-spacing:.08em}
  .report-obstacles p{margin:0;font-size:9.5pt;line-height:1.5}
  .report-other{margin-top:5mm!important;padding:4mm 5mm;background:#f8fafc!important;border-left:.8mm solid #2d76bf}
  .report-analysis-list{display:grid;grid-template-columns:1fr 1fr;gap:0 10mm;margin-top:6mm;border-top:.3mm solid #dbe5ee}
  .report-analysis-list>div{display:grid;grid-template-columns:8mm 1fr;gap:3mm;padding:2.5mm 0;border-bottom:.3mm solid #dbe5ee}
  .report-analysis-list p{margin:0;font-size:9.5pt;line-height:1.45}
  .report-cta-section{margin-top:6mm;padding-top:6mm;border-top:.8mm solid #d98600}
  .report-cta-section h2{font-size:15pt}
  .report-link{display:inline-block;padding:3mm 5mm;border:.35mm solid #153e67;border-radius:99px;color:#153e67!important;font-weight:700;font-size:9pt!important}
  .report-caption{margin:0 0 8mm!important;font-size:9pt!important;color:#708397!important;letter-spacing:.02em}
  .report-task{margin-top:10mm;padding:7mm 8mm;background:#fdf7ec!important;border:.3mm solid #e8c98a;border-left:1mm solid #d98600}
  .report-task h2{font-size:16pt;line-height:1.3;margin:0 0 4mm}
  .report-task p{font-size:10.5pt;line-height:1.6}
  .report-task .report-task-body{margin-bottom:0;color:#243b53}
  .report-page-footer{position:absolute;left:19mm;right:19mm;bottom:9mm;display:flex;justify-content:space-between;align-items:center;padding-top:3mm;border-top:.25mm solid #dbe5ee;font-size:7.5pt;color:#7d8d9c}
}


/* --- Landingpage: onderzoek en testimonial boven de video --- */
.landing-proof-grid{width:min(1060px,100%);display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left}
.landing-proof-card{border:1px solid var(--line);border-radius:26px;padding:clamp(24px,3vw,34px);box-shadow:0 14px 38px rgba(21,62,103,.08)}
.research-proof-card{background:#f3f8fc}
.testimonial-proof-card{background:#fffaf2}
.proof-label{margin:0 0 12px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--blue)}
.landing-proof-card h2{margin:0 0 18px;font:800 clamp(22px,2.2vw,30px)/1.25 var(--font-head);letter-spacing:-.025em;color:var(--navy)}
.landing-proof-card p{margin:0 0 13px;color:#496279;font-size:16px;line-height:1.65}
.landing-proof-card p:last-child{margin-bottom:0}
.landing-proof-card blockquote{margin:0;color:#334d64;font-size:18px;line-height:1.7;font-style:normal}
.proof-signature{margin-top:20px!important;color:var(--navy)!important;line-height:1.35!important}
.proof-signature strong{font:800 18px var(--font-head)}
.proof-signature span{font-size:14px;color:#71859a}
@media (max-width:800px){.landing-proof-grid{grid-template-columns:1fr;gap:16px}.landing-proof-card{padding:24px}.landing-proof-card blockquote{font-size:17px}}