@charset "UTF-8"; :root{--ink:#092a2c;--dark:#071e23;--dark2:#0c2a2f;--cream:#f3f8f8;--lime:#77d8c1;--muted:#62716e;--line:rgba(12,46,47,.17);--green:#008d78;--blue:#006896;--space:clamp(24px,6vw,110px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid #53bacc}button{border:0;background:none}img{max-width:100%;height:auto}p{line-height:1.9}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(32px,3.6vw,54px);letter-spacing:-1.4px;line-height:1.35}h3{font-size:25px;line-height:1.4}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.header{height:100px;padding:0 var(--space);display:flex;gap:30px;align-items:center;background:var(--dark);color:#e5eeeb;position:relative;z-index:20;border-bottom:1px solid #ffffff15}.brand{display:block;flex-shrink:0;width:203px;background:white;padding:8px 10px;border-radius:2px;line-height:0}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.desktop-nav a{position:relative;white-space:nowrap}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--lime);transition:.3s}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:20px}.language{font-size:12px;letter-spacing:1px;border-right:1px solid #ffffff25;padding:8px 18px 8px 0}.contact-link{font-size:13px;white-space:nowrap}.menu-toggle{display:none}.mobile-nav{background:var(--dark);color:white;position:absolute;left:0;right:0;z-index:19;padding:24px;box-shadow:0 20px 35px #0003}.mobile-nav a{display:block;padding:14px;border-bottom:1px solid #ffffff22}.hero{min-height:730px;height:calc(100svh - 100px);max-height:1000px;position:relative;overflow:hidden;background:var(--dark);color:var(--cream)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#c1e4d207 1px,transparent 1px),linear-gradient(90deg,#c1e4d207 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(to right,transparent 20%,#000)}.hero-content{position:relative;z-index:3;padding:clamp(100px,11vh,150px) 0 90px var(--space);width:60%;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#bbd2cc;display:flex;align-items:center;gap:10px;margin-bottom:42px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #daefa788}h1{font-size:clamp(44px,4.7vw,76px);line-height:1.32;letter-spacing:-2px;margin-bottom:29px;white-space:nowrap}h1 em{font-style:normal;color:var(--lime)}.hero-description{font-size:22.5px;color:#a9c0bc;line-height:2;margin-bottom:32px}.hero-buttons{display:flex;gap:28px;align-items:center}.button{display:inline-flex;gap:42px;align-items:center;justify-content:space-between;padding:18px 25px;font-size:13px;transition:background .25s,transform .25s;min-height:52px;border-radius:2px}.button:hover{transform:translateY(-3px)}.button.lime{background:var(--lime);color:#16322e}.button.lime:hover{background:#a2eddd}.button>span:last-child{font-size:21px;line-height:1}.text-button{display:inline-flex;gap:20px;align-items:center;font-size:13px;padding:12px 0;border-bottom:1px solid #ffffff45}.text-button:hover{color:var(--lime)}.hero-fields{display:flex;gap:17px;align-items:center;margin-top:48px;font-size:11px;color:#839e98;letter-spacing:1px}.hero-fields i{height:12px;width:1px;background:#ffffff30}.hero-art{position:absolute;right:-1%;top:0;width:58%;height:92%;z-index:1;background:radial-gradient(ellipse at 55% 42%,#24896e19,transparent 59%)}#nature-canvas{position:absolute;inset:0;width:100%;height:100%}.art-orbit{position:absolute;width:66%;aspect-ratio:1;border:1px solid #91b7a816;border-radius:50%;left:17%;top:14%;pointer-events:none}.orbit-two{width:82%;left:9%;top:5%;border-style:dashed;opacity:.6}.art-label{position:absolute;z-index:2;display:flex;flex-direction:column;gap:10px;font-size:10px;letter-spacing:1.2px;color:#99b5aa}.art-label b{font-size:11px;letter-spacing:1px;color:#abdcd3;font-weight:400}.label-top{top:16%;right:14%;border-left:1px solid #99b5aa55;padding-left:16px}.label-bottom{bottom:14%;left:26%;border-left:1px solid #99b5aa55;padding-left:16px}.art-caption{position:absolute;bottom:2%;right:16%;font-size:8px;letter-spacing:3.3px;color:#829e9255}#motion-toggle{position:absolute;right:12%;bottom:8%;border:1px solid #ffffff30;border-radius:50%;height:34px;width:34px;font-size:12px;color:#bbc9c1}.hero-bottom{position:absolute;bottom:0;left:var(--space);right:var(--space);height:64px;border-top:1px solid #ffffff1e;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;color:#819b95;z-index:5}.hero-bottom a{color:#cad3cb;font-size:9px}.hero-bottom a span{margin-left:25px;font-size:18px}.section{padding:90px var(--space)}.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:1.7px;margin-bottom:56px;color:#68817a}.section-kicker>span:last-child{letter-spacing:1px}.intro{padding-top:80px;padding-bottom:78px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro-grid h2{font-size:clamp(32px,3.6vw,54px)}.intro-grid p{font-size:21px;color:#5e716b}.intro-grid .lead{font-size:21px;color:var(--ink);line-height:1.7}.intro-grid .vision{font-size:19.5px;color:#137c64;margin-top:24px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px;border-top:1px solid var(--line);padding-top:35px}.principles article{position:relative;padding-left:38px}.principle-number{position:absolute;left:0;top:7px;font-size:10px;color:#84998f}.principles h3{font-size:18px;margin-bottom:15px}.principles p{font-size:18px;color:#718077;margin-bottom:0;max-width:280px}.platform{background:#e6f0f2;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:19.5px;color:#698079;margin-bottom:3px}.mini-pill{border:1px solid #9cafa355;padding:6px 10px;font-size:9px;letter-spacing:.5px!important}.platform-layout{display:grid;grid-template-columns:270px 1fr;border:1px solid #c4cfc5;background:#f6fafb;min-height:480px}.stage-list{display:flex;flex-direction:column;border-right:1px solid #c4cfc5}.stage-tab{display:flex;align-items:center;gap:17px;text-align:left;padding:20px 25px;border-bottom:1px solid #d9e0d7;font-size:13px;min-height:60px}.stage-tab:last-child{border-bottom:0}.stage-tab span:first-child{font-size:10px;color:#859487}.stage-tab .stage-arrow{margin-left:auto}.stage-tab[aria-selected=true]{background:var(--dark);color:var(--lime)}.stage-tab[aria-selected=true] span:first-child{color:#a2b492}.stage-tab:hover:not([aria-selected=true]){background:#e4f3f1}.stage-panel{padding:40px 45px;position:relative;overflow:hidden}.stage-panel .panel-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#658270;margin-bottom:28px}.stage-panel h3{font-size:30px;line-height:1.35;margin-bottom:18px;position:relative;z-index:1}.stage-panel .stage-description{font-size:21px;color:#607669;max-width:560px;position:relative;z-index:1}.stage-info{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #cfdbce;padding-top:24px;margin-top:26px}.stage-info h4{font-weight:500;font-size:11px;letter-spacing:1px;margin:0 0 12px;color:#59745e}.stage-info p{font-size:18px;line-height:1.9;margin:0;color:#324f3c}.panel-keywords{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.panel-keywords span{font-size:9px;letter-spacing:1px;color:#647e5e;border:1px solid #ccdac2;padding:6px 10px}.loop-line{display:flex;align-items:center;gap:12px;border-top:1px solid #c6d3c1;margin-top:25px;padding-top:23px}.loop-icon{font-size:23px;color:#819675}.loop-line p{font-size:16.5px;line-height:1.8;color:#65745e;margin:0}.loop-line a{margin-left:auto;font-size:11px;white-space:nowrap}.science-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.science-card{background:#fff;border:1px solid #dce4d9;overflow:hidden}.science-art{height:270px;position:relative;overflow:hidden}.botanical-art{background:radial-gradient(ellipse at 52% 55%,#6a8e6744,transparent 75%),#183d31}.science-art>span{position:absolute;font-size:11px;line-height:1.5;letter-spacing:3px;left:28px;bottom:25px;color:#ccdabd66}.leaf{width:170px;height:95px;position:absolute;border-radius:0 100% 0 100%;border:1px solid #79ccbf66;background:repeating-linear-gradient(25deg,transparent 0 7px,#84c5c430 8px 9px),linear-gradient(145deg,#62ccb522,#597e6244);box-shadow:inset 0 0 30px #66b7b833}.leaf:after{content:"";position:absolute;height:1px;background:#80d8c855;width:100%;top:50%;transform:rotate(27deg)}.leaf-a{top:70px;left:30%;transform:rotate(-32deg)}.leaf-b{top:42px;left:47%;transform:rotate(-108deg);width:140px;height:85px}.leaf-c{top:128px;left:43%;transform:rotate(-3deg);width:140px;height:75px}.leaf-d{top:110px;left:26%;transform:rotate(-85deg);width:130px;height:78px}.molecular-art{background:radial-gradient(ellipse at 52% 45%,#00587d88,transparent 70%),#0a3045;color:#73adbe}.molecular-art svg{width:100%;height:100%;filter:drop-shadow(0 0 15px #73bbbe66)}.science-card-body{padding:35px 36px 22px}.small-label{font-size:9px;letter-spacing:1.8px;color:#738d7e}.science-card h3{margin:17px 0 19px;font-size:27px}.science-card p{font-size:19.5px;color:#698075;margin-bottom:24px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid #d4e0d3;padding:7px 10px;color:#637962;font-size:10px}.card-link{display:flex;justify-content:space-between;align-items:center;margin-top:28px;border-top:1px solid #d9e3d6;padding:20px 0 0;font-size:12px}.card-link span:last-child{font-size:21px}.section-note{color:#7e9083;font-size:16.5px;margin:22px 0 0}.partnership{background:var(--dark);color:var(--cream)}.partnership .section-kicker{color:#8ba99b}.partner-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-bottom:50px}.partner-heading p{font-size:21px;color:#96b0a4}.partner-heading h2{margin:0}.partner-models{display:grid;grid-template-columns:1fr 1fr;gap:70px}.partner-models article{border-top:1px solid #c3dac533;padding-top:24px}.model-top{display:flex;justify-content:space-between;align-items:center;color:#92c8c2;font-size:9px;letter-spacing:1.8px}.model-symbol{font-size:36px;color:var(--lime)}.partner-models h3{font-size:30px;margin:22px 0}.partner-models p{font-size:19.5px;color:#8ca69a;max-width:460px}.partner-models ul{list-style:none;padding:0;margin:28px 0;font-size:18px;color:#becdbf}.partner-models li{padding:12px 0;border-top:1px solid #ffffff12}.partner-models li:before{content:"+";margin-right:18px;color:#65bfae}.partner-models .text-button{color:var(--lime);border-color:#7ac7c455;gap:45px}.perspectives{padding-bottom:95px}.perspective-list a{display:grid;grid-template-columns:240px 1fr 30px;gap:25px;align-items:center;border-top:1px solid var(--line);padding:28px 0;transition:padding .25s}.perspective-list a:last-child{border-bottom:1px solid var(--line)}.perspective-list a:hover{padding-left:15px}.perspective-list span{font-size:9px;letter-spacing:1.5px;color:#6c8273}.perspective-list h3{margin:0;font-size:23px}.perspective-list b{font-weight:400;font-size:25px}.closing{background:#d5eeea;position:relative;overflow:hidden;padding:85px var(--space) 115px}.closing h2{font-size:clamp(32px,4.4vw,64px);margin:26px 0 35px;position:relative;z-index:1}.closing .button{background:var(--ink);color:var(--lime);position:relative;z-index:1}.closing .button:hover{background:#18483b}.closing-word{position:absolute;font-size:clamp(100px,19vw,320px);font-weight:500;letter-spacing:-10px;color:#2844210a;right:-10px;bottom:-35px;line-height:1}.footer{padding:50px var(--space) 25px;background:#06191e;color:#afc2b9}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start;margin-bottom:65px}.footer-top p{font-size:18px;color:#91aa9e}.footer-top>div{display:flex;gap:25px;justify-content:flex-end;align-items:center;font-size:10px}.footer-top button{padding:0;white-space:nowrap}.footer-bottom{display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:9px;color:#718e82;border-top:1px solid #ffffff17;padding-top:25px;letter-spacing:.5px}.footer-bottom a{margin-left:auto}dialog{width:600px;max-width:calc(100% - 32px);max-height:90svh;overflow-y:auto;padding:48px;border:1px solid #ced9c9;background:var(--cream);color:var(--ink);border-radius:4px}dialog::backdrop{background:#031417bc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:14px;right:20px;font-size:30px;color:#657565}.dialog-close:hover{color:#000}dialog h2{font-size:34px;margin:22px 0 17px}dialog>p{font-size:18px;color:#70816c}form label{display:flex;flex-direction:column;gap:9px;font-size:11px;margin-bottom:16px}form input,form textarea,form select{width:100%;border:1px solid #c9d5c6;border-radius:2px;background:#fff;color:var(--ink);padding:12px;font-size:14px}form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:15px;color:#73816c;line-height:1.8}.form-note a{text-decoration:underline}form .button{width:100%}#form-status{font-size:16.5px;color:#166a52;margin:15px 0 0}.detail-hero{padding:85px var(--space);background:var(--dark);color:var(--cream)}.detail-hero h1{white-space:normal;max-width:1000px;font-size:clamp(36px,5vw,68px);margin:25px 0}.detail-hero p{max-width:750px;color:#a2b8ad;font-size:22.5px}.detail-hero .small-label{color:#8bdacb}.detail-body{max-width:1250px;margin:auto;padding:70px var(--space)}.detail-body section{margin-bottom:70px;scroll-margin-top:30px}.detail-body h2{font-size:32px}.detail-body p{font-size:22.5px;color:#587062}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-grid article{padding:30px;border:1px solid #cddaca}.detail-grid h3{font-size:22px}.detail-grid p{font-size:19.5px}.detail-table{border-collapse:collapse;width:100%;font-size:18px}.detail-table th,.detail-table td{padding:17px 14px;border-bottom:1px solid #cbd7c6;text-align:left;line-height:1.8;vertical-align:top}.detail-table th{background:#dfedef;white-space:nowrap}.detail-table td:first-child{white-space:nowrap}.table-scroll{overflow-x:auto}.back-link{font-size:12px;border-bottom:1px solid #8ba48f;padding-bottom:7px}.detail-body .note{background:#e5f2f1;padding:20px;font-size:18px;line-height:1.9;color:#536849}html[lang=en] h1{font-size:clamp(42px,5vw,73px);letter-spacing:-2.5px}html[lang=en] .hero-content{width:62%}html[lang=en] .hero-description{font-size:21px}html[lang=en] h2{font-size:clamp(30px,3.4vw,51px)}html[lang=en] .desktop-nav{gap:24px}html[lang=en] .stage-tab{font-size:12px}html[lang=en] .hero-fields{font-size:10px;letter-spacing:0}html[lang=en] .principles h3{font-size:17px} @media(min-width:1600px){.hero{min-height:800px}.hero-content{padding-top:150px}.hero-art{right:1%;width:55%}.header{height:110px}} @media(max-width:1150px){.desktop-nav{gap:17px;font-size:12px}.header{gap:18px}.brand{width:175px}.header-actions{gap:13px}.contact-link{display:none}.hero-content{width:64%}.hero-art{right:-7%;width:64%;opacity:.85}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:clamp(40px,5.2vw,61px)}.hero-description{font-size:19.5px}.stage-panel{padding:32px}.platform-layout{grid-template-columns:225px 1fr}.stage-tab{padding:20px}.stage-info{gap:20px}.perspective-list a{grid-template-columns:200px 1fr 25px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div{grid-column:1/-1;justify-content:flex-start}.section-heading{gap:30px}.hero{min-height:690px}.hero-fields{font-size:10px}.hero-bottom>span:nth-child(2){display:none}} @media(max-width:900px){:root{--space:24px}html{scroll-padding-top:20px}.header{height:80px;padding:0 24px;justify-content:space-between}.brand{width:165px;padding:6px 8px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:9px}.menu-toggle span{width:19px;height:1px;background:#d8e5da}.header-actions{gap:10px}.language{padding-right:14px}.hero{height:auto;min-height:940px;max-height:none}.hero-content{width:100%;padding:53px var(--space) 0}.eyebrow{margin-bottom:26px;font-size:8px;letter-spacing:1.6px}h1{font-size:clamp(33px,8vw,54px);line-height:1.4;letter-spacing:-1.8px;margin-bottom:24px}.hero-description{font-size:18px;line-height:1.9}.hero-buttons{gap:20px}.button{padding:16px 20px;gap:25px;font-size:12px}.text-button{font-size:11px;gap:10px}.hero-fields{margin-top:25px;gap:10px;font-size:9px}.hero-art{width:100%;right:0;top:390px;height:490px;opacity:1}.label-top{right:8%;top:14%}.label-bottom{left:10%;bottom:12%}.art-label{font-size:8px}.art-label b{font-size:9px}.art-caption{font-size:7px;letter-spacing:2px;right:20%}.hero-bottom{height:55px;font-size:8px;letter-spacing:1px}.hero-bottom a{font-size:7px;letter-spacing:1px}.hero-bottom a span{margin-left:12px}.section{padding:60px var(--space)}.section-kicker{margin-bottom:34px;font-size:8px;letter-spacing:1.3px;align-items:flex-start}.section-kicker>span:last-child{font-size:8px;text-align:right;max-width:45%;line-height:1.6}.intro-grid{grid-template-columns:1fr;gap:15px}.intro-grid .lead{font-size:18px}.intro-grid p{font-size:19.5px}.intro-grid h2{font-size:36px;margin-bottom:15px}.principles{grid-template-columns:1fr;gap:28px;margin-top:30px}.principles article{padding-left:35px}.principles p{max-width:100%;font-size:18px}.principles h3{margin-bottom:10px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:35px}.section-heading p{margin-top:25px;font-size:18px}.platform-layout{grid-template-columns:1fr}.stage-list{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #c4cfc5}.stage-tab{flex:0 0 auto;min-height:65px;padding:15px;gap:8px;font-size:12px;border-bottom:0;border-right:1px solid #d9e0d7}.stage-arrow{display:none}.stage-panel{padding:28px 22px;min-height:460px}.stage-panel h3{font-size:27px}.stage-panel .stage-description{font-size:18px}.stage-info{gap:20px}.stage-info p{font-size:16.5px}.loop-line{flex-wrap:wrap}.loop-line p{flex:1;font-size:15px}.loop-line a{margin-left:35px;font-size:10px}.science-cards{grid-template-columns:1fr;gap:22px}.science-art{height:230px}.science-card-body{padding:28px 24px 22px}.science-card h3{font-size:25px}.science-card p{font-size:18px}.small-label{font-size:8px}.section-note{font-size:13.5px}.partner-heading{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.partner-heading h2{font-size:36px}.partner-heading p{font-size:18px}.partner-models{grid-template-columns:1fr;gap:48px}.partner-models h3{font-size:27px;margin:20px 0}.partner-models p{font-size:18px}.perspective-list a{grid-template-columns:1fr 25px;gap:16px;padding:24px 0}.perspective-list span{grid-column:1/-1;font-size:8px}.perspective-list h3{font-size:19px}.closing{padding:60px var(--space) 95px}.closing h2{font-size:38px}.closing .small-label{font-size:7px;letter-spacing:1.1px}.closing-word{font-size:100px;bottom:-4px;letter-spacing:-4px}.footer{padding:40px var(--space) 25px}.footer-top{grid-template-columns:1fr;gap:25px;margin-bottom:36px}.footer-top>div{grid-column:auto;justify-content:flex-start}.footer-top p{margin-bottom:0;font-size:16.5px}.footer-bottom{gap:15px;flex-wrap:wrap;font-size:8px}.footer-bottom a{margin-left:0}dialog{padding:35px 24px}dialog h2{font-size:29px}.form-row{gap:10px}.detail-hero{padding:60px var(--space)}.detail-hero h1{font-size:35px;letter-spacing:-1px}.detail-body{padding:50px var(--space)}.detail-body h2{font-size:28px}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-table{min-width:650px}.detail-body p{font-size:19.5px}html[lang=en] h1{font-size:clamp(34px,8.5vw,53px);letter-spacing:-1.8px}html[lang=en] .hero-content{width:100%}html[lang=en] .hero-description{font-size:18px}html[lang=en] .hero-fields{font-size:8px}html[lang=en] .hero-art{top:395px}html[lang=en] .hero{min-height:965px}html[lang=en] h2{font-size:33px}html[lang=en] .hero-buttons{gap:15px}html[lang=en] .hero-buttons .button{font-size:11px;gap:12px}html[lang=en] .hero-buttons .text-button{font-size:10px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-art .art-orbit{transform:none!important}}@media print{.header,.footer,.hero-art,.hero-grid,.hero-bottom,dialog,.closing,.button,.text-button{display:none!important}.hero{height:auto;min-height:0;background:white;color:#123;padding:30px}.hero-content{padding:0;width:100%}h1{font-size:32px!important;white-space:normal}.section{padding:30px 0;break-inside:avoid}.platform-layout{display:block}.stage-list{display:none}.stage-panel{padding:20px}.section-heading{display:block}.science-art{display:none}.partnership{background:white;color:#123}a{text-decoration:underline}} /* Blue-green identity and concrete research work packages */ .hero-art{background:radial-gradient(ellipse at 55% 42%,#008e9225,transparent 65%)}.button.lime{background:linear-gradient(110deg,#78dabb,#61c6d2);color:#06393d}.button.lime:hover{background:linear-gradient(110deg,#a0ebd8,#8edbe4)}h1 em{color:#70d6c3}.solutions{background:#f7fafb}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution-card{padding:30px 26px 23px;background:white;border:1px solid #d5e6e7;position:relative;transition:transform .3s,border-color .3s}.solution-card:hover{transform:translateY(-5px);border-color:#77bfc4}.solution-card h3{font-size:22px;margin:22px 0 12px}.solution-card p{font-size:18px;color:#67828a;line-height:1.85}.solution-card .solution-question{font-size:21px;color:#147786;margin-bottom:22px}.solution-icon{height:75px;position:relative;color:#2da7a2;margin-bottom:20px}.herb-icon i{position:absolute;border:1px solid currentColor;border-radius:0 100% 0 100%;width:42px;height:27px;top:24px;left:15px;transform:rotate(-35deg);background:#1aa89712}.herb-icon i:nth-child(2){left:48px;top:5px;transform:rotate(-95deg)}.herb-icon i:nth-child(3){left:52px;top:36px;transform:rotate(5deg)}.formula-icon i{position:absolute;width:39px;height:39px;border:1px solid currentColor;transform:rotate(45deg);top:10px;left:15px}.formula-icon i:nth-child(2){left:49px}.formula-icon i:nth-child(3){top:38px;left:32px;width:30px;height:30px}.formula-icon i:nth-child(4){width:6px;height:6px;left:43px;top:25px;background:#259c9c}.molecule-icon i{position:absolute;border:1px solid currentColor;width:40px;height:40px;border-radius:50%;left:19px;top:10px}.molecule-icon i:nth-child(2){left:53px;top:28px;width:28px;height:28px}.molecule-icon i:nth-child(3){left:3px;top:48px;width:12px;height:12px;background:#69c5bc}.molecule-icon:after{content:"";position:absolute;width:70px;height:1px;background:currentColor;top:46px;left:8px;transform:rotate(-32deg)}.deliverable{border-top:1px solid #d6e6e5;padding-top:18px;margin-top:24px}.deliverable>span{font-size:9px;color:#137b91;letter-spacing:1px}.deliverable p{font-size:15px;color:#416570;margin:10px 0 0}.solution-card .card-link{font-size:11px;margin-top:22px}.solution-foot{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:23px;font-size:15px;line-height:1.8;color:#749098}.solution-foot a{white-space:nowrap;color:#167185}.outcomes{background:#e7f1f3}.outcome-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.outcome-grid>div>p{font-size:21px;color:#587883;max-width:400px}.outcome-grid .text-button{color:#137b83;border-color:#6fa9b0}.outcome-list article{display:flex;gap:30px;padding:24px 0;border-top:1px solid #bfd7db}.outcome-list article>span{font-size:10px;color:#449caa;padding-top:5px}.outcome-list h3{font-size:19px;margin-bottom:10px}.outcome-list p{font-size:18px;color:#69838c;margin:0}.intro{padding-top:65px;padding-bottom:65px}.intro .principles{display:none}.package-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:24px 0}.package-meta>div{background:#e9f3f4;padding:24px}.package-meta h3{font-size:18px}.package-meta p{font-size:19.5px;margin:0}.package-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.package-steps article{border-top:2px solid #399caf;padding:18px 0}.package-steps h3{font-size:16px}.package-steps p{font-size:18px}.source-link{font-size:16.5px;line-height:1.8;color:#57818f}.source-link a{text-decoration:underline}.package-cta{display:inline-flex;margin-top:18px;padding:14px 20px;background:#0d627b;color:white;font-size:12px}.evidence-item{padding:28px 0;border-top:1px solid #c3d9dd}.evidence-item .source-link{font-size:19.5px}.evidence-type{font-size:9px;color:#1b778c;text-transform:uppercase;letter-spacing:1px}.evidence-item h3{font-size:22px;margin:16px 0}.closing .button{background:#006c88;color:white}.closing .button:hover{background:#008b94}html[lang=en] .hero h1{font-size:clamp(37px,4.3vw,65px)}@media(max-width:1000px){.solution-grid{gap:14px}.solution-card{padding:24px 20px}.solution-card h3{font-size:20px}.outcome-grid{gap:45px}}@media(max-width:900px){.solution-grid,.outcome-grid,.package-meta,.package-steps{grid-template-columns:1fr}.solution-card{padding:25px}.solution-icon{float:right;width:100px;margin:0;height:55px}.solution-card .small-label{display:block;margin-top:12px;max-width:65%;font-size:7px}.solution-card h3{clear:both;padding-top:8px;font-size:25px}.solution-card .solution-question{font-size:21px}.solution-card p{font-size:19.5px}.deliverable p{font-size:16.5px}.solution-foot{display:block;font-size:13.5px}.solution-foot a{display:block;margin-top:12px}.outcome-grid{gap:28px}.outcome-grid>div>p{font-size:19.5px}.outcome-list article{gap:20px}.outcome-list h3{font-size:18px}.hero-content h1{font-size:clamp(31px,7.8vw,54px)}html[lang=en] .hero h1{font-size:clamp(32px,7.7vw,52px)}.hero-fields{letter-spacing:0}.package-meta{gap:12px}.package-steps{gap:10px}.evidence-item h3{font-size:19px}} /* Global partnership pathways */ .global-tracks{background:#f0f8f8;padding-top:60px;padding-bottom:65px}.global-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.global-grid article+article{border-left:1px solid #c8dbdd;padding-left:60px}.global-grid h2{font-size:clamp(28px,3vw,44px);line-height:1.35;margin:22px 0}.global-grid p{font-size:21px;line-height:1.95;max-width:550px;color:#48646b}.track-line{font-size:10px;letter-spacing:1px;color:#167e8e;margin:27px 0}.global-grid .card-link{font-size:12px;padding:18px 0}.detail-body{max-width:1120px}.detail-body>section{scroll-margin-top:100px}.detail-body h2{line-height:1.4}.detail-body p{max-width:900px}.detail-body ul{padding-left:20px;line-height:2;color:#4b646c}.detail-body .package-meta p{font-size:21px}.detail-body .package-meta strong{display:block;color:#0b687b;margin-bottom:10px}.detail-body .package-steps p{font-size:19.5px}.detail-body .package-steps h3{font-size:19px}.evidence-strip{border-left:3px solid #008ca0;background:#eaf5f5;padding:18px 24px;margin-top:25px;font-size:18px;line-height:1.8}.detail-body .evidence-strip p{font-size:18px;margin:0}.detail-body .source-link{font-size:18px}.detail-body a:not(.button){text-underline-offset:4px}.page-nav{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 40px}.page-nav a{border:1px solid #aacbd1;border-radius:40px;padding:10px 18px;font-size:12px}.evidence-map{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0;background:#073943;color:#fff}.evidence-map>div{padding:26px;border-right:1px solid #32616b}.evidence-map strong{display:block;font-size:17px;margin-top:14px}.evidence-map span{font-size:10px;color:#85d7db}.evidence-map p{font-size:18px!important;color:#bad5d9}.detail-body section{padding-top:30px;padding-bottom:32px}.detail-hero{background:radial-gradient(ellipse at 85% 60%,#105360 0,transparent 48%),#071e23}.detail-hero h1{max-width:1000px}.detail-hero p{max-width:850px}.hero h1{letter-spacing:-2px}html[lang=en] .hero h1{font-size:clamp(32px,4vw,61px)} @media(max-width:900px){.global-grid{grid-template-columns:1fr;gap:36px}.global-grid article+article{border-left:0;border-top:1px solid #c8dbdd;padding-left:0;padding-top:34px}.global-grid h2{font-size:30px}.global-grid p{font-size:19.5px}.global-tracks{padding-top:40px;padding-bottom:40px}.evidence-map{grid-template-columns:1fr 1fr}.evidence-map>div{padding:19px}.detail-body .package-meta p{font-size:19.5px}.detail-hero h1{font-size:36px}html[lang=en] .hero h1{font-size:clamp(30px,7.2vw,50px)}} /* Revision 2: blue corporate identity and transparent PNG treatment. */ :root{--ink:#143c6b;--dark:#135bc1;--dark2:#176dcc;--cream:#f5f9ff;--lime:#aff3ee;--muted:#5c7599;--line:#cfdef0;--green:#00a8b0;--blue:#1167cd} body{background:#f6faff;color:#163d6a}.header{background:#125bbc;color:white;height:96px;gap:22px}.brand{background:transparent;padding:0;border-radius:0;width:225px;height:56px;overflow:hidden;display:flex;align-items:center}.brand img{width:100%;height:auto;flex:none;filter:brightness(0) invert(1)}.desktop-nav{gap:23px;font-size:12px}.header-actions{gap:15px}.language{min-width:43px;letter-spacing:0}.hero{background:linear-gradient(118deg,#1555b5 0%,#1674d6 68%,#1b93cf 100%);min-height:710px}.hero-art{background:radial-gradient(ellipse at 55% 42%,#62d9fa33,transparent 62%)}.eyebrow,.hero-description,.hero-fields,.art-label,.art-label b,.hero-bottom{color:#e0efff}.hero-fields{font-size:10px;letter-spacing:.2px}.hero h1 em{color:#b7f9ef}.hero .button.lime{background:white;color:#125dc0}.hero .text-button{color:white}.status-dot{background:#b0fff0}.art-caption{color:#bce6ff90}.mobile-nav{background:#135fc2}.global-tracks{background:linear-gradient(125deg,#eaf4ff,#e8f9f8)}.global-grid p,.solution-card p,.outcome-list p,.outcome-grid>div>p{color:#506d90}.global-grid article+article{border-color:#c2ddeb}.track-line,.small-label,.section-kicker{color:#1f78ae}.global-grid .small-label{color:#1675c7}.solutions{background:#f7faff}.solution-card{background:white;border-color:#d5e4f4}.deliverable{border-color:#d9e9f5}.solution-question{color:#1264b3!important}.outcomes{background:linear-gradient(115deg,#e0eeff,#d9f5f2)}.intro{background:white}.platform{background:#e8f2ff}.platform-layout{border-color:#c8def5;background:#f9fcff}.stage-tab{border-color:#d1e1f3}.stage-tab[aria-selected=true]{background:linear-gradient(100deg,#1369d3,#00a7b4);color:white}.stage-panel{background:#f8fbff}.stage-panel h3{color:#175cb0}.stage-info{border-color:#d6e5f6}.loop-line{border-color:#c7ddef}.science{background:#f7fbff}.science-card{border-color:#cfe2f2}.botanical-art{background:linear-gradient(125deg,#1573cc,#00b0b6);color:#e2ffff}.molecular-art{background:linear-gradient(120deg,#e6f1ff,#bddcfa);color:#166dc2}.partnership{background:linear-gradient(115deg,#1469cc 0%,#1282c4 55%,#09a3ad 100%);color:white}.partnership .section-kicker,.partner-heading p,.partner-models p,.partner-models ul{color:#e4f5ff}.partner-models .text-button{color:white}.partner-models li:before{color:#bbfff2}.perspectives{background:white}.closing{background:linear-gradient(110deg,#e0edff,#d8f7f1);color:#1459a8}.closing .button{background:#176acf;color:white}.closing-word{color:#1863bc10}.footer{background:#104da6;color:#e0efff}.footer-top{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:35px}.footer-top>div{display:block;font-size:12px}.footer-top>div:first-child p{margin-top:20px;max-width:280px}.footer-top p,.footer-bottom{color:#c2ddf8}.footer-col h3{font-size:12px;font-weight:600;margin:9px 0 22px;color:white}.footer-col a{display:block;margin-bottom:14px;font-size:11px;color:#d8eafa}.footer-col a:hover{color:white;text-decoration:underline}.detail-hero{background:linear-gradient(120deg,#1358bb,#1b83d4 65%,#12a6b2);color:white}.detail-hero .small-label,.detail-hero p{color:#d9f0ff}.detail-body{color:#1c4777}.detail-body p,.detail-body ul{color:#557297}.detail-body h2{color:#175eb4}.package-meta>div{background:#eaf3ff}.package-meta strong,.package-meta h3{color:#1b67b8}.package-cta{background:linear-gradient(110deg,#166bd1,#099fb5);color:white!important}.evidence-map{background:linear-gradient(115deg,#1567c9,#0ba4b0)}.evidence-map p{color:#e2f5ff}.evidence-map span{color:#c6fff2}.evidence-strip{border-color:#209fcb;background:#e5f2fc}.corporate{background:white}.corporate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.corporate-grid>a{position:relative;min-height:230px;padding:26px;background:#edf5ff;border:1px solid #d4e6fa;transition:transform .2s}.corporate-grid>a:nth-child(even){background:linear-gradient(135deg,#e7f0ff,#dbf7f1)}.corporate-grid>a:hover{transform:translateY(-5px)}.corporate-grid span{font-size:9px;color:#3275b6;letter-spacing:1px}.corporate-grid h3{font-size:23px;margin-top:30px}.corporate-grid p{font-size:16.5px;color:#507796}.corporate-grid b{position:absolute;right:23px;bottom:20px;color:#0c76c1;font-weight:400}.timeline{border-left:2px solid #bdd8f5;padding-left:32px;margin:30px 0}.timeline article{position:relative;margin:28px 0}.timeline article:before{content:'';position:absolute;left:-39px;top:6px;width:12px;height:12px;border-radius:50%;background:#218adc}.timeline span{font-size:11px;letter-spacing:1px;color:#1982ba}.timeline h3{margin:12px 0}.logo-showcase{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.logo-showcase>div{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#eaf3ff;padding:24px}.logo-showcase>div:nth-child(2){background:linear-gradient(115deg,#1265cc,#00a6b2);color:white}.logo-showcase img{width:100%;max-width:430px}.logo-showcase>div:nth-child(2) img{filter:brightness(0) invert(1)}.logo-showcase span{font-size:11px}.contact-status{font-size:19.5px;background:#eaf4ff;padding:17px 22px;border-left:3px solid #2079cb} @media(max-width:1150px){.desktop-nav{gap:15px;font-size:11px}.header{gap:18px;padding-left:4%;padding-right:4%}.header .brand{width:185px}.header-actions{gap:10px}.contact-link{font-size:11px}.footer-top{gap:25px}.corporate-grid{grid-template-columns:1fr 1fr}} @media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}.header{height:78px}.header .brand{width:195px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div{grid-column:auto}} @media(max-width:900px){.header{padding:0 24px}.header .brand{width:180px;height:48px}.hero{min-height:920px}.hero-content{width:100%}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/-1}.footer .brand{width:220px}.footer-col h3{font-size:13px}.footer-col a{font-size:12px}.corporate-grid{gap:12px}.corporate-grid>a{padding:20px;min-height:220px}.corporate-grid h3{font-size:21px}.corporate-grid p{font-size:16.5px}.corporate-grid span{font-size:8px}.logo-showcase{grid-template-columns:1fr}.hero-fields{font-size:8px;gap:10px}.hero-description{color:#e1eeff}.global-grid p{color:#527499}.contact-link{display:none}} @media(prefers-reduced-motion:reduce){.corporate-grid>a{transition:none}} @media(max-width:900px){.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;width:40px;min-height:40px}.menu-toggle span{display:block;width:20px;height:2px;background:white}.header-actions{gap:8px}} /* Release 3: slightly deeper blue, consistent across home and detail pages. */ :root{--dark:#104b9e;--dark2:#155caa;--blue:#145daf} .header,.mobile-nav{background:#104b9e} .hero{background:linear-gradient(118deg,#124692 0%,#165ead 68%,#197bb1 100%)} .hero-art{background:radial-gradient(ellipse at 55% 42%,#56c3ec25,transparent 62%)} .detail-hero{background:linear-gradient(120deg,#124994,#196bb6 65%,#0d919e)} .partnership{background:linear-gradient(115deg,#1456a7 0%,#1472ad 55%,#078d99)} .footer{background:#103e83} /* Larger reading text: let illustrations follow content instead of overlapping it. */ .partner-models li{line-height:1.85} .detail-body ul,.detail-body ol{font-size:24px} @media(max-width:900px){.hero-art{position:relative;top:auto;right:auto;height:470px;margin-top:28px}.hero{padding-bottom:65px}.detail-body ul,.detail-body ol{font-size:24px}.corporate-grid>a{padding-bottom:48px}.stage-info{grid-template-columns:1fr;gap:20px}} @media(max-width:900px){html[lang=en] .hero-art{top:auto}} /* Four strategic pillars and four research entry points. */ .four-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px} .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:900px){.four-pillars,.solution-grid{grid-template-columns:minmax(0,1fr)}} /* Desktop navigation and hero annotations: 1.5 × their previous font sizes. */ @media screen and (min-width:901px){ .desktop-nav{font-size:18px} .language{font-size:18px} .contact-link{font-size:19.5px} .eyebrow{font-size:15px;line-height:1.6} .art-label{font-size:15px;line-height:1.5;max-width:80%} .art-label b{font-size:16.5px} } @media screen and (min-width:901px) and (max-width:1150px){ .desktop-nav{font-size:16.5px} .contact-link{font-size:16.5px} .eyebrow{font-size:12px} } /* Desktop footer column headings and links: 1.5 × previous sizes. */ @media screen and (min-width:901px){ .footer-col h3{font-size:18px;line-height:1.5} .footer-col a{font-size:16.5px;line-height:1.6} } /* Research stage labels at 1.5 × their previous sizes. */ .stage-tab{font-size:19.5px;line-height:1.5} html[lang=en] .stage-tab{font-size:18px} .stage-tab span:first-child{font-size:15px;flex-shrink:0} .stage-tab .stage-arrow{flex-shrink:0} @media(min-width:901px){.platform-layout{grid-template-columns:320px minmax(0,1fr)}} @media(max-width:900px){.stage-tab{font-size:18px}} /* Section labels and introductory captions: twice the previous font size. */ .section-kicker{font-size:20px;line-height:1.6;flex-wrap:wrap;gap:16px 32px} .section-kicker>span{min-width:0} .section-kicker>span:last-child{font-size:20px} @media(max-width:900px){ .section-kicker{font-size:16px;flex-direction:column;align-items:flex-start;gap:10px} .section-kicker>span:last-child{font-size:16px;text-align:left;max-width:100%} } /* Expanded corporate navigation and a persistent bilingual selector. */ .header{padding:0 clamp(24px,2.8vw,64px);gap:18px;height:106px} .header .brand{width:180px;min-width:160px;height:60px;flex-shrink:0} .desktop-nav{display:flex;gap:clamp(12px,1.2vw,24px);font-size:18px;white-space:nowrap;align-items:center} .desktop-nav a,.contact-link{padding:12px 0;line-height:1.4} .header-actions{gap:18px;flex-shrink:0} .header .contact-link{font-size:18px;white-space:nowrap;padding-left:18px} .language-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;background:#f0f5f2;border:1px solid #c1d5cc;border-radius:999px;overflow:hidden;flex-shrink:0} .language-switch .language{font-family:inherit;font-size:18px;padding:10px 14px;min-width:56px;line-height:1.4;color:#61796f;font-weight:500;border:0;border-radius:0;background:transparent;cursor:pointer;box-shadow:none} .language-switch .language[aria-current=true]{background:#007e65;color:#fff;font-weight:600;box-shadow:none} .language-switch .language:hover{background:#dfebe5;color:#294e40} .language-switch .language[aria-current=true]:hover{background:#006d57;color:#fff} .language-switch .language:focus-visible{outline:2px solid #89ddbd;outline-offset:-4px} .desktop-nav a:focus-visible{outline:2px solid #33b8d6;outline-offset:4px} .menu-toggle{display:none} .company-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:42px 0;padding:30px 0;border-block:1px solid #c8dbed} .company-facts strong{display:block;font-weight:500;color:#125eae;font-size:clamp(32px,3vw,46px);letter-spacing:-1px} .company-facts span{font-size:18px;color:#537294;display:block;margin-top:10px} .brand-story{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0} .brand-story h3{font-size:25px;line-height:1.5} .detail-body .brand-story p{font-size:21px;line-height:1.85} .timeline span{font-size:20px;letter-spacing:1px} .new-body{max-width:1480px;padding:65px clamp(24px,5vw,88px)} .new-body>section{padding-block:50px} .new-body h2{font-size:clamp(32px,3vw,48px);line-height:1.3;margin:18px 0 32px} .new-body p{font-size:23px;line-height:1.85;max-width:1040px} .new-body .small-label,.new-hero .small-label,.vmed-home .small-label{font-size:17px;line-height:1.6;letter-spacing:1.8px} .new-hero{position:relative;overflow:hidden;padding:82px clamp(24px,5vw,88px) 85px} .new-hero h1{font-size:clamp(38px,4.3vw,68px);line-height:1.22;letter-spacing:-1.5px;position:relative;z-index:1} .new-hero p{position:relative;z-index:1;font-size:25px;line-height:1.85} .page-vmed-os .new-hero h1,.page-vmed-os .new-hero p{max-width:65%} .vmed-orbit{width:370px;height:370px;position:absolute;right:5%;top:50%;transform:translateY(-50%);border:1px solid #bcfff64a;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#7bdded20,transparent 68%)} .vmed-orbit:before,.vmed-orbit:after{content:'';position:absolute;inset:35px;border:1px solid #bff7ff66;border-radius:50%;transform:rotate(-30deg) scaleY(.65)} .vmed-orbit:after{transform:rotate(45deg) scaleY(.65);inset:10px} .orbit-core{font-size:43px;line-height:1.2;letter-spacing:4px;color:#fff;text-align:center;z-index:1;font-weight:400} .orbit-core span{display:block;color:#c1fff4;font-size:26px;letter-spacing:12px;margin-top:10px;padding-left:10px} .vmed-orbit i{position:absolute;width:12px;height:12px;background:#bbfff4;box-shadow:0 0 24px #abfff9;border-radius:50%;top:50%;left:-6px} .vmed-orbit i:nth-of-type(2){top:12%;left:80%}.vmed-orbit i:nth-of-type(3){top:88%;left:80%} .vmed-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px 0} .vmed-cards article{padding:28px;background:white;border:1px solid #cfdfef;display:flex;flex-direction:column} .card-index{font-size:18px;letter-spacing:2px;color:#16839c;margin-bottom:20px;display:block} .vmed-cards h3,.loop-grid h3{font-size:25px;line-height:1.5;margin:0 0 20px} .new-body .vmed-cards p{font-size:21px;margin:0 0 25px;line-height:1.85} .card-output{border-top:1px solid #c5dbe9;padding-top:22px;margin-top:auto;font-size:19px;line-height:1.85;color:#166aaa} .loop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:linear-gradient(120deg,#174f99,#1371ac 60%,#088c9b);color:white;margin:38px 0} .loop-grid article{padding:30px 25px;border-right:1px solid #ffffff30} .loop-grid .card-index{color:#b0fff1} .new-body .loop-grid p{font-size:20px;color:#e0f3ff;line-height:1.8;margin-bottom:0} .domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px;margin-top:45px} .domain-grid article{display:flex;gap:25px;border-top:1px solid #bcd2e6;padding:30px 0} .domain-grid article>span{color:#198eae;font-size:18px;letter-spacing:2px;padding-top:5px;flex-shrink:0} .domain-grid h3{font-size:28px;line-height:1.35;margin:0 0 18px} .domain-grid h4{font-size:18px;font-weight:500;color:#168098;line-height:1.7;margin:0 0 14px} .new-body .domain-grid p{font-size:21px;line-height:1.85;margin:0} .vmed-callout{padding:45px;background:linear-gradient(125deg,#e1edff,#d9f5f2)} .vmed-callout .button,.science-partner-cta{background:#145dae;color:white;font-size:20px;gap:25px;margin-top:15px} .news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:35px} .news-grid article{background:white;border:1px solid #cbdfee;padding:35px;display:flex;flex-direction:column} .news-meta{font-size:17px;letter-spacing:1px;color:#177f9e;line-height:1.65;display:block} .news-grid h3,.insight-list h3{font-size:29px;line-height:1.55;margin:24px 0} .new-body .news-grid p{font-size:22px;line-height:1.85;margin:0 0 24px} .news-grid a{font-size:18px;line-height:1.6;color:#155fb0;margin-top:auto;padding-top:20px;border-top:1px solid #d3e1ec} .insight-list article{padding:38px 0;border-top:1px solid #bfd5e9} .insight-list h4{font-size:22px;margin:28px 0 12px;color:#176392} .insight-list .source-link{display:inline-block;font-size:18px;color:#185fa8;border-bottom:1px solid #83accb} .new-body .page-nav a{font-size:18px} .vmed-home{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;background:linear-gradient(130deg,#13539e,#156aab 60%,#0c8d9e);color:white} .vmed-home .small-label{color:#b8fff0}.vmed-home h2{font-size:clamp(30px,3.3vw,48px);line-height:1.35;margin:25px 0}.vmed-home p{font-size:24px;line-height:1.9;color:#dfedff}.vmed-home .text-button{color:white;font-size:20px;border-color:#a1cedd} .vmed-home-facts{display:flex;flex-direction:column;justify-content:center;gap:25px} .vmed-home-facts>div{display:flex;gap:25px;align-items:center;border-bottom:1px solid #ffffff35;padding:18px 0} .vmed-home-facts strong{font-size:50px;min-width:85px;line-height:1;color:#c4fff1;font-weight:400}.vmed-home-facts span{font-size:21px;line-height:1.7} .corporate-grid{grid-template-columns:repeat(3,minmax(0,1fr))} @media(min-width:1800px){.header{gap:26px}.header .brand{width:215px}.desktop-nav{gap:26px;font-size:20px}.header .contact-link,.language-switch .language{font-size:20px}} @media(max-width:1350px){.header{height:auto;min-height:96px;flex-wrap:wrap;padding-top:17px;padding-bottom:0;gap:15px 24px}.header .brand{order:0}.header-actions{order:1;margin-left:auto}.desktop-nav{order:2;width:100%;justify-content:space-between;font-size:18px;padding:0 0 10px;border-top:1px solid #ffffff25;margin:0}.header .contact-link{display:block}.menu-toggle{display:none}} @media(max-width:1000px){.vmed-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.loop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loop-grid article{border-bottom:1px solid #ffffff30}.brand-story{grid-template-columns:1fr;gap:15px}.vmed-orbit{width:270px;height:270px;right:4%}.page-vmed-os .new-hero h1,.page-vmed-os .new-hero p{max-width:64%}.vmed-home{gap:35px}} @media(max-width:900px){.header{height:86px;min-height:86px;padding:0 22px;flex-wrap:nowrap;gap:10px}.header .brand{width:170px;min-width:120px;height:50px}.header-actions{gap:10px}.desktop-nav{display:none}.header .contact-link{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px;width:36px;min-height:40px}.language-switch{gap:0;padding:0}.language-switch .language{font-size:17px;padding:9px 11px;min-width:50px}.mobile-nav a{font-size:20px;padding:12px 0}.new-hero{padding-top:55px;padding-bottom:55px}.new-hero h1{font-size:42px}.new-hero p{font-size:23px}.new-body{padding-top:25px;padding-bottom:30px}.new-body>section{padding-block:35px}.new-body p{font-size:22px}.new-body h2{font-size:34px}.domain-grid{column-gap:30px}.domain-grid h3{font-size:25px}.vmed-home{grid-template-columns:1fr}.vmed-home-facts{flex-direction:row;gap:20px}.vmed-home-facts>div{display:block;flex:1}.vmed-home-facts strong{display:block;font-size:40px;min-width:0;margin-bottom:15px}.vmed-home-facts span{font-size:18px}.corporate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.company-facts{grid-template-columns:1fr;gap:22px}.company-facts>div{display:flex;align-items:center;gap:25px}.company-facts strong{min-width:150px;font-size:32px}.company-facts span{font-size:17px;margin:0}.new-hero h1{font-size:37px}.page-vmed-os .new-hero h1,.page-vmed-os .new-hero p{max-width:100%}.vmed-orbit{position:relative;right:auto;top:auto;transform:none;width:230px;height:230px;margin:35px auto 0}.orbit-core{font-size:33px}.new-hero .small-label,.new-body .small-label,.vmed-home .small-label{font-size:15px;letter-spacing:1px}.vmed-cards,.loop-grid,.domain-grid,.news-grid{grid-template-columns:1fr}.vmed-cards article{padding:25px}.vmed-cards h3{font-size:25px}.domain-grid article{gap:18px;padding:28px 0}.vmed-callout{padding:27px}.new-body h2{font-size:32px}.news-grid article{padding:25px}.news-grid h3,.insight-list h3{font-size:27px}.loop-grid article{padding:25px}.vmed-home p{font-size:22px}.vmed-home .text-button{font-size:19px}.vmed-home-facts{gap:14px}.vmed-home-facts span{font-size:17px}.corporate-grid{grid-template-columns:1fr}.company-facts{margin:30px 0}} @media(max-width:370px){.header{padding:0 14px}.header .brand{width:135px}.header-actions{gap:5px}.language-switch .language{font-size:16px;padding:9px 10px;min-width:47px}.language-switch{gap:0}.company-facts>div{display:block}.company-facts span{margin-top:8px}} .header .brand{overflow:visible} /* Header identity follows the selected site language. */ .header .brand .brand-logo-en{display:block} .header .brand .brand-logo-zh{display:none} html[lang="zh-CN"] .header .brand .brand-logo-en{display:none} html[lang="zh-CN"] .header .brand .brand-logo-zh{display:block} /* Brand philosophy: the Junheng name and the Veritas ethos. */ .brand-story.brand-philosophy{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:48px} .brand-philosophy article+article{border-left:1px solid #c6dceb;padding-left:32px} .brand-philosophy h4{font-size:22px;line-height:1.5;color:#1b628e;margin:28px 0 12px;font-weight:500} .brand-philosophy h3{margin-bottom:24px} .brand-philosophy p{margin-top:0} @media(max-width:1000px){.brand-story.brand-philosophy{grid-template-columns:1fr;gap:28px}.brand-philosophy article+article{border-left:0;border-top:1px solid #c6dceb;padding:28px 0 0}} /* Research areas show category names only. */ .domain-grid.domain-names{margin-top:32px} .domain-names article{align-items:center;min-height:108px;padding:28px 0} .domain-names article>span{padding-top:0} .domain-names h3{margin:0;font-size:27px;line-height:1.5} @media(max-width:640px){.domain-names article{min-height:90px;padding:24px 0}.domain-names h3{font-size:24px}} /* Current navigation is visible without changing link widths. */ .desktop-nav a,.header-actions .contact-link,.mobile-nav a{position:relative;isolation:isolate} .desktop-nav a::before,.header-actions .contact-link::before,.mobile-nav a::before{content:'';position:absolute;inset:2px -8px;z-index:-1;border-radius:6px;background:transparent;pointer-events:none} .desktop-nav a[aria-current]::before,.header-actions .contact-link[aria-current]::before,.mobile-nav a[aria-current]::before{background:linear-gradient(115deg,#1977b9,#087f72);box-shadow:inset 0 0 0 1px #98f4e366} .desktop-nav a[aria-current],.header-actions .contact-link[aria-current],.mobile-nav a[aria-current]{color:#fff} .desktop-nav a:hover::before,.header-actions .contact-link:hover::before,.mobile-nav a:hover::before{background-color:#ffffff12} /* Compact platform wordmark, integrated with the existing hero background. */ .page-vmed-os .new-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(35px,5vw,78px);align-items:center} .page-vmed-os .vmed-hero-copy{min-width:0} .page-vmed-os .new-hero h1,.page-vmed-os .new-hero p{max-width:100%} .page-vmed-os .new-hero h1{font-size:clamp(38px,4vw,62px)} .vmed-wordmark{min-width:0;width:100%;max-width:560px;justify-self:center;padding:20px 0;background:none;border:0;box-shadow:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace} .vmed-wordmark-name{display:block;font-size:clamp(52px,5.6vw,86px);font-weight:700;line-height:1.15;letter-spacing:.09em;color:#e9fffb;background:linear-gradient(110deg,#fff 10%,#aaffeb 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap} .vmed-wordmark-tagline{display:block;margin-top:18px;font-size:clamp(16px,1.6vw,24px);line-height:1.6;letter-spacing:.14em;color:#c1e8f4;white-space:nowrap} @media(max-width:1100px){.page-vmed-os .new-hero{grid-template-columns:1fr;gap:25px}.vmed-wordmark{max-width:560px;justify-self:start;padding:16px 0 5px}.page-vmed-os .new-hero h1{font-size:44px}.vmed-wordmark-name{font-size:64px}.vmed-wordmark-tagline{font-size:21px}} @media(max-width:640px){.page-vmed-os .new-hero h1{font-size:37px}.vmed-wordmark-name{font-size:clamp(40px,10vw,58px);letter-spacing:.08em}.vmed-wordmark-tagline{font-size:clamp(13px,3.8vw,18px);letter-spacing:.1em;margin-top:13px}} /* Center the compact identity inside the restored orbital motif. */ .vmed-wordmark{position:relative;display:grid;place-items:center;aspect-ratio:6/5;padding:0;isolation:isolate;justify-self:center} .vmed-wordmark::before{content:'';position:absolute;inset:9%;background:radial-gradient(ellipse,#87f4ef16,transparent 70%);z-index:-1;pointer-events:none} .vmed-orbit-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0} .vmed-wordmark-text{position:relative;z-index:1;width:100%;text-align:center} .vmed-wordmark-tagline{letter-spacing:.12em} @media(max-width:1100px){.vmed-wordmark{justify-self:center;padding:0;max-width:560px}} @media(max-width:640px){.vmed-wordmark{padding:0}.vmed-wordmark-tagline{letter-spacing:.1em}} html[lang="zh-CN"] .hero-buttons [data-t]{font-size:1.5em} html[lang="zh-CN"] .hero-buttons{flex-wrap:wrap} /* Homepage: spacious type hierarchy and three corresponding themes. */ .hero .eyebrow{gap:14px;letter-spacing:2px} .hero .eyebrow .status-dot{flex:0 0 6px} .hero .label-medicine{bottom:3%;right:12%;border-left:1px solid #99b5aa55;padding-left:16px} .hero .label-bottom{bottom:22%;left:20%} .hero #motion-toggle{right:7%;bottom:16%} @media screen and (min-width:901px){ .hero-content,html[lang=en] .hero-content{width:59%;padding-top:clamp(90px,10vh,140px);padding-bottom:75px} .hero .eyebrow{margin-bottom:42px} .hero h1,html[lang=en] .hero h1{font-size:clamp(40px,4.1vw,68px);line-height:1.5;margin-bottom:36px;letter-spacing:-1.3px} .hero-description,html[lang=en] .hero-description{font-size:21px;line-height:1.9;margin-bottom:42px} .hero-buttons,html[lang=en] .hero-buttons{gap:32px} .hero-art{height:94%} } @media screen and (max-width:900px){ .hero .eyebrow{gap:10px;font-size:clamp(8px,2.1vw,12px);letter-spacing:1.2px;margin-bottom:34px} .hero .eyebrow .status-dot{width:5px;height:5px;flex-basis:5px} .hero h1,html[lang=en] .hero h1{font-size:clamp(30px,7.6vw,50px);line-height:1.5;margin-bottom:30px;letter-spacing:-1px} .hero-description{margin-bottom:34px} .hero-art{height:530px;margin-top:40px} .hero .label-bottom{bottom:24%;left:8%} .hero .label-medicine{bottom:5%;right:8%} } /* Distinct, spacious collaboration cards on the natural-products page. */ #collaborate .package-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px);margin:40px 0 44px} #collaborate .package-steps article{padding:30px 28px 32px;background:#ffffffb8;border:1px solid #d7e5f1;border-top:3px solid #36a0b3;border-radius:8px;box-shadow:0 6px 22px #184d8210} #collaborate .package-steps h3{margin:0 0 22px;line-height:1.5} #collaborate .package-steps p{margin:0;line-height:1.9} @media(max-width:1000px){ #collaborate .package-steps{grid-template-columns:1fr;gap:24px} #collaborate .package-steps article{padding:28px} } @media(max-width:640px){ #collaborate .package-steps{margin:28px 0 32px;gap:22px} #collaborate .package-steps article{padding:24px 22px 26px} #collaborate .package-steps h3{margin-bottom:16px} } /* Primary page labels match the homepage eyebrow scale. */ .detail-hero .hero-kicker{display:inline-block;max-width:100%;font-size:15px;line-height:1.6;letter-spacing:2px} @media screen and (min-width:901px) and (max-width:1150px){.detail-hero .hero-kicker{font-size:12px}} @media screen and (max-width:900px){.detail-hero .hero-kicker{font-size:clamp(8px,2.1vw,12px);letter-spacing:1.2px}} /* Three research directions: common navigation, readable cards and mobile stacking. */ .research-nav{display:flex;flex-wrap:wrap;gap:10px 28px;padding:26px max(5vw,24px);border-bottom:1px solid #d4e4f3;background:#edf5ff} .research-nav a{font-size:16px;line-height:1.7;color:#476988;padding:8px 0;border-bottom:2px solid transparent} .research-nav a[aria-current=page]{color:#096ac4;border-color:#279fac;font-weight:600} .global-grid.three-directions,.science-cards.three-directions{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .global-grid.three-directions article{padding:32px 28px;display:flex;flex-direction:column} .global-grid.three-directions h2{font-size:clamp(25px,2.2vw,34px);line-height:1.5} .global-grid.three-directions .card-link{margin-top:auto;padding-top:24px} .science-cards.three-directions .science-card{min-width:0;display:flex;flex-direction:column} .science-cards.three-directions .science-card-body{padding:30px 26px;flex:1;display:flex;flex-direction:column} .science-cards.three-directions h3{font-size:clamp(23px,2vw,30px);line-height:1.5} .science-cards.three-directions .science-card-body p{font-size:17px;line-height:1.9} .science-cards.three-directions .science-card-body .card-link{margin-top:auto;padding-top:25px} .science-cards.three-directions .science-art{height:210px;flex-shrink:0} .tcm-art{position:relative;background:linear-gradient(125deg,#17519b,#138591);overflow:hidden} .tcm-rings{position:absolute;inset:20px;display:flex;align-items:center;justify-content:center} .tcm-rings i{width:110px;height:110px;border:1px solid #9deddd80;border-radius:50%;margin:0 -20px;box-shadow:0 0 25px #98e8df18} .tcm-rings i:nth-child(2){transform:translateY(-24px)} .research-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:35px} .research-questions article{background:#fff9;padding:30px;border:1px solid #d8e6f2;border-top:3px solid #38a1b2;border-radius:6px} .research-questions h3{font-size:22px;line-height:1.5;margin:0 0 18px;color:#20568c} .research-questions p{font-size:19px;line-height:1.9;margin:0} .hero-buttons{flex-wrap:wrap} @media(min-width:901px){.hero-buttons{gap:22px 28px!important}.hero-buttons .button{padding:20px 24px}.hero-buttons .text-button{gap:16px}.hero-buttons [data-t]{white-space:nowrap}} @media(max-width:1100px){.global-grid.three-directions,.science-cards.three-directions{grid-template-columns:1fr}.global-grid.three-directions article{padding:30px}.science-cards.three-directions .science-card{display:grid;grid-template-columns:30% 1fr}.science-cards.three-directions .science-art{height:100%;min-height:230px}} @media(max-width:640px){.research-nav{gap:8px 20px;padding:20px 24px}.research-nav a{font-size:14px}.research-questions{grid-template-columns:1fr;gap:22px}.research-questions article{padding:24px}.research-questions h3{font-size:20px}.research-questions p{font-size:17px}.science-cards.three-directions .science-card{display:flex}.science-cards.three-directions .science-art{height:190px;min-height:0}.global-grid.three-directions article{padding:26px 22px}.hero-buttons{gap:22px}.hero-buttons .text-button{font-size:13px}.footer-top>div:first-child p{max-width:36em}} #classification .research-questions article:last-child{grid-column:1/-1} /* Equal, compact homepage research links. */ .hero .hero-buttons,html[lang=en] .hero .hero-buttons{justify-content:flex-start;align-items:center;gap:12px!important;width:max-content;max-width:100%} .hero-path-link{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px;border:1px solid transparent;border-bottom-color:#bce0fa66;border-radius:2px;color:#f2f8ff;background:transparent;font-size:13px;line-height:1.4;text-decoration:none;transition:background .18s,color .18s,border-color .18s} .hero-path-link [data-t]{white-space:nowrap} .hero-path-link>span:last-child{font-size:20px;line-height:1} .hero-path-link:hover,.hero-path-link:focus-visible,.hero-path-link:active{background:#fff;color:#1263c8;border-color:#fff} .hero-path-link:focus-visible{outline:2px solid #a9f4e4;outline-offset:4px} @media(max-width:640px){.hero .hero-buttons,html[lang=en] .hero .hero-buttons{gap:10px!important}.hero-path-link{padding:12px 8px}} @media(prefers-reduced-motion:reduce){.hero-path-link{transition:none}} /* Wide, centered research navigation, independent of the body text width. */ .research-nav{display:flex;justify-content:center;padding:24px clamp(16px,2vw,40px);background:#f5f9ff} .research-nav-group{display:flex;align-items:stretch;gap:8px;width:100%;max-width:1440px;min-width:0;margin-inline:auto;padding:6px;border:1px solid #d3e3f2;border-radius:9px;background:#e5effa;overflow:visible} .research-nav .research-nav-group a{display:flex;flex:1 0 auto;align-items:center;justify-content:center;white-space:nowrap;padding:15px 12px;border:0;border-radius:5px;font-size:24px;line-height:1.6;text-align:center;transition:background .18s,color .18s} .research-nav .research-nav-group a[aria-current=page]{background:#fff;color:#1263bd;box-shadow:0 2px 8px #20568c12} .research-nav .research-nav-group a:hover{background:#ffffffb3;color:#1263bd} .research-nav .research-nav-group a:focus-visible{outline:2px solid #2695ad;outline-offset:2px;background:#fff} @media(max-width:1239px){html[lang=en] .research-nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.research-nav-group{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr)}html[lang=en] .research-nav-group{grid-template-columns:1fr}.research-nav .research-nav-group a{padding:12px 6px;font-size:clamp(16px,5.3846vw,21px)}} @media(max-width:350px){.research-nav-group{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.research-nav .research-nav-group a{transition:none}} /* Separate registrations: device and English word mark. Chinese name is unmarked. */ .registered-logo{position:relative;display:block;width:100%;flex:none;line-height:0;color:#075775} .registered-logo.registered-logo-zh>img{display:block;width:96.444444%;max-width:none;height:auto} .registered-logo.registered-logo-en>img{display:block;width:93.981481%;max-width:none;height:auto} .registered-logo .trademark-symbols{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;fill:currentColor;font-family:Arial,sans-serif;font-weight:400;pointer-events:none} .brand{overflow:visible} .brand .registered-logo,.logo-showcase>div:nth-child(2) .registered-logo{color:white} .logo-showcase .registered-logo{max-width:430px} .trademark-registration{margin-top:36px;padding:28px 32px;border:1px solid #cbdff1;border-radius:8px;background:#eaf3fc} .trademark-registration h3{margin:0 0 12px} .trademark-registration p{font-size:16px;line-height:1.8;margin:12px 0} .trademark-registration dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0} .trademark-registration dt{font-size:17px;font-weight:600;line-height:1.6} .trademark-registration dt sup{font-size:10px;margin-left:3px} .trademark-registration dd{font-size:15px;line-height:1.8;margin:8px 0 0;color:#557297} .trademark-registration .registration-term{font-size:13px;margin-bottom:0} @media(max-width:600px){.trademark-registration{padding:22px}.trademark-registration dl{grid-template-columns:1fr;gap:18px}} /* Header artwork: 1.25x. Registration symbols: 1.5x of their previous rendered size. */ .header .brand{width:225px;height:75px} @media(min-width:1800px){.header .brand{width:268.75px}} @media(max-width:900px){.header .brand{width:212.5px;height:62.5px}} @media(max-width:480px){.header{padding-inline:14px;gap:6px}.header-actions{gap:6px}.header .menu-toggle{width:32px;padding-inline:6px}.header .language-switch .language{min-width:42px;font-size:15px;padding-inline:7px}} @media(max-width:370px){.header{padding-inline:10px;gap:4px}.header .brand{width:168.75px}.header-actions{gap:4px}.header .menu-toggle{width:28px;padding-inline:4px}.header .language-switch .language{min-width:38px;padding-inline:5px}} .registered-logo-zh .trademark-symbols text{font-size:228px} .registered-logo-en .trademark-symbols text{font-size:24px} /* Header logo registration marks use their own scale; all marks doubled in revision 103. */ .header .registered-logo-zh .trademark-symbols text{font-size:182.4px} .header .registered-logo-en .trademark-symbols text{font-size:19.2px} .trademark-registration dt sup{font-size:15px} /* Company vision: a single statement of ambition and patient impact. */ #vision .company-vision{position:relative;padding:clamp(30px,4.4vw,64px);border:1px solid #cbdff0;border-radius:14px;background:linear-gradient(120deg,#e8f2ff 0%,#f3faff 64%,#e7f5f4 100%);overflow:hidden} #vision .company-vision:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1c66b6,#38a6b4)} #vision .vision-ambition{margin:0;max-width:none;font-size:clamp(28px,2.8vw,40px);line-height:1.55;letter-spacing:.015em;color:#184e88} #vision .vision-ambition span,#vision .vision-ambition strong{display:block} #vision .vision-ambition span{font-weight:400} #vision .vision-ambition strong{font-weight:600} #vision .vision-impact{margin:26px 0 0;max-width:none;font-size:clamp(22px,2vw,28px);line-height:1.65;color:#147684;font-weight:500} #vision .vision-purpose{max-width:42em;margin:30px 0 0;padding-top:26px;border-top:1px solid #c4dce7;font-size:18px;line-height:1.95;color:#526e8c} html[lang="en"] #vision .vision-ambition{font-size:clamp(27px,2.6vw,38px);letter-spacing:0;line-height:1.4} html[lang="en"] #vision .vision-impact{font-size:clamp(21px,1.9vw,26px)} @media(max-width:600px){#vision .company-vision{padding:30px 23px;border-radius:10px}#vision .vision-ambition{font-size:27px;line-height:1.55}#vision .vision-impact{font-size:21px;margin-top:22px}#vision .vision-purpose{font-size:17px;line-height:1.9;margin-top:24px;padding-top:22px}} /* Science and sources label: 1.5 times its previous size. */ .detail-hero .evidence-kicker{font-size:13.5px} @media(max-width:900px){.detail-hero .evidence-kicker{font-size:12px}} /* Corporate body content shares the homepage section gutters. */ main > .detail-body{width:100%;max-width:none;padding-inline:var(--space)} main > .detail-body p{max-width:none} #vision .vision-purpose{max-width:none} /* Contact brief button label: 12px to 18px (1.5x). */ .package-cta.collaboration-brief{font-size:18px} /* Revision 77: collaboration email drafts */ .contact-details a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere} #brief-result{margin-top:22px;padding-top:20px;border-top:1px solid #c5dbea} #brief-result h3{font-size:20px;margin:0 0 12px} #brief-result p{font-size:15px;line-height:1.7;overflow-wrap:anywhere} .email-options{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0} .email-options a,.email-copy{padding:12px 16px;border:1px solid #aacde4;border-radius:4px;font-size:15px;background:white;color:#194f87;text-decoration:none} .email-options a:first-child{background:#1763b8;color:white;border-color:#1763b8} .email-preview{width:100%;min-height:180px;margin:12px 0;font-size:14px;line-height:1.7} @media(max-width:480px){#contact-form .form-row{grid-template-columns:1fr;gap:0}dialog{padding:38px 20px 24px}.email-options a{flex:1 1 auto;text-align:center}} /* Revision 78: company contact details and double-size copyright text. */ .footer-bottom{font-size:18px;line-height:1.6} .footer-contact{margin-top:26px} .footer-contact h3{font-size:18px;line-height:1.5;font-weight:600;color:white;margin:0 0 14px} .footer-top>div:first-child .footer-contact p{margin:0;max-width:none;font-size:18px;line-height:1.9;overflow-wrap:anywhere} .footer-contact a:hover{text-decoration:underline} @media(max-width:900px){.footer-bottom{font-size:16px}.footer-top>div:first-child .footer-contact p{font-size:16.5px}} /* Revision 80: innovation value cards and ten research platforms. */ .innovation-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:30px} .innovation-values article{position:relative;overflow:hidden;padding:32px 34px;background:linear-gradient(135deg,#fff 0%,#edf6ff 100%);border:1px solid #cfdfef;border-radius:16px;box-shadow:0 8px 24px #164f8910} .innovation-values article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#246dc5,#30a9b1)} .innovation-values .value-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#dfedfb;color:#2569ad;font-size:16px;letter-spacing:1px;margin-bottom:20px} .innovation-values h3{font-size:24px;line-height:1.5;margin:0 0 18px;color:#194e87} .innovation-values p{font-size:20px;line-height:1.9;margin:0} .package-cta.investor-contact-cta{font-size:24px;line-height:1.5} #capabilities .capability-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #capabilities .capability-platforms article{padding:30px 32px;border-radius:12px;background:linear-gradient(125deg,#fff,#f1f8ff);border:1px solid #ccdfef} #capabilities .capability-platforms .card-index{display:block;font-size:16px;letter-spacing:2px;margin-bottom:16px;color:#21899d} #capabilities .capability-platforms h3{font-size:24px;line-height:1.5;margin:0 0 18px} #capabilities .capability-platforms p{font-size:20px;line-height:1.9;margin:0} @media(max-width:700px){.innovation-values,#capabilities .capability-platforms{grid-template-columns:1fr;gap:18px}.innovation-values article,#capabilities .capability-platforms article{padding:26px 24px}.innovation-values h3,#capabilities .capability-platforms h3{font-size:22px}.innovation-values p,#capabilities .capability-platforms p{font-size:18px}} /* Revision 83: balanced brand philosophy and mark explanation. */ #identity .brand-values{margin-top:40px} #identity .brand-values>h3{font-size:26px;line-height:1.5;margin:0 0 24px;color:#194e87} #identity .brand-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #identity .brand-values-grid article{position:relative;padding:30px;background:#fff;border:1px solid #cedff0;border-radius:14px;overflow:hidden} #identity .brand-values-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#216dc0,#35a6ad)} #identity .brand-value-index{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#e9f3fd;color:#267aa7;font-size:16px;letter-spacing:1px;margin-bottom:22px} #identity .brand-values-grid h4{font-size:22px;line-height:1.5;color:#1f648d;margin:0 0 16px} #identity .brand-values-grid p,#identity .brand-meaning p{font-size:20px;line-height:1.9;margin:0;color:#55749a;overflow-wrap:break-word} #identity .brand-meaning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px} #identity .brand-meaning article{padding:30px 32px;border:1px solid #cbdfe9;border-radius:14px;background:linear-gradient(125deg,#e6f0ff,#eef9f7)} #identity .brand-meaning .brand-symbol{background:#edf5fd} #identity .brand-meaning h3{font-size:24px;line-height:1.5;color:#194e87;margin:0 0 18px} @media(max-width:1100px){#identity .brand-values-grid{grid-template-columns:1fr}#identity .brand-values-grid article{padding:26px 28px}#identity .brand-value-index{margin-bottom:16px}} @media(max-width:700px){#identity .brand-values{margin-top:30px}#identity .brand-values>h3{font-size:23px}#identity .brand-values-grid,#identity .brand-meaning{grid-template-columns:1fr;gap:18px}#identity .brand-values-grid article,#identity .brand-meaning article{padding:25px 24px}#identity .brand-values-grid h4,#identity .brand-meaning h3{font-size:22px}#identity .brand-values-grid p,#identity .brand-meaning p{font-size:18px;line-height:1.85}#identity .brand-meaning{margin-top:18px}} /* Revision 89: separate contact information from the brief action. */ #business .collaboration-brief + .contact-details{margin-top:40px;line-height:1.9} @media(max-width:700px){#business .collaboration-brief + .contact-details{margin-top:32px}} /* Revision 90: original transparent point-and-line hero illustrations. */ .detail-hero.hero-with-lines{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:clamp(30px,4vw,70px);align-items:center;position:relative;overflow:hidden;padding:65px var(--space) 72px;min-height:620px} .hero-line-copy{position:relative;z-index:1;min-width:0} .hero-with-lines .small-label{display:block;font-size:14px;line-height:1.7;letter-spacing:2px} .detail-hero.hero-with-lines h1{font-size:clamp(36px,3.65vw,64px);line-height:1.35;letter-spacing:-.5px;margin:27px 0 30px;max-width:none} .detail-hero.hero-with-lines p{font-size:clamp(19px,1.55vw,24px);line-height:1.95;max-width:none;margin:0} .hero-line-figure{position:relative;min-width:0;aspect-ratio:640/560;isolation:isolate;overflow:visible} .hero-line-image{display:block;width:100%;height:auto;position:relative;z-index:1;animation:line-art-drift 12s ease-in-out infinite;filter:drop-shadow(0 0 5px #66ffe52b)} .hero-line-glow{position:absolute;inset:-5%;z-index:0;background:radial-gradient(ellipse,#4cdbbc12 0,transparent 67%);border-radius:50%} .hero-line-spark{position:absolute;inset:7%;border-radius:50%;animation:line-art-orbit 32s linear infinite;pointer-events:none;opacity:.75} .hero-line-spark:before,.hero-line-spark:after{content:"";position:absolute;left:18%;top:10%;width:5px;height:5px;border-radius:50%;background:#a3ffeb;box-shadow:0 0 15px #86ffef88} .hero-line-spark:after{left:auto;top:auto;right:8%;bottom:20%;width:3px;height:3px;opacity:.5} .line-motion-toggle{position:absolute;z-index:2;right:0;bottom:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid #b9f8ec44;border-radius:50%;background:transparent;color:#c4fff1;font-size:13px;cursor:pointer;opacity:.65} .line-motion-toggle[hidden]{display:none} .line-motion-toggle:hover,.line-motion-toggle:focus-visible{opacity:1;background:#ffffff10;outline:1px solid #a2f7ea;outline-offset:3px} .hero-line-figure[data-paused="true"] .hero-line-image,.hero-line-figure[data-paused="true"] .hero-line-spark{animation-play-state:paused} html[lang="en"] .detail-hero.hero-with-lines h1{font-size:clamp(34px,3.1vw,54px);line-height:1.27;letter-spacing:-1px} html[lang="en"] .detail-hero.hero-with-lines p{font-size:clamp(18px,1.42vw,22px);line-height:1.8} @keyframes line-art-drift{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-7px) rotate(.5deg)}} @keyframes line-art-orbit{to{transform:rotate(360deg)}} @media(max-width:1050px){.detail-hero.hero-with-lines{gap:28px;padding:60px var(--space);min-height:540px}.detail-hero.hero-with-lines h1{font-size:36px}} @media(max-width:760px){.detail-hero.hero-with-lines{grid-template-columns:minmax(0,1fr);gap:22px;padding:48px var(--space) 42px;min-height:0}.detail-hero.hero-with-lines h1,html[lang="en"] .detail-hero.hero-with-lines h1{font-size:clamp(31px,6.6vw,42px);line-height:1.35;letter-spacing:0;margin:24px 0}.detail-hero.hero-with-lines p,html[lang="en"] .detail-hero.hero-with-lines p{font-size:19px;line-height:1.85}.hero-with-lines .small-label{font-size:12px;letter-spacing:1.5px}.hero-line-figure{width:100%;max-width:520px;justify-self:center}} @media(prefers-reduced-motion:reduce){.hero-line-image,.hero-line-spark{animation:none}} .detail-hero.hero-with-lines h1{text-wrap:balance} @media(min-width:761px){html[lang="zh-CN"] .detail-hero.hero-long-title h1{font-size:clamp(32px,3.1vw,54px)}} /* VMED-OS knowledge foundation: approximate, dated resource counts. */ .data-foundation-link{display:inline-flex;align-items:center;gap:26px;margin-top:14px;padding:12px 0;border-bottom:1px solid #b4f5e7;color:#c3fff1;font-size:20px;text-decoration:none} .data-foundation-link:hover{color:white}.data-foundation-link:focus-visible{outline:2px solid #b4f5e7;outline-offset:5px} #data-foundation{scroll-margin-top:110px;padding-bottom:64px;border-bottom:1px solid #c9ddeb} .data-scale-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:36px} .new-body .data-scale-heading h2{margin-bottom:0;max-width:720px} .new-body .data-scale-heading>p{font-size:20px;line-height:1.8;margin:0} .data-scale-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} .data-scale-card{position:relative;min-width:0;padding:25px 22px 27px;background:linear-gradient(155deg,#fff,#eaf5fe);border:1px solid #c4dfee;border-top:3px solid #209cac;border-radius:5px} .data-scale-index{display:block;color:#6c91ae;font-size:13px;letter-spacing:2px;margin-bottom:30px} .data-scale-number{display:flex;align-items:baseline;gap:5px;font-size:clamp(34px,3.1vw,56px);font-weight:500;line-height:1.1;letter-spacing:-1.6px;color:#1563b4;font-variant-numeric:tabular-nums;white-space:nowrap} .data-scale-number>span{font-size:20px;letter-spacing:0;color:#158194} .new-body .data-scale-card h3{font-size:19px;line-height:1.5;margin:19px 0 15px;color:#17477d} .new-body .data-scale-card p{font-size:16px;line-height:1.8;margin:0;color:#587997} .data-scale-value{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:25px 30px;margin-top:24px;border-radius:5px;background:linear-gradient(110deg,#164e91,#157d9e);color:#e3f7ff;font-size:17px} .data-scale-value strong{color:#c0fff0;margin-right:auto;font-weight:500}.data-scale-value i{font-style:normal;color:#a3e8e5} .data-scale-notes{margin-top:22px;color:#5b7a96;font-size:15px} .data-scale-notes summary{cursor:pointer;width:fit-content;padding:8px 0;text-underline-offset:5px} .data-scale-notes summary:hover{text-decoration:underline}.data-scale-notes summary:focus-visible{outline:2px solid #1675b4;outline-offset:4px} .new-body .data-scale-notes p{font-size:15px;line-height:1.85;margin:12px 0;max-width:1100px} @media(max-width:1199px){.data-scale-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.data-scale-card:nth-last-child(-n+2){grid-column:auto}.data-scale-number{font-size:46px}.data-scale-heading{gap:30px}} @media(max-width:760px){.data-scale-heading{grid-template-columns:1fr;gap:22px}.data-scale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.data-scale-card:last-child{grid-column:1/-1}.data-scale-card{padding:22px 18px}.data-scale-number{font-size:36px;letter-spacing:-1px}.data-scale-number>span{font-size:18px}.data-scale-index{margin-bottom:24px}.new-body .data-scale-card h3{font-size:18px}.new-body .data-scale-card p{font-size:16px}.new-body .data-scale-heading>p{font-size:18px}.data-scale-value{gap:12px;padding:22px;font-size:16px}.data-scale-value strong{flex-basis:100%;margin-bottom:6px}.data-scale-value i{display:none}.data-scale-value span{border-left:2px solid #9bede0;padding-left:10px}.data-foundation-link{font-size:18px}} @media(min-width:761px) and (max-width:1199px){.data-scale-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.data-scale-card{grid-column:span 2}.data-scale-card:nth-last-child(-n+2){grid-column:span 3}} /* Page-end home link, shared by desktop and touch layouts. */ .page-home-return{padding:28px var(--space) 48px;background:#f4f9ff} .page-home-link{display:inline-flex;align-items:center;min-height:48px;max-width:100%;padding:10px 0;border-bottom:1px solid #83aaa0;color:#204e80;font-size:17px;line-height:1.6;text-decoration:none;overflow-wrap:anywhere} .page-home-link:hover{color:#087f72;border-bottom-color:#087f72} .page-home-link:focus-visible{outline:2px solid #087f72;outline-offset:6px;border-radius:2px} @media(max-width:600px){.page-home-return{padding:24px var(--space) 36px}.page-home-link{font-size:16px;min-height:48px}} /* Mobile navigation: explicit menu and immediately visible homepage sections. */ @media screen and (max-width:900px){ .header .menu-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;width:auto;min-width:76px;min-height:44px;padding:9px 10px;border:1px solid #a4ede383;border-radius:7px;background:#087f72;color:#fff;flex-shrink:0} .header .menu-bars{display:flex;flex-direction:column;gap:4px;width:18px;font-style:normal} .header .menu-bars span{width:18px;height:2px;background:#fff;transition:transform .15s,opacity .15s} .header .menu-caption{font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap} .header .menu-toggle[aria-expanded="true"] .menu-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)} .header .menu-toggle[aria-expanded="true"] .menu-bars span:nth-child(2){opacity:0} .header .menu-toggle[aria-expanded="true"] .menu-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)} .header .menu-toggle:focus-visible{outline:2px solid #b5fff0;outline-offset:3px} .hero h1,html[lang=en] .hero h1{white-space:normal;overflow-wrap:break-word} .hero-content,html[lang=en] .hero-content{min-width:0;max-width:100%} } @media screen and (max-width:600px){ .header{padding-inline:12px;gap:8px} .header .brand{width:clamp(124px,38vw,205px);height:58px;min-width:0;flex-shrink:1} .header-actions{gap:7px;flex-shrink:0} .header .language-switch .language{min-width:35px;padding-inline:5px;font-size:14px} .header .menu-toggle{min-width:70px;gap:6px;padding-inline:8px} } @media screen and (max-width:350px){ .header{padding-inline:10px;gap:5px} .header .brand{width:118px} .header-actions{gap:5px} .header .menu-toggle{min-width:68px;padding-inline:7px} } @media screen and (max-width:350px){html[lang=zh-CN] .hero h1{font-size:26px}} @media screen and (max-width:600px){ .vmed-home{grid-template-columns:minmax(0,1fr)} .vmed-home-copy,.vmed-home-facts,.vmed-home-facts>div{min-width:0} .vmed-home .text-button{max-width:100%;white-space:normal;flex-wrap:wrap} .vmed-home-facts span{overflow-wrap:anywhere} } /* Keep section return and home adjacent, including narrow mobile screens. */ .page-home-return{display:flex;align-items:center;gap:24px} .page-home-return .page-home-link{flex:0 1 auto;min-width:0} #main{scroll-margin-top:110px} @media(max-width:600px){.page-home-return{gap:20px}.page-home-return .page-home-link{font-size:14px;white-space:nowrap}} /* One mobile navigation panel, collapsed on load and controlled by the menu button. */ .mobile-nav[hidden]{display:none} @media screen and (max-width:900px){ .mobile-nav:not([hidden]){position:relative;left:auto;right:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px var(--space) 22px;border-top:1px solid #ffffff25;background:#104b9e} .mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 5px;border:1px solid #ffffff36;border-radius:5px;background:#ffffff09;font-size:13px;line-height:1.4;text-align:center} .mobile-nav a::before{inset:0;border-radius:4px} .mobile-nav a:focus-visible{outline:2px solid #b5fff0;outline-offset:2px} } /* Mobile copyright and privacy stay on a single line. */ @media screen and (max-width:900px){ .footer-bottom{flex-wrap:nowrap;gap:8px;font-size:clamp(11px,3vw,12px);letter-spacing:0} .footer-bottom>span{white-space:nowrap} .footer-bottom>a{margin-left:auto;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;min-height:44px} } /* Chinese interface: restore the mark beside the small English subtitle. */ html[lang="zh-CN"] .registered-logo-zh .trademark-symbols text{font-size:114px} html[lang="zh-CN"] .header .registered-logo-zh .trademark-symbols text{font-size:91.2px} /* Brand showcase uses the original registration size in both languages. */ .logo-showcase .registered-logo-zh .trademark-symbols text{font-size:114px} /* Static language links and pre-rendered research panels. */ .language-switch .language{text-align:center;text-decoration:none} .stage-panel[hidden]{display:none}