@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@600;700;800;900&family=Karma:wght@400;500;600;700&display=swap";:root{--salure-blue:#112d62;--salure-blue-dark:#071a3c;--salure-blue-soft:#e8eef9;--salure-orange:#ffb444;--salure-orange-dark:#d98800;--paper:#fffaf2;--white:#fff;--ink:#10213f;--muted:#58657d;--line:#d9e0ed;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:linear-gradient(#f8fbff 0%,#eef3fb 46%,#fff7e9 100%);font-family:Karma,Georgia,Times New Roman,serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0}.brand-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.brand-header img{width:min(210px,48vw);height:auto}.brand-header span{color:var(--salure-blue);font-family:"Exo 2",Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:.95rem;font-weight:800}.hero-panel{min-height:320px;color:var(--white);background:linear-gradient(135deg,#112d62fa,#071a3cf0),repeating-linear-gradient(-35deg,#ffb44429 0 2px,#0000 2px 46px);border-radius:8px;padding:44px;box-shadow:0 24px 70px #112d623d}.hero-copy{max-width:880px}.eyebrow,.step-label{color:var(--salure-orange);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-family:"Exo 2",Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:800}h1,h2,h3{-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal}p{overflow-wrap:break-word}h1{letter-spacing:0;max-width:850px;margin:0;font-family:ES Klarheit Kurrent,Arial Black,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.25rem,6vw,4.8rem);line-height:.98}h2{color:var(--salure-blue);letter-spacing:0;margin:0;font-family:ES Klarheit Kurrent,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.75rem,4vw,3rem);line-height:1.06}h3{color:var(--salure-blue);letter-spacing:0;margin:0;font-family:"Exo 2",Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.25}.intro{color:#edf4ff;max-width:670px;margin:22px 0 0;font-size:1.1rem}.play-surface{background:var(--white);border:1px solid var(--line);border-radius:8px;margin-top:22px;padding:32px;box-shadow:0 18px 50px #112d621c}.surface-header{gap:12px;max-width:820px;display:grid}.surface-header p:not(.step-label){color:var(--muted);margin:0;font-size:1.04rem}.intro-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;display:grid}.intro-grid article,.principle-card{border:1px solid var(--line);background:#f8fbff;border-radius:8px;padding:18px}.intro-grid p,.principle-card p{color:var(--muted);margin:10px 0 0}.intro-duration{color:var(--muted);margin:-8px 0 16px;font-family:"Exo 2",Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:.92rem;font-weight:700}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-family:"Exo 2",Segoe UI,ui-sans-serif,system-ui,sans-serif;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{color:var(--salure-blue-dark);background:var(--salure-orange)}.primary-button:hover{background:#ffc66f}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button{color:var(--salure-blue);background:var(--salure-blue-soft)}.secondary-button:hover{background:#d9e5f7}.progress-row{color:var(--salure-blue);grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-bottom:28px;font-family:"Exo 2",Segoe UI,ui-sans-serif,system-ui,sans-serif;font-weight:800;display:grid}.progress-track{background:var(--salure-blue-soft);border-radius:999px;height:10px;overflow:hidden}.progress-track div{background:var(--salure-orange);border-radius:inherit;height:100%}.question-block{margin-top:30px}.choice-list{gap:12px;margin-top:14px;display:grid}.choice-button{width:100%;min-height:64px;color:var(--ink);border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:8px;padding:16px 18px;transition:border-color .15s,box-shadow .15s,transform .15s}.choice-button:hover:not(:disabled),.choice-button:focus-visible{border-color:var(--salure-orange);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #ffb44433}.choice-button:disabled{cursor:default}.choice-button.is-selected{border-color:var(--salure-orange-dark);background:#fff6e5;box-shadow:0 0 0 4px #ffb44433}.feedback{border-radius:8px;gap:12px;margin-top:24px;padding:18px;display:grid}.feedback p{margin:0}.feedback-sterk{background:#eef4ff;border:1px solid #b8c8e8}.feedback-ok{background:#fff8ea;border:1px solid #ffd78d}.feedback-risico{background:#fff1e8;border:1px solid #f0b08e}.result-surface{gap:26px;display:grid}.result-surface>.surface-header h2{font-size:clamp(1.75rem,3.2vw,2.55rem)}.quality-summary{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quality-summary div{border:1px solid var(--line);background:#f8fbff;border-radius:8px;gap:6px;min-height:128px;padding:18px;display:grid}.quality-summary strong{color:var(--salure-orange-dark);font-family:ES Klarheit Kurrent,Arial Black,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:2.4rem;line-height:1}.quality-summary span{color:var(--muted);font-family:"Exo 2",Segoe UI,ui-sans-serif,system-ui,sans-serif;font-weight:700}.principle-list{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.principle-card{gap:8px;display:grid}.principle-card span{width:fit-content;color:var(--salure-blue);background:#fff1d3;border-radius:999px;padding:6px 10px;font-family:"Exo 2",Segoe UI,ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:900}.result-next{color:var(--white);background:var(--salure-blue);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:22px;display:grid}.result-next h3{color:var(--white)}.result-next p{color:#edf4ff;max-width:680px;margin:8px 0 0}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.contact-form{border:1px solid var(--line);background:#f8fbff;border-radius:8px;gap:22px;padding:24px;display:grid}.contact-form h2{font-size:clamp(1.5rem,3vw,2.25rem)}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-grid label,.consent-row{color:var(--salure-blue);gap:8px;font-family:"Exo 2",Segoe UI,ui-sans-serif,system-ui,sans-serif;font-weight:800;display:grid}.form-grid input,.form-grid textarea{width:100%;min-height:48px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:6px;padding:12px 14px;font-family:Karma,Georgia,Times New Roman,serif;font-size:1rem}.form-grid textarea{resize:vertical;min-height:112px}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--salure-orange);outline:none;box-shadow:0 0 0 4px #ffb44433}.form-grid label:last-child{grid-column:1/-1}.consent-row{color:var(--muted);grid-template-columns:auto 1fr;align-items:start;font-size:.95rem}.consent-row input{width:18px;height:18px;accent-color:var(--salure-orange);margin-top:3px}.submit-message{border-radius:8px;padding:16px 18px}.submit-message p{margin:0;font-weight:700}.submit-message-success{color:var(--salure-blue);background:#eef4ff;border:1px solid #b8c8e8}.submit-message-error{color:#7a2d13;background:#fff1e8;border:1px solid #f0b08e}@media (width<=820px){.app-shell{width:min(100% - 20px,720px);padding:10px 0 22px}.hero-panel,.play-surface,.result-next{padding:22px}.intro-grid,.quality-summary,.principle-list,.result-next{grid-template-columns:1fr}.hero-panel{min-height:auto}.progress-row{grid-template-columns:1fr}.result-actions{justify-content:stretch}.result-actions .primary-button,.result-actions .secondary-button{width:100%}.form-grid{grid-template-columns:1fr}}@media (width<=520px){.hero-panel,.play-surface,.result-next{padding:18px}h1{font-size:2.25rem}h2{font-size:1.65rem}.choice-button{min-height:76px}}