.brain-hero{position:relative;isolation:isolate;min-height:740px;height:min(820px,calc(100svh - 100px));overflow:hidden;background:#dfeefc}.brain-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;animation:brain-breathe 18s ease-in-out infinite alternate;transform-origin:75% 45%}.brain-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#edf7fff5 0%,#edf7ffd9 24%,#edf7ff75 42%,transparent 60%),linear-gradient(0deg,#deedfbe0,transparent 20%)}.brain-layout{height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:80px}.brain-copy{max-width:530px;z-index:2}.brain-copy h1{font-size:clamp(58px,6.5vw,96px);line-height:.98;letter-spacing:-.055em;margin-bottom:25px}.brain-intro{font-size:19px;line-height:1.6;color:#355674}.brain-copy .micro{margin-top:18px}.brain-interface{align-self:end;width:390px;padding:20px;background:#f5fcffe0;border:1px solid #d7f4ff;backdrop-filter:blur(16px);box-shadow:0 12px 50px #18446a1c}.signal-caption{font:10px ui-monospace,monospace;letter-spacing:.1em;color:#315b79}.signal-trace{height:32px;overflow:hidden;margin:10px 0}.signal-trace svg{width:100%;height:100%}.signal-trace path{fill:none;stroke:#008dac;stroke-width:1.3;stroke-dasharray:300;animation:trace-flow 5s linear infinite}.brain-modes{display:flex;gap:6px}.brain-modes button{flex:1;background:transparent;border:1px solid #97b8cb;color:#315671;padding:9px 4px;font:10px ui-monospace,monospace}.brain-modes button[aria-pressed=true]{background:#0d7293;color:white;border-color:#0d7293}.brain-interface p{font-size:12px;line-height:1.5;margin:12px 0 0;min-height:36px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #afc4d299;background:#eaf6ffe0;padding:17px 4%;display:flex;justify-content:space-between;gap:20px;font:10px ui-monospace,monospace;letter-spacing:.12em;color:#345b78}.brain-signals{position:absolute;inset:0;pointer-events:none;z-index:-1}.brain-signals i{position:absolute;left:65%;top:30%;width:8px;height:8px;background:#edffff;border-radius:50%;box-shadow:0 0 12px 4px #5febff;animation:synapse 4s ease-in-out infinite}.brain-signals i:nth-child(2){left:76%;top:45%;animation-delay:-1.3s}.brain-signals i:nth-child(3){left:59%;top:49%;animation-delay:-2.6s}.brain-signals i:nth-child(4){left:84%;top:29%;animation-delay:-.7s}.brain-signals i:nth-child(5){left:71%;top:63%;animation-delay:-3s}.brain-hero[data-mode="1"] .brain-signals i{box-shadow:0 0 18px 5px #a2a2ff}.brain-hero[data-mode="2"] .brain-signals i{box-shadow:0 0 18px 5px #ffd498}
.technical-explorer{background:#f6faff}.discipline-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:55px}.discipline-menu{display:flex;flex-direction:column}.discipline-menu button{display:flex;align-items:center;gap:20px;text-align:left;padding:26px 18px;background:none;border:0;border-bottom:1px solid #bbd3e4;color:#365a75;font-size:18px;transition:background .25s,color .25s}.discipline-menu button span{font:11px ui-monospace,monospace;color:#688496}.discipline-menu button b{margin-left:auto;font-weight:400}.discipline-menu button[aria-pressed=true]{background:#e0eef8;color:#005c83;box-shadow:inset 3px 0 #05799f}.discipline-panel{padding:34px;position:relative;border:1px solid #bad7e8;background:linear-gradient(130deg,#fff,#e8f6ff);overflow:hidden}.discipline-panel h3{font-size:30px;max-width:400px;line-height:1.15}.discipline-panel>p:not(.micro){max-width:360px}.discipline-panel .micro{margin:18px 0 0;font-size:10px}.discipline-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.discipline-tags span{font:11px ui-monospace,monospace;border:1px solid #b7cfe0;padding:5px 9px;color:#365e7b}.circuit-diagram{position:absolute;right:25px;top:22px;width:110px;height:110px;opacity:.20;pointer-events:none;display:grid;place-items:center}.circuit-diagram i{position:absolute;width:100%;height:100%;border:1px solid #006e9e;transform:rotate(45deg);animation:turn 50s linear infinite}.circuit-diagram i:nth-child(2){width:70%;height:70%;animation-direction:reverse}.circuit-diagram i:nth-child(3){width:40%;height:40%}.circuit-diagram span{font:18px ui-monospace,monospace;color:#006e9e}.human-section{padding:35px 0 70px;background:#f6faff}.human-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.team-scene{margin:0;position:relative}.team-scene img{display:block;width:100%;height:390px;object-fit:cover;object-position:57% 50%;border-radius:3px}.team-scene figcaption{font-size:10px;color:#597083;line-height:1.5;padding-top:10px}.image-marker{position:absolute;top:20px;left:20px;padding:8px 12px;background:#eef8ffd9;color:#25516c;font:9px ui-monospace,monospace;letter-spacing:.1em}.human-copy p:not(.eyebrow){max-width:360px}.mini-routes{display:flex;flex-direction:column;gap:13px;margin-top:25px;font-size:13px;color:#176383}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:22px}.support-strip h2{margin:0;font-size:36px}.support-strip .eyebrow{margin-bottom:10px}
@keyframes brain-breathe{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes synapse{0%,100%{opacity:.25;transform:scale(.7)}45%{opacity:.95;transform:scale(1.15)}}@keyframes trace-flow{to{stroke-dashoffset:-600}}
@media(max-width:1000px){.brain-copy h1{font-size:72px}.brain-interface{width:335px}.discipline-layout{gap:25px}.human-layout{gap:30px}.support-strip{flex-wrap:wrap}}
@media(max-width:700px){.brain-hero{height:auto;min-height:850px}.brain-layout{padding-top:38px;padding-bottom:90px;min-height:850px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:140px}.brain-backdrop{object-position:69% center}.brain-wash{background:linear-gradient(90deg,#edf7fff2,#edf7ff66 70%,transparent),linear-gradient(0deg,#deedfb,transparent 25%)}.brain-copy h1{font-size:60px}.brain-copy .eyebrow{font-size:9px}.brain-intro{font-size:16px}.brain-interface{width:100%;max-width:400px;align-self:end;padding:16px}.hero-bottom{font-size:8px;padding:13px 18px}.hero-bottom>span{max-width:160px}.discipline-layout,.human-layout{grid-template-columns:1fr}.discipline-menu button{padding:18px 12px;font-size:16px}.discipline-panel{padding:25px}.human-section{padding-bottom:40px}.team-scene img{height:300px}.human-copy h2{margin-top:10px}.support-strip{align-items:start;flex-direction:column}.brain-signals{left:-25%;width:130%}}
@media(prefers-reduced-motion:reduce){.brain-backdrop,.brain-signals i,.signal-trace path,.circuit-diagram i{animation:none}}
/* Shared reading scale: preserve hero composition, extend its hierarchy to content. */
:root{font-family:"Segoe UI",Arial,sans-serif;--muted:#344e65;--ink:#142f49}
body{font-size:18px;line-height:1.75}
body h2,body .lesson h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;font-weight:650;letter-spacing:-.035em;color:#142f49}
body h3,body .branch-card h3,body .info-card h3{font-size:clamp(23px,2vw,28px);line-height:1.22;font-weight:650;letter-spacing:-.025em;color:#142f49}
body p,body li{color:#263f55}
body main p:not(.eyebrow):not(.micro):not(.lead):not(.brain-intro),body main li{font-size:18px;line-height:1.75}
body .lead,body .brain-intro{font-size:20px;line-height:1.7;color:#2d4961}
body .prose{max-width:78ch}
body .branch-card p,body .info-card p,body .module-body,body .governance-flow p,body .program-sidebar p,body .phase-panel p,body .discipline-panel p,body .brain-interface p{font-size:17px;line-height:1.75;color:#263f55}
body .micro,body .check,body .notice,body .breadcrumbs,body .qa-banner,body .form-status,body .team-scene figcaption,body .discipline-panel .micro{font-size:15px;line-height:1.65;color:#344e65}
body .eyebrow{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;color:#126078}
body .tag,body .card-number,body .module-index,body .signal-caption,body .discipline-tags span,body .brain-modes button{font-size:13px;line-height:1.5;letter-spacing:.04em}
body .button,body .text-link,body .text-button,body .card-link,body .mini-routes{font-size:16px;line-height:1.45}
body nav{font-size:15px;gap:16px}
body .brand strong{font-size:16px}body .brand small{font-size:11px;letter-spacing:.12em}
body .staging{font-size:13px;letter-spacing:.025em}
body footer h3{font-size:19px;letter-spacing:-.015em}
body footer a,body footer p,body .footer-bottom,body .footer-bottom p{font-size:15px;line-height:1.65;color:#344e65}
body .footer-bottom span{white-space:normal}
body .lesson pre,body .lesson code{font-family:Consolas,"Courier New",monospace;font-size:16px;line-height:1.7;color:#16334b}
body .chat-answer,body .chat-intro,body .chat-topics button{font-size:16px;line-height:1.6}
body .chat-answer.chat-user{color:#fff}
body .experience-controls,body .experience-controls button,body .experience-controls label{font-size:12px}
/* Keep moving light on backgrounds; reading surfaces stay still and opaque. */
body .reveal-enter{animation:none}
body .info-card,body .program-sidebar,body .brain-interface{background:#fff}
body header{background:#fff;backdrop-filter:none}
@media(max-width:1100px){body .menu-toggle{display:block;font-size:16px}body nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;border-bottom:1px solid #bfd2e2;padding:24px 30px;flex-direction:column;align-items:stretch;gap:16px;font-size:17px}body nav.open{display:flex}}
@media(max-width:700px){body{font-size:17px}body .lead,body .brain-intro{font-size:18px}body .brain-copy .eyebrow{font-size:13px}body .hero-bottom{font-size:12px;letter-spacing:.02em}body .brain-layout{padding-bottom:120px}body .footer-top{grid-template-columns:1fr}body .lesson pre,body .lesson code{font-size:15px}body .button{padding:13px 18px}}
@media(max-width:540px){body nav{top:76px}body .wrap{width:calc(100% - 36px)}body .staging{font-size:12px}body main p:not(.eyebrow):not(.micro):not(.lead):not(.brain-intro),body main li{font-size:17px}}

/* Soft technical imagery; text and controls remain on clear surfaces. */
body .page-head{background-color:#f0f7fc;background-image:linear-gradient(90deg,rgba(245,250,255,.98) 0%,rgba(245,250,255,.94) 48%,rgba(237,246,253,.80) 100%),url('cyberbrain.png');background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat}
body .creative-paths{background:radial-gradient(ellipse at 90% 10%,#dbeafa 0%,transparent 60%),radial-gradient(ellipse at 5% 90%,#dff5f2 0%,transparent 55%),#f6faff}
body .creative-paths .info-card{background:#ffffffed;border:1px solid #cbdde9;box-shadow:0 12px 32px #28496709}
body .creative-paths h3{color:#153e58}body .creative-paths li{margin-bottom:.65em}
@media(max-width:600px){body .page-head{background-image:linear-gradient(#f5faffed,#f5fafff7),url('cyberbrain.png')}}
@media(prefers-reduced-motion:reduce){body .brain-backdrop{animation:none}}