@font-face{font-family:Red Hat Display;src:url(assets/mc-red-hat-display-latin.woff2) format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
@font-face{font-family:Red Hat Text;src:url(assets/mc-red-hat-text-latin.woff2) format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{color-scheme:light;--paper:#ffffff;--ink:#263e3b;--muted:#62716b;--accent:#32695b;--line:#dce4dd;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;color:var(--ink);font-family:Red Hat Text,sans-serif;position:relative;isolation:isolate;overflow-x:clip}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #076199;outline-offset:6px;border-radius:2px}.skip-link{position:absolute;left:20px;top:-80px;padding:12px;background:white;z-index:5}.skip-link:focus{top:15px}
header{display:flex;justify-content:space-between;align-items:center;margin:0 4.6vw;min-height:88px;border-bottom:1px solid var(--line);gap:20px;font-size:13px;letter-spacing:.025em}.domain{font-weight:600;display:flex;align-items:center;gap:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #e6ede4}nav{display:flex;align-items:center;gap:14px}nav>a:not(.header-contact){color:var(--muted)}.current-language{font-weight:650}.language-divider{color:#a6b3a8}.header-contact{margin-left:24px;display:flex;gap:12px;align-items:center}.header-contact span{font-size:21px}
.atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.network{position:absolute;pointer-events:none;background:url(assets/mitocell-matrix.svg) center/contain no-repeat;opacity:1;animation:motif-reveal 2s ease-in-out 1s backwards;width:620px;aspect-ratio:82/64;mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}.network-one{right:-285px;top:14%;transform:rotate(-12deg)}.network-two{left:-385px;bottom:4%;width:700px;transform:rotate(165deg);background-image:url(assets/mitocell-matrix-magnesium.svg)}
main{text-align:center;padding:clamp(36px,6vh,70px) 24px 44px;width:100%;align-self:center}.identity{width:min(600px,82vw);margin:0 auto 38px}.brand-logo{display:block;width:100%;height:auto;overflow:visible}.brand-line{margin:8px 0 0;font-size:10px;font-weight:600;letter-spacing:.30em;text-transform:uppercase;color:#5c6863}.eyebrow{margin:0 0 15px;text-transform:uppercase;font-size:10px;letter-spacing:.22em;font-weight:650;color:var(--accent)}h1{font-family:Red Hat Display,sans-serif;font-size:clamp(35px,4.4vw,57px);font-weight:450;line-height:1.075;letter-spacing:-.035em;margin:0}h1 span{color:var(--accent)}.intro{font-size:15px;line-height:1.75;color:var(--muted);margin:23px auto 0;max-width:540px}.contact-block{margin:28px auto 0}.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:17px 24px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:4px;font-size:14px;font-weight:550;transition:background .2s,transform .2s;box-shadow:0 4px 12px #263e3b0a}.contact-button:hover{background:var(--accent);transform:translateY(-2px);text-decoration:none}.contact-button svg{width:18px;height:18px}.contact-label{font-size:11px;color:var(--muted);margin:17px 0 6px}.email{font-size:13px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a8b9ad}
footer{margin:0 4.6vw;border-top:1px solid var(--line);padding:23px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.02em}.company-wrap{display:flex;align-items:center;gap:24px}.company-name span{padding:0 6px}.company-details{position:relative}summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;list-style:none}summary::-webkit-details-marker{display:none}.company-panel{position:absolute;bottom:30px;left:0;background:#fff;border:1px solid var(--line);padding:20px;min-width:255px;font-size:13px;line-height:1.8;box-shadow:0 8px 32px #263e3b12;border-radius:4px;z-index:4;color:var(--ink)}.company-panel a{text-decoration:underline}.replay{padding:5px 0;border:0;background:transparent;color:inherit;font-size:11px;display:flex;align-items:center;gap:9px;cursor:pointer}.replay[hidden]{display:none}.replay:hover{color:var(--ink)}.replay svg{width:16px;height:16px}
.symbol,.letter,.registered{transform-box:fill-box;transform-origin:center;animation-fill-mode:backwards}.symbol{animation-name:assemble;animation-duration:1s;animation-timing-function:var(--ease)}.symbol-main{--x:-65px;--y:-80px;--r:-35deg;animation-delay:1.2s}.symbol-teal{--x:70px;--y:-110px;--r:35deg;animation-delay:1.6s}.symbol-blue{--x:110px;--y:55px;--r:50deg;animation-delay:2s}.letter{animation-name:letter;animation-duration:1.4s;animation-timing-function:cubic-bezier(.25,.75,.25,1)}.letter-left{--x:-190px}.letter-right{--x:190px}.letter-m{animation-delay:3s}.letter-i{animation-delay:4s}.letter-t{animation-delay:5s}.letter-o{animation-delay:6s}.letter-l2{animation-delay:3.5s}.letter-l1{animation-delay:4.5s}.letter-e{animation-delay:5.5s}.letter-c{animation-delay:6.5s}.registered{animation:rise .4s ease-out 7.6s backwards}
.text-reveal{animation:rise 2s ease-in-out 8s backwards}
@keyframes motif-reveal{from{opacity:0}to{opacity:1}}
@keyframes assemble{from{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.72)}to{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}@keyframes letter{from{opacity:0;transform:translateX(var(--x))}to{opacity:1;transform:translateX(0)}}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.atmosphere{mask-image:linear-gradient(90deg,#000,transparent 26%,transparent 74%,#000)}header{margin:0 24px;min-height:72px;font-size:12px}nav{gap:10px}.header-contact{margin-left:0;font-size:0;gap:0;min-width:44px;min-height:44px;justify-content:center}.header-contact span{font-size:22px}.identity{width:100%;max-width:440px;margin-bottom:34px}.brand-line{font-size:8px;letter-spacing:.20em;margin-top:9px}main{padding:44px 26px 40px}h1{font-size:clamp(32px,8vw,45px)}.intro{font-size:14px;line-height:1.7;max-width:340px}.wide-only{display:none}.contact-block{margin-top:25px}.contact-button{min-height:53px;padding:15px 22px}.contact-label{max-width:280px;line-height:1.6;margin-left:auto;margin-right:auto}.network-one{right:-375px;top:15%}.network-two{left:-520px;bottom:10%}footer{margin:0 24px;padding:21px 0;align-items:flex-start;gap:18px}.company-wrap{align-items:flex-start;flex-direction:column;gap:11px}.company-name{max-width:190px;line-height:1.6}.company-panel{bottom:28px}.replay{font-size:0;margin-top:2px;padding:13px}.replay svg{width:19px;height:19px}}
@media(max-height:760px) and (min-width:601px){header{min-height:72px}main{padding-top:22px;padding-bottom:22px}.identity{width:min(490px,65vw);margin-bottom:26px}h1{font-size:43px}.intro{margin-top:17px;font-size:14px}.contact-block{margin-top:22px}footer{padding:18px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.replay{display:none!important}}
@media print{.network,.replay,nav{display:none}*{animation:none!important}.company-panel{position:static}body{min-height:0}}