@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Bricolage;src:url('assets/bricolage-grotesque.woff2') format('woff2');font-weight:200 800;font-display:swap}:root{color-scheme:light;--ink:#203b47;--navy:#102d3a;--teal:#286c72;--muted:#7a8b8c;--line:#dce4df;--cream:#f3f4ee;--gold:#eec26c;--paper:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,.brand{font-family:Bricolage,Inter,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.7px}a{color:inherit;text-decoration:none}button,input,a{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bc8236;outline-offset:4px}button:disabled{opacity:.38;cursor:default}.topbar{max-width:1280px;margin:auto;padding:19px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;line-height:1.1}.brand-light{font-weight:500;color:#63827f;margin-left:3px}.brand small{display:block;font:600 7px/1.6 Inter,sans-serif;letter-spacing:1.5px;margin-top:6px;color:#83938c}.brand-symbol{background:#133f4a;color:#efc677;font-size:27px;display:grid;place-items:center;border-radius:13px;width:43px;height:46px}.top-note{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#819188}.hero{max-width:1280px;margin:0 auto;position:relative;isolation:isolate;min-height:345px;border-radius:22px;overflow:hidden;background:#102d3a;color:#fff9e8}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-3}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#082834f2 0%,#082834db 30%,#08283455 57%,#08283400 85%)}.hero-copy{padding:45px 55px;max-width:620px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase}.hero-copy .eyebrow{color:#abdad7;margin-bottom:17px}.hero h1{font-size:clamp(39px,4.3vw,58px);font-weight:800;line-height:1.02;letter-spacing:-1.5px;margin-bottom:20px}.hero em{font-style:normal;color:#f0c978}.hero-copy>p:not(.eyebrow){color:#cededb;font-size:13px;line-height:1.85;margin-bottom:22px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:9px;padding:12px 18px;min-height:44px;font-size:12px;font-weight:700;border:1px solid transparent}.primary{background:var(--gold);color:#1d3d46}.primary:hover{background:#f5d18a}.secondary{background:#eff3ee;color:#5c7472;border-color:#dce4db}.secondary:hover{background:#e4ebe2}.hero-caption{position:absolute;bottom:23px;right:30px;color:#b4d4d4b3;font-size:8px;letter-spacing:1.8px}main{max-width:1216px;margin:42px auto 65px;padding:0 24px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px}.workspace-heading .eyebrow{color:#9b8a5e;margin-bottom:9px}.workspace-heading h2{font-size:30px;line-height:1.2;margin-bottom:0}.test-tag{padding:7px 13px;font-size:10px;white-space:nowrap;color:#708778;border:1px solid #d5dfd0;border-radius:20px}.workspace-grid{display:grid;grid-template-columns:225px minmax(0,1fr);gap:27px;align-items:start}.journey{border:1px solid #d7e0d2;background:#eaf0e5;border-radius:15px;padding:22px 15px;position:sticky;top:24px}.journey-title{display:flex;align-items:center;justify-content:space-between;padding:0 7px;font-size:11px;font-weight:600;color:#627c6c}.journey-title strong{font-weight:600;color:#a08b57;font-size:10px}.progress{height:4px;border-radius:5px;background:#d2ded0;margin:14px 7px 20px;overflow:hidden}#progress-bar{background:#48877e;height:100%;width:0;transition:width .25s}#task-nav{display:flex;flex-direction:column;gap:5px}.task-link{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;width:100%;min-height:43px;border-radius:8px;padding:8px;text-align:left;color:#718878;font-size:10px}.task-link>span{font-family:Bricolage,sans-serif;font-size:18px;line-height:1;min-width:24px;color:#94a68c}.task-link>strong{font-weight:500;line-height:1.35}.task-link.current{background:#173f49;color:#fff2d7;box-shadow:0 4px 10px #123b3b0c}.task-link.current>span{color:#f0ca83}.task-link.correct>span{color:#317d69}.task-link.incorrect>span{color:#b68048}.task-link:disabled{opacity:.55}.journey-note{display:flex;align-items:center;gap:12px;margin:22px 8px 0;padding-top:19px;border-top:1px solid #d0ddc8}.journey-note>span{color:#af985d;font-size:30px}.journey-note p{font-family:Bricolage,sans-serif;font-size:16px;line-height:1.4;color:#718970;margin:0}.meta{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#85958b;margin:0 3px 12px}#score-label{color:#537f76}.card,.result{background:var(--paper);border:1px solid #dce3d9;border-radius:16px;padding:35px 38px;box-shadow:0 5px 20px #1f424302}.number{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:9px;font-weight:650;color:#8d9b8a;letter-spacing:1px;text-transform:uppercase}.number .task-number{display:grid;place-items:center;width:37px;height:37px;font-family:Bricolage,sans-serif;font-size:19px;color:#9b8b58;background:#f1eedf;border:1px solid #e7e1ca;border-radius:11px;letter-spacing:0}.card h2{font-size:30px;margin-bottom:20px;color:#254e55}.question{font-size:17px;line-height:1.8;margin-bottom:24px;color:#46605e;max-width:680px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:13px;position:relative;border:1px solid #dce5db;background:#fcfdf8;border-radius:10px;min-height:57px;padding:14px 16px;cursor:pointer;font-size:15px;line-height:1.6;color:#47665d;transition:background .15s,border-color .15s}.option:hover{background:#f0f6ee;border-color:#8fae9c}.option:has(input:checked){background:#e7f0e5;border-color:#6c9583;box-shadow:inset 0 0 0 1px #6c958344}.option input{accent-color:#286c72;width:17px;height:17px;flex:none;margin:0}.option.is-right{border-color:#6f9e88;background:#edf5eb}.option.is-wrong{border-color:#c9966b;background:#fbf1e7}.option:has(input:disabled){cursor:default}.option-index{font-family:Bricolage,sans-serif;font-size:12px;color:#9cac96;width:16px}.answer-label{display:block;font-size:11px;color:#7e9184;margin:0 0 8px}.answer-input{width:min(100%,460px);background:#fafcf6;border:1px solid #b9ccba;border-radius:10px;min-height:56px;padding:14px 17px;font-size:20px;color:#294e4e}.answer-input::placeholder{font-size:15px;color:#9caa98}.answer-input:disabled{background:#f1f4ec;opacity:1;-webkit-text-fill-color:#294e4e}.input-note{font-size:10px;color:#92a18f;margin:8px 0 0}.visual{display:block;max-width:100%;height:auto;border:1px solid #e0e6dc;border-radius:10px;margin:18px 0 24px;background:white}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:26px;margin-top:27px;border-top:1px solid #e4e9df}.actions>div{display:flex;gap:10px}.actions .primary{background:#1d5559;color:#fff7e5}.actions .primary:hover{background:#27666a}.actions .secondary{font-weight:550}.feedback{padding:19px 21px;margin-top:23px;background:#f7f0de;border:1px solid #e9dbb7;border-radius:10px;font-size:14px;line-height:1.8;color:#6f694f}.feedback strong{display:block;font-family:Bricolage,sans-serif;font-size:20px;margin-bottom:4px}.feedback.good{background:#eef5e8;border-color:#c9ddbf;color:#537055}.feedback.good strong{color:#3f745f}.feedback.needs-work strong{color:#9a7437}.feedback[hidden],.result:not(.show){display:none}.validation{font-size:12px;color:#9e583d;margin:15px 0 0}.stage-note{font-size:10px;text-align:center;color:#8b9b88;margin:19px 0 0}.result{text-align:center;padding:38px}.result .eyebrow{color:#9c8e61;margin-bottom:20px}.result-symbol{width:65px;height:65px;display:grid;place-items:center;border-radius:19px;background:#e5eee0;color:#638b72;margin:0 auto 20px;font-size:35px}.score{font-family:Bricolage,sans-serif;font-size:65px;font-weight:800;line-height:1;letter-spacing:-3px;color:#285a5c;margin:0 0 18px}.result h2{font-size:29px;margin:0 0 15px}.result>p{color:#748772;font-size:14px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0;text-align:left}.review-item{border:1px solid #dce5d7;border-radius:9px;padding:12px;background:#f7faf2;font-size:11px;color:#748570}.review-item strong{display:block;font-weight:600;line-height:1.4;margin-top:5px}.review-item .review-icon{color:#6c9275;font-size:15px}.review-item.wrong{background:#faf4e6;border-color:#eadfbd}.review-item.wrong .review-icon{color:#b6904e}.restart-note{font-size:10px!important;margin-top:20px!important}footer{max-width:1216px;margin:0 auto 18px;padding:23px 24px;border-top:1px solid #d9e2d5;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#8b9b87}footer strong{font-weight:600;letter-spacing:1.5px;font-size:8px}.skip{position:fixed;top:-90px;left:20px;background:#f0c978;color:#203f46;padding:12px;z-index:100}.skip:focus{top:10px}
@media(max-width:1320px){.hero{margin:0 24px}.hero-copy{padding:43px}.topbar{padding:19px 25px}}
@media(max-width:950px){.hero{min-height:330px}.hero-copy{padding:40px 34px}.hero h1{font-size:48px}.hero-art{object-position:60% center}.hero:before{background:linear-gradient(90deg,#082834f2,#082834c4 40%,#08283411)}main{margin-top:32px}.workspace-heading h2{font-size:26px}.workspace-grid{grid-template-columns:180px minmax(0,1fr);gap:20px}.journey{padding:19px 10px}.task-link{font-size:9px;gap:7px;padding:7px}.task-link>span{font-size:17px;min-width:22px}.card,.result{padding:28px}.card h2{font-size:28px}.question{font-size:16px}.option{font-size:14px;padding:12px}.number{font-size:8px;letter-spacing:.8px}.actions{gap:8px}.actions .secondary,.actions .primary{font-size:11px;padding:10px 12px;gap:8px}.review-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.topbar{padding:17px 18px;min-height:76px}.brand{font-size:23px;gap:10px}.brand small{font-size:6px;letter-spacing:1.1px}.brand-symbol{width:38px;height:42px;font-size:25px}.top-note{display:none}.hero{margin:0 12px;min-height:400px;border-radius:16px}.hero-art{object-position:70% center}.hero:before{background:linear-gradient(180deg,#082834f5,#082834d9 38%,#08283444 70%,#08283466)}.hero-copy{padding:30px 24px 135px}.hero h1{font-size:42px;letter-spacing:-1px;margin-bottom:17px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.1px;max-width:230px}.hero-copy>p:not(.eyebrow){font-size:12px;margin-bottom:19px;max-width:240px}.hero-copy .primary{min-height:43px;font-size:11px;padding:10px 14px}.hero-caption{font-size:7px;bottom:17px;right:20px}main{padding:0 16px;margin-top:30px;margin-bottom:35px}.workspace-heading{gap:12px;align-items:flex-end;margin-bottom:21px}.workspace-heading h2{font-size:28px;max-width:290px}.workspace-heading .eyebrow{font-size:8px;margin-bottom:9px}.test-tag{display:none}.workspace-grid{display:flex;flex-direction:column;gap:20px}.journey{position:static;width:100%;padding:16px;border-radius:13px}.journey-title{padding:0;font-size:10px}.progress{margin:10px 0 15px}#task-nav{flex-direction:row;gap:5px;justify-content:space-between}.task-link{display:flex;justify-content:center;width:calc((100% - 40px)/9);min-height:35px;border:1px solid #cbdac6;border-radius:6px;padding:6px 0;gap:0}.task-link>span{font-size:15px;min-width:0}.task-link>strong{display:none}.journey-note{display:none}.task-stage{width:100%;min-width:0}.meta{font-size:9px;margin-bottom:10px}.card,.result{padding:25px 21px;border-radius:14px}.number{gap:10px;margin-bottom:20px;font-size:8px}.number .task-number{width:33px;height:33px;font-size:17px}.card h2{font-size:28px;margin-bottom:17px}.question{font-size:16px;line-height:1.85;margin-bottom:22px}.option{font-size:14px;padding:13px 12px;gap:10px;min-height:54px}.option-index{font-size:11px;width:14px}.option input{width:16px;height:16px}.answer-input{font-size:19px;min-height:54px}.actions{margin-top:24px;padding-top:22px;gap:9px;flex-wrap:wrap}.actions .secondary,.actions .primary{font-size:11px;min-height:43px;padding:10px 13px}.feedback{padding:17px;font-size:13px}.feedback strong{font-size:21px}.visual{margin:15px 0 22px}.stage-note{font-size:9px;max-width:290px;margin:18px auto}.result{padding:28px 21px}.score{font-size:62px}.result h2{font-size:27px}.result>p{font-size:13px}.review-grid{gap:8px}.review-item{font-size:10px;padding:11px}.restart-note{font-size:9px!important}footer{padding:20px 18px;margin:0 16px 10px;display:block;font-size:9px}footer strong{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}