@font-face{font-family:EHManrope;src:url('/assets/fonts/manrope-700.ttf');font-weight:700;font-display:swap}.discover{max-width:1100px;margin:auto;padding:0 24px}.discover h1,.discover h2,.discover h3,#assessment h2{font-family:EHManrope,Arial,sans-serif;font-weight:700;letter-spacing:-.035em}.course-intro{max-width:800px;padding:90px 0 80px}.course-intro h1{font-size:clamp(38px,6vw,70px);line-height:1.08;margin:20px 0}.course-intro>p{max-width:55ch;font-size:18px;color:#cbc7bf}.course-kicker{font-size:11px;letter-spacing:.17em;color:#d7bc7f}.course-intro .button{margin:20px 15px 0 0}.quiet-link{display:inline-block;padding:15px 0;border-bottom:1px solid #9b804d;font-size:14px}.course-intro .assessment-meta{font-size:12px;color:#a39a88;margin-top:22px}.course-details{padding:65px 0;outline:none;border-top:1px solid #ffffff21;scroll-margin-top:25px}.course-details h2{font-size:clamp(28px,4vw,43px);max-width:760px;margin:15px 0 24px}.course-details>p{max-width:760px;color:#d1cbc0}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0 60px}.focus-grid article{padding:30px;border:1px solid #d8bc7830;background:#111e;border-radius:20px}.focus-grid article>span{font-size:13px;color:#d3b573}.focus-grid h3{font-size:22px;margin:24px 0 15px}.focus-grid p{font-size:15px;margin:0;color:#bdb8ae}.learning-format{max-width:760px}.learning-format .course-note{font-size:13px;color:#b4a995}.learning-format .button{margin-top:20px}#logo-intro[hidden]{display:none!important}#logo-intro{position:fixed;inset:0;background:#080808;z-index:2000;display:grid;place-items:center;overflow:hidden}#logo-intro canvas{position:absolute;inset:0;width:100%;height:100%}#logo-intro>img{width:170px;height:170px;object-fit:contain;opacity:0;border-radius:50%;transition:opacity .45s}#logo-intro.formed>img{opacity:1}#skip-intro{position:absolute;bottom:30px;right:30px;color:#d2bd89;border:1px solid #75613c;padding:12px 20px;border-radius:30px;background:#111}#assessment{width:min(650px,calc(100% - 28px));max-height:90dvh;overflow:auto;border:1px solid #c9ae7044;border-radius:24px;background:#111110;padding:42px;color:#f4efe5;box-shadow:0 30px 100px #000b}#assessment::backdrop{background:#000c;backdrop-filter:blur(12px)}#assessment[open]{animation:arrive .3s ease}.assessment-close{position:absolute;right:13px;top:9px;width:35px;height:35px;font-size:27px;color:#bcb4a3}.quiz-progress{display:flex;gap:6px;margin:12px 0 22px}.quiz-progress span{height:3px;flex:1;background:#38342c;border-radius:2px}.quiz-progress .done{background:#dbc389}.quiz-step{font-size:11px;letter-spacing:.12em;color:#cbb47e}#assessment h2{font-size:clamp(23px,3vw,32px);line-height:1.25;margin:16px 0 25px;outline:none}.quiz-options{display:grid;gap:10px}.quiz-option{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #ffffff26;border-radius:13px;padding:16px;background:#1b1b19;font-size:15px;line-height:1.5;color:#ded9cf;cursor:pointer}.quiz-option:has(input:checked){border-color:#ddc28a;background:#c5a36119}.quiz-option input{appearance:auto;width:17px;height:17px;flex:0 0 17px;accent-color:#ddc28a;margin:0}.quiz-option:has(input:focus-visible){outline:2px solid #eed6a4;outline-offset:2px}.quiz-actions{display:flex;gap:12px;justify-content:space-between;margin-top:28px}.quiz-actions .button{min-width:120px}.quiz-actions button:disabled{opacity:.4;cursor:not-allowed}.quiz-back{color:#c6bfae;padding:10px}.quiz-note{font-size:12px;line-height:1.6;color:#a69f91}.quiz-result-mark{width:54px;height:54px;border:1px solid #9b804c;border-radius:50%;display:grid;place-items:center;color:#dfc58e;font-size:24px;margin:15px 0}.quiz-result p{color:#c7c1b5;line-height:1.7}.quiz-result details{border-top:1px solid #ffffff25;margin-top:24px;padding:15px 0}.quiz-result summary{padding:0;cursor:pointer;font-size:14px}.quiz-result li{margin:15px 0;font-size:13px;color:#bcb6ab}.quiz-result .button{width:100%;margin-top:20px}.quiz-result .quiz-back{display:block;margin:12px auto 0}.quiz-enter{animation:arrive .25s ease}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:600px){.course-intro{padding:55px 0}.focus-grid{grid-template-columns:1fr}.course-intro>p{font-size:16px}#assessment{padding:35px 20px 24px}.quiz-option{padding:13px}.quiz-actions .button{padding:13px 20px}.course-intro .button{display:block;width:100%}}@media(prefers-reduced-motion:reduce){#assessment[open],.quiz-enter{animation:none}#logo-intro>img{transition:none}html{scroll-behavior:auto}}

/* A continuous logo journey on one animation clock. */
#logo-intro>img{position:absolute;opacity:0;border-radius:0;transition:none;transform-origin:center;will-change:transform,opacity;pointer-events:none}
#logo-intro canvas{pointer-events:none}#skip-intro{z-index:2}
body.intro-running .brand img{visibility:hidden}

.course-intro{padding:52px 0 42px}.course-details{padding:40px 0}.focus-grid{gap:16px;margin:28px 0 36px}
@media(max-width:600px){.course-intro{padding:32px 0}.course-details{padding:30px 0}.focus-grid{margin:22px 0 28px}}