:root{--ink:#173e48;--teal:#176b6c;--cream:#faf7f0;--coral:#dd715d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{width:180px}button{font:inherit;cursor:pointer;border:1px solid #b6cdca;border-radius:12px;padding:12px 18px;background:white;color:var(--ink)}button:hover{background:#e6f3ed}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px}button:disabled{cursor:default;opacity:.65}.primary{background:var(--teal);color:white}.primary:hover{background:#124f50}.eyebrow{letter-spacing:.14em;font-size:12px;font-weight:800;text-transform:uppercase}h1{font-size:clamp(36px,5vw,64px);line-height:1.05;max-width:750px;margin:16px 0}h2{line-height:1.2;font-size:29px}.lead{font-size:20px;max-width:800px}.tag{display:inline-block;padding:4px 12px;border-radius:30px;background:#e5eeea;font-size:13px}.bar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.card{background:white;border:1px solid #d7dfd8;border-radius:22px;padding:26px;margin-top:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.scene{position:relative;border-radius:18px;overflow:hidden;background:#c9e0d9;min-height:330px}.scene svg{width:100%;display:block;position:relative;z-index:1}.scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene.camera svg{opacity:.83}.scene.camera #scenePhoto{opacity:.72}.scene.camera .backdrop{opacity:.3}.scene-label{position:absolute;left:15px;top:12px;z-index:2;background:#fffdf0e8;border-radius:9px;padding:5px 10px;font-size:12px}.bubble{padding:18px 22px;background:#173e48;color:white;border-radius:14px;margin-top:15px}.choices{display:grid;gap:12px}.choices button{text-align:left}.feedback{border-left:5px solid var(--coral);padding:18px;background:#fff3e9;margin-top:20px}#progress{height:6px;background:#d7e6df;border-radius:5px;margin-bottom:24px}#fill{height:100%;background:var(--teal);width:0;transition:width .2s}input{display:block;width:100%;font:inherit;border:1px solid #adc3c0;padding:10px;border-radius:8px}label{display:block;margin:15px 0}details{margin-top:20px}summary{cursor:pointer;font-weight:700}.logos{display:flex;align-items:center;justify-content:center;gap:35px;flex-wrap:wrap;padding:25px;background:white;border-radius:15px}.logos img{width:150px;max-height:95px;object-fit:contain}.logos .eu{width:260px;max-height:100px}footer{font-size:12px}small{font-size:13px}.hidden,[hidden]{display:none!important}.pause{position:fixed;inset:0;background:#faf7f0;z-index:10;display:grid;place-items:center;padding:25px}.pause section{max-width:620px}.complete{background:#e8f4ed} @media(max-width:720px){header,main,footer{padding:16px}.grid{grid-template-columns:1fr}.card{padding:18px}.brand{width:140px}.scene{min-height:0}h2{font-size:25px}}@media print{header button,.bar,video{display:none!important}.card{break-inside:avoid}body{font-size:12px}}

html{scroll-behavior:smooth}a{color:#176b6c}.download{display:inline-block;font-weight:650;border:1px solid #b6cdca;border-radius:12px;padding:12px 18px;text-decoration:none;background:white}.small{font-size:13px}.outcome{padding:16px;border-radius:12px;background:#e8f4ed;margin-top:12px}#experience{scroll-margin-top:15px}button:disabled{opacity:.85}.scene.camera #scenePhoto{opacity:.5}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}