:root{color-scheme:dark;--navy:#071526;--cyan:#47edee;--muted:#9caec3;--line:#ffffff1c;--blue:#2172ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:#f4f8ff;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;letter-spacing:2px;font-size:19px;font-weight:750}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#2076ff,#46eeee);color:#061c34;border-radius:9px;width:31px;height:34px;font-size:22px;font-weight:900;transform:skew(-8deg)}.brand-dot{font-size:9px;align-self:flex-start}nav{display:flex;align-items:center;gap:36px;font-size:13px}nav a{color:#b8c8da}.text-button{background:none;border:0;color:#f4f8ff;padding:0}.text-button span{color:var(--cyan);margin-left:9px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;align-items:center;padding:50px 4% 50px 6%;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--cyan);display:flex;gap:10px;align-items:center}.status-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}h1{font-size:clamp(55px,6.3vw,88px);letter-spacing:-5px;line-height:1.06;font-weight:500;margin:25px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#3593ff,#4beeed);background-clip:text;color:transparent}.intro{font-size:20px;line-height:1.6;color:#d4dfec}.hero-detail{max-width:390px;color:var(--muted);font-size:14px;margin:18px 0 28px}.actions{display:flex;align-items:center;gap:24px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;padding:15px 20px;border:1px solid #418dff;border-radius:6px;background:var(--blue);color:white;font-weight:600;font-size:13px;box-shadow:0 7px 35px #006aff25}.primary:hover{background:#3582ff}.primary span{font-size:19px}.subtle-link{font-size:12px;color:#d4dfec}.subtle-link span{margin-left:8px}.micro{font-size:10px;color:#8396ae;letter-spacing:.4px;margin-top:17px}.energy-art{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.mitochondrion{width:110%;position:relative;filter:drop-shadow(0 0 28px #006cff60)}.orb-glow{position:absolute;inset:5%;background:radial-gradient(ellipse,#006bff24,transparent 68%);z-index:-1}.orbit{position:absolute;border:1px solid #2b8ecb26;border-radius:50%;inset:9%;transform:rotate(-30deg) scaleY(.8)}.orbit-two{inset:0;transform:rotate(35deg) scaleY(.75);border-style:dashed}.art-label{position:absolute;bottom:7%;font-size:8px;letter-spacing:2px;color:#98c6d9;display:flex;align-items:center;gap:8px}.art-coordinate{position:absolute;right:0;top:13%;font-size:8px;color:#6b91af;letter-spacing:1px;writing-mode:vertical-rl}.principles{display:flex;justify-content:space-around;margin:0 6%;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1px;color:#aabace}.principles span:before{content:'✧';color:var(--cyan);margin-right:12px}.section{padding:95px 6%}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15;font-weight:500;letter-spacing:-1.8px;margin:20px 0 30px}h3{font-size:19px;font-weight:500;letter-spacing:-.4px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:60px}.approach>div>p{color:var(--muted);font-size:14px}.approach .section-intro{font-size:23px;color:#e1ebf8;margin-top:0;letter-spacing:-.4px}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.focus-grid span{color:var(--cyan);font-size:10px}.focus-grid h3{margin:8px 0}.focus-grid p,.steps p{font-size:13px;color:var(--muted);line-height:1.8}.journey{background:#0b1b30;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:center}.pill{color:#93abc5;letter-spacing:1px;font-size:8px;border:1px solid #28405b;border-radius:20px;padding:6px 12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px}.steps article{border-top:1px solid #34506d;padding-top:20px}.step-number{display:flex;justify-content:space-between;font-size:12px;color:var(--cyan)}.step-number span{font-size:23px}.steps h3{margin:20px 0 12px}.inline-link{padding:0;border:0;background:none;color:#d8e9fb;font-size:12px;margin-top:18px}.inline-link span{color:var(--cyan);margin-left:15px}.cta{text-align:center;padding:90px 6%;background:radial-gradient(ellipse at bottom,#07377480,transparent 65%)}.cta .eyebrow{justify-content:center}.cta h2{font-size:clamp(40px,4.5vw,62px);margin:25px 0 30px}.cta p{font-size:11px;color:var(--muted);margin-top:20px}footer{padding:35px 6% 22px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top .brand{font-size:14px}.footer-top .brand-mark{width:24px;height:27px;font-size:18px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top button{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:30px;color:#8296ae;font-size:10px}.footer-bottom p{max-width:620px;margin:0}dialog{background:#0c2038;color:#f4f8ff;border:1px solid #2c5477;border-radius:16px;padding:42px;max-width:650px;width:calc(100% - 32px);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020b17d9;backdrop-filter:blur(8px)}dialog h2{font-size:32px;margin:20px 0}dialog p{font-size:14px;color:#b8cade}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:#b8cade;font-size:28px}.preview-list{list-style:none;padding:0;margin:25px 0}.preview-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.preview-list small{color:var(--cyan);font-size:10px}.notice{padding:15px;background:#12324c;border-radius:7px;font-size:12px!important}.dialog-done{margin-top:15px}.skip{position:absolute;top:-70px;left:20px;background:var(--blue);padding:10px;z-index:5}.skip:focus{top:10px}@media(min-width:1500px){body{background:radial-gradient(ellipse at top,#0c2038,#071526 70%)}}@media(max-width:850px){nav{gap:20px}.hero{padding-top:60px;grid-template-columns:1fr 0.9fr;min-height:590px}h1{letter-spacing:-3px}.actions{align-items:flex-start;flex-direction:column;gap:17px}.art-label{font-size:6px}.approach{gap:35px}.pill{display:none}.steps{gap:22px}}@media(max-width:600px){header{padding:22px 6%}.brand{font-size:15px;gap:7px}nav>a{display:none}nav{font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:50px 6% 20px}.hero-copy{position:relative;z-index:1}h1{font-size:64px}.intro{font-size:18px}.hero-detail{font-size:14px}.actions{flex-direction:row;align-items:center;gap:16px}.primary{padding:13px 15px;font-size:12px;gap:10px}.subtle-link{font-size:10px;max-width:90px}.energy-art{width:100%;max-width:430px;margin:-10px auto -5px}.principles{gap:15px;justify-content:space-between;font-size:8px;letter-spacing:.2px}.principles span:before{margin-right:4px}.section{padding:60px 6%}.approach{grid-template-columns:1fr;gap:8px}.focus-grid{gap:22px}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding-top:16px}.steps h3{margin:10px 0}.inline-link{margin-top:7px}.cta{padding:65px 6%}.footer-top{flex-wrap:wrap;gap:15px}.footer-top p{display:none}.footer-bottom{flex-direction:column;gap:15px}dialog{padding:35px 24px}.preview-list li{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Light, science-inspired visual direction. */
:root{color-scheme:light;--navy:#fff;--cyan:#246bc5;--muted:#60738b;--line:#e2eaf3;--blue:#246de6}
body{background:#fff;color:#172f4f}header{border-bottom:0;padding-top:26px;padding-bottom:26px}.brand{letter-spacing:1.8px;font-size:17px}.brand-mark{background:#e7f1ff;color:#2474dc;transform:none;border-radius:10px}.text-button{color:#24466e}nav a{color:#526983}nav .text-button{padding:8px 17px;border:1px solid #d7e5f5;border-radius:22px}.hero{background:linear-gradient(120deg,#fff 30%,#f2f8ff);min-height:630px;padding-top:35px;padding-bottom:45px}.eyebrow{letter-spacing:1.7px;color:#3774b8;font-size:10px}.status-dot{background:#4a94e4;box-shadow:none}h1{font-size:clamp(55px,6vw,82px);font-weight:550;letter-spacing:-4px}h1 em{background:none;color:#2878db}.intro{color:#344f6f;font-size:19px}.hero-detail{color:#667b93;max-width:370px}.primary{border-radius:25px;box-shadow:0 6px 18px #2472df17;border-color:var(--blue);padding:13px 21px}.primary:hover{background:#175cbb}.subtle-link{color:#385a80}.micro{color:#6c7e92;font-size:11px}.energy-art{max-width:570px;width:100%}.mitochondrion{width:100%;filter:drop-shadow(0 15px 20px #5191cb18)}.mitochondrion>g:first-of-type>rect:first-child{opacity:.16}.mitochondrion path[filter]{opacity:.2}.orb-glow{background:radial-gradient(ellipse,#ddebffab,transparent 67%)}.orbit{border-color:#b6d4ee80;inset:12%;transform:rotate(-30deg) scaleY(.85)}.orbit-two{inset:4%;border-color:#b6d4ee50}.art-label{color:#6485a5;bottom:3%;font-size:8px}.art-coordinate{display:none}.molecule{position:absolute;width:37%;right:2%;top:6%;transform:rotate(-12deg)}.marker-card{position:absolute;bottom:13%;left:6%;right:1%;display:flex;align-items:center;gap:12px;background:#fffffff5;border:1px solid #e1ecf7;border-radius:14px;padding:17px 20px;box-shadow:0 12px 40px #356ba80c}.marker-card strong{display:block;font-size:12px;font-weight:600;color:#2c4b6f}.marker-card div>span{display:block;font-size:9px;color:#6a819a;margin-top:2px}.marker-icon{background:#eaf4ff;color:#3679c9;display:grid;place-items:center;font-size:25px;width:36px;height:36px;border-radius:10px}.marker-card svg{width:70px;margin-left:auto}.principles{color:#5e7590;letter-spacing:.3px;font-size:12px;border-top:0}.principles span:before{color:#3e87d5}.approach .section-intro{color:#294e76}.section{padding-top:80px;padding-bottom:80px}h2{font-weight:500}.journey{background:#f6f9fd;border:0}.steps article{border-color:#d8e5f3}.steps h3{color:#23486e}.step-number{color:#4382c4}.inline-link{color:#2a69af}.pill{color:#5b7899;border-color:#d5e3f2;background:white}.cta{background:linear-gradient(#fff,#eef6ff)}footer{background:#fff}.footer-bottom{color:#677d95}.footer-top p{color:#60738b}dialog{background:white;color:#172f4f;border-color:#d7e5f4;box-shadow:0 30px 100px #183e6b30}dialog::backdrop{background:#18345766;backdrop-filter:blur(6px)}dialog p{color:#586f89}.close{color:#587795}.notice{background:#eef6ff}.skip{color:white}
@media(min-width:1500px){body{background:#fff}}
@media(max-width:850px){.marker-card{padding:12px;gap:8px}.marker-card svg{width:45px}.marker-card strong{font-size:10px}.marker-card div>span{font-size:8px}}
@media(max-width:600px){header .brand{font-size:14px}.hero{padding-top:35px}h1{font-size:62px;letter-spacing:-3px}.intro{font-size:18px}.energy-art{margin:10px auto 4px}.marker-card{bottom:12%;padding:14px}.marker-card strong{font-size:11px}.marker-card div>span{font-size:8px}.principles{font-size:8px}.section{padding-top:55px;padding-bottom:55px}.art-label{font-size:7px}}

.protein-art{aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#eef6ff;box-shadow:0 18px 55px #3d77b512}.protein-hero{display:block;width:100%;height:100%;object-fit:cover}.science-caption{position:absolute;bottom:18px;left:20px;font-size:8px;letter-spacing:1.7px;color:#315e87;background:#ffffffde;padding:9px 13px;border-radius:20px}.hero{gap:25px}@media(max-width:600px){.protein-art{margin:25px auto 15px;border-radius:18px}.science-caption{bottom:12px;left:12px;font-size:7px}.hero{gap:0}}