@font-face{font-family:Liberation;src:url('/assets/LiberationSans-Regular.ttf');font-display:swap}@font-face{font-family:Liberation;src:url('/assets/LiberationSans-Bold.ttf');font-weight:700;font-display:swap}
:root{--ink:#1c303b;--black:#0a1215;--paper:#f2f6f5;--mint:#b9e3d7;--line:#dce5e3;--mono:'Courier New',monospace;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Liberation,Arial,'Microsoft JhengHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.wrap{max-width:1280px;width:calc(100% - 160px);margin:auto}.mono{font-family:var(--mono)}.nav-shell{position:fixed;z-index:20;top:24px;left:50%;transform:translateX(-50%);width:calc(100% - 112px);max-width:1360px;min-height:70px;padding:10px 12px 10px 22px;display:flex;align-items:center;gap:24px;background:#fffffff0;backdrop-filter:blur(18px);border-radius:17px;box-shadow:0 5px 28px #0a121516}.brand{flex-shrink:0;padding:8px 0}.brand img{width:160px;height:auto}nav{display:flex;gap:24px;margin-left:auto}.nav-link{text-transform:uppercase;font:12px var(--mono);letter-spacing:.035em}.nav-link:hover{color:#377e76}.nav-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:14px 22px;border:1px solid transparent;border-radius:9px;background:var(--ink);color:#fff;font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:center;transition:background .2s}.button:hover{background:#33515c}.nav-cta{padding-inline:18px}.light{background:var(--mint);color:var(--ink)}.light:hover{background:#d2f1e7}.outline{background:transparent;border-color:#405052;color:white}.outline:hover{background:#213134}.icon-text{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--ink);font:12px var(--mono);text-transform:uppercase;padding:10px 0}.icon-text svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7}.language-button{border:0;background:none;color:var(--ink);font-size:12px;padding:10px 4px;min-height:42px}.menu-button{height:46px;width:46px;background:var(--ink);border:0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.menu-button span{width:17px;height:1.5px;background:white}.menu-panel{position:absolute;top:calc(100% + 12px);right:0;background:white;border:1px solid var(--line);border-radius:14px;padding:14px;min-width:240px;box-shadow:0 20px 40px #0a121521;display:flex;flex-direction:column}.menu-panel a{padding:16px}.eyebrow{display:table;font:12px/1.4 var(--mono);letter-spacing:.065em;background:#fff;padding:7px 10px;border-radius:6px;margin-bottom:26px;text-transform:uppercase}.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;background:#62998f;border-radius:1px;margin-right:8px;vertical-align:1px}.hero{position:relative;min-height:810px;padding:165px 0 100px;background:var(--black);color:#f5f8f7;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;right:-20px;top:100px;width:61%;height:calc(100% - 100px);object-fit:cover;object-position:60% 50%;mask-image:linear-gradient(90deg,transparent,#000 25%)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1215 20%,transparent 67%);z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2;pointer-events:none}.hero-content>*{pointer-events:auto}.hero .eyebrow{background:#ffffff12}.hero h1{font-size:clamp(64px,6.4vw,92px);font-weight:400;line-height:.99;letter-spacing:-.055em;max-width:630px;margin-bottom:31px}.hero-content>p:not(.eyebrow){max-width:435px;font-size:18px;line-height:1.5;color:#b7c2c2;margin-bottom:33px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-caption{position:absolute;bottom:28px;right:5%;font-size:10px;color:#a5b4b1;letter-spacing:.12em}.section{padding-block:86px}h2{font-size:clamp(38px,4.3vw,58px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin-bottom:37px}h1 em,h2 em{font-style:normal;color:#748384}h3{font-size:24px;font-weight:400;line-height:1.15;letter-spacing:-.025em}.prototype-deck{background:#14242a;border:1px solid #2c4045;border-radius:22px;padding:20px;color:#eef4f3}.deck-top{display:flex;align-items:center;gap:35px;margin-bottom:20px}.tool-tabs{display:flex;gap:3px;background:#ffffff04;border-radius:8px;padding:3px}.tool-tabs button{border:0;border-radius:6px;padding:10px 15px;background:transparent;color:#a8b8b9;font-size:13px;white-space:nowrap}.tool-tabs button[aria-selected=true]{background:var(--mint);color:var(--ink)}.step-track{display:flex;gap:4px;flex:1}.step-track i{height:1px;background:#41585d;flex:1}.step-track i.active{height:2px;background:var(--mint)}.deck-body{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.preview-window{border-radius:13px;background:#0a1417;border:1px solid #23373b;overflow:hidden;min-width:0;min-height:390px;display:flex;flex-direction:column}.window-top{display:flex;gap:14px;align-items:center;min-height:37px;padding:9px 13px;border-bottom:1px solid #1a292c;color:#8a9b9c;font:10px var(--mono)}.window-dots{font-size:8px;letter-spacing:2px;color:#3f5458}.preview-label{margin-left:auto;font-size:9px;color:#9aacaa;letter-spacing:.06em}.deck-copy{background:#0d191c;border-radius:12px;padding:30px 25px 23px;display:flex;flex-direction:column}.slide-counter{font-size:11px;color:#afbfbd;letter-spacing:.08em;margin-bottom:21px}.slide-title{font-size:29px;line-height:1.12;letter-spacing:-.035em;margin-bottom:18px}.slide-description{font-size:15px;color:#adbcbd;line-height:1.65}.slide-controls{display:flex;gap:13px;align-items:center;margin-top:auto;padding-top:32px}.slide-controls button{border:1px solid #365056;border-radius:50%;width:34px;height:34px;background:none;color:#d9e9e5;font-size:21px;line-height:1}.slide-controls button:hover{background:var(--mint);color:var(--ink)}.step-number{font:11px var(--mono);color:#aebebb}.deck-note{font-size:12px;line-height:1.5;color:#99adad;margin-top:22px;padding-top:14px;border-top:1px solid #263a3e}.scene{flex:1;position:relative;min-width:0}.yield-scene{padding:35px 20px 16px;display:flex;flex-direction:column;justify-content:center}.reactants{display:grid;grid-template-columns:1fr 1fr;gap:13px}.reactants>div{border:1px solid #2b3b3e;border-radius:8px;background:#0f1b1e;padding:15px 12px 0}.reactants p{font-size:12px;color:#cbd8d5}.reactants b{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#83b5aa;color:#172d31;font-size:10px;margin-right:5px}.chemical{width:100%;height:145px}.conditions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.conditions>div{background:#111f23;border-radius:6px;padding:11px;display:flex;flex-direction:column;gap:6px}.conditions small{font:9px var(--mono);color:#8ca19e}.conditions span{font-size:11px;color:#d2dedb}.conditions .amber{color:#d7b779}.screen-note{font-size:11px;text-align:center;color:#91a5a2;margin-top:20px}.molecule-heading{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:17px 19px 0}.molecule-heading small{color:#91aaa4;margin-left:7px;font-size:12px}.drag-label{font-size:10px;color:#9bb1ab}.molecule-canvas{width:100%;height:255px;display:block;touch-action:pan-y;cursor:grab}.molecule-canvas.dragging{cursor:grabbing}.molecule-controls{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding:5px 10px}.molecule-controls button{border:1px solid #243b3d;background:none;color:#aebfba;padding:6px 8px;border-radius:5px;font-size:11px;min-height:30px}.molecule-controls button.active,.molecule-controls button[aria-pressed=true]{background:var(--mint);color:var(--ink)}.data-source{display:block;font-size:10px;color:#95b1a8;text-align:center;margin:10px 0 13px;text-decoration:underline;text-underline-offset:3px}.route-example-tag{font:10px var(--mono);color:#b6c4bf;padding:19px 17px 0}.route-graph{display:flex;align-items:center;padding:22px 15px;gap:15px}.target-node{width:64px;height:64px;border:1px solid #b9d6cd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;position:relative}.target-node:after{content:'';position:absolute;left:100%;width:16px;height:1px;background:#455e5b}.route-branches{border-left:1px solid #425957;width:100%;padding-left:12px;display:flex;flex-direction:column;gap:12px}.route-row{display:flex;align-items:center;gap:7px;background:none;border:1px solid transparent;border-radius:7px;padding:9px 6px;color:#a8bab4;width:100%;font-size:10px}.route-row.selected{border-color:#51766b;background:#142620}.route-row>span:first-child{min-width:45px}.node{width:27px;height:27px;border:1px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.low{color:#92bcae;background:#16332c}.mid{color:#d4b476;background:#352b18}.high{color:#d7919b;background:#351d28}.route-row i{flex:1;min-width:8px;height:1px;background:#456057}.start-material{font:9px var(--mono);padding-left:4px}.route-assessment{margin:0 20px 20px;border:1px solid #2b4140;border-radius:8px;padding:14px 17px}.route-choice{font-size:12px;color:var(--mint)}.route-assessment>div{display:flex;gap:36px;margin-top:12px}.route-assessment>div>span{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#94aaa4}.route-assessment b{font-size:13px;font-weight:400;color:#d1b274}.approach{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;border-bottom:1px solid var(--line)}.approach h2{margin-bottom:0}.lead{font-size:22px;line-height:1.4;margin-bottom:20px}.approach>div>p:not(.lead):not(.eyebrow){font-size:17px;color:#65787b;line-height:1.7;margin-bottom:27px}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:6px;font-size:15px}.text-link:hover{color:#327a79}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:95px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;cursor:pointer;font-size:18px;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}.expand{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid var(--line);border-radius:7px;flex-shrink:0;font-size:20px;transition:transform .2s}details[open] .expand{transform:rotate(45deg);background:var(--mint);border-color:var(--mint)}details p{margin:17px 45px 3px 0;font-size:16px;color:#65767a;line-height:1.7}.footer{margin:30px 18px 18px;border-radius:27px;background:var(--ink);color:white;padding:66px 62px 22px;overflow:hidden}.footer-top{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:60px;align-items:center}.footer .eyebrow{background:#ffffff0d}.footer h2{font-size:clamp(35px,4.3vw,57px);margin-bottom:25px}.email{font-size:19px;text-decoration:underline;text-underline-offset:7px;overflow-wrap:anywhere}.footer-actions{margin-top:28px}.footer-symbol{opacity:.52;margin-right:7%;width:clamp(160px,22vw,275px);height:275px;object-fit:contain;filter:grayscale(.2) brightness(1.8)}.big-word{font-size:clamp(80px,15.4vw,236px);letter-spacing:-.065em;line-height:1.2;color:#ffffff08;text-align:center;padding-top:55px;user-select:none}.footer-bottom{border-top:1px solid #ffffff15;padding-top:22px;display:flex;justify-content:space-between;gap:20px;max-width:1280px;margin:auto;font-size:11px;color:#a5b8bc}.inner-page main{padding-top:165px}.page-intro{padding-block:35px 65px}.page-intro>div{display:grid;grid-template-columns:1.5fr 1fr;gap:100px;align-items:center}.page-intro h1{font-size:clamp(56px,6.5vw,87px);font-weight:400;line-height:1.05;letter-spacing:-.055em}.page-intro>div>p{font-size:20px;line-height:1.5;color:#4f626a;max-width:425px}.section-heading{max-width:840px}.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{background:white;border-radius:18px;padding:28px;min-height:290px;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.info-card:nth-child(2){background:var(--ink);color:white}.info-card>span{font-size:12px;color:#778b8e}.info-card h3{margin-bottom:15px;font-size:27px}.info-card p{font-size:16px;line-height:1.6;color:#66797e}.info-card:nth-child(2) p{color:#bdcdce}.contact-direct{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:90px 45px;align-items:center}.contact-direct>div>p:not(.eyebrow){font-size:19px;color:#556d74;margin-bottom:25px}.dark-email{font-size:26px}.company-statement{display:grid;grid-template-columns:.85fr 1fr;gap:70px;align-items:center;padding-bottom:20px}.company-art{height:500px;border-radius:20px;overflow:hidden}.company-art img{width:100%;height:100%;object-fit:cover}.company-statement h2{font-size:40px;margin-bottom:27px}.company-statement p:not(.eyebrow){font-size:17px;color:#60767c;margin-bottom:22px;line-height:1.7}.company-statement .button{margin-top:10px}.faq-full{max-width:900px;margin-bottom:100px}.faq-full details{padding-block:26px}.faq-full summary{font-size:21px}.prototype-footnote{max-width:900px;text-align:center;padding:35px 0 65px;color:#687a7c;font-size:14px}.prototype-footnote a{margin-top:22px}.search-dialog{border:1px solid var(--line);border-radius:18px;padding:24px;width:min(560px,calc(100% - 32px));background:var(--paper);color:var(--ink);margin-top:18vh;box-shadow:0 24px 90px #0a121550}.search-dialog::backdrop{background:#081113aa;backdrop-filter:blur(5px)}.search-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-close{background:none;border:0;font-size:30px;width:36px;height:36px;color:var(--ink)}.search-dialog input{width:100%;border:1px solid #bfceca;border-radius:8px;background:white;color:var(--ink);padding:14px;font-size:17px;margin-bottom:12px}.search-result{display:block;padding:12px 14px;border-radius:6px}.search-result:hover{background:var(--mint)}.search-hint{font:11px var(--mono);color:#70827e;text-align:right;margin-top:18px}.search-empty{font-size:15px;padding:16px}.skip{position:fixed;top:-90px;left:24px;background:var(--mint);padding:12px;z-index:100}.skip:focus{top:8px}:focus-visible{outline:3px solid #58a092;outline-offset:4px}html[lang=zh-Hant] h1,html[lang=zh-Hant] h2{letter-spacing:-.035em;line-height:1.2}html[lang=zh-Hant] .hero h1{font-size:clamp(60px,5.6vw,82px)}
@media(max-width:1150px){.wrap{width:calc(100% - 96px)}.nav-shell{width:calc(100% - 56px);gap:20px}.nav-shell nav{gap:17px}.nav-actions{gap:10px}.nav-link{font-size:11px}.brand img{width:140px}.nav-cta{font-size:10px;padding-inline:13px}.search-word{display:none}.hero{min-height:720px}.hero h1{font-size:74px}.hero-art{width:65%}.hero-content>p:not(.eyebrow){font-size:17px;max-width:390px}.deck-body{grid-template-columns:1.25fr 1fr}.deck-copy{padding:25px 20px}.route-graph{gap:8px;padding-inline:12px}.target-node{width:45px;height:45px;font-size:10px}.route-branches{padding-left:7px}.route-row{gap:4px}.route-row>span:first-child{min-width:32px;font-size:9px}.node{width:21px;height:21px}.route-row i{min-width:3px}.approach,.faq-section{gap:55px}.page-intro>div{gap:55px}.page-intro h1{font-size:65px}.page-intro>div>p{font-size:18px}.info-card{padding:23px}.company-statement{gap:40px}}
@media(max-width:900px){.nav-shell nav{display:none}.nav-actions{margin-left:auto}.hero h1{font-size:67px}.hero-content>p:not(.eyebrow){max-width:360px}.hero-art{opacity:.65;width:68%;right:-10%}.hero:before{background:linear-gradient(90deg,#0a1215 16%,#0a121577 52%,transparent 90%)}.deck-body{grid-template-columns:1fr}.deck-copy{display:grid;grid-template-columns:1fr auto;gap:0 30px}.slide-content{max-width:550px}.slide-controls{margin:0;align-self:center;padding-top:0}.deck-note{grid-column:1/-1}.preview-window{min-height:350px}.molecule-canvas{height:275px}.yield-scene{padding:25px 30px 20px}.route-graph{max-width:560px;width:100%;margin:auto;gap:24px;padding:24px}.target-node{width:64px;height:64px;font-size:12px}.route-row{gap:10px}.node{width:28px;height:28px}.route-row>span:first-child{min-width:55px;font-size:11px}.route-assessment{max-width:510px;margin:0 auto 25px;width:calc(100% - 48px)}.approach{grid-template-columns:1fr;gap:30px}.faq-section{gap:40px}.page-intro>div{grid-template-columns:1fr;gap:26px}.page-intro>div>p{max-width:630px}.three-cards{grid-template-columns:1fr}.info-card{min-height:230px;gap:40px;padding:30px}.contact-direct{gap:50px}.company-statement{grid-template-columns:1fr}.company-art{height:350px}.footer{padding-inline:40px}.footer-symbol{margin-right:0}}
@media(max-width:600px){html{scroll-padding-top:105px}.wrap{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 28px);top:14px;padding:8px 10px 8px 16px;border-radius:13px;gap:10px;min-height:62px}.brand img{width:128px}.nav-cta{display:none}.nav-actions{gap:12px}.menu-button{width:38px;height:38px;border-radius:8px}.language-button{font-size:11px}.hero{min-height:850px;display:block;padding:153px 0 270px}.hero-art{width:100%;height:530px;right:-16%;top:auto;bottom:-62px;opacity:.75;object-position:center 57%;mask-image:linear-gradient(180deg,transparent,#000 28%)}.hero-content{width:calc(100% - 52px)}.hero h1{font-size:64px;margin-bottom:27px}.hero-content>p:not(.eyebrow){font-size:17px;max-width:350px;line-height:1.55;margin-bottom:26px}.hero .eyebrow{font-size:10px;letter-spacing:.02em;margin-bottom:23px}.hero:before{background:linear-gradient(180deg,#0a1215 21%,#0a121599 55%,transparent 85%)}.hero-caption{bottom:20px;font-size:8px;right:23px}.hero-buttons{gap:9px}.button{font-size:11px;padding:12px 16px;min-height:44px}.section{padding-block:58px}h2{font-size:38px;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:.035em;margin-bottom:23px}.prototype-deck{border-radius:16px;padding:10px}.deck-top{flex-wrap:wrap;gap:14px;padding:3px 2px;margin-bottom:13px}.tool-tabs{width:100%}.tool-tabs button{flex:1;font-size:12px;padding:10px 8px}.step-track{width:100%;flex:auto;padding-inline:4px}.deck-body{gap:10px}.preview-window{min-height:300px}.window-top{gap:9px;padding:8px 10px;font-size:9px}.preview-label{font-size:8px}.window-dots{font-size:6px;letter-spacing:1px}.yield-scene{padding:22px 10px 16px}.reactants{gap:7px}.reactants>div{padding:12px 8px 0}.reactants p{font-size:10px}.chemical{height:115px}.conditions{gap:5px}.conditions>div{padding:9px 7px}.conditions small{font-size:8px}.conditions span{font-size:10px}.screen-note{font-size:10px;margin-top:17px}.deck-copy{display:block;padding:24px 18px 20px}.slide-counter{font-size:10px;margin-bottom:17px}.slide-title{font-size:28px}.slide-description{font-size:15px}.slide-controls{margin-top:24px}.deck-note{font-size:11px}.molecule-heading{padding:14px 12px 0;font-size:12px}.molecule-heading small{font-size:10px}.drag-label{font-size:9px}.molecule-canvas{height:240px}.molecule-controls button{font-size:10px;padding:6px}.route-example-tag{font-size:8px;padding-inline:12px}.route-graph{padding:20px 10px;gap:10px}.target-node{width:40px;height:40px;font-size:9px}.target-node:after{width:11px}.route-branches{gap:10px;padding-left:6px}.route-row{gap:5px;padding:8px 4px}.route-row>span:first-child{min-width:34px;font-size:9px}.node{width:22px;height:22px}.route-assessment{width:calc(100% - 24px);padding:12px}.route-choice{font-size:11px}.route-assessment>div{gap:30px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:40px}summary{font-size:17px;gap:20px}details p{font-size:15px;margin-right:20px}.lead{font-size:21px}.approach>div>p:not(.lead):not(.eyebrow){font-size:16px}.footer{margin:10px;padding:40px 25px 22px;border-radius:18px}.footer-top{gap:0;position:relative}.footer h2{font-size:37px;position:relative;z-index:1}.footer .email{font-size:17px;position:relative;z-index:1}.footer-symbol{position:absolute;width:120px;height:150px;right:-8px;top:0;opacity:.12}.footer-actions{margin-top:24px}.big-word{padding-top:35px;font-size:15.5vw}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:10px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom>a{margin-left:auto}.inner-page main{padding-top:117px}.page-intro{padding-block:30px 45px}.page-intro h1{font-size:53px}.page-intro>div{gap:24px}.page-intro>div>p{font-size:18px}.info-card{padding:27px;min-height:250px;gap:42px}.contact-process>h2{font-size:38px}.contact-direct{grid-template-columns:1fr;gap:0;padding-block:60px 25px}.contact-direct h2{margin-bottom:28px}.contact-direct>div>p:not(.eyebrow){font-size:17px}.dark-email{font-size:24px}.company-art{height:340px}.company-statement{gap:35px}.company-statement h2{font-size:35px}.company-statement p:not(.eyebrow){font-size:16px}.faq-full{margin-bottom:60px}.faq-full summary{font-size:18px}.prototype-footnote{padding-block:25px 45px;font-size:13px;text-align:left}html[lang=zh-Hant] .hero h1{font-size:58px}html[lang=zh-Hant] .hero{min-height:885px}html[lang=zh-Hant] h2{font-size:35px}.search-dialog{margin-top:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
