/* Shared readability rules take precedence over section presentation colors. */
:root{--muted:#bdc9db;--ink:#f3f6fc}
.logo{align-items:center;gap:14px}.logo .wordmark{align-self:center;flex-shrink:0;margin:0;padding:0;line-height:1}.logo .brand-label{display:inline-flex;align-items:center;justify-content:center;align-self:center;height:20px;line-height:20px;padding:0 0 0 14px;margin:0;border-left:1px solid #536078;transform:translateY(2px);color:#c6d0df;font-size:10px;font-weight:500;letter-spacing:.07em;white-space:nowrap}.footer .logo .brand-label{font-size:10px;line-height:20px;color:#c6d0df}.sidebar .logo .brand-label{display:none}
.navlinks,.nav-actions,.footer,.course-meta,.form-note,.breadcrumb{color:#bdc9db}.navlinks a:hover,.navlinks a.active{color:#fff}.form-note{font-size:11px;line-height:1.8}.side-label{color:#afbdd2;font-size:10px}.shell-header>span{color:#bdc9db}.stat small{color:#bdc9db}.stat .trend{color:#b7e6d2}.pill{color:#c8d3e3;border-color:#526079}.pill.blue{color:#c5dfff;background:#193858;border-color:#456d97}.pill.green{color:#c7f0df;background:#1b3c32;border-color:#4b7563}.pill.yellow{color:#fff0af;background:#3a3420;border-color:#8a7939}.pill.red{color:#ffd2d9;background:#412230;border-color:#915062}.demo-bar{color:#d0dbee}body[data-theme=academy] .btn:not(.secondary):not(.yellow):not(.light):not(.danger):where(:not(.chip,.tab)){color:#fff}body[data-theme=academy] .btn:not(.secondary):not(.yellow):not(.light):not(.danger):where(:not(.chip,.tab)):hover{background:#235aa4}.btn.secondary{color:#edf3fc;border-color:#62718a}.btn.secondary:hover{color:#fff;background:#24364f}.btn:disabled{opacity:1;color:#b5c3d6;background:#1d2a3c;border-color:#536078}.btn.danger{color:#ffe1e7;background:#612b3c}.text-link{color:var(--blue)}input::placeholder,textarea::placeholder{color:#a9b9cd;opacity:1}
.hero-stage{padding:0;isolation:isolate;overflow:hidden}.hero-stage:before{inset:55px 0 0}.hero-stage .stage-label{position:relative;z-index:3;min-height:55px;display:flex;align-items:center;justify-content:flex-start;padding:16px 20px;background:#0c1628;border-bottom:1px solid #405470;color:#d6e4f6;font-size:11px;line-height:1.5}.hero-stage .stage-label span{color:#c9e8db}.hero-stage .stage-label small{display:none}.hero-stage .stage-bottom{display:none}.hero-stage .floating-tag{background:#11233b!important;border:1px solid #6685aa;color:#f3f7ff;backdrop-filter:none;box-shadow:0 8px 28px #0005;padding:14px 16px}.hero-stage .floating-tag strong{font-size:14px;line-height:1.5;color:#fff;margin-bottom:4px}.hero-stage .floating-tag .muted{color:#d2deee;font-size:12px;line-height:1.6}.hero-stage .floating-tag.one{top:auto;bottom:112px;right:18px;transform:none}.hero-stage .floating-tag.two{bottom:24px;left:18px;transform:none}.stage-grid{display:none}.toolkit-label{color:#bdc9db;font-size:10px}.tool-brand{font-size:12px;color:#d8e2f0}.tool-brand>svg{width:20px;height:30px;overflow:visible}.feature-band p,.feature-band .form-note{color:#d1dceb}.momentum-circle{background:#101c2b;border-color:#3d5575;border-top-color:var(--blue);border-right-color:var(--blue);border-bottom-color:var(--blue)}.momentum-circle small{color:#d0dcec;font-size:10px}.feature-band:before{opacity:.22}
body[data-theme=build] .build-teaser .eyebrow,.build-page .build-teaser .eyebrow,.build-teaser .eyebrow{color:#3e4326}.build-teaser>p,.build-page .build-teaser>p{color:#3b4228}.build-teaser h2,.build-page .build-teaser h2{color:#182114}.build-teaser .btn,body[data-theme=build] .build-teaser .btn:not(.secondary):not(.danger),.build-page .build-teaser .btn{background:#202b1c;color:#fff4bf;border-color:#202b1c}.build-teaser .btn:hover,body[data-theme=build] .build-teaser .btn:not(.secondary):not(.danger):hover{background:#35442a;color:#fff7d3}.build-teaser .btn svg{color:inherit}.build-teaser:before{opacity:.055}.build-page .eyebrow{color:#e9d995}
body[data-theme=learning] .btn:not(.secondary):not(.danger),body[data-theme=build] .btn.yellow,body[data-theme=build] .build-hero .btn{color:#081a10;background:#91c4ab}body[data-theme=build] .btn.yellow,body[data-theme=build] .build-hero .btn{color:#192010;background:#e5ce64}body[data-theme=learning] .btn:not(.secondary):not(.danger):hover{color:#06180f;background:#addbc4}body[data-theme=build] .btn.yellow:hover,body[data-theme=build] .build-hero .btn:hover{color:#192010;background:#f1df91}
.course-art.generated-cover{background-image:linear-gradient(90deg,#071224f2 0%,#071224b8 58%,#07122430),url('assets/generated/self-paced.webp')}.course-art.generated-cover.live{background-image:linear-gradient(90deg,#181125f2,#181125b8 58%,#18112530),url('assets/generated/workshop.webp')}.course-art.generated-cover.mentor{background-image:linear-gradient(90deg,#0a211af2,#0a211ab8 58%,#0a211a30),url('assets/generated/mentorship.webp')}.course-art.generated-cover h3,.course-art.generated-cover .art-label,.course-art.generated-cover .art-bottom{color:#f1f6ff}.testimonial-card blockquote{color:#e0e7f2}.testimonial-number{color:#b7c7dc}.testimonial-foot{color:#b7c7dc;font-size:10px;line-height:1.7}.testimonial-foot span:last-child{font-size:9px}.testimonial-controls>span{color:#bdc9db}.carousel-play{color:#e5edf8;border-color:#65758e}.quote-person small{color:#c1cede}.tutor-tile>span{background:#0b1c17;border-color:#628775;backdrop-filter:none;color:#f3fff9}.tutor-tile>span small{color:#d5eadf}.tutor-montage .montage-label{background:#0c2119;padding:10px 12px;color:#e5f4ec;left:12px;right:12px;border-radius:6px}.subject-card>p.muted{color:#cbdad6}.certificate p{color:#46536b}.certificate .brand{color:#1d5aa7}.certificate .cert-title{color:#46536b}.certificate .cert-bottom{color:#43506a}.poster-preview small{color:#d1e2fb}
@media(max-width:1150px){.nav .logo .brand-label{display:none}}
@media(max-width:640px){.hero-stage .stage-label{font-size:10px;padding:14px 16px}.hero-stage .floating-tag{padding:12px 14px;max-width:calc(100% - 32px)}.hero-stage .floating-tag strong{font-size:12px}.hero-stage .floating-tag .muted{font-size:11px}.hero-stage .floating-tag.one{bottom:108px;right:16px}.hero-stage .floating-tag.two{bottom:22px;left:16px}.tool-brand{font-size:10px}.toolkit-label{font-size:9px}.testimonial-foot{font-size:10px}.momentum-circle small{font-size:9px}.footer .logo .brand-label{font-size:9px}}
.logo .brand-label{transform:none}.build-page .product-mock:first-child{background-color:#dfcb71}.build-page .product-mock.dark{background-color:#20312a}body[data-theme=build] .btn:not(.secondary):not(.danger):where(:not(.light)){background-color:#e5ce64;color:#192010}body[data-theme=build] .btn:not(.secondary):not(.danger):where(:not(.light)):hover{background-color:#f1df91;color:#192010}body[data-theme=build] .build-teaser .btn:not(.secondary):not(.danger){background-color:#202b1c;color:#fff4bf}body[data-theme=build] .build-teaser .btn:not(.secondary):not(.danger):hover{background-color:#35442a;color:#fff7d3}
.hero-stage{display:flex;flex-direction:column;min-height:0;padding:0}.hero-stage:before{display:none}.hero-artwork{height:346px;flex:none;background:linear-gradient(180deg,#08132210,#08132220),url("assets/generated/academy.webp") center/cover}.hero-proof-strip{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#101d30;border-top:1px solid #405470;padding:18px 20px;gap:20px}.hero-stage .hero-proof-strip .floating-tag{position:static!important;inset:auto!important;transform:none!important;border:0;background:transparent!important;box-shadow:none;padding:0;max-width:none;align-items:flex-start;gap:10px}.hero-stage .hero-proof-strip .floating-tag strong{font-size:12px}.hero-stage .hero-proof-strip .floating-tag .muted{font-size:11px}.hero-proof-strip .floating-tag+ .floating-tag{border-left:1px solid #405470;padding-left:20px}.hero-proof-strip .floating-tag svg{width:18px;height:18px;margin-top:3px}@media(max-width:640px){.hero-artwork{height:300px}.hero-proof-strip{grid-template-columns:1fr;padding:20px;gap:18px}.hero-proof-strip .floating-tag+ .floating-tag{border-left:0;border-top:1px solid #405470;padding-left:0;padding-top:18px}.hero-stage .hero-proof-strip .floating-tag strong{font-size:13px}.hero-stage .hero-proof-strip .floating-tag .muted{font-size:12px}}

/* Build hero: left-aligned copy and action, dedicated vector artwork. */
.build-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:32px;align-items:center}.build-intro-copy{min-width:0}.build-intro-copy h1{font-size:clamp(44px,5.3vw,72px);line-height:1.13;max-width:760px}.build-intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin-top:30px}.build-intro-actions p{max-width:580px!important;margin:0!important}.build-intro-actions .btn{align-self:flex-start}.build-hero-art{position:relative;min-width:0;max-width:520px;width:100%;justify-self:end}.build-hero-art>svg{display:block;width:100%;height:auto;overflow:visible}.build-art-caption{display:flex;gap:14px;align-items:center;justify-content:center;color:#d4c98e;font-size:10px;letter-spacing:.15em;margin-top:-10px}.build-art-caption i{width:4px;height:4px;border-radius:50%;background:#7c8068}.build-art-window{animation:build-art-drift 7s ease-in-out infinite}.build-art-code{animation:build-art-drift 7s ease-in-out -3s infinite}@keyframes build-art-drift{50%{transform:translateY(-8px)}}@media(max-width:800px){.build-intro{grid-template-columns:minmax(0,1fr)}.build-intro-copy h1{font-size:clamp(42px,8vw,64px)}.build-hero-art{max-width:430px;justify-self:center}.build-intro-actions{gap:24px;margin-top:24px}}@media(prefers-reduced-motion:reduce){.build-art-window,.build-art-code{animation:none}}
