/* MyXcess: university learning, shown through people and an illustrative workflow. */
.myxcess-section{padding:40px 0 32px;background:radial-gradient(ellipse at 73% 38%,#244f4933,transparent 62%),#0a151d;border-top:1px solid #293f47;scroll-margin-top:85px}
.myxcess-eyebrow{display:flex;justify-content:space-between;gap:20px;color:#98adb7;font:9px/1.7 var(--mono);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:25px}.myxcess-eyebrow>span:first-child{color:#9fe9d1}
.myxcess-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:32px;align-items:center}.myxcess-intro{min-width:0}.myxcess-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:25px}.myxcess-brand>div{display:flex;align-items:center;gap:11px}.myxcess-brand img{display:block;width:44px;height:44px}.myxcess-brand>div>span{font:600 33px/1.2 'Space Grotesk',sans-serif;color:#eaf9f4;letter-spacing:-1.2px}.myxcess-brand>small{font-size:10px;letter-spacing:1.8px;color:#a1bdbd}.myxcess-brand strong{color:#e2f2ed;font-weight:600}
.home-platform .myxcess-intro h2{font:500 clamp(30px,3.2vw,44px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:#eff8f5;margin:0}.home-platform .myxcess-intro h2 em{font-style:normal;color:#9be6ce}.myxcess-tagline{font:500 clamp(15px,1.5vw,20px)/1.5 'Space Grotesk',sans-serif;color:#c4dbc9;margin:13px 0 16px}.myxcess-summary{font-size:13px;line-height:1.8;color:#afc4c8;max-width:385px;margin:0 0 18px}.myxcess-note{display:flex;align-items:center;gap:9px;border-left:2px solid #72d8b5;padding:8px 0 8px 12px;margin:0 0 21px;color:#b8decf;font:11px/1.6 'DM Sans',sans-serif}.myxcess-note>span{color:#8ce6c5;font-size:15px}
.myxcess-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.myxcess-actions .button-primary{background:#a9e9d3;border-color:#a9e9d3;color:#15342e;min-height:44px;padding:12px 18px;font-size:12px}.myxcess-actions .button-primary:hover{background:#cffbeb;border-color:#cffbeb}.myxcess-text-link{font-size:11px;color:#bbd9d1;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#577c71}.myxcess-section :is(a,button):focus-visible{outline:2px solid #a0e6ce;outline-offset:5px}
.myxcess-visual{width:100%;max-width:760px;min-width:0;margin:0;justify-self:center}.myxcess-artwork{position:relative;isolation:isolate;padding-bottom:3.7%}.myxcess-artwork>img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}.myxcess-flow-scene{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.myxcess-flow-scene text{font:500 10px 'DM Sans',sans-serif;fill:#d9efe7;text-anchor:middle;letter-spacing:.4px}.myxcess-flow-track{stroke:#71b6a4;stroke-width:1.4;stroke-dasharray:3 5;opacity:.7}.myxcess-node{fill:#102d38;stroke:#72d9ba;stroke-width:1.3}.myxcess-stage-icon{stroke:#c0f8e5;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.myxcess-node-pulse{stroke:#b7ffe1;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}.myxcess-packet{fill:#d0ffe7;filter:drop-shadow(0 0 4px #87eec1)}.myxcess-float{filter:drop-shadow(0 4px 5px #06161255)}.myxcess-float rect{fill:#12333ce6;stroke:#7ec8b4;stroke-width:1}.myxcess-float path{stroke:#bbf5de;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.myxcess-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;color:#c3dad5;font-size:10px;line-height:1.6}.myxcess-visual figcaption small{display:block;font-size:9px;color:#88a5aa;margin-top:3px}.myxcess-motion-actions{display:flex;gap:12px;flex-shrink:0}.myxcess-motion-actions[hidden]{display:none}.myxcess-motion-actions button{border:0;background:none;color:#b4d7cb;font:10px/1.4 'DM Sans',sans-serif;padding:8px 0;min-height:36px;cursor:pointer;text-decoration:underline;text-decoration-color:#4a6f64;text-underline-offset:4px}.myxcess-motion-actions button:disabled{cursor:default;opacity:.6;text-decoration:none}
.myxcess-features.product-infographics{--info-accent:#9bdfc8;--info-gold:#d5d6a0}.myxcess-features .info-diagram{background:radial-gradient(ellipse at 50% 55%,#284f4935,transparent 70%)}.myxcess-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:17px;border-top:1px solid #29434a;font-size:10px;line-height:1.7;color:#8ca9ae}.myxcess-footnote a{color:#abdcc9}
.myxcess-visual[data-enhanced=true] .myxcess-packet{animation:myxcess-travel 8s ease-in-out infinite both;animation-play-state:paused}.myxcess-visual[data-enhanced=true] .myxcess-node-pulse{animation:myxcess-stage 8s ease-out infinite both;animation-delay:var(--stage-delay);animation-play-state:paused}.myxcess-visual[data-enhanced=true] .myxcess-float{animation:myxcess-float 6s ease-in-out infinite both;animation-play-state:paused}.myxcess-visual[data-running=true] .myxcess-animated{animation-play-state:running}
@keyframes myxcess-travel{0%,4%{transform:translateX(0);opacity:0}7%,20%{transform:translateX(0);opacity:1}30%,45%{transform:translateX(198px);opacity:1}55%,70%{transform:translateX(396px);opacity:1}80%,94%{transform:translateX(594px);opacity:1}100%{transform:translateX(594px);opacity:0}}
@keyframes myxcess-stage{0%{transform:scale(.88);opacity:0}9%{transform:scale(1);opacity:.9}23%,100%{transform:scale(1.25);opacity:0}}
@keyframes myxcess-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1100px){.myxcess-showcase{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:26px}.myxcess-visual figcaption{flex-wrap:wrap;gap:7px}}
@media(max-width:700px){.myxcess-section{padding:32px 0}.myxcess-eyebrow{font-size:8px;letter-spacing:1px}.myxcess-showcase{grid-template-columns:1fr;gap:28px}.home-platform .myxcess-intro h2{font-size:35px}.myxcess-brand{margin-bottom:21px}.myxcess-brand>div>span{font-size:30px}.myxcess-summary{max-width:480px}.myxcess-visual{max-width:640px}.myxcess-actions{gap:15px}.myxcess-footnote{display:block}.myxcess-footnote a{display:inline-block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.myxcess-animated{animation:none!important}}
.reduce-motion .myxcess-animated{animation:none!important}