/* MyMech uses the same compact editorial scale as the MyLink introduction. */
.mymech-techsports-canvas{display:block;width:100%;height:auto;position:relative;z-index:0}
.mymech-product-diagram{display:block;width:100%;height:100%;object-fit:contain;padding:8px 26px}
.mymech-features li:nth-child(3) .info-blueprint-link img{transform:scale(1.2);transform-origin:50% 40%}.mymech-features li:nth-child(3) .info-blueprint-link{overflow:hidden}
.mymech-sports-disciplines{font-size:10px;line-height:1.8;color:#a8d9ed;margin:-9px 0 22px}.mymech-sports-disciplines span{padding:0 5px;color:#d6bc80}
.mymech-drone-hover{animation:mech-drone-hover 6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.mymech-innovation-pulse{animation:mech-innovation-pulse 3.6s ease-in-out infinite}
.mymech-sports-signal{animation:mech-light-trail 9s linear infinite}
@keyframes mech-drone-hover{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(13px,-15px) rotate(2deg)}}
@keyframes mech-innovation-pulse{0%,100%{opacity:.4}50%{opacity:1}}
.mymech-unified-visual[data-running=false] :is(.mymech-drone-hover,.mymech-innovation-pulse,.mymech-sports-signal){animation-play-state:paused}
.reduce-motion :is(.mymech-drone-hover,.mymech-innovation-pulse,.mymech-sports-signal){animation:none!important}
@media(prefers-reduced-motion:reduce){.mymech-drone-hover,.mymech-innovation-pulse,.mymech-sports-signal{animation:none!important}}
.mymech-section{padding:40px 0 32px;background:radial-gradient(ellipse at 73% 45%,#18374750,transparent 57%),#0a111b;border-top:1px solid #263747;scroll-margin-top:85px}
.mymech-eyebrow{display:flex;justify-content:space-between;gap:20px;color:#91a7b9;font:9px/1.7 var(--mono);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:25px}.mymech-eyebrow>span:first-child{color:#a1cfef}
.mymech-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:32px;align-items:center}
.mymech-intro{min-width:0}.mymech-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:25px}.mymech-brand img{width:205px;height:auto;display:block}.mymech-brand>span{color:#a8bdcd;font-size:10px;letter-spacing:1.8px}.mymech-brand strong{font-weight:600;color:#e2edf5}
.home-platform .mymech-intro h2{font:500 clamp(30px,3.2vw,44px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:0;color:#edf5fa}.home-platform .mymech-intro h2 em{font-style:normal;color:#94c8f2}
.mymech-tagline{font:500 clamp(15px,1.5vw,20px)/1.5 'Space Grotesk',sans-serif;color:#e4d39b;margin:13px 0 16px}.mymech-summary{font-size:13px;line-height:1.8;color:#adbfcb;margin:0 0 20px;max-width:380px}.mymech-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.mymech-actions .button-primary{background:#b3dafa;border-color:#b3dafa;color:#0b253c;min-height:44px;padding:12px 18px;font-size:12px}.mymech-actions .button-primary:hover{background:#d5ecff;border-color:#d5ecff}.mymech-simulator-link{font-size:11px;color:#b4cdde;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#526879}.mymech-section a:focus-visible{outline:2px solid #b3dafa;outline-offset:6px}
/* One photo-based composition includes the team, portrait, robot, logo and awards. */
.mymech-unified-visual{width:100%;max-width:760px;min-width:0;margin:0;justify-self:center;background:none;border:0}
.mymech-artwork{position:relative;isolation:isolate}
.mymech-artwork>img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}
.mymech-unified-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;color:#bfd0de;font-size:10px;line-height:1.6}
.mymech-unified-visual figcaption small{display:block;color:#7d98ad;font-size:9px;margin-top:3px}
.mymech-unified-visual figcaption a{color:#aecfe5;font-size:10px;white-space:nowrap;text-decoration:underline;text-decoration-color:#43596c;text-underline-offset:4px}
.mymech-champion-note{display:flex;align-items:center;gap:12px;margin:-2px 0 20px;padding-left:13px;border-left:2px solid #dfbd72;color:#e7d6a7}.mymech-champion-star{font-size:21px;color:#edcc83}.mymech-champion-note strong{display:block;font:500 15px/1.5 'Space Grotesk',sans-serif}.mymech-champion-note small{display:block;font-size:9px;line-height:1.6;color:#afbdca;max-width:325px}
.mymech-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:30px 0 0}.mymech-features li{min-width:0;padding:0 22px;border-left:1px solid #2a3a4a}.mymech-features li:first-child{padding-left:0;border-left:0}.mymech-features li:last-child{padding-right:0}.mymech-features li>span{font:8px/1.8 var(--mono);letter-spacing:.7px;color:#8ab8d9}.mymech-features h3{font:500 16px/1.4 'Space Grotesk',sans-serif;letter-spacing:-.03em;color:#e3edf5;margin:9px 0 7px}.mymech-features p{font-size:11px;line-height:1.8;color:#99adbe;margin:0;max-width:290px}.mymech-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:17px;border-top:1px solid #293947;font-size:10px;line-height:1.6;color:#869eae}.mymech-footnote a{color:#a2cdeb}

@media(max-width:1000px){.mymech-showcase{gap:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}.mymech-features{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.mymech-features li:nth-child(3){border-left:0;padding-left:0}.mymech-features li:nth-child(2){padding-right:0}.mymech-features p{font-size:12px;max-width:none}.mymech-unified-visual figcaption{flex-wrap:wrap;gap:10px}}
@media(max-width:700px){.mymech-section{padding:32px 0}.mymech-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:22px}.mymech-showcase{grid-template-columns:1fr;gap:28px}.mymech-brand{margin-bottom:18px}.mymech-brand img{width:180px}.home-platform .mymech-intro h2{font-size:35px}.mymech-tagline{font-size:19px;margin-top:11px}.mymech-summary{font-size:13px;margin-bottom:18px;max-width:460px}.mymech-actions{gap:15px}.mymech-unified-visual{max-width:580px;justify-self:center}.mymech-unified-visual figcaption{font-size:10px}.mymech-champion-note{margin-bottom:20px}.mymech-features{margin-top:25px;row-gap:22px}.mymech-features li{padding-inline:16px}.mymech-features li>span{font-size:8px;letter-spacing:.3px}.mymech-features h3{font-size:17px}.mymech-features p{font-size:12px}.mymech-footnote{display:block;margin-top:24px}.mymech-footnote a{display:block;margin-top:10px}}

/* Light trails and drifting particles echo the neighbouring MyLink artwork. */
.mymech-energy{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.mymech-energy-track{stroke:#7ad8ef;stroke-width:1;opacity:.15}
.mymech-energy-flow{stroke:#a5f6ff;stroke-width:2;stroke-linecap:round;stroke-dasharray:2 98;animation:mech-light-trail 8s linear infinite;opacity:.65}
.mymech-energy-flow-gold{stroke:#f5d791;animation-duration:11s;animation-delay:-4s;opacity:.5}
.mymech-sparks{fill:#9af3ff;animation:mech-spark-drift 7s ease-in-out infinite alternate;transform-origin:center;opacity:.55}
.mymech-sparks-gold{fill:#f6d795;animation-duration:9s;animation-delay:-4s}
.mymech-unified-visual[data-running=false] :is(.mymech-energy-flow,.mymech-sparks){animation-play-state:paused}
.mymech-visual-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:flex-end}
.mymech-visual-actions button{background:none;border:0;border-bottom:1px solid #43596c;padding:3px 0;color:#aecfe5;font:10px/1.6 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
.mymech-visual-actions button:hover{color:#d7f7ff;border-color:#91dfeb}
.mymech-visual-actions button:focus-visible{outline:2px solid #b3dafa;outline-offset:5px}
.mymech-visual-actions button:disabled{opacity:.6;cursor:default}
.mymech-visual-actions [hidden]{display:none}
@keyframes mech-light-trail{to{stroke-dashoffset:-100}}
@keyframes mech-spark-drift{0%{transform:translateY(5px);opacity:.25}100%{transform:translateY(-7px);opacity:.75}}
.reduce-motion :is(.mymech-energy-flow,.mymech-sparks){animation:none!important}
@media(prefers-reduced-motion:reduce){.mymech-energy-flow,.mymech-sparks{animation:none!important}}
@media(max-width:1000px){.mymech-champion-note strong{font-size:13px}}
@media(max-width:700px){.mymech-unified-visual{max-width:640px}.mymech-champion-note strong{font-size:14px}.mymech-visual-actions{justify-content:flex-start;gap:15px}}/* Foreground particles pass visibly in front of the artwork, without intercepting input. */
.mymech-artwork>img{position:relative;z-index:0}
.mymech-energy{z-index:1}
.mymech-front-particles{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}
.mymech-front-particles i{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:var(--size);height:var(--size);border-radius:50%;background:#b4f7ff;box-shadow:0 0 9px 2px #55cffe88;animation:mech-foreground-drift var(--duration) linear var(--delay) infinite;opacity:0}
.mymech-front-particles i:nth-child(3n){background:#ffe4aa;box-shadow:0 0 9px 2px #e7ae6277}
.mymech-front-particles i:nth-child(4n)::after{content:'';position:absolute;width:11px;height:1px;left:-3px;top:2px;background:#d5fcffbb}
@keyframes mech-foreground-drift{0%{transform:translate3d(0,28px,0) scale(.5);opacity:0}20%{opacity:.85}80%{opacity:.7}100%{transform:translate3d(var(--travel),-65px,0) scale(1.1);opacity:0}}
.mymech-unified-visual[data-running=false] .mymech-front-particles i{animation-play-state:paused}
.reduce-motion .mymech-front-particles i{animation:none;opacity:.35;transform:none}
@media(prefers-reduced-motion:reduce){.mymech-front-particles i{animation:none;opacity:.35;transform:none}}
