:root{--az-blue:#fff;--az-red:#BCA900;--az-cloud:#191c20;--az-caliche:#080a0d;--az-azurite:#BCA900;--az-oasis:#BCA900;--ink:#fff;--muted:#fff;--panel:#11151a;--line:#ffffff30;--success:#BCA900;--warning:#BCA900;--danger:#fff;--shadow:none;--radius:0;--radius-sm:0}
body{background:#080a0d;color:#fff;font-family:Arial,sans-serif}h1,h2,h3,h4,.brand,.hero-course-label,.slide-count{font-family:Helvetica,Arial,sans-serif}button,input,select,textarea{font-family:Arial,sans-serif}button{color:#fff}button:focus-visible,a:focus-visible{outline:2px solid #BCA900;outline-offset:5px}
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#0C234B}.ambient video{width:100%;height:100%;object-fit:cover}.video-tint,.video-shade{position:absolute;inset:0}.video-tint{background:#0C234B;mix-blend-mode:color;animation:colorCycle 30s infinite linear}.video-shade{background:rgba(0,0,0,.7)}@keyframes colorCycle{0%,100%{background:#0C234B}33%{background:#3C77FF}66%{background:#BCA900}}
.motion-toggle{position:fixed;right:32px;top:25px;background:#080a0da6;border:1px solid #ffffff40;z-index:65;padding:10px 14px;font-size:14px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}
.hero-shell{background:none;overflow:hidden;min-height:100svh}.hero-shell:before,.hero-shell:after{display:none}.hero-inner{width:100%;padding:32px 3.7vw 25px;min-height:100svh;display:flex;flex-direction:column}.hero-head{margin:0;min-height:44px}.hero-course-label{font-size:20px;letter-spacing:-.035em;text-transform:none;color:#fff}.intro-body{display:grid;grid-template-columns:56% 44%;flex:1;align-items:center;min-height:620px}.hero-stage{display:block;min-height:0}.hero-stage h1{font-size:clamp(48px,5.4vw,86px);line-height:1.01;letter-spacing:-.055em;max-width:850px;margin:24px 0 30px}.hero-stage p{font-size:clamp(17px,1.55vw,23px);line-height:1.65;max-width:710px;margin:28px 0}.title-rule{width:110px;height:3px;background:#BCA900}.hero-model{height:min(70vh,750px);position:relative;min-width:0}.hero-model canvas,.lab-model canvas{display:block;width:100%;height:100%}.model-fallback{padding:30px;line-height:2.5;letter-spacing:.08em;border:1px solid #ffffff30}.has-webgl>.model-fallback{display:none}.intro-footer{border-top:1px solid #BCA900;display:flex;align-items:center;gap:28px;min-height:103px;padding-top:18px}.slide-count{font-size:17px;white-space:nowrap}.slide-count strong{font-size:32px;margin-right:7px}.slide-nav{display:flex;justify-content:space-around;gap:20px;flex:1}.hero-dot,.hero-dot.active{width:auto;height:auto;border:0;border-radius:0;background:none;padding:17px 0;color:white;font-size:15px}.hero-dot{opacity:.7}.hero-dot.active{border-bottom:2px solid #BCA900;opacity:1}.slide-actions{display:flex;gap:8px}.btn{border-radius:0;box-shadow:none!important;padding:14px 20px;border:1px solid #ffffff55;min-height:46px}.hero-btn-light,.btn-primary,.btn-blue,.btn-success{color:white;background:#BCA90022;border:1px solid #BCA900}.hero-btn-light:hover,.btn-primary:hover,.btn-blue:hover{background:#BCA90045}.btn-soft,.btn-ghost{background:transparent;color:#fff;border:1px solid #ffffff50}.hero-btn-outline{border-color:#ffffff55}.hero-btn-light{min-width:160px}.topbar{background:#080a0df0;border-color:var(--line);padding:20px 230px 20px 4vw;backdrop-filter:none}.brand-mark{border-radius:0;background:none;border:1px solid #BCA900;box-shadow:none}.brand small{color:#fff;font-weight:400;margin-top:5px}.progress-track{background:#ffffff20;border-radius:0;height:3px}.progress-fill{background:#BCA900}.progress-wrap{min-width:130px}.course-map{display:flex;gap:26px;padding:0 4vw;border-bottom:1px solid var(--line);background:#080a0d90;overflow:auto}.course-map button{padding:18px 0;white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;font-size:14px}.course-map button span{opacity:.6;margin-right:7px}.course-map button[aria-current="step"]{border-color:#BCA900}.course-map button.done:after{content:' ✓';color:white}.course-shell{width:92vw;max-width:1440px;padding-top:38px}.module-head{margin-bottom:34px}.module-title h2{max-width:970px;font-size:clamp(34px,4.1vw,62px)}.module-title p{max-width:900px}.module-index{font-family:Helvetica,Arial,sans-serif;color:#ffffff40;font-size:100px}.module-layout{grid-template-columns:minmax(220px,27%) minmax(0,1fr);gap:5vw}.lesson-panel,.activity-panel{background:#0c1016b8;border:0;border-radius:0;box-shadow:none}.lesson-panel{padding:22px 24px 24px 0;border-top:1px solid var(--line);position:static}.activity-panel{padding:26px 30px;border-top:1px solid #BCA900}.example{background:#ffffff07;border-radius:0;border-left:2px solid #BCA900}.pill{background:none;border:0;border-radius:0;padding:0;color:#fff}.activity-intro{gap:12px}.score-chip{border-radius:0;background:none;border:1px solid var(--line);color:white;white-space:normal;font-size:13px}.card-grid{grid-template-columns:1fr;gap:9px}.choice-card{background:#ffffff04;border-radius:0;color:white;padding:15px 18px;border-color:#ffffff40}.choice-card:hover{box-shadow:none;background:#ffffff0b;border-color:#BCA900}.choice-card b{color:white}.choice-card.correct,.align-choice.correct{border-color:#BCA900;background:#BCA90120}.choice-card.incorrect{border-color:white;background:#ffffff16}.choice-card:disabled{opacity:1;cursor:default}.choice-card.correct:after{content:'✓ Correct';display:block;font-size:13px;margin-top:8px}.choice-card.incorrect:after{content:'Try this reasoning again';display:block;font-size:13px;margin-top:8px}.feedback,.feedback.good,.feedback.bad,.feedback.neutral{border-radius:0;color:white;border-color:#ffffff40;background:#ffffff09}.feedback.good{border-left:3px solid #BCA900}.feedback.bad{border-left:3px solid white}.input,.select,.textarea{background:#0b1016;border-radius:0;color:white;border-color:#ffffff55}.input::placeholder,.textarea::placeholder{color:#ffffffa0}.micro{color:#fff;font-size:13px}.scenario,.slider-card,.stat-box,.hypothesis-output,.design-tab,.ethics-score,.cap-step,.mastery-meter{border-radius:0!important;box-shadow:none!important;background:#ffffff06!important;color:white!important}.scenario h4,.scenario .label{color:white!important}.design-tab.active{border-color:#BCA900!important;background:#BCA90022!important}.range{accent-color:#BCA900}.stat-readout{display:flex;border-top:1px solid var(--line)}.stat-box{flex:1;text-align:left;border:0;border-right:1px solid var(--line);padding:16px}.stat-box b,.stat-box small{color:white!important}.lab-model{height:270px;width:100%;position:relative;border-bottom:1px solid var(--line);margin-bottom:20px}.lab-model.compact{height:180px}.method-viz{background:transparent!important;border-radius:0!important}.method-viz.has-webgl .participant{display:none}.method-viz canvas{position:absolute;inset:0;width:100%;height:100%}.method-viz .viz-label{z-index:1}.stats-canvas{background:none!important;border:0;border-radius:0;height:190px}.carryover{color:white!important;background:#181b20!important;border-color:#BCA900!important;z-index:2}.checkmark{background:none;color:white;border:1px solid #ffffff40}.toast{background:#10151b;border:1px solid #BCA900;border-radius:0}.cap-step{border:1px solid #ffffff40}.cap-step.active{border-color:#BCA900!important}.module-nav{gap:14px}.where{color:white!important}.ethics-score{border:1px solid #ffffff40}.ethics-score .big{color:white}.completion-screen{background:none!important}.completion-card{background:#10151bdd!important;border-radius:0!important}.completion-card h2{color:white}.field,.stat-box,.form-group{min-width:0}[style*="color:"]{color:white!important}
@media(max-width:1000px){.intro-body{grid-template-columns:55% 45%;min-height:600px}.hero-stage h1{font-size:56px}.hero-stage p{font-size:18px}.intro-footer{gap:18px}.slide-nav{gap:14px}.hero-dot{font-size:13px}.topbar{padding-right:195px}.module-layout{gap:25px}.activity-panel{padding:22px}.course-map{gap:22px}.brand{font-size:14px}}
@media(max-width:700px){.hero-inner{padding:20px 22px;min-height:100svh}.hero-head{padding-right:120px;min-height:45px}.hero-course-label{font-size:16px;line-height:1.2}.motion-toggle{right:15px;top:16px;font-size:12px;padding:9px}.intro-body{grid-template-columns:1fr;min-height:0;align-content:center}.hero-stage h1{font-size:clamp(37px,10vw,58px);margin:32px 0 20px}.hero-stage p{font-size:16px;line-height:1.55;margin:20px 0}.hero-model{height:245px;min-height:0}.intro-footer{flex-wrap:wrap;gap:12px;padding-top:15px;min-height:110px}.slide-nav{order:3;flex-basis:100%;justify-content:space-between;gap:9px}.hero-dot{font-size:11px;padding:10px 0}.slide-actions{margin-left:auto}.slide-count strong{font-size:25px}.hero-btn-light{min-width:125px}.btn{padding:12px 14px;font-size:14px}.topbar{position:relative;padding:20px 145px 20px 18px}.brand-mark,.brand small,.progress-wrap{display:none}.course-map{padding:0 20px;gap:24px}.course-shell{width:calc(100% - 36px);padding-top:25px}.module-title h2{font-size:38px}.module-index{font-size:48px}.module-layout{grid-template-columns:1fr;gap:24px}.module-head{gap:10px}.lesson-panel{padding:18px 0}.activity-panel{padding:20px 15px}.activity-intro{flex-direction:column}.card-grid,.form-grid,.ethics-meter,.stats-controls{grid-template-columns:1fr}.stat-readout{flex-wrap:wrap}.stat-box{padding:10px;min-width:80px}.stat-box b{font-size:24px}.module-nav{flex-wrap:wrap}.module-nav .where{order:3;width:100%;text-align:left}.lab-model{height:225px}.score-chip{font-size:12px}.hero-shell{overflow:visible}}
.screen:not(.active){display:none!important}
.method-viz.has-webgl .zone{display:none}.method-viz.has-webgl{border:0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.carryover{border-radius:0;max-width:55%;font-size:12px}.course-map{scrollbar-width:thin}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.hidden:before,.hidden:after,.hidden *:before,.hidden *:after{display:none!important}
.course-shell{padding-top:24px}.module-head{margin-bottom:24px}.module-title h2{margin-top:8px}.module-title p{margin-bottom:0}.module-index{color:transparent;-webkit-text-stroke:1px white;font-weight:400}.activity-intro{padding-bottom:12px;margin-bottom:14px}.scenario{padding:15px!important;margin-bottom:14px!important}.scenario h4{font-size:16px;font-weight:400;line-height:1.5;margin:8px 0}.scenario .label{font-size:12px}.choice-card{display:block}#designChoices .choice-card,#samplingChoices .choice-card{display:flex;gap:20px;align-items:center;min-height:51px;padding:13px 17px}#designChoices .choice-card b,#samplingChoices .choice-card b{margin:0;min-width:175px}#designChoices .choice-card span,#samplingChoices .choice-card span{border-left:1px solid #ffffff40;padding-left:20px}.topbar{padding-top:14px;padding-bottom:14px}.course-map button{padding-top:14px;padding-bottom:14px}.method-viz.has-webgl .viz-label{display:none}
@media(max-width:700px){#designChoices .choice-card,#samplingChoices .choice-card{display:block}#designChoices .choice-card span,#samplingChoices .choice-card span{border:0;padding:0;display:block;margin-top:6px}.module-index{font-size:40px}.intro-body .hero-stage h1{font-size:40px}}
.hero-model{overflow:hidden}.intro-body>*{min-width:0}.hero-dot{min-width:0}.hero-inner{overflow:hidden}
@media(max-width:800px){.intro-body{grid-template-columns:1fr;min-height:0}.hero-model{height:240px}.hero-stage h1{font-size:46px}.hero-stage p{font-size:17px}.intro-footer{flex-wrap:wrap;gap:12px}.slide-nav{order:3;flex-basis:100%;gap:12px}.slide-actions{margin-left:auto}.hero-head{padding-right:140px}.hero-course-label{font-size:17px}.hero-inner{padding:24px;}.module-layout{grid-template-columns:1fr}.topbar{padding-right:180px}.progress-wrap{display:none}}
@media(prefers-reduced-motion:reduce){.video-tint{animation:none}.screen.active{animation:none}html{scroll-behavior:auto}}
