*{box-sizing:border-box}html{scroll-behavior:smooth}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--max),calc(100% - var(--page)*2));margin-inline:auto}@media (width>=981px){.about-page .hero,.hero{height:calc(100svh - 168px);min-height:0;max-height:none}.hero{height:calc(100svh - 36px)}.about-page .proof-strip,.about-page .proof-strip>div{min-height:132px}.brand-page .hero,.documents-page .hero{grid-template-rows:minmax(0,1fr) 132px;height:calc(100svh - 36px);min-height:0;max-height:none}.brand-page .proof-strip,.brand-page .proof-strip>div,.documents-page .proof-strip,.documents-page .proof-strip>div,.hero-proof{min-height:132px}.hero-proof{height:132px}.hero-proof .proof-grid,.proof-strip{grid-template-columns:repeat(3,1fr);display:grid}.hero-proof .proof-item,.proof-strip>div{border-right:1px solid #27485814;justify-content:center;align-items:center;gap:15px;min-height:132px;padding:30px 28px;display:flex}.hero-proof .proof-item:last-child,.proof-strip>div:last-child{border-right:0}.hero-proof .proof-item b,.proof-strip b{color:#314b58;letter-spacing:.035em;text-align:center;font-size:15px;font-weight:650;line-height:1.4}.hero-proof .proof-icon,.hero-proof .proof-mark,.proof-strip .proof-icon,.proof-strip .proof-mark{fill:none;stroke:#9e9e9e;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 20px;width:20px;height:20px}.proof-strip span{display:none}}body,html{max-width:100%;overflow-x:clip}main,main .shell,main .shell>*,main [class*=-grid]>*,main [class*=-layout]>*,main [class*=-panel]>*,main section{min-width:0}main h1,main h2,main h3,main h4,main p{overflow-wrap:break-word}main .brand-story-lead,main .section-intro{font-size:16px}@media (width>=0){.brand-origin-section>.shell,.brand-story-section>.shell{width:min(1040px,100% - 40px)}.brand-origin-copy,.brand-story-copy{width:100%;max-width:100%;padding:58px clamp(18px,4vw,48px) 42px;overflow:visible}.brand-origin-copy p,.brand-story-copy>p,.brand-story-lead{width:100%;max-width:100%}.origin-heading{display:block}.brand-origin-copy .section-title,.brand-story-copy .promise-title,.brand-story-copy .section-title{overflow-wrap:anywhere;width:100%;max-width:100%;font-size:clamp(36px,5.2vw,54px);line-height:1.2}}@media (width>=1200px){.brand-origin-section>.shell,.brand-story-section>.shell{width:min(1540px,calc(100% - var(--page)*1.45))}.brand-origin-copy,.brand-story-copy{padding:34px 40px;overflow:visible}.brand-origin-copy:before,.brand-story-copy:before{left:40px}.origin-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.brand-origin-copy .section-title{font-size:clamp(42px,3.35vw,58px)}.brand-story-copy .section-title{font-size:clamp(40px,3.2vw,56px)}.brand-story-copy .promise-title{font-size:clamp(36px,2.85vw,50px)}}@media (width<=1199px){.brand-origin-section>.shell,.brand-story-section>.shell{width:calc(100% - 64px);margin-inline:auto}.brand-origin-copy,.brand-story-copy{padding:52px clamp(24px,4vw,44px) 38px}.brand-origin-copy:before,.brand-story-copy:before{left:clamp(24px,4vw,44px)}.brand-story-lead{width:100%;max-width:100%;margin-inline:0}}@media (width<=1100px){.document-registration .section-title,.documents-page .hero h1,.evolution-copy .section-title,.gradient .section-title,.hero-title,.product-copy .section-title,.service-copy .section-title,.source-copy .section-title,.tech-copy .section-title{white-space:normal;max-width:100%}.evolution-conclusion{grid-template-columns:minmax(0,1fr)}.evolution-conclusion span,.evolution-conclusion strong{white-space:normal}}@media (width<=820px){.origin-heading{align-items:flex-start}.brand-origin-section>.shell,.brand-story-section>.shell{width:calc(100% - 32px)}.brand-origin-copy,.brand-story-copy{padding:42px 16px 30px}.brand-origin-copy:before,.brand-story-copy:before{left:16px}.brand-origin-copy .section-title,.brand-story-copy .promise-title,.brand-story-copy .section-title{font-size:clamp(32px,10.5vw,42px)}}.core-points-mount{display:none}:root{color-scheme:light;text-rendering:optimizelegibility}html{scroll-behavior:smooth;background:#f7f5f2}body{min-width:320px;overflow-x:hidden}img,picture,video{max-width:100%}a,button{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-page-content>section:not(.hero){content-visibility:auto;contain-intrinsic-size:auto 900px}.deferred-background-pending,.deferred-background-pending:before,.deferred-background-pending:after,.deferred-background-pending *,.deferred-background-pending :before,.deferred-background-pending :after{background-image:none!important}@keyframes heroDrift{0%{transform:scale(1.01)}to{transform:scale(1.035)translate(-.25%)}}:root{--rose:#9e9e9e;--rose-deep:#8a8a8a;--rose-pale:#e2e2e2;--blue:#5d7e90;--blue-deep:#385766;--blue-pale:#eef5f7;--ink:#333;--muted:#60717d;--pearl:#f8f9fa;--white:#fff;--gold:#c79c57;--line:#1b2a361f;--soft-line:#1b2a3613;--page:clamp(24px,5vw,88px);--max:1440px;--ease:cubic-bezier(.22,.68,.18,1);--font:"Inter","PingFang SC","Microsoft YaHei",Arial,sans-serif}body{color:var(--ink);background:var(--pearl);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#fbf8f6;margin:0}img{max-width:100%;display:block}.progress{z-index:100;background:linear-gradient(90deg,var(--rose),var(--rose-pale));pointer-events:none;width:0;height:2px;position:fixed;top:0;left:0}.site-header{z-index:50;height:86px;color:var(--ink);transition:.35s var(--ease);background:#fff;border-bottom:1px solid #1e3f501c;position:sticky;top:0}.site-header.is-stuck{backdrop-filter:blur(18px);background:#fffffff0;height:72px;box-shadow:0 14px 40px #1c3b4a14}.logo-tag{letter-spacing:.15em;font-size:10px}.hero-copy p{letter-spacing:.025em;gap:7px;max-width:680px;margin:34px 0 0;padding:45px 0 0;font-size:14px;font-weight:500;line-height:1.8;display:grid;position:relative}.menu a{letter-spacing:.08em;padding:31px 0;font-size:13px;position:relative}.hero-copy p:before,.menu a:after{content:"";height:1px;position:absolute;left:0}.menu a:after{background:var(--rose);transition:.35s var(--ease);bottom:22px;right:100%}.hero-title sup,.menu a.active,.menu a:hover,.nav-toggle{color:var(--ink)}.nav-toggle{background:0 0;border:0;font-size:26px;display:none}.eyebrow,.section-kicker{text-transform:uppercase;color:var(--rose);font-weight:700}.eyebrow{letter-spacing:.22em;align-items:center;gap:13px;font-size:11px;display:flex}.eyebrow:before{content:"";background:radial-gradient(circle,currentColor 0 1.5px,#0000 2px);border:1px solid;border-radius:50%;width:12px;height:12px}.section-kicker{letter-spacing:.24em;font-size:10px}.section-title{letter-spacing:-.05em;margin:18px 0 0;font-size:clamp(40px,4.3vw,68px);font-weight:600;line-height:1.08}.section-intro{max-width:690px;color:var(--muted);margin:26px 0 0;font-size:14px;line-height:2}.foot-col a:hover,.gradient .detail-inline b{color:#fff}.hero{isolation:isolate;background:#f2f6f8;height:calc(100svh - 120px);min-height:720px;position:relative;overflow:hidden}.hero-bg{z-index:-3;background:url(/assets/lab-scientist-photoreal-v3-cn.webp) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate heroDrift}.hero-bg:after{display:none}.hero-bg,.hero:before{position:absolute;inset:0}.hero:before{content:"";z-index:-2;background:linear-gradient(90deg,#f9fbfcf7 0,#f9fbfceb 36%,#f9fbfc6b 58%,#ffffff0a 100%)}.hero:after{display:none}.hero-inner{align-items:center;height:100%;padding:78px 0 150px;display:flex}.hero-copy{z-index:2;width:52%;max-width:760px;position:relative}.hero-title{white-space:nowrap;letter-spacing:-.05em;margin:25px 0 0;font-size:clamp(56px,5.25vw,86px);font-weight:650;line-height:.98}.hero-title sup{vertical-align:top;letter-spacing:.04em;margin-left:.12em;font:600 .13em/1 Arial,sans-serif}.hero-copy p:before{background:#14293685;width:92px;top:0}.hero-copy p span{color:inherit;font:inherit;display:block}.hero-research{display:none}.why-tech{background:linear-gradient(90deg,#f1f7f9b3 0,#f9fbfbf0 34%,#ffffffed 67%,#ffffffad 100%),url(/assets/principle-why-r13-journey-v1.webp) 50%/cover no-repeat;padding:clamp(110px,9vw,145px) 0;position:relative;overflow:hidden}.why-tech:before{content:"WHY R1+3";letter-spacing:-.08em;pointer-events:none;font:750 clamp(100px,14vw,220px)/1 Arial,sans-serif;position:absolute;top:35px;right:-1vw}.why-flow,.why-head{z-index:1;position:relative}.why-head{text-align:center;max-width:940px;margin:0 auto}.why-head .section-title{margin-top:16px}.why-head .section-title:after{content:"";background:#ffffff85;width:52px;height:1px;margin:24px auto 0;display:block}.why-head .section-intro{max-width:830px;margin:35px auto 0;font-size:13px;line-height:1.9}.why-flow{isolation:isolate;grid-template-columns:.9fr 1.38fr .78fr;align-items:stretch;margin-top:64px;display:grid;box-shadow:0 32px 88px #2b47541a}.why-flow:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;top:50%;left:4%;right:4%}.why-pains{backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffffe6,#eef5f7cc);border:1px solid #5d7e9024;position:relative;overflow:hidden}.why-pains:before{content:"POSTPARTUM CHALLENGES / 04";color:var(--rose);letter-spacing:.2em;font:700 9px/1 Arial,sans-serif;position:absolute;top:31px;left:42px}.why-pains:after{content:"NEEDS";letter-spacing:-.08em;font:750 88px/1 Arial,sans-serif;position:absolute;bottom:-15px;right:-12px}.why-pain{z-index:1;border-bottom:1px solid #5d7e9021;grid-template-columns:34px 1fr;align-items:center;min-height:61px;padding:0;font-size:14px;font-weight:600;display:grid;position:relative}.why-pain:last-child,.why-tech-item:last-child{border-bottom:0}.why-pain:before{content:attr(data-no);color:var(--rose);letter-spacing:.1em;font:700 9px/1 Arial,sans-serif}.why-core{z-index:2;color:#fff;background:linear-gradient(135deg,#304f5d 0,#527382 58%,#6f8994 100%);padding:43px 48px 36px;position:relative;overflow:hidden}.why-core:after{content:"R1+3";letter-spacing:-.08em;font:750 128px/1 Arial,sans-serif;position:absolute;bottom:-28px;right:-12px}.why-core-head{z-index:1;border-bottom:1px solid #ffffff2e;position:relative}.why-core-head small{letter-spacing:.22em;font:700 9px/1 Arial,sans-serif;display:block}.why-core-head strong{letter-spacing:.02em;font-weight:550;display:block}.why-tech-list{z-index:1;display:grid;position:relative}.why-tech-item{border-bottom:1px solid #ffffff24;grid-template-columns:42px 1fr;align-items:center;gap:15px;min-height:72px;display:grid}.why-tech-item span{border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:31px;height:31px;font:700 9px/1 Arial,sans-serif;display:grid}.why-tech-item strong{letter-spacing:.02em;font-size:15px;font-weight:550}.why-result{background:linear-gradient(145deg,#fffffff2,#ffffffe6);border-top:1px solid #fff3;border-bottom:1px solid #fff3;flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}.why-result small:after,.why-result:before{position:absolute;left:50%;transform:translate(-50%)}.why-result:before{content:"RESULT";color:#ffffff12;letter-spacing:.08em;font:750 58px/1 Arial,sans-serif;top:25px}.why-result:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:270px;height:270px;position:absolute;box-shadow:0 0 0 34px #ffffff06,0 0 0 70px #ffffff05}.why-result small,.why-result strong{z-index:1;position:relative}.why-panel-head small,.why-result small{color:var(--rose);letter-spacing:.2em;font:700 9px/1 Arial,sans-serif}.why-result small{padding-bottom:0}.why-result small:after{content:"";background:#ffffff8c;width:34px;height:1px;display:none;bottom:0}.why-result strong{color:var(--rose-deep);white-space:nowrap;letter-spacing:.12em;margin-top:19px;font-size:clamp(30px,2.15vw,36px);font-weight:600}.why-panel-head strong{color:var(--ink);letter-spacing:.02em;font-weight:600}.why-panel-head:after{content:"";background:#ffffff94;width:36px;height:1px;position:absolute;bottom:0}.why-result-state{z-index:1;color:var(--muted);letter-spacing:.06em;font-size:14px;font-style:normal;font-weight:500;position:relative}.why-panel-head{z-index:3;min-height:90px;padding-bottom:22px;position:relative}.why-panel-head small{display:block}.why-panel-head strong{margin-top:17px;font-size:22px;line-height:1.35;display:block}.why-panel-head:after{left:0}.why-pains{padding:35px 42px 38px}.why-pains:before{display:none}.why-pains .why-panel-head{margin-bottom:8px}.why-core-head{border-bottom:0;min-height:90px;margin:0 0 8px;padding:0 0 22px}.why-core-head small{color:#d9d9d9}.why-core-head strong{color:#fff;margin-top:17px;font-size:22px}.why-result{text-align:left;justify-content:flex-start;align-items:stretch;padding:35px 34px 38px}.why-result:after{display:none}.why-result-head{width:100%}.why-result-head strong{white-space:nowrap}.why-result-body{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:210px;display:flex;position:relative}.why-result-body>strong{letter-spacing:0;border-top:1px solid #ffffff2e;grid-template-columns:repeat(3,1fr);align-self:stretch;width:100%;margin-top:24px;padding-top:24px;display:grid}.why-result-body>strong span{border-right:1px solid #ffffff2e;place-items:center;min-height:58px;font-size:36px;display:grid}.tech-stack article:last-child,.why-result-body>strong span:last-child{border-right:0}.system,.tech-stack article{position:relative;overflow:hidden}.system{background:linear-gradient(135deg,#fff 0,#f3f7f8 62%,#fff 100%);padding:clamp(115px,10vw,160px) 0}.system:after{content:"SYSTEM";letter-spacing:-.08em;font:750 clamp(110px,16vw,250px)/1 Arial,sans-serif;position:absolute;top:36px;right:-2vw}.system-head,.system-map{z-index:1;position:relative}.system-head{text-align:center;max-width:930px;margin:0 auto}.system-head .section-intro{border-top:1px solid #ffffff38;max-width:850px;margin:30px auto 0;padding-top:27px}.system-map{margin-top:68px}.tech-stack{backdrop-filter:blur(14px);background:#ffffff6b;border-top:1px solid #5d7e9033;border-bottom:1px solid #5d7e9029;grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid;box-shadow:0 28px 85px #37525e13}.tech-stack article{background:#ffffff6b;border-right:1px solid #5d7e9026;min-height:360px;padding:34px 36px 38px}.tech-stack article:after{content:attr(data-no);color:#5d7e900e;font:700 96px/1 Arial,sans-serif;position:absolute;bottom:-20px;right:-8px}.tech-stack small{color:var(--rose);letter-spacing:.18em;font:700 9px/1 Arial,sans-serif}.tech-icon{width:68px;height:68px;color:var(--rose);place-items:center;margin:34px 0 26px;display:grid}.tech-icon svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:62px;height:62px}.tech-stack article:nth-child(2) .tech-icon{color:#a4a4a4}.tech-stack h3{margin:0;font-size:21px;font-weight:600}.tech-stack h3:after{content:"";background:#fff6;width:44px;height:1px;margin:17px 0 16px;display:block}.tech-stack p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.tech-stack em{color:var(--blue);border-top:1px solid #ffffff29;margin-top:24px;padding-top:18px;font-size:11px;font-style:normal;line-height:1.7;display:block}.detail-inline b{color:var(--blue);letter-spacing:-.06em;letter-spacing:-.045em;font:500 36px/.85 Arial,sans-serif}.detail-inline{color:var(--rose);align-items:baseline;gap:14px;margin-bottom:27px;display:flex}.detail-inline:after{content:"";background:#ffffff57;width:42px;height:1px;margin-left:4px}.detail-inline span{letter-spacing:.1em;font-size:15px;font-weight:650}.detail-inline i{letter-spacing:.08em;font:500 12px/1 Arial,sans-serif}.gradient .detail-inline span{color:#cdcdcd}.gradient .detail-inline i{color:#9c9c9c}.dual{background:#fff url(/assets/index-medical-tech-r13-bg-v1.webp) 50%/cover no-repeat;min-height:980px;padding:clamp(105px,9vw,145px) 0;position:relative;overflow:hidden}.dual:before{content:"";background:linear-gradient(90deg,#fffffffc 0,#ffffffe6 39%,#ffffff3d 66%,#ffffff0a 100%);position:absolute;inset:0}.dual-layout{grid-template-columns:37fr 63fr;align-items:center;gap:clamp(55px,8vw,130px);display:grid;position:relative}.dual-copy{border-left:2px solid var(--rose);backdrop-filter:blur(14px);background:#ffffffb8;padding:46px 40px 42px;box-shadow:0 30px 80px #35505c14}.dual-copy .section-title{max-width:520px}.dual-copy .section-intro{font-size:13px}.dual-advantage{background:linear-gradient(120deg,#2d4b59f5,#526e7beb);margin-top:30px;padding:21px 22px}.dual-advantage b{color:var(--rose-pale);letter-spacing:.04em;display:block}.dual-advantage p{color:#ffffffd1;margin:0}.protein-pair{grid-template-columns:1fr 1fr;align-items:center;gap:18px;display:grid}.protein-card{backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffffeb,#f2f7f9cc);border:1px solid #fffc;flex-direction:column;justify-content:flex-end;min-height:440px;padding:38px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 75px #35505c1c}.protein-card:before{content:attr(data-code);z-index:2;letter-spacing:-.08em;font:750 105px/1 Arial,sans-serif;position:absolute;top:22px;left:28px}.protein-card:after{content:"";z-index:0;opacity:.88;background-image:url(/assets/principle-collagen-type-i-iii-diptych-v1.webp);background-position:0;background-repeat:no-repeat;background-size:200%;height:59%;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 68%,#0000 100%);mask-image:linear-gradient(#000 0 68%,#0000 100%)}.protein-card:nth-child(2){background:linear-gradient(145deg,#ffffffe6,#fffc);transform:translateY(42px)}.protein-card:nth-child(2):after{background-position:100%}.protein-card h3,.protein-card p,.protein-card small{z-index:2}.protein-card small{color:var(--rose);letter-spacing:.18em;font:700 9px/1 Arial,sans-serif;position:relative}.protein-card h3{margin:20px 0 18px;font-size:22px;font-weight:600;position:relative}.protein-card h3:after{content:"";background:#ffffffb8;width:36px;height:1px;margin-top:17px;display:block}.role-tag{color:var(--rose);font:600 14px/1 var(--font);vertical-align:3px;white-space:nowrap;background:#ffffffd1;border:1px solid #ffffff4d;border-radius:999px;align-items:center;margin-left:9px;padding:7px 13px;display:inline-flex;box-shadow:0 5px 14px #ffffff14}.protein-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.9;position:relative}.gradient{color:#fff;background:linear-gradient(125deg,#294653 0,#567786 58%,#8ea4ad 100%);padding:clamp(105px,9vw,145px) 0;position:relative;overflow:hidden}.gradient:before{content:"GRADIENT";letter-spacing:-.08em;font:750 clamp(110px,18vw,275px)/1 Arial,sans-serif;position:absolute;top:0;right:-2%}.gradient-copy{backdrop-filter:blur(14px);background:#162f3b29;border:1px solid #ffffff21;flex-direction:column;justify-content:center;padding:46px 42px;display:flex}.gradient .section-title{white-space:nowrap;max-width:none}.gradient-features{grid-template-columns:1fr 1fr;gap:18px;display:grid}.gradient-feature{min-height:500px;color:var(--ink);background:linear-gradient(155deg,#fffffff5,#ebf2f5e0);border:1px solid #ffffffc2;flex-direction:column;padding:34px 32px 30px;display:flex;position:relative;overflow:hidden}.gradient-feature:before{content:attr(data-no);letter-spacing:-.08em;pointer-events:none;font:750 102px/1 Arial,sans-serif;position:absolute;top:10px;right:20px}.gradient-feature:nth-child(2):before{color:#ffffff13}.gradient-feature>*{z-index:1;position:relative}.gf-no{color:var(--rose);letter-spacing:.18em;font:700 10px/1 Arial,sans-serif}.gradient-feature h3{margin:26px 0 12px;font-size:22px;font-weight:600;line-height:1.5}.gradient-feature>p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.source{background:#f7f9fa url(/assets/principle-hero-lab-dna-soft-v1.webp) 50%/cover no-repeat;padding:clamp(105px,9vw,145px) 0;position:relative;overflow:hidden}.source:before{content:"";background:linear-gradient(90deg,#f8fbfcf0,#f8fbfcc2 52%,#f8fbfc3d);position:absolute;inset:0}.source-grid{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:clamp(50px,7vw,105px);display:grid;position:relative}.source-copy{border-left:2px solid var(--rose);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffffd6,#eff5f7ad);flex-direction:column;justify-content:center;padding:50px 46px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #354f5b1a}.source-copy:before{content:"RECOMBINANT";letter-spacing:-.07em;font:750 clamp(70px,8vw,122px)/.85 Arial,sans-serif;position:absolute;bottom:-2%;right:-8%}.source-copy>*{z-index:1;position:relative}.source-copy .section-title{white-space:nowrap;font-size:clamp(44px,3.9vw,62px)}.source-copy .section-title:after{content:"";background:#ffffffb8;width:54px;height:1px;margin-top:27px;display:block}.source-copy .section-intro{font-size:12px;line-height:1.95}.source-panel{box-shadow:none;backdrop-filter:none;background:0 0;border:0;padding:0}.source-features{background:linear-gradient(135deg,#f4f8fa40,#ffffff2e),url(/assets/principle-recombinant-collagen-advantages-v1.webp) 50%/cover no-repeat;grid-template-columns:repeat(2,1fr);gap:14px;height:100%;padding:14px;display:grid;box-shadow:0 28px 80px #354f5b1a}.source-feature{backdrop-filter:blur(6px);background:linear-gradient(145deg,#ffffffdb,#ebf3f6b8);border:1px solid #ffffffad;flex-direction:column;justify-content:flex-end;min-height:220px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 55px #354f5b14}.source-feature:nth-child(2n){background:linear-gradient(145deg,#ffffffdb,#ffffffb8)}.source-feature:before{content:"";background:radial-gradient(circle,#ffffffd1,#ffffff26 68%,#0000 70%);border-radius:50%;width:92px;height:92px;position:absolute;top:22px;right:24px}.source-feature:nth-child(2n):before{box-shadow:inset 0 0 0 1px #ffffff0d}.source-feature:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:132px;height:132px;position:absolute;bottom:-54px;right:-42px}.source-icon{z-index:1;width:62px;height:62px;position:absolute;top:37px;right:39px}.source-feature:nth-child(2n) .source-icon{color:#ffffff4d}.source-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.18px;width:100%;height:100%;display:block}.source-feature span{z-index:2;color:var(--rose);letter-spacing:.16em;font:700 9px/1 Arial,sans-serif;position:absolute;top:31px;left:30px}.source-feature h3,.source-feature p{z-index:2;position:relative}.source-feature h3{letter-spacing:-.03em;margin:0 0 11px;font-size:26px;font-weight:600}.source-feature p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.source-standards-block{backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffe6,#edf4f7b8);border:1px solid #5d7e901f;margin-top:90px;padding:66px 58px 56px;position:relative;overflow:hidden;box-shadow:0 34px 100px #354f5b1f}.source-standards-block:before{content:"SOURCE";letter-spacing:-.07em;pointer-events:none;font:750 clamp(90px,12vw,180px)/1 Arial,sans-serif;position:absolute;top:-24px;right:-1%}.source-standards-head{border-bottom:1px solid #5d7e9026;grid-template-columns:.95fr 1.05fr;align-items:stretch;gap:52px;padding-bottom:36px;display:grid;position:relative}.source-standards-copy{padding:15px 0 8px}.source-standards-head h3{letter-spacing:-.045em;margin:15px 0 0;font-size:clamp(31px,3.1vw,46px);font-weight:600}.source-standards-head p{max-width:620px;color:var(--muted);border-top:1px solid #ffffff42;margin:24px 0 0;padding:21px 0 0;font-size:13px;line-height:1.9}.source-standards-visual{background:linear-gradient(90deg,#f4f8faf5 0,#f4f8fa6b 26%,#f4f8fa0a 70%),linear-gradient(#ffffff1a,#edf4f738),url(/assets/mobile-hero-biotech-rnd-lab-v1.webp) 50% 46%/cover no-repeat;min-height:225px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18% 92%,#0000 100%)}.standards{border-bottom:1px solid #5d7e9029;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.standard{background:#ffffff57;border-right:1px solid #5d7e9024;min-height:210px;padding:34px 28px 30px;position:relative;overflow:hidden}.standard:last-child{border-right:0}.standard:nth-child(2n){background:#ffffff52}.standard:before{content:attr(data-no);letter-spacing:-.08em;font:750 82px/1 Arial,sans-serif;position:absolute;bottom:-13px;right:12px}.standard b,.standard h4,.standard p{z-index:1;position:relative}.standard b{color:var(--rose);letter-spacing:.14em;font:700 10px/1 Arial,sans-serif;display:block}.standard h4{margin:42px 0 11px;font-size:17px;font-weight:600;line-height:1.55}.standard p{color:var(--muted);margin:0;font-size:11px;line-height:1.75}.source-feature:before{box-shadow:inset 0 0 0 1px #5d7e900b}.source-standards-block:before{z-index:3}.source-standards-head{z-index:1}.source-standards-copy{z-index:4;position:relative}.source-standards-visual{z-index:1;isolation:auto;opacity:.8;background:url(/assets/principle-source-selection-standards-v4.webp) 100%/contain no-repeat;position:relative;overflow:visible;-webkit-mask-image:none;mask-image:none}.source-standards-visual:before{z-index:-1;filter:saturate(.72)contrast(.9);opacity:.52;background:linear-gradient(90deg,#f4f8fafa 0,#f4f8fab8 18%,#f4f8fa0d 58%),linear-gradient(#ffffff24,#edf4f733),url(/assets/principle-source-selection-standards-v1.webp) 64%/cover no-repeat;position:absolute;inset:-34px -48px;-webkit-mask-image:radial-gradient(74% 72% at 61%,#000 0 34%,#000000b8 54%,#0000 100%);mask-image:radial-gradient(74% 72% at 61%,#000 0 34%,#000000b8 54%,#0000 100%)}.source-standards-visual:after{z-index:2;pointer-events:none;content:none;background:linear-gradient(#f4f8fa 0,#f4f8fad1 8%,#f4f8fa00 34% 70%,#f4f8facc 94%,#f4f8fa 100%),linear-gradient(90deg,#f4f8fa 0,#f4f8fac2 10%,#f4f8fa00 32% 64%,#f4f8fadb 90%,#f4f8fa 100%);display:none;position:absolute;inset:-2px}.source-standards-visual:before{content:none;display:none}.supplier-brief{background:#fff;grid-template-columns:1.15fr .85fr;margin-top:38px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #354f5b21}.supplier-visual{color:#fff;background:linear-gradient(90deg,#1f3340f0 0,#253c49d1 20%,#263e4b7a 39%,#ffffff0a 62%),linear-gradient(#1225311f,#12253133),url(/assets/principle-supplier-headquarters-awards-v1.webp) 50%/cover no-repeat;align-items:center;min-height:380px;padding:48px 54px;display:flex;position:relative}.supplier-overlay{z-index:1;max-width:390px;position:relative}.supplier-overlay span{color:var(--rose-pale);letter-spacing:.15em;margin-bottom:20px;font-size:13px;font-weight:600;display:block}.supplier-overlay span:after{content:"";background:#ffffff94;width:34px;height:1px;margin-top:16px;display:block}.supplier-overlay strong{align-items:flex-end;gap:10px;margin-bottom:19px;font:500 74px/.86 Arial,sans-serif;display:flex}.supplier-overlay em{font:18px/1 var(--font);padding-bottom:8px}.supplier-overlay p{color:#fff;max-width:390px;margin:0;font-size:16px;font-weight:600;line-height:1.7}.supplier-list{background:linear-gradient(145deg,#2f4e5d,#526f7c);align-content:center;gap:17px;padding:38px 36px;display:grid;box-shadow:inset 1px 0 #ffffff14}.supplier-list p{color:#ffffffd6;margin:0;padding-left:31px;font-size:12px;line-height:1.8;position:relative}.supplier-list p:before{content:"✓";background:var(--rose);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:2px;left:0}.mechanism{background:linear-gradient(90deg,#f8fbfcf7 0,#f8fbfcde 45%,#f8fbfca8 100%),url(/assets/principle-mechanism-bg-v1.webp) 50%/cover no-repeat;padding:clamp(115px,10vw,155px) 0;position:relative;overflow:hidden}.mechanism:before{content:"";background:linear-gradient(#ffffff7a,#0000 28%,#f7fafb6b 100%);position:absolute;inset:0}.mechanism:after{content:"MECHANISM";color:#5d7e900b;letter-spacing:-.08em;font:750 clamp(110px,16vw,250px)/1 Arial,sans-serif;position:absolute;top:20px;right:-2%}.mechanism-head{z-index:1;text-align:center;max-width:900px;margin:0 auto;position:relative}.mechanism-head .section-title{margin:0}.evolution-head .section-title:after,.mechanism-head .section-title:after{content:"";background:#ffffff85;width:56px;height:1px;display:block}.mechanism-head .section-title:after{margin:28px auto 0}.mechanism-head .section-intro{max-width:820px;margin:28px auto 0;font-size:13px;line-height:1.9}.mechanism-grid{z-index:1;background:0 0;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:72px;display:grid;position:relative}.mech,.mech-visual{position:relative;overflow:hidden}.mech{backdrop-filter:blur(10px);background:#ffffffd4;border:1px solid #5d7e9021;grid-template-rows:230px auto;min-height:0;display:grid;box-shadow:0 26px 70px #35505c17}.mech:after{content:attr(data-mark);color:#ffffff0d;font:700 152px/1 var(--font);pointer-events:none;position:absolute;bottom:-25px;right:16px}.mech-visual{border-bottom:1px solid #5d7e901c}.mech-visual:after{content:"";background:linear-gradient(#ffffff08,#ffffff40);position:absolute;inset:0}.mech-visual img{object-fit:cover;filter:saturate(.78)contrast(.94);width:100%;height:100%;display:block}.mech-body{z-index:1;flex-direction:column;padding:27px 30px 26px;display:flex;position:relative}.mech-no{color:var(--rose);letter-spacing:.18em;font:700 10px/1 Arial,sans-serif}.mech h3{letter-spacing:-.025em;margin:24px 0 0;font-size:21px;font-weight:600}.mech h3:after{content:"";background:#ffffff6b;width:40px;height:1px;margin-top:18px;display:block}.mech p{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.85}.evolution{background:linear-gradient(105deg,#eef4f7f0 0,#ebf1f4db 48%,#ffffffc9 100%),url(/assets/principle-evolution-industry-upgrade-v1.webp) 50%/cover no-repeat;padding:clamp(100px,9vw,140px) 0;position:relative;overflow:hidden}.evolution:before{content:"EVOLUTION";letter-spacing:-.08em;pointer-events:none;font:750 clamp(100px,14vw,250px)/.8 Arial,sans-serif;position:absolute;top:clamp(42px,5vw,72px);right:-2.5vw}.evolution:after{background:linear-gradient(#ffffff2e,#e5eef214 52%,#546f7c14);inset:0}.evolution-head{z-index:1;text-align:center;max-width:950px;margin:0 auto}.evolution-head .section-title{margin-top:17px}.evolution-head .section-title:after{margin:22px auto 0}.evolution-head .section-intro{max-width:760px;margin:20px auto 0;font-size:13px;line-height:1.85}.era,.evolution-head,.timeline{position:relative}.timeline{z-index:1;backdrop-filter:blur(18px);background:#ffffffa8;border:1px solid #5d7e9029;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;display:grid;box-shadow:0 30px 82px #27425021}.evolution:after,.timeline:after,.timeline:before{content:"";pointer-events:none;position:absolute}.timeline:before{z-index:4;background:linear-gradient(90deg,#5d7e9057 0,#708f9d75 48%,#ffffffad 100%);height:1px;top:127px;left:34px;right:28px}.timeline:after{z-index:5;border-top:1px solid #ffffffb8;border-right:1px solid #ffffffb8;width:8px;height:8px;top:123px;right:27px;transform:rotate(45deg)}.era{min-height:500px;color:var(--ink);background:linear-gradient(160deg,#ffffffc7,#f7fafbad);border-right:1px solid #5d7e9024;flex-direction:column;display:flex;overflow:hidden}.era:last-child{background:linear-gradient(145deg,#fffffff7,#ffffffc2);border-right:0}.era:after{content:attr(data-no);letter-spacing:-.08em;pointer-events:none;font:750 132px/1 Arial,sans-serif;position:absolute;bottom:-24px;right:16px}.era:last-child:after{color:#fff1}.era-top{height:128px;padding:22px 34px 18px;position:relative}.era-generation{min-height:34px;color:var(--blue);letter-spacing:.08em;background:#ffffff7a;border:1px solid #5d7e9038;border-radius:999px;align-items:center;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.era:last-child .era-generation{color:var(--rose);background:#fff9;border-color:#ffffff52}.era-key,.era-point{position:absolute;left:34px}.era-key{color:#5d7e9099;letter-spacing:.22em;font:600 11px/1 Arial,sans-serif;bottom:18px}.era-point{z-index:6;background:#819ba8;border:3px solid #f5f8f9;border-radius:50%;width:12px;height:12px;bottom:-6px;box-shadow:0 0 0 1px #5d7e9038}.era:last-child .era-point{background:var(--rose);box-shadow:0 0 0 1px #ffffff4d,0 0 0 7px #ffffff14}.era-content{z-index:1;flex-direction:column;flex:1;padding:30px 34px 27px;display:flex;position:relative}.era h3{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:600}.era-content>p{min-height:70px;color:var(--muted);margin:17px 0 0;font-size:14px;line-height:1.75}.era-content>p:before{content:"";background:#ffffff75;width:38px;height:1px;margin-bottom:15px;display:block}.footer{background:#253640}.foot-brand p{color:#9fb0ba;margin:15px 0 0;font-size:11px;line-height:1.8}.foot-col h4{color:var(--rose-pale);letter-spacing:.14em;margin:0 0 19px;font-size:11px}.foot-col a{color:#aebdc5;margin:11px 0;font-size:11px;display:block}.back-top{z-index:30;width:48px;height:48px;color:var(--rose);opacity:0;pointer-events:none;transition:.3s var(--ease);background:#ffffffdb;border:1px solid #5d7e9040;position:fixed;bottom:24px;right:24px}.back-top.show{opacity:1;pointer-events:auto}.back-top:hover{background:var(--rose);color:#fff}.reveal{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:translateY(30px)}.reveal.delay{transition-delay:.13s}.reveal.visible{opacity:1;transform:none}@media (width<=1100px){.logo-line,.logo-tag{display:none}.menu{gap:17px}.menu a{font-size:11px}.hero-research{width:48%;right:-1%}.system-map{grid-template-columns:1fr 50px 1.6fr 50px .72fr}.tech-stack article{padding-inline:17px}.source-grid{gap:60px}}@media (width<=820px){:root{--page:20px}.topline{display:none}.site-header,.site-header.is-stuck{height:72px}.menu{backdrop-filter:blur(18px);background:#fffffff7;flex-direction:column;align-items:stretch;padding:18px 24px 30px;display:none;position:fixed;top:72px;left:0;right:0;box-shadow:0 24px 60px #1c3b4a24}.menu.open{display:flex}.menu a{padding:13px 0;font-size:13px}.menu a:after{bottom:7px}.menu a,.nav-toggle{display:block}.hero{height:auto;min-height:790px}.hero-bg{background-position:63%}.hero:before{background:linear-gradient(#f9fbfcfa 0,#f9fbfce6 50%,#f9fbfc2e 100%)}.hero-inner{align-items:flex-start;min-height:718px;padding:85px 0 300px}.hero-copy{width:100%}.hero-title{white-space:normal;font-size:clamp(42px,11.4vw,60px);line-height:1.02}.hero-copy p{max-width:440px;margin-top:28px;padding-top:31px;font-size:12px}.hero-research{opacity:.72;background-position:76% 43%;background-size:cover;width:92%;height:50%;top:auto;bottom:0;right:-10%;-webkit-mask-image:linear-gradient(#0000 0,#000 24% 100%);mask-image:linear-gradient(#0000 0,#000 24% 100%)}.section-title{font-size:36px}.section-intro{font-size:12px;line-height:1.85}.dual,.evolution,.gradient,.mechanism,.source,.system,.why-tech{padding:92px 0}.why-tech{background-position:46%}.why-head{text-align:left}.why-head .section-intro,.why-head .section-title:after{margin-left:0}.why-flow{grid-template-columns:1fr;gap:0;margin-top:44px;box-shadow:0 24px 64px #2b47541a}.why-pains{padding:96px 28px 25px}.why-pains:before{top:27px;left:28px}.why-pain{min-height:54px}.why-core{padding:34px 28px 30px}.why-core-head strong{font-size:22px}.why-result{min-height:230px}.evolution-head,.mechanism-head,.system-head{grid-template-columns:1fr;gap:28px}.system-head .section-intro{border-top:1px solid #fff3;border-left:0;padding:22px 0 0}.system-map{grid-template-columns:1fr;margin-top:48px}.tech-stack{grid-template-columns:1fr}.tech-stack article{border-bottom:1px solid #5d7e9024;border-right:0;min-height:160px}.tech-stack h3{margin-top:36px}.dual{background-position:68%}.dual:before{background:linear-gradient(#fffffffa 0,#ffffffe3 48%,#ffffff47 100%)}.dual-layout{grid-template-columns:1fr;gap:28px}.dual-advantage{margin-top:22px}.protein-pair{grid-template-columns:1fr;gap:10px}.protein-card{min-height:330px;padding:28px 22px}.protein-card:nth-child(2),.tech-stack article:nth-child(2),.tech-stack article:nth-child(2):hover{transform:none}.protein-card:before{font-size:84px}.protein-card h3{font-size:18px}.protein-card p{font-size:10px}.source-grid{grid-template-columns:1fr;gap:48px}.source-copy{padding:38px 30px}.source-copy .section-title{white-space:normal}.source-panel{padding:0}.source-standards-block{margin-top:58px;padding:40px 24px 30px}.standards{grid-template-columns:1fr 1fr}.mechanism-grid{grid-template-columns:1fr;margin-top:45px}.mech{border-bottom:1px solid #5d7e9026;border-right:0;min-height:auto;padding:28px 24px}.timeline{grid-template-columns:1fr;gap:12px;margin-top:48px}.era:nth-child(n){min-height:auto}.foot-brand{grid-column:1/-1}.foot-col a,.foot-col h4{white-space:nowrap;font-size:9px}.tech-icon{margin:24px 0 20px}.dual-copy,.gradient-copy{padding:28px 24px}.gradient .section-title{white-space:normal}.gradient-features{grid-template-columns:1fr}.gradient-feature{min-height:480px}.supplier-brief{grid-template-columns:1fr}.supplier-visual{min-height:260px}.supplier-list{padding:28px 24px}.source-standards-head{grid-template-columns:1fr;gap:22px}.source-standards-head p{border-top:1px solid #ffffff38;border-left:0;padding:20px 0 0}.source-standards-visual{min-height:220px}.standard:nth-child(2n){border-right:0}.supplier-visual{background-position:58%}}@media (width<=420px){.hero-title{font-size:43px}.why-pain{font-size:12px}.why-tech-item{grid-template-columns:34px 1fr}.why-tech-item strong{font-size:13px}.why-result strong{font-size:23px}.gradient-feature{min-height:450px;padding:28px 22px}.source-features,.standards{grid-template-columns:1fr}.source-feature{border-bottom:1px solid #5d7e9024;border-right:1px solid #5d7e9024;min-height:165px;padding:24px}.source-feature:last-child{border-bottom:1px solid #5d7e9024}.source-feature span{top:25px;left:24px}.source-standards-block{padding:34px 18px 24px}.source-standards-head{text-align:left}.source-standards-head p{font-size:11px}.source-standards-visual{min-height:180px}.supplier-visual{min-height:240px;padding:28px 24px}.supplier-visual:after,.supplier-visual:before{left:22px;right:22px}.supplier-list{padding:24px 20px}.standard{border-bottom:1px solid #5d7e9024;border-right:0;min-height:170px}.supplier-overlay strong{font-size:54px}.supplier-overlay p{font-size:12px}}@media (width<=820px){.mechanism-head{max-width:560px}.mechanism-head .section-intro{margin-top:22px}.mechanism-grid{grid-template-columns:1fr;gap:16px;margin-top:46px}.mech{border:1px solid #5d7e9021;grid-template-rows:230px auto;min-height:0;padding:0}.mech-body{min-height:0;padding:28px 26px 25px}.mech h3{margin-top:20px}.mech p{font-size:11px;line-height:1.8}}@media (width<=420px){.mechanism{background-position:68%}.mechanism-grid{margin-top:38px}.mech{grid-template-rows:190px auto}.mech-body{min-height:0;padding:25px 22px 22px}.mech h3{font-size:19px}.mech:after{font-size:118px}}@media (width<=820px){.evolution{background-position:68%}.evolution:before{font-size:96px;top:70px}.evolution-head{text-align:left}.evolution-head .section-title{font-size:35px;line-height:1.2}.evolution-head .section-intro,.evolution-head .section-title:after{margin-left:0}.timeline{grid-template-columns:1fr;margin-top:42px;padding-left:16px}.timeline:before{background:linear-gradient(#5d7e9057,#ffffff9e);width:1px;height:auto;display:block;inset:28px auto 28px 15px}.timeline:after{display:block;inset:auto auto 26px 11px;transform:rotate(135deg)}.era{border-bottom:1px solid #5d7e9024;border-right:0;min-height:0}.era:last-child{border-bottom:0}.era-top{height:116px;padding:20px 26px 17px 40px}.era-generation{min-height:32px}.era-key{bottom:16px;left:40px}.era-point{top:30px;bottom:auto;left:-7px}.era-content{padding:27px 26px 24px 40px}.era-content>p{min-height:0;font-size:13px}}@media (width<=420px){.evolution-head .section-title{font-size:31px}.era h3{font-size:25px}.era-content{padding:27px 22px 23px}.era-top{padding-inline:22px}.era-key,.era-point{left:22px}}@media (width<=820px){.why-pains{padding:30px 28px 25px}.why-core-head,.why-panel-head{min-height:82px}.why-result{padding:30px 28px 28px}.why-result-head strong{white-space:normal}.why-result-body{min-height:185px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition-duration:.01ms;animation:none}.reveal{opacity:1;transform:none}}:root{--blue:#9e9e9e;--blue-deep:#7a7a7a;--blue-pale:#e6e6e6;--muted:#747474;--pearl:#fbf8f6;--line:#f4f4f424;--soft-line:#f4f4f417}.logo-line{background:#ffffff3d}.hero-copy p,.logo-tag,.menu a,.section-intro{color:#747474}.hero-title .accent,.section-title small{color:var(--rose)}.hero-copy p:before{background:#ffffff8c}.back-top{border-color:#ffffff3d}.detail-inline b,.era-generation,.tech-stack article:nth-child(3) .tech-icon,.tech-stack em{color:var(--rose)}.source-icon{color:#ffffffb8}.section-title small{color:#a77837}.detail-inline i,.era-key,.why-pain{color:#747474}.era,.mech,.mech-visual,.protein-card,.source-copy,.source-feature,.source-standards-block,.source-standards-head,.standard,.standards,.tech-stack,.timeline,.why-pains{border-color:#ffffff24}.era-generation{border-color:#ffffff2e}.hero{background-color:#e6e6e6}.system,.why-tech{background-color:#fff}.era,.gradient-feature,.mech,.protein-card,.source-copy,.source-feature,.source-standards-block,.standard,.timeline,.why-pains{background-color:#ffffffe0}.dual-advantage,.gradient,.why-core{background:#7a7a7a}.gradient-copy{background:#ffffffad}.dual-advantage{background:linear-gradient(125deg,#ffffffc7 0,#ffffffe6 54%,#ffffffd1 100%);border:1px solid #ffffff21;box-shadow:0 16px 38px #f4f4f412}.dual-advantage b{color:#7a7a7a;margin-bottom:0;font-size:16px;line-height:1.45}.dual-advantage b:after{content:"";background:#ffffff85;width:34px;height:1px;margin:12px 0 13px;display:block}.dual-advantage p{color:#7f7f7f;font-size:13px;line-height:1.85}.why-core{background:linear-gradient(135deg,#fffffff5 0,#fffffffa 54%,#e1ebedf0 100%);border:1px solid #fff3;box-shadow:0 24px 60px #f4f4f421}.why-core:after{color:#ffffff0b}.gradient .detail-inline b,.gradient .detail-inline span,.why-core-head small{color:var(--rose)}.why-core,.why-core-head strong{color:var(--ink)}.why-core-head:after{background:#ffffff75}.why-tech-item{border-bottom-color:#ffffff21}.why-tech-item span{color:#929292;background:#ffffff7a;border-color:#ffffff4d}.why-tech-item strong{color:#4f4f4f}.gradient .section-intro{color:#6f6f6f}.gradient,.system{background-position:50%;background-repeat:no-repeat;background-size:cover}.system{background-image:linear-gradient(125deg,#ffffffeb 0,#ffffffe3 48%,#f5f9fae6 100%),url(/assets/principle-system-biotech-bg-v1.webp)}.gradient{color:var(--ink);background-image:linear-gradient(125deg,#ffffffd6 0,#ffffffc4 48%,#f1f7f8d1 100%)}.gradient:before{z-index:1;color:#ffffff0b}.gradient:after{content:"";z-index:0;opacity:.36;pointer-events:none;background:url(/assets/principle-gradient-collagen-bg-v1.webp) 50%/cover no-repeat;position:absolute;inset:0;transform:scaleX(-1)}.gradient-copy{border-color:#ffffff1f;box-shadow:0 24px 64px #f4f4f413}.gradient .detail-inline:after{background:#ffffff47}.gradient-feature{background:linear-gradient(155deg,#fffffff0,#f1f6f7d1);border-color:#ffffff1a;box-shadow:0 22px 58px #4b4f5216}.gradient-feature:nth-child(2){background:linear-gradient(155deg,#fffffff2,#fffc)}.dual:before{background:linear-gradient(90deg,#fffffffe 0,#fffffffa 39%,#ffffffd1 68%,#ffffffb3 100%)}.evolution{background-color:#e6e6e6}.era:after,.evolution:before,.gradient-feature:before,.mechanism:before,.protein-card:before,.source-copy:before,.source-standards-block:before,.standard:before,.system:after,.why-pains:after,.why-tech:before{color:#ffffff0b}.footer{color:#fff;background:repeating-linear-gradient(135deg,#ffffff07 0 12px,#fff0 12px 24px),#182630}@media (width<=820px){.menu{background:#fffffffa}}@media (width<=900px){.hero,.hero .hero-inner{flex-direction:column;height:auto;min-height:0;display:flex;position:relative}.hero{isolation:isolate;background:radial-gradient(80% 45% at 86% 7%,#fff1,#0000 67%),radial-gradient(70% 50% at 2% 62%,#689bb517,#0000 72%),linear-gradient(#f8fafb 0,#f2f7f9 68%,#edf4f7 100%);width:100%;max-height:none;padding:0 0 22px;overflow:hidden}.hero:after,.hero:before{pointer-events:none;position:absolute}.hero:before{content:"";z-index:0;background:linear-gradient(#ffffff80,#ffffff14 48%,#dfeef429);inset:0}.hero:after{content:attr(data-word);z-index:1;color:#0000;-webkit-text-stroke:1px #44718a11;letter-spacing:-.075em;white-space:nowrap;font:500 clamp(68px,22vw,86px)/1 Inter,Arial,sans-serif;top:18px;right:-10px}.hero .hero-inner{z-index:3;order:1;justify-content:flex-start;align-items:stretch;gap:0;width:calc(100% - 32px);max-width:none;margin:0 auto;padding:46px 0 0}.hero .hero-copy{z-index:4;text-align:left;width:100%;max-width:none;margin:0;padding:0;position:relative}.hero .eyebrow{color:#ffffffdb;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;width:max-content;max-width:100%;margin:0;font:500 10px/1.35 Inter,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.hero .eyebrow:before{content:"";background:radial-gradient(circle,#9e9e9e 0 1.5px,#0000 2px);border:1px solid #ffffffd1;border-radius:50%;flex:0 0 9px;width:9px;height:9px}.hero .hero-title,.hero h1{color:#2d353a;letter-spacing:-.035em;white-space:normal;text-wrap:balance;max-width:100%;text-shadow:none;margin:15px 0 0;font:500 clamp(38px,10.25vw,40px)/1.06 Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}.hero .hero-title sup,.hero h1 sup,.principle-page .hero .hero-title sup{margin-left:2px;font-size:9px;line-height:1;position:relative;top:-1.7em}.principle-page .hero .hero-title sup{top:-1.65em}.hero .hero-title .accent,.principle-page .hero .hero-title .accent{color:#9e9e9e}.principle-page .hero-research{z-index:2;opacity:1;filter:saturate(.84)brightness(1.025)contrast(.97);background-position:50% 46%;background-size:cover;border:1px solid #ffffffe0;border-radius:28px;width:100%;height:252px;min-height:252px;margin:26px 0 0;position:relative;inset:auto;overflow:hidden;box-shadow:inset 0 1px #fffffff5,0 16px 38px #34546617;-webkit-mask-image:none;mask-image:none}.principle-page .hero-bg{filter:saturate(.7)brightness(1.08)}.principle-page .hero .eyebrow:before{background:radial-gradient(circle,currentColor 0 1.5px,#0000 2px);border:1px solid;border-radius:50%}@media (width<=360px){.hero .hero-inner{padding-top:40px}.hero .hero-title,.hero h1{font-size:36px}.principle-page .hero-research{height:232px;min-height:232px}}.principle-page .hero{isolation:isolate;visibility:visible;background:#eaf2f6;width:100%;height:640px;min-height:640px;max-height:none;padding:0;display:block;position:relative;overflow:hidden}.principle-page .hero-bg{z-index:0;opacity:1;filter:saturate(.78)brightness(1.035)contrast(.97);background:url(/assets/mobile-optimized/generated-mobile-hero/principle-lab-real-v1.webp) 50% 43%/cover no-repeat;border:0;border-radius:0;width:100%;height:100%;margin:0;animation:none;display:block;position:absolute;inset:0}.principle-page .hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f9fcfde0 0,#f9fcfdc7 28%,#f7fbfc7a 49%,#ecf6fa14 70%,#e2eff575 100%),linear-gradient(90deg,#fafcfda8 0,#fafcfd38 58%,#0000 100%);position:absolute;inset:0}.principle-page .hero:after{content:"R1+3";z-index:2;color:#0000;-webkit-text-stroke:1px #496f820e;letter-spacing:-.075em;pointer-events:none;font:400 78px/1 Arial,sans-serif;position:absolute;top:25px;right:-12px}.principle-page .hero .hero-inner{z-index:3;width:calc(100% - 44px);height:100%;min-height:0;margin:0 auto;padding:48px 0 0;display:block;position:relative}.principle-page .hero .hero-copy{z-index:4;text-align:left;width:100%;max-width:none;margin:0;padding:0;position:relative}.principle-page .hero .eyebrow{color:#ffffffd6;letter-spacing:.16em;align-items:center;gap:9px;width:max-content;margin:0;font:500 10px/1.35 Inter,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.principle-page .hero .eyebrow:before{content:"";flex:0 0 8px;width:8px;height:8px}.principle-page .hero .hero-title{color:#1b2a36;letter-spacing:-.04em;white-space:normal;text-shadow:0 1px 14px #ffffffb3;max-width:100%;margin:16px 0 0;font:450 clamp(36px,9.7vw,39px)/1.07 Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}.principle-page .hero-research{display:none}.principle-page .mechanism-grid>.mech{backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffffe6,#ebf5f8c7);border:1px solid #fffffff0;border-radius:24px;grid-template-rows:none;grid-template-columns:40% 60%;min-height:258px;display:grid;overflow:hidden;box-shadow:0 16px 42px #32526017,inset 0 1px #fffffff5}.principle-page .mechanism-grid>.mech:nth-child(2){grid-template-columns:60% 40%}.principle-page .mechanism-grid>.mech .mech-visual{border:0;border-right:1px solid #5d7e901f;grid-area:1/1;width:100%;height:100%;min-height:258px}.principle-page .mechanism-grid>.mech:nth-child(2) .mech-visual{border-left:1px solid #5d7e901f;border-right:0;grid-column:2}.principle-page .mechanism-grid>.mech .mech-visual:after{background:linear-gradient(#ffffff0a,#ebf4f829)}.principle-page .mechanism-grid>.mech .mech-visual img{object-fit:cover;object-position:center;filter:saturate(.82)contrast(.96);width:100%;height:100%}.principle-page .mechanism-grid>.mech .mech-body{grid-area:1/2;justify-content:center;min-width:0;padding:22px 17px 20px}.principle-page .mechanism-grid>.mech:nth-child(2) .mech-body{grid-column:1}.principle-page .mechanism-grid>.mech .mech-no{letter-spacing:.1em;font-size:7px;line-height:1.25}.principle-page .mechanism-grid>.mech h3{letter-spacing:-.02em;margin:13px 0 0;font-weight:500}.principle-page .mechanism-grid>.mech h3:after{width:26px;margin-top:11px}.principle-page .mechanism-grid>.mech p{margin-top:12px}.principle-page .mechanism-grid>.mech:after{opacity:.72;font-size:92px;bottom:-10px;right:9px}.principle-page .mobile-tech-module-body[data-detail-source=gradient-copy]{width:100%;min-width:0;max-width:100%;padding:22px 0 28px;display:block;overflow:hidden}.principle-page .mobile-gradient-carousel{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;contain:inline-size layout;align-items:stretch;gap:14px;display:flex;overflow:auto hidden}.principle-page .mobile-gradient-carousel::-webkit-scrollbar{display:none}.principle-page .mobile-gradient-carousel>.mobile-gradient-card{scroll-snap-align:start;scroll-snap-stop:always;touch-action:pan-x;background:linear-gradient(145deg,#fffffff2,#eaf5f8e0);flex:0 0 84%;position:relative}.principle-page .mobile-gradient-carousel>.mobile-gradient-card:nth-child(2){background:linear-gradient(145deg,#fffffff5,#edf7f9e6)}.principle-page .mobile-gradient-carousel>.mobile-gradient-card:nth-child(3){background:linear-gradient(145deg,#fffffff5,#ffffffdb)}.principle-page .mobile-gradient-card-label{z-index:2;background:#ffffffd1;border:1px solid #ffffff38;align-items:center;max-width:100%;font-weight:600;line-height:1;display:inline-flex;position:relative}.principle-page .mobile-gradient-carousel>.gradient-copy .detail-inline,.principle-page .mobile-gradient-carousel>.gradient-copy .section-kicker{display:none}.principle-page .mobile-gradient-carousel>.gradient-copy .section-title{margin:0}.principle-page .mobile-gradient-carousel>.gradient-copy .section-title:after{width:34px;margin-top:15px}.principle-page .mobile-gradient-carousel>.gradient-copy .section-intro{color:#58707d;width:100%;max-width:none}.principle-page .mobile-gradient-carousel>.gradient-feature{flex-direction:column;display:flex}.principle-page .mobile-gradient-carousel>.gradient-feature:before{color:#5d7e900e;font-size:76px;bottom:-18px;right:12px}.principle-page .mobile-gradient-carousel>.gradient-feature .gf-no{color:#9b9b9b;letter-spacing:.14em;margin:0;font-size:9px;display:block}.principle-page .mobile-gradient-carousel>.gradient-feature h3{color:#203542;letter-spacing:-.015em;margin:16px 0 0;font-size:23px;font-weight:500;line-height:1.28}.principle-page .mobile-gradient-carousel>.gradient-feature>p{color:#58707d;margin:14px 0 0;font-size:14px;line-height:1.75}@media (prefers-reduced-motion:reduce){.principle-page .hero-bg,.principle-page .hero-bg:before{animation:none}}@media (width<=360px){.principle-page .hero{height:620px;min-height:620px}.principle-page .hero .hero-inner{width:calc(100% - 36px);padding-top:42px}.principle-page .hero .hero-title{font-size:35px}}.principle-page main>section:not(.hero){isolation:isolate;padding:82px 0 88px;position:relative;overflow:hidden}.principle-page main>section:not(.hero)>.shell{width:calc(100% - 40px);max-width:none}.principle-page main>section:not(.hero) .detail-inline span,.principle-page main>section:not(.hero) .section-kicker{color:#9b9b9b;letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:650;line-height:1.3}.principle-page main>section:not(.hero) .section-title{color:#203542;letter-spacing:-.045em;margin-top:15px;font-size:34px;font-weight:500;line-height:1.14}.principle-page main>section:not(.hero) .section-intro{color:#5c7480;letter-spacing:.01em;max-width:75%;margin:18px 0 0;font-size:13px;font-weight:400;line-height:1.82}.principle-page main>section:not(.hero) .section-intro+.section-intro{margin-top:10px}.principle-page main>section:not(.hero) .section-title:after{content:"";background:linear-gradient(90deg,#9e9e9e,#fff0);width:40px;height:1px;margin:20px 0 0;display:block}.principle-page .why-tech{background:linear-gradient(#f7fbfcf0,#ebf4f8db),url(/assets/mobile-optimized/principle-why-r13-journey-v1.webp) 55%/cover no-repeat;padding-top:78px}.principle-page .why-tech:before{color:#5d7e9011;font-size:82px;top:32px;right:-34px}.principle-page .why-head{text-align:left;max-width:none;margin:0}.principle-page .why-head .section-intro{max-width:78%}.principle-page .why-head .section-title:after{margin-left:0}.principle-page .why-flow{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:14px;margin-top:34px;display:grid;overflow:visible}.principle-page .why-flow:before{display:none}.principle-page .why-pains{border-radius:26px}.principle-page .why-core{border:1px solid #ffffffe6;min-height:0}.principle-page .why-pains{box-shadow:0 18px 48px #3252601a}.principle-page .why-pains,.principle-page .why-result{border:1px solid #ffffffe6;min-height:0}.principle-page .why-pains{background:#ffffffb8;grid-template-columns:1fr 1fr;padding:24px 22px 20px;display:grid}.principle-page .why-pains .why-panel-head{grid-column:1/-1;min-height:70px;margin:0 0 8px;padding:0 0 16px}.principle-page .why-panel-head strong{margin-top:10px;font-size:20px;font-weight:500}.principle-page .why-panel-head:after{width:30px;bottom:0}.principle-page .why-pain{grid-template-columns:30px 1fr;min-height:52px;font-size:15px;font-weight:450;line-height:1.45}.principle-page .why-pain:nth-child(2n){border-right:1px solid #5d7e9021;padding-right:14px}.principle-page .why-pain:nth-child(odd){padding-left:14px}.principle-page .why-pain:nth-last-child(-n+2){border-bottom:0}.principle-page .why-core{background:linear-gradient(145deg,#365767,#6f8d99);border-radius:26px;margin:0;padding:24px 20px 22px}.principle-page .why-core:before{content:"";z-index:4;background:radial-gradient(circle at 50% 0,#9e9e9e 0 3px,#0000 4px);border-left:1px dashed #ffffffa6;width:1px;height:15px;position:absolute;top:-15px;left:50%}.principle-page .why-core .why-panel-head strong,.principle-page .why-core .why-tech-item strong{color:#203542}.principle-page .dual-advantage b{color:#dadada}.principle-page .why-core .why-tech-item span{color:#9b9b9b;background:#ffffff7a;border-color:#5d7e9040}.principle-page .why-core-head{min-height:72px;margin:0 0 2px;padding-bottom:15px}.principle-page .why-core-head strong{font-size:20px}.principle-page .why-tech-list{grid-template-columns:repeat(3,1fr);gap:0}.principle-page .why-tech-item{border-bottom:0;border-right:1px solid #ffffff24;flex-direction:column;justify-content:center;gap:10px;min-height:96px;padding:0 10px;display:flex}.principle-page .why-tech-item:last-child{border-right:0}.principle-page .why-tech-item strong{font-weight:450;display:block}.principle-page .why-result-head:before{content:"";z-index:4;background:radial-gradient(circle at 50% 100%,#9e9e9e 0 3px,#0000 4px);border-left:1px dashed #ffffffa6;width:1px;height:39px;position:absolute;top:-39px;left:50%}.principle-page .why-result-body>strong span{width:100%;min-height:0;box-shadow:0 10px 24px #ffffff14;box-shadow:none;color:#969696;letter-spacing:0;background:0 0;border:0;border-radius:0;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;padding:0;font-size:34px;font-weight:450;line-height:1;display:flex;position:relative}.principle-page .system{background:linear-gradient(#f9fcfdf5,#e9f3f7e6),url(/assets/mobile-optimized/principle-system-biotech-bg-v1.webp) 68%/cover no-repeat}.principle-page .system:after{color:#5d7e900e;font-size:92px;top:30px;right:-28px}.principle-page .evolution-head,.principle-page .mechanism-head,.principle-page .system-head{text-align:left;max-width:none;margin:0;display:block}.principle-page .system-head .section-intro{border-top:1px solid #fff3;max-width:78%;margin:18px 0 0;padding:18px 0 0}.principle-page .system-map{margin-top:30px}.principle-page .tech-stack{background:#f7fcfd8f;border:1px solid #ffffffe0;border-radius:28px;grid-template-columns:1fr;display:grid;overflow:hidden;box-shadow:0 22px 66px #3252601c}.principle-page .tech-stack article{background:#fff6;border-bottom:1px solid #5d7e9024;border-right:0;min-height:174px;padding:24px 22px 22px}.principle-page .tech-stack article:last-child{border-bottom:0}.principle-page .tech-stack small{letter-spacing:.16em;font-size:8px}.principle-page .tech-stack .tech-icon{width:48px;height:48px;margin:0;position:absolute;top:24px;right:20px}.principle-page .tech-stack .tech-icon svg{width:46px;height:46px}.principle-page .tech-stack h3{margin:28px 58px 0 0;font-size:18px;font-weight:500}.principle-page .tech-stack h3:after{width:30px;margin:13px 0 12px}.principle-page .tech-stack p{max-width:86%;margin:0;font-size:11px;line-height:1.72}.principle-page .dual{background:linear-gradient(#f6fafbf0,#e7f2f6db),url(/assets/mobile-optimized/principle-collagen-type-i-iii-diptych-v1.webp) 64%/cover no-repeat;min-height:0;padding-top:78px}.principle-page .dual:before{background:linear-gradient(#f8fbfcf5,#f7fbfcad 52%,#e8f3f761)}.principle-page .dual-layout{display:block}.principle-page .dual-copy{backdrop-filter:blur(18px);background:#f8fcfdb8;border:1px solid #ffffffe6;border-left-color:#ffffff59;border-radius:26px;padding:28px 22px 24px;box-shadow:0 22px 66px #3252601a}.principle-page .dual-copy .section-title{max-width:90%}.principle-page .dual-copy .section-intro{max-width:82%;font-size:12px}.principle-page .dual-advantage{color:#fff;background:linear-gradient(145deg,#325361f2,#5b7c89e6);border-radius:16px;margin-top:18px;padding:17px 18px}.principle-page .dual-advantage p{color:#ffffffe0;font-size:10px;line-height:1.7}.principle-page .protein-pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.principle-page .protein-card{background:linear-gradient(145deg,#ffffffd6,#dfeef4a8);border:1px solid #ffffffdb;border-radius:22px;min-height:270px;padding:24px 16px 20px;box-shadow:0 16px 42px #3252601a}.principle-page .protein-card:nth-child(2){transform:translateY(18px)}.principle-page .protein-card:before{font-size:62px;bottom:-12px;right:8px}.principle-page .protein-card small{letter-spacing:.1em;font-size:8px}.principle-page .protein-card h3{margin-top:22px;font-size:16px;line-height:1.35}.principle-page .protein-card p{font-size:10px;line-height:1.65}.principle-page .gradient{background:linear-gradient(#f6fafbf0,#e8f1f5db),url(/assets/mobile-optimized/principle-gradient-collagen-bg-v1.webp) 55%/cover no-repeat}.principle-page .gradient-copy{backdrop-filter:blur(18px);background:#f8fcfdbd;border:1px solid #ffffffe0;border-radius:26px;padding:28px 22px 24px;box-shadow:0 22px 66px #3252601a}.principle-page .gradient-copy .section-intro{max-width:82%;font-size:12px}.principle-page .gradient-features{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.principle-page .gradient-feature{background:#f8fcfdb3;border:1px solid #ffffffdb;border-radius:22px;min-height:248px;padding:20px 15px;box-shadow:0 16px 44px #32526017}.principle-page .gradient-feature:nth-child(2){background:#ffffffad;transform:translateY(16px)}.principle-page .gradient-feature .gf-no{letter-spacing:.1em;font-size:7px}.principle-page .gradient-feature h3{margin-top:21px;font-size:15px;line-height:1.32}.principle-page .gradient-feature>p{font-size:10px;line-height:1.65}.principle-page .source{background:linear-gradient(#f8fbfcf0,#e7f1f5db),url(/assets/mobile-optimized/principle-source-selection-standards-v4.webp) 58%/cover no-repeat}.principle-page .source-grid{display:block}.principle-page .source-copy{backdrop-filter:blur(18px);background:#f8fcfdc2;border:1px solid #ffffffe6;border-radius:26px;padding:28px 22px 24px;box-shadow:0 22px 66px #3252601a}.principle-page .source-copy .section-intro{color:#5c7480;max-width:82%;font-size:12px}.principle-page .source-panel{margin-top:14px}.principle-page .source-features{box-shadow:none;background:0 0;border:0;grid-template-columns:1fr 1fr;gap:10px;padding:0;display:grid}.principle-page .source-feature{background:#f8fcfdb8;border:1px solid #ffffffdb;border-radius:20px;min-height:150px;padding:20px 16px;box-shadow:0 14px 38px #32526014}.principle-page .source-feature:nth-child(2n){background:#ffffffa8}.principle-page .source-feature span{letter-spacing:.09em;font-size:7px;top:18px;left:16px}.principle-page .source-icon{width:40px;height:40px;top:16px;right:14px}.principle-page .source-feature h3{margin:52px 0 0;font-size:16px;font-weight:500}.principle-page .source-feature p{margin-top:8px;font-size:10px;line-height:1.55}.principle-page .source-standards-block{background:#f8fcfdb8;border:1px solid #ffffffe0;border-radius:26px;margin-top:28px;padding:24px 18px 22px;box-shadow:0 22px 66px #3252601a}.principle-page .source-standards-head{display:block}.principle-page .source-standards-head h3{margin-top:12px;font-size:22px;line-height:1.2}.principle-page .source-standards-head p{color:#5c7480;max-width:82%;font-size:11px;line-height:1.7}.principle-page .source-standards-visual{opacity:.76;border-radius:18px;min-height:145px;margin-top:16px}.principle-page .standards{border:1px solid #5d7e9021;border-radius:16px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.principle-page .standard{background:#ffffff61;border-bottom:1px solid #5d7e9021;border-right:1px solid #5d7e9021;min-height:150px;padding:18px 14px}.principle-page .standard:nth-child(2n){border-right:0}.principle-page .standard:nth-last-child(-n+2){border-bottom:0}.principle-page .standard b{letter-spacing:.08em;font-size:7px}.principle-page .standard h4{margin:27px 0 8px;font-size:13px;line-height:1.35}.principle-page .standard p{font-size:9px;line-height:1.55}.principle-page .supplier-brief{border:1px solid #5d7e901f;border-radius:18px;grid-template-columns:1fr;margin-top:16px;display:grid;overflow:hidden}.principle-page .supplier-visual{background-position:50%;min-height:170px}.principle-page .supplier-list{background:linear-gradient(145deg,#365767,#6f8d99);padding:18px}.principle-page .supplier-list p{color:#ffffffe0;font-size:10px;line-height:1.7}.principle-page .mechanism{background:linear-gradient(#f7fbfcf2,#e8f2f6d6),url(/assets/mobile-optimized/principle-mechanism-bg-v1.webp) 60%/cover no-repeat}.principle-page .evolution-head .section-intro,.principle-page .mechanism-head .section-intro{max-width:78%}.principle-page .mechanism-grid{grid-template-columns:1fr;gap:14px;margin-top:30px;display:grid}.principle-page .mech{background:#f8fcfdb8;border:1px solid #ffffffe0;border-radius:24px;grid-template-rows:148px auto;min-height:0;display:grid;overflow:hidden;box-shadow:0 18px 50px #3252601a}.principle-page .mech-visual{min-height:0}.principle-page .mech-body{padding:22px 20px 20px}.principle-page .mech-no{letter-spacing:.12em;font-size:8px}.principle-page .mech h3{margin-top:15px;font-size:19px;font-weight:500}.principle-page .mech h3:after{width:30px;margin-top:12px}.principle-page .mech p{font-size:11px;line-height:1.7}.principle-page .evolution:before{font-size:86px;top:34px;right:-34px}.principle-page .timeline{background:#f8fcfd9e;border:1px solid #ffffffdb;border-radius:26px;grid-template-columns:1fr;margin-top:30px;padding-left:14px;display:grid;overflow:hidden;box-shadow:0 22px 66px #3252601c}.principle-page .timeline:before{background:linear-gradient(#5d7e904d,#ffffffb3);width:1px;inset:28px auto 28px 13px}.principle-page .timeline:after{display:none}.principle-page .era{background:#ffffff5c;border-bottom:1px solid #5d7e9021;border-right:0;min-height:0}.principle-page .era:last-child{background:#ffffff7a;border-bottom:0}.principle-page .era-top{height:92px;padding:18px 20px 14px 32px}.principle-page .era-generation{min-height:28px;padding:0 11px;font-size:10px}.principle-page .era-key{letter-spacing:.12em;font-size:8px;bottom:13px;left:32px}.principle-page .era-point{border-width:2px;width:10px;height:10px;top:25px;left:-7px}.principle-page .era-content{padding:22px 20px 22px 32px}.principle-page .era h3{font-size:23px;font-weight:500}.principle-page .era-content>p{min-height:0;margin-top:13px;font-size:11px;line-height:1.7}.principle-page .era-content>p:before{width:30px;margin-bottom:11px}@media (width<=420px){.principle-page main>section:not(.hero){padding:70px 0 76px}.principle-page main>section:not(.hero)>.shell{width:calc(100% - 32px)}.principle-page main>section:not(.hero) .section-title{font-size:31px}.principle-page main>section:not(.hero) .section-intro{max-width:82%;font-size:12px}.principle-page .protein-card{min-height:250px;padding-inline:14px}.principle-page .protein-card h3,.principle-page .source-feature h3{font-size:15px}.principle-page .gradient-feature{min-height:230px;padding-inline:13px}.principle-page .source-feature{min-height:140px}.principle-page .standard{min-height:142px;padding:16px 12px}.principle-page .standard h4{font-size:12px}}.principle-page .why-pains{background:linear-gradient(90deg,#ffffffed 0,#ffffffc7 48%,#ffffff52 100%),url(/assets/mobile-optimized/principle-why-pains-bg-v1.webp) 68%/cover no-repeat}.principle-page .why-result{background:linear-gradient(90deg,#fffffff0 0,#ffffffc7 52%,#ffffff61 100%),url(/assets/mobile-optimized/principle-why-result-bg-v1.webp) 72%/cover no-repeat}.principle-page .why-core{color:#203542;background:linear-gradient(135deg,#f7fbfcf7 0,#e8f1f5e8 60%,#dee7eed1 100%),url(/assets/mobile-optimized/principle-why-core-tech-bg-v1.webp) 64%/cover no-repeat;box-shadow:0 18px 48px #3252601a}.principle-page .why-core:before{display:none}.principle-page .why-core:after{color:#5d7e9013}.principle-page .why-core .why-panel-head small{color:#9b9b9b}.principle-page .why-core .why-panel-head:after{background:#ffffff85}.principle-page .why-core .why-tech-item{border-color:#5d7e9026}.principle-page .why-result-body>strong span:before{background:#9e9e9e}.principle-page .why-result-body>strong span:after{bottom:5px}.mobile-tech-break,.principle-page .mobile-tech-details-head .section-title:after,.principle-page main>section.dual,.principle-page main>section.gradient,.principle-page main>section.source,.principle-page main>section.system{display:none}.principle-page .mobile-tech-details{background:linear-gradient(#f8fcfdf5,#e8f2f6db),url(/assets/mobile-optimized/principle-system-biotech-bg-v1.webp) 68%/cover no-repeat;padding:72px 0 78px;display:block}.principle-page .mobile-tech-details-head{text-align:center;max-width:100%}.principle-page .mobile-tech-details-head .section-title{color:#203542;letter-spacing:-.035em;margin-top:0;font-size:29px;font-weight:500;line-height:1.18}.principle-page .mobile-tech-details-head .section-kicker{color:#8b8b8b;letter-spacing:.2em;margin-top:16px;font-size:10px}.principle-page .mobile-tech-head-rule{background:#9b9b9b;width:38px;height:2px;margin:18px auto 0;display:block}.principle-page .mobile-tech-details-head .section-intro{color:#5c7480;text-align:left;max-width:92%;margin:28px auto 0;font-size:13px;line-height:1.85}.principle-page .mobile-tech-module{backdrop-filter:blur(16px);background:#f8fcfdc2;border:1px solid #ffffffeb;overflow:hidden}.principle-page .mobile-tech-module summary{cursor:pointer;grid-template-columns:30px minmax(0,1fr) 76px;align-items:start;gap:14px;min-height:128px;padding:24px 20px 24px 22px;list-style:none;display:grid;position:relative}.principle-page .mobile-tech-module summary::-webkit-details-marker{display:none}.principle-page .mobile-tech-summary-copy{min-width:0;display:grid}.principle-page .mobile-tech-summary-copy small{color:#9b9b9b;white-space:nowrap;text-overflow:ellipsis;font:700 8px/1.2 Arial,sans-serif;overflow:hidden}.principle-page .mobile-tech-summary-copy strong{color:#203542;font-weight:500}.principle-page .mobile-tech-summary-copy em{color:#637985;font-size:12px;font-style:normal;line-height:1.55}.principle-page .mobile-tech-module-body{border-top:1px solid #5d7e9021}.principle-page .mobile-tech-registration-body{border-top:1px solid #5d7e9021;padding:0 20px 22px}.principle-page .mobile-tech-module-body .dual-copy,.principle-page .mobile-tech-module-body .gradient-copy,.principle-page .mobile-tech-module-body .source-copy{box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;max-height:none;padding:22px 0 0;overflow:visible}.principle-page .mobile-tech-module-body .dual-advantage,.principle-page .mobile-tech-module-body .mobile-tech-registration-body,.principle-page .mobile-tech-module-body .mobile-tech-registration-inline,.principle-page .mobile-tech-module-body .section-intro{visibility:visible;max-height:none;display:block;overflow:visible}.principle-page .mobile-tech-module-body .detail-inline span{color:#9b9b9b;letter-spacing:.14em;font-size:9px}.principle-page .mobile-tech-module-body .detail-inline b{color:#9e9e9e;font-size:24px;font-weight:450;line-height:1}.principle-page .mobile-tech-registration-body .source-standards-block{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:22px 0 0}.principle-page .mobile-tech-registration-body .source-standards-head h3{margin-top:10px;font-size:20px}.principle-page .mobile-tech-registration-body .source-standards-head p{max-width:100%;font-size:11px}.principle-page .mobile-tech-registration-body .source-standards-visual{display:none}.principle-page .mobile-tech-registration-body .standards,.principle-page .mobile-tech-registration-body .supplier-brief{margin-top:16px}.principle-page .why-tech-list{align-items:stretch}.principle-page .why-tech-item{text-align:center;align-items:center;padding-inline:6px}.principle-page .why-tech-item span{margin-inline:auto}.principle-page .why-tech-item strong{text-align:center;width:100%}.principle-page .why-result-state{font-style:normal}.principle-page .why-result-body{justify-content:center}.principle-page .mobile-dual-carousel>.dual-copy .dual-advantage b:after,.principle-page .mobile-dual-carousel>.dual-copy .dual-advantage b:before{content:none;display:none}.principle-page .why-result{border-color:#fffffff0;box-shadow:0 18px 48px #3252601a}.principle-page .why-result-head small{letter-spacing:.16em;font-size:8px}.principle-page .why-result-head strong{margin-top:10px;font-weight:500}.principle-page .why-result-state{color:#7a7a7a;justify-content:center;align-items:center;gap:11px;display:flex}.principle-page .why-result-state:after,.principle-page .why-result-state:before{background:linear-gradient(90deg,#0000,#ffffff47);flex:auto;height:1px}.principle-page .why-result-state:after{transform:scaleX(-1)}.principle-page .mobile-tech-details{background:linear-gradient(#f8fcfdcc 0,#eef6f8ad 54%,#e2eef394 100%),url(/assets/mobile-optimized/principle-system-biotech-bg-v1.webp) 78%/cover no-repeat;position:relative;overflow:hidden}.principle-page .mobile-tech-details:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff38,#0000 46%,#ddecf214);position:absolute;inset:0}.principle-page .mobile-tech-details>.shell{z-index:1;position:relative}.principle-page .mobile-tech-module{background:linear-gradient(135deg,#ffffffd6,#ebf4f7a8);border-color:#fffffff0;border-radius:28px;min-height:128px;position:relative;box-shadow:0 18px 50px #3252601c,inset 0 1px #ffffffc7}.principle-page .mobile-tech-module:nth-child(2){background:linear-gradient(135deg,#ffffffdb,#f2eff4b3)}.principle-page .mobile-tech-module:nth-child(3){background:linear-gradient(135deg,#ffffffd6,#e5eff3b8)}.principle-page .mobile-tech-module:before{color:#5d7e9012;letter-spacing:-.08em;font:700 92px/1 Arial,sans-serif}.principle-page .mobile-tech-module:first-child:before{content:"01"}.principle-page .mobile-tech-module:nth-child(2):before{content:"02"}.principle-page .mobile-tech-module:nth-child(3):before{content:"03"}.principle-page .mobile-tech-summary-copy{z-index:1;gap:6px;position:relative}.principle-page .mobile-tech-summary-copy small{letter-spacing:.14em;font-size:8px}.principle-page .mobile-tech-summary-copy strong{letter-spacing:.01em}.principle-page .mobile-tech-module:first-child summary{grid-template-columns:66px 1fr 30px}.principle-page .mobile-tech-module:first-child .mobile-tech-summary-copy small{display:none}.principle-page .mobile-tech-module-body .mobile-tech-registration-inline{line-height:1.3}.principle-page .mobile-tech-module-body .mobile-tech-registration-body{border-top:0;margin-top:0;padding:0}.principle-page .mobile-tech-module[open]{background:#f9fcfde6}.principle-page .mobile-tech-module[open] summary{z-index:2;box-sizing:border-box;background:#ffffff47;border:1px solid #fffffff0;border-radius:24px;width:100%;min-width:0;max-width:100%;min-height:112px;position:relative;overflow:hidden;box-shadow:0 14px 34px #32526017,inset 0 1px #ffffffe6}.principle-page .mobile-tech-module-body{background:#fff3;border-top:0;padding:0 18px 30px}.principle-page .mobile-tech-module-body>.dual-copy,.principle-page .mobile-tech-module-body>.gradient-copy,.principle-page .mobile-tech-module-body>.source-copy{padding:24px 2px 0}.principle-page .mobile-tech-module-body .detail-inline{color:#9b9b9b;border-bottom:1px solid #ffffff2e;align-items:baseline;gap:9px;margin:0 0 16px;padding:0 0 12px;display:flex}.principle-page .mobile-tech-module-body .detail-inline i{color:#7b8990;font-size:9px;font-style:normal;display:block}.principle-page .mobile-tech-module-body .detail-inline-chip{border-bottom:0;align-items:center;gap:8px;padding-bottom:0}.principle-page .mobile-tech-module-body .detail-inline-chip span{letter-spacing:.08em;font-size:12px}.principle-page .mobile-tech-module-body .detail-inline-chip i{color:#89959b;font-size:13px}.principle-page .mobile-tech-module-body .detail-inline-chip b{color:#969696;letter-spacing:.01em;background:#ffffffe6;border-radius:8px;padding:7px 11px;font-size:22px}.principle-page .mobile-tech-module-body .section-kicker{color:#9b9b9b;letter-spacing:.18em;margin:0;font-size:9px}.principle-page .mobile-tech-module-body .section-title{color:#203542;letter-spacing:-.025em;max-width:100%;margin:12px 0 0;font-size:27px;font-weight:500;line-height:1.2}.principle-page .mobile-tech-module-body .section-title:after{background:#ffffffa6;width:34px;height:1px;margin:15px 0 0;display:block}.principle-page .mobile-tech-module-body .section-intro{color:#5c7480;letter-spacing:.01em;max-width:100%;margin:17px 0 0;font-size:13px;line-height:1.82}.principle-page .mobile-tech-module-body .section-intro+.section-intro{margin-top:13px}.principle-page .mobile-tech-module-body .dual-advantage{background:linear-gradient(135deg,#ffffffe0,#f2eef2ad);border:1px solid #ffffff29;border-radius:18px;margin:22px 0 0;padding:18px 17px;box-shadow:0 12px 30px #f4f4f40f}.principle-page .mobile-tech-module-body .dual-advantage b{color:#7a7a7a;font-size:16px;font-weight:600;line-height:1.35;display:block}.principle-page .mobile-tech-module-body .dual-advantage p{color:#627783;margin:12px 0 0;font-size:12px;line-height:1.7}.principle-page .mobile-tech-module-body>.gradient-features,.principle-page .mobile-tech-module-body>.protein-pair,.principle-page .mobile-tech-module-body>.source-panel{border-top:1px solid #5d7e9024;margin-top:26px;padding-top:22px}.principle-page .mobile-tech-module-body>.gradient-features,.principle-page .mobile-tech-module-body>.protein-pair{gap:12px}.principle-page .mobile-tech-module-body>.gradient-features .gradient-feature,.principle-page .mobile-tech-module-body>.protein-pair .protein-card,.principle-page .mobile-tech-module-body>.source-panel .source-feature{box-shadow:0 12px 32px #32526014}.principle-page .mobile-tech-module-body .mobile-tech-registration-inline{color:#203542;border-top:1px solid #5d7e9029;margin-top:28px;padding:22px 0 0;font-size:18px;font-weight:500}.principle-page .mobile-tech-module-body .mobile-tech-registration-body .source-standards-block{background:#f8fcfdad;border-radius:20px;margin-top:18px;padding:22px 16px 20px}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;gap:12px;padding:22px 0 28px;display:block;overflow:visible}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]::-webkit-scrollbar,.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair::-webkit-scrollbar{display:none}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.dual-copy{scroll-snap-align:start;background:#ffffffd1;border:1px solid #ffffffeb;border-radius:22px;flex:0 0 82%;box-shadow:0 14px 36px #32526014}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.dual-copy .section-intro{width:100%;max-width:none;font-size:14px;line-height:1.8}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.dual-copy .section-title{letter-spacing:-.01em;font-size:23px;line-height:1.3}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair{display:contents}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card{margin:0}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card:nth-child(2){background:linear-gradient(145deg,#fffffff5,#ffffffd6);transform:none}.principle-page .mobile-protein-title:after,.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.dual-copy .detail-inline-chip,.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card small{display:none}.principle-page .mobile-protein-title{color:#203542;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.principle-page .mobile-protein-code{color:#969696;letter-spacing:.01em;background:#ffffffe6;border-radius:8px;align-items:center;padding:0 9px;font:500 17px/1 Arial,sans-serif;display:inline-flex}.principle-page .mobile-protein-role{color:#969696;letter-spacing:.04em;background:#ffffffc7;border:1px solid #ffffff57;border-radius:999px;align-items:center;width:max-content;padding:7px 12px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.dual-copy{width:auto;min-width:0;margin:0 18px 18px;padding:22px 18px 24px}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;border-top:0;align-items:stretch;gap:12px;width:100%;max-width:100%;margin:0;padding:0 18px 6px;display:flex;overflow:auto hidden}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card{touch-action:pan-x;scroll-snap-stop:always;scroll-snap-align:start;isolation:isolate;background:linear-gradient(145deg,#fffffff5,#ebf6f9e0);border:1px solid #fffffff5;border-radius:22px;flex:0 0 84%;justify-content:flex-start;min-width:84%;min-height:386px;padding:142px 18px 20px;box-shadow:0 14px 34px #32526017,inset 0 1px #ffffffe6}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card:before,.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card:before{z-index:0;color:#5d7e9013;pointer-events:none;font-size:70px;top:8px;left:auto;right:13px}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card:after{z-index:0;opacity:.94;background-position:0 34%;background-size:200%;width:auto;height:126px;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 68%,#0000 100%);mask-image:linear-gradient(#000 0 68%,#0000 100%)}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card:nth-child(2):after,.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card:nth-child(2):after{background-position:right 34%}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card>*{z-index:1;position:relative}.principle-page .mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card p{color:#58707d;letter-spacing:0;border-top:1px solid #5d7e9024;margin:0;padding-top:14px;font-size:14px;font-weight:400;line-height:1.78}.principle-page .mobile-protein-title{font-size:18px;line-height:1.35}.principle-page .mobile-protein-code{min-height:29px;font-size:16px}.principle-page .mobile-protein-role{background:#ffffff94;margin:10px 0 15px}.principle-page .mobile-dual-carousel{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;box-sizing:border-box;contain:inline-size layout;align-items:stretch;gap:14px;min-width:0;display:flex;overflow:auto hidden}.principle-page .mobile-dual-carousel::-webkit-scrollbar{display:none}.principle-page .mobile-dual-carousel>.dual-copy,.principle-page .mobile-dual-carousel>.protein-pair>.protein-card{scroll-snap-align:start;scroll-snap-stop:always;touch-action:pan-x;flex:0 0 84%}.principle-page .mobile-dual-carousel>.dual-copy{background:#ffffffd1;border:1px solid #ffffffeb;box-shadow:0 14px 36px #32526014}.principle-page .mobile-dual-carousel>.dual-copy .detail-inline-chip{display:none}.principle-page .mobile-dual-carousel>.dual-copy .section-intro{width:100%;max-width:none;font-size:14px;line-height:1.8}.principle-page .mobile-dual-carousel>.dual-copy .dual-advantage{border:0}.principle-page .mobile-dual-carousel>.dual-copy .dual-advantage b{letter-spacing:.01em}.principle-page .mobile-dual-carousel>.protein-pair{display:contents}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card{isolation:isolate;background:linear-gradient(145deg,#fffffff5,#ebf6f9e0);border:1px solid #fffffff5;justify-content:flex-start;align-self:stretch;box-shadow:0 14px 34px #32526017,inset 0 1px #ffffffe6}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card:nth-child(2){background:linear-gradient(145deg,#fffffff5,#ffffffd6);transform:none}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card:after{z-index:0;opacity:.94;background-position:0 34%;background-size:200%;width:auto;height:288px;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 68%,#0000 100%);mask-image:linear-gradient(#000 0 68%,#0000 100%)}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card>*{z-index:1;position:relative}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card p{letter-spacing:0;color:#637985;border:0;margin:0;padding:0;font-size:11px;font-weight:400;line-height:1.7}.principle-page .mobile-tech-module[open]{width:100%;min-width:0;max-width:100%;box-shadow:none;background:0 0;border:0}.principle-page .mobile-tech-module[open] .mobile-tech-module-body{z-index:1;box-sizing:border-box;contain:layout paint;isolation:isolate;border:1px solid #ffffffeb;border-radius:24px;width:100%;min-width:0;max-width:100%;margin-top:12px;position:relative;overflow:hidden;box-shadow:0 16px 40px #32526017}.principle-page .mobile-tech-module[open] .mobile-tech-module-body[data-detail-source=dual-copy]{overflow:hidden}.principle-page .mobile-tech-module:first-child:before{content:none;display:none}.principle-page .mobile-tech-module:first-child>summary,.principle-page .mobile-tech-module:first-child[open]>summary{grid-template-rows:auto;align-items:center;column-gap:10px;padding:18px 16px;display:grid}.principle-page .mobile-tech-module:first-child .mobile-tech-summary-copy strong{white-space:normal;overflow-wrap:anywhere;grid-area:auto;font-size:17px;line-height:1.3}.principle-page .mobile-tech-module:first-child .mobile-tech-summary-copy em{white-space:normal;overflow-wrap:anywhere;grid-area:auto;width:100%;max-width:none;margin:0;padding:0;font-size:12px;line-height:1.55}.principle-page .mobile-tech-module:nth-child(2)>summary,.principle-page .mobile-tech-module:nth-child(2)[open]>summary{grid-template-columns:44px minmax(0,1fr) 76px}.principle-page .mobile-tech-module:nth-child(3)>summary,.principle-page .mobile-tech-module:nth-child(3)[open]>summary{grid-template-columns:72px minmax(0,1fr) 76px}.principle-page .mobile-tech-module:first-child>summary,.principle-page .mobile-tech-module:first-child[open]>summary{grid-template-columns:56px minmax(0,1fr) 76px;min-height:140px}.principle-page .mobile-tech-module summary:focus{outline:0}.principle-page .mobile-tech-module summary:focus-visible{outline-offset:2px;outline:2px solid #ffffff47}.principle-page .mobile-tech-module-body[data-detail-source=source-copy]{width:100%;min-width:0;max-width:100%;padding:22px 0 28px;display:block;overflow:hidden}.principle-page .mobile-source-carousel{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;contain:inline-size layout;align-items:stretch;gap:14px;display:flex;overflow:auto hidden}.principle-page .evolution .timeline::-webkit-scrollbar,.principle-page .mobile-source-carousel::-webkit-scrollbar{display:none}.principle-page .mobile-source-slide{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;touch-action:pan-x;backdrop-filter:blur(16px);background:linear-gradient(145deg,#fffffff2,#eaf5f8e0);border:1px solid #fffffff5;border-radius:24px;flex:0 0 88%;min-width:88%;min-height:690px;margin:0;padding:24px 18px;position:relative;overflow:hidden;box-shadow:0 14px 36px #32526017,inset 0 1px #fffffff0}.principle-page .mobile-source-overview>.source-copy{box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.principle-page .mobile-source-overview>.source-copy .detail-inline{margin-bottom:15px}.principle-page .mobile-source-overview>.source-copy .section-title{margin-top:13px;font-size:25px;line-height:1.25}.principle-page .mobile-source-overview>.source-copy .section-intro{color:#58707d;width:100%;max-width:none;font-size:14px;line-height:1.8}.principle-page .mobile-source-overview>.source-panel{border-top:1px solid #5d7e9024;margin:24px 0 0;padding:22px 0 0}.principle-page .mobile-source-overview .source-features{height:auto;box-shadow:none;background:0 0;grid-template-columns:1fr 1fr;gap:10px;padding:0;display:grid}.principle-page .mobile-source-overview .source-feature{min-height:144px;padding:18px 14px}.principle-page .mobile-source-overview .source-feature span{font-size:7px;top:16px;left:14px}.principle-page .mobile-source-overview .source-icon{width:38px;height:38px;top:15px;right:12px}.principle-page .mobile-source-overview .source-feature h3{margin:50px 0 0;font-size:17px}.principle-page .mobile-source-overview .source-feature p{font-size:10px;line-height:1.55}.principle-page .mobile-source-standards>.source-standards-head{border-bottom:1px solid #5d7e9024;padding:0 0 24px;display:block}.principle-page .mobile-source-standards .source-standards-copy{padding:0}.principle-page .mobile-source-standards .source-standards-copy .section-kicker{color:#9b9b9b;letter-spacing:.15em;margin:0;font-size:9px}.principle-page .mobile-source-standards .source-standards-copy h3{color:#203542;letter-spacing:-.02em;margin:15px 0 0;font-size:23px;font-weight:500;line-height:1.3}.principle-page .mobile-source-standards .source-standards-copy p{color:#58707d;border-top:1px solid #fff3;width:100%;max-width:none;margin:20px 0 0;padding:17px 0 0;font-size:12px;line-height:1.72}.principle-page .evolution .timeline:after,.principle-page .evolution .timeline:before,.principle-page .mobile-source-standards .source-standards-visual{display:none}.principle-page .mobile-source-standards>.standards{border:1px solid #5d7e9024;border-radius:18px;grid-template-columns:1fr 1fr;margin-top:18px;display:grid;overflow:hidden}.principle-page .mobile-source-standards .standard{background:#fff6;min-height:176px;padding:18px 13px}.principle-page .mobile-source-standards .standard b{letter-spacing:.09em;font-size:7px}.principle-page .mobile-source-standards .standard h4{margin:28px 0 9px;font-size:13px;line-height:1.42}.principle-page .mobile-source-standards .standard p{font-size:10px;line-height:1.55}.principle-page .mobile-source-supplier{background:linear-gradient(145deg,#fafdfef5,#e5f1f6e8);padding:0}.principle-page .mobile-source-supplier>.supplier-brief{box-shadow:none;background:0 0;border:0;border-radius:24px;grid-template-columns:1fr;margin:0;display:grid;overflow:hidden}.principle-page .mobile-source-supplier .supplier-visual{color:#203542;background:linear-gradient(90deg,#eef7faf0 0,#eff7fab8 42%,#f7fbfc33 100%),linear-gradient(#fff3,#e1eef44d),url(/assets/mobile-optimized/principle-supplier-headquarters-awards-v1.webp) 50%/cover no-repeat;min-height:286px;padding:30px 24px}.principle-page .mobile-source-supplier .supplier-overlay{max-width:82%}.principle-page .mobile-source-supplier .supplier-overlay span{color:#9b9b9b;letter-spacing:.12em;margin-bottom:17px;font-size:12px}.principle-page .mobile-source-supplier .supplier-overlay span:after{background:#ffffff80}.principle-page .mobile-source-supplier .supplier-overlay strong{color:#203542;margin-bottom:17px;font-size:62px}.principle-page .mobile-source-supplier .supplier-overlay p{color:#314b58;font-size:14px;line-height:1.6}.principle-page .mobile-source-supplier .supplier-list{background:linear-gradient(145deg,#ebf6f9f5,#f7fafbe6);align-content:start;gap:14px;padding:24px 22px;box-shadow:inset 0 1px #ffffffe6}.principle-page .mobile-source-supplier .supplier-list p{color:#4f6874;padding-left:30px;font-size:11px;line-height:1.72}.principle-page .mobile-source-supplier .supplier-list p:before{color:#fff;background:#9e9e9e;box-shadow:0 6px 14px #ffffff29}.principle-page .evolution .timeline{width:100%;min-width:0;max-width:100%;box-shadow:none;backdrop-filter:none;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;background:0 0;border:0;border-radius:0;grid-template-columns:none;display:flex;overflow:auto hidden}.principle-page .evolution .timeline>.era{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;background:linear-gradient(145deg,#fffffff0,#eaf4f8d6)}.principle-page .why-result-head:before{display:none}.principle-page .evolution .era-key{display:block}.principle-page .why-result{background:linear-gradient(90deg,#fffffff5 0,#ffffffe8 52%,#ffffff9e 100%),url(/assets/mobile-optimized/principle-why-result-bg-v1.webp) 74%/cover no-repeat;border:0;border-radius:24px;padding:26px 22px 24px}.principle-page .why-result-body,.principle-page .why-result-head{min-height:0}.principle-page .why-result-state:after,.principle-page .why-result-state:before{content:none;display:none}.principle-page .why-result-head strong{letter-spacing:0;font-size:20px}.principle-page .why-result-state{white-space:normal;text-align:center;width:auto;margin:0;display:block}.principle-page .why-result-body>strong{justify-content:center;display:flex}.principle-page .mobile-tech-module,.principle-page .mobile-tech-module>summary,.principle-page .mobile-tech-module[open]>summary{box-sizing:border-box;width:100%;max-width:100%}.principle-page .mobile-tech-module>summary{min-height:128px}.principle-page .mobile-tech-module>summary,.principle-page .mobile-tech-module[open]>summary{grid-template-columns:72px minmax(0,1fr) 36px;column-gap:14px;padding:20px 18px}.principle-page .mobile-tech-module .mobile-tech-summary-copy{grid-area:1/2;min-width:0;max-width:100%;overflow:hidden}.principle-page .mobile-tech-module[open]{background:#f9fcfdd6;border:1px solid #fffffff0;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px #3252601a}.principle-page .mobile-dual-carousel>.dual-copy,.principle-page .mobile-tech-module[open]>summary{box-shadow:none;background:0 0;border:0;border-radius:0}.principle-page .mobile-tech-module[open]>.mobile-tech-module-body{box-shadow:none;background:0 0;border-radius:0}.principle-page .mobile-dual-carousel{width:100%;max-width:none;padding:0;display:block;overflow:visible}.principle-page .mobile-dual-carousel>.dual-copy{width:auto;min-width:0;margin:0;padding:22px 18px 0}.principle-page .mobile-dual-carousel>.dual-copy .dual-advantage{box-shadow:none;background:0 0;display:block}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card:after,.principle-page .mobile-dual-carousel>.protein-pair>.protein-card:before,.principle-page .mobile-gradient-carousel>.mobile-gradient-card:before,.principle-page .mobile-source-carousel>.mobile-source-slide:after,.principle-page .mobile-source-carousel>.mobile-source-slide:before{content:none;display:none}.principle-page .mobile-dual-carousel>.protein-pair{border-top:1px solid #5d7e9024;grid-template-columns:1fr;gap:0;width:auto;max-width:none;margin:20px 18px 0;padding:0;display:grid;overflow:visible}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card{width:auto;min-width:0;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #5d7e901f;border-radius:0;margin:0;padding:16px 0;display:block}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card:last-child{border-bottom:0}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card .mobile-protein-title{align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.35;display:flex}.principle-page .mobile-dual-carousel>.protein-pair>.protein-card .mobile-protein-role{color:#9b9b9b;background:0 0;border:0;border-radius:0;margin:8px 0 10px;padding:0;font-size:10px}.principle-page .mobile-gradient-carousel,.principle-page .mobile-source-carousel{box-sizing:border-box;width:100%;min-width:0;max-width:none}.principle-page .mobile-gradient-carousel>.mobile-gradient-card,.principle-page .mobile-source-carousel>.mobile-source-slide{box-shadow:none;backdrop-filter:none;background:0 0;border:0;display:block}.principle-page .mobile-gradient-carousel>.mobile-gradient-card+.mobile-gradient-card,.principle-page .mobile-source-carousel>.mobile-source-slide+.mobile-source-slide{padding-top:22px}.principle-page .mobile-gradient-carousel>.mobile-gradient-card:last-child,.principle-page .mobile-source-carousel>.mobile-source-slide:last-child{border-bottom:0}.principle-page .mobile-gradient-card-label{color:#9b9b9b;letter-spacing:.14em;background:0 0;border:0;border-radius:0;width:auto;min-height:0;margin:0 0 14px;padding:0;font-size:9px;display:block}.principle-page .mobile-gradient-carousel .mobile-gradient-card-label{display:none}.principle-page .mobile-dual-carousel>.dual-copy .section-title,.principle-page .mobile-gradient-carousel>.gradient-copy .section-title{letter-spacing:-.01em;margin-top:0;font-size:23px;line-height:1.3}.principle-page .mobile-gradient-carousel>.gradient-copy .section-intro{margin-top:17px;font-size:14px;line-height:1.8}.principle-page .mobile-gradient-carousel>.gradient-copy .section-intro+.section-intro{margin-top:13px}.principle-page .mobile-dual-carousel>.dual-copy .dual-advantage{background:linear-gradient(135deg,#f0f8faf5,#ffffffe6);border:1px solid #ffffff1f;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:7px 14px;margin-top:22px;padding:16px;display:grid;box-shadow:0 12px 30px #32526012,inset 0 1px #ffffffeb}.principle-page .mobile-dual-carousel>.dual-copy .dual-advantage:before{content:"";background-color:#ffffffbd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='1.35' stroke-linecap='round'%3E%3Cpath d='M3.5 8.2c2.6-3.1 5.4-3.1 8.1 0s5.5 3.1 8.9 0'/%3E%3Cpath d='M3.5 15.8c2.6-3.1 5.4-3.1 8.1 0s5.5 3.1 8.9 0'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:25px 25px;border-radius:50%;grid-area:1/1/3;align-self:center;width:44px;height:44px;display:block;box-shadow:0 8px 20px #ffffff1a,inset 0 0 0 1px #ffffff29}.principle-page .mobile-dual-carousel>.dual-copy .dual-advantage b{color:#344d5a;grid-column:2;margin:0;font-size:15px;font-weight:600;line-height:1.35}.principle-page .mobile-dual-carousel>.dual-copy .dual-advantage p{color:#667c87;grid-column:2;margin:0;font-size:12px;line-height:1.65}.principle-page .mobile-gradient-carousel,.principle-page .mobile-source-carousel{padding:22px 18px 0;display:block;overflow:visible}.principle-page .mobile-gradient-carousel>.mobile-gradient-card{box-sizing:border-box;backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #ffffffeb;border-radius:22px;flex-direction:column;width:auto;min-width:0;height:520px;min-height:520px;margin:0 0 14px;padding:22px 18px 24px;display:flex;overflow:hidden;transform:none;box-shadow:0 14px 36px #32526014,inset 0 1px #fffffff0}.principle-page .mobile-gradient-carousel>.mobile-gradient-card:nth-child(2),.principle-page .mobile-gradient-carousel>.mobile-gradient-card:nth-child(3){background:#ffffffd1}.principle-page .mobile-gradient-carousel>.mobile-gradient-card:last-child{border:1px solid #ffffffeb;margin-bottom:0}.principle-page .mobile-source-carousel>.mobile-source-overview>.source-copy>.detail-inline{display:none}.principle-page .mobile-source-carousel>.mobile-source-slide{box-sizing:border-box;backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #ffffffeb;border-radius:22px;flex-direction:column;width:auto;min-width:0;height:734px;min-height:734px;margin:0 0 14px;padding:22px 18px 24px;display:flex;overflow:hidden;transform:none;box-shadow:0 14px 36px #32526014,inset 0 1px #fffffff0}.principle-page .mobile-source-carousel>.mobile-source-slide:last-child{border:1px solid #ffffffeb;margin-bottom:0}.principle-page .mobile-source-supplier>.supplier-brief{flex:auto;min-height:0}@media (width<=360px){.principle-page .mobile-source-carousel>.mobile-source-slide{height:782px;min-height:782px}}.principle-page .mobile-tech-summary-copy strong{font-size:17px;line-height:1.3}.principle-page .mechanism-grid>.mech h3{font-size:17px;line-height:1.38}.principle-page .mechanism-grid>.mech p{font-size:12px;line-height:1.72}.principle-page .evolution .timeline>.era{box-shadow:none;backdrop-filter:none;background:0 0}.principle-page .evolution .timeline>.era:last-child{background:0 0;border:1px solid #5d7e9033}.principle-page .evolution .timeline>.era:after,.principle-page .evolution .timeline>.era:last-child:after{content:none;display:none}.principle-page .evolution .era h3:after{content:"";background:#ffffff80;width:32px;height:1px;margin:13px 0 0;display:block}.principle-page .evolution .era-content>p{border-top:0}.principle-page .mobile-tech-module,.principle-page .mobile-tech-module:nth-child(2),.principle-page .mobile-tech-module:nth-child(3){backdrop-filter:blur(14px);background:#ffffffd1}.principle-page .mobile-tech-module:first-child[open]>summary,.principle-page .mobile-tech-module:nth-child(2)[open]>summary,.principle-page .mobile-tech-module:nth-child(3)[open]>summary{box-sizing:border-box;grid-template-rows:auto auto;grid-template-columns:64px minmax(0,1fr) 68px;align-items:start;gap:12px 10px;width:100%;height:auto;min-height:248px;padding:16px 12px;display:grid}.principle-page .mobile-tech-module .mobile-tech-summary-copy,.principle-page .mobile-tech-module:first-child .mobile-tech-summary-copy{justify-self:stretch}.principle-page .mobile-tech-module .mobile-tech-summary-copy small{letter-spacing:.17em;font-size:8px;line-height:1.15}.principle-page .mobile-tech-module .mobile-tech-summary-copy strong{white-space:normal}.principle-page .mobile-tech-module .mobile-tech-summary-copy em{-webkit-line-clamp:unset;color:#627985;white-space:normal;-webkit-box-orient:vertical;max-height:none;margin:0;font-size:12px;line-height:1.5;display:block;overflow:visible}.principle-page .why-result-head:after{margin:14px 0 0}.principle-page .why-result-body>strong{border-top:1px solid #5d7e9024}.principle-page .why-result-body>strong span:last-child{border-right:0}.principle-page .why-tech-item strong{word-break:keep-all;overflow-wrap:normal;height:42px;min-height:42px;font-size:12px;line-height:1.5}.principle-page .mobile-tech-break,.principle-page .mobile-tech-module[open] .mobile-gradient-carousel>.gradient-feature:before{display:block}.principle-page .why-result-body{gap:16px;padding-top:18px}.principle-page .why-result-body>strong{border:0;gap:12px;width:100%;margin:0;padding:0;display:grid}.principle-page .why-result-body>strong span:after{color:#888;letter-spacing:.06em;font-size:10px;font-weight:500;line-height:1.2;position:static}.principle-page .why-result-body>strong span:first-child:after{content:"紧致"}.principle-page .why-result-body>strong span:nth-child(2):after{content:"弹性"}.principle-page .why-result-body>strong span:nth-child(3):after{content:"水润"}.principle-page .evolution .timeline{margin:20px 0 0}.principle-page .evolution .timeline>.era{flex-direction:column;display:flex}.principle-page .evolution .era-visual{background:#edf4f7;order:0;width:100%;position:relative;overflow:hidden}.principle-page .evolution .era-visual:after{content:"";pointer-events:none;background:linear-gradient(#ffffff08,#fff3);position:absolute;inset:0}.principle-page .evolution .era-visual img{object-fit:cover;filter:saturate(.78)contrast(.96)brightness(1.04);object-position:center;width:100%;height:100%;display:block}.principle-page .evolution .era-top{order:1}.principle-page .evolution .era-content{order:2}.principle-page .mobile-tech-summary-copy strong:after{content:"";background:#ffffff7a;width:28px;height:1px;margin:8px 0 0;display:block}.principle-page .evolution{background:linear-gradient(#f8fcfdeb 0,#f4fafcad 38%,#e7f2f724 62%,#eef7fab8 100%),url(/assets/mobile-optimized/mobile-evolution-three-stage-v1.webp) bottom/auto 100% no-repeat}.principle-page .evolution:before{color:#5d7e900f}.principle-page .evolution:after{background:linear-gradient(#ffffff47,#e7f2f71f 58%,#eef7fa3d)}.principle-page .evolution .section-kicker{color:#9b9b9b}.principle-page .evolution .timeline>.era{background:#ffffffd6}.principle-page .mobile-tech-accordion{scrollbar-width:none;-ms-overflow-style:none;flex-flow:row;display:flex;overflow:auto visible}.principle-page .mobile-tech-accordion::-webkit-scrollbar,.principle-page .mobile-tech-module[open] .mobile-gradient-carousel::-webkit-scrollbar,.principle-page .mobile-tech-module[open] .mobile-source-carousel::-webkit-scrollbar{display:none}.principle-page .mobile-tech-module,.principle-page .mobile-tech-module:nth-child(2),.principle-page .mobile-tech-module:nth-child(3){flex:0 0 84vw;width:84vw}.principle-page .mobile-tech-module[open] .mobile-gradient-carousel,.principle-page .mobile-tech-module[open] .mobile-source-carousel{box-sizing:border-box;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;flex-flow:row;align-items:stretch;gap:14px;width:calc(100% + 36px);min-width:0;max-width:none;margin-left:-18px;padding:22px 18px 18px;display:flex;overflow:auto visible}.principle-page .mobile-tech-module[open] .mobile-gradient-carousel>.mobile-gradient-card{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #ffffffeb;border-radius:22px;flex-direction:column;flex:0 0 84vw;width:84vw;min-width:84vw;height:520px;min-height:520px;margin:0;padding:22px 18px 24px;display:flex;position:relative;overflow:hidden;transform:none;box-shadow:0 14px 36px #32526014,inset 0 1px #fffffff0}.principle-page .mobile-tech-module[open] .mobile-gradient-carousel>.mobile-gradient-card:nth-child(2),.principle-page .mobile-tech-module[open] .mobile-gradient-carousel>.mobile-gradient-card:nth-child(3){background:#ffffffdb}.principle-page .mobile-tech-module[open] .mobile-source-carousel>.mobile-source-slide{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #ffffffeb;border-radius:22px;flex-direction:column;flex:0 0 88vw;width:88vw;min-width:88vw;height:734px;min-height:734px;margin:0;padding:22px 18px 24px;display:flex;position:relative;overflow:hidden;transform:none;box-shadow:0 14px 36px #32526014,inset 0 1px #fffffff0}.principle-page .mobile-tech-module[open] .mobile-source-carousel>.mobile-source-slide:last-child{margin-bottom:0}.principle-page .mobile-tech-accordion{scroll-snap-type:none;grid-template-columns:1fr;gap:14px;width:100%;margin:28px 0 0;padding:0;display:grid;overflow:visible}.principle-page .mobile-tech-module,.principle-page .mobile-tech-module:nth-child(2),.principle-page .mobile-tech-module:nth-child(3){scroll-snap-align:none;flex:none;width:100%;min-width:0;height:auto;display:block;overflow:hidden}.principle-page .mobile-tech-module:first-child>summary,.principle-page .mobile-tech-module:nth-child(2)>summary,.principle-page .mobile-tech-module:nth-child(3)>summary,.principle-page .mobile-tech-module>summary,.principle-page .mobile-tech-module[open]>summary{box-sizing:border-box;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:10px 14px;width:100%;height:210px;min-height:210px;padding:22px 18px 18px;display:grid}.principle-page .mobile-tech-module .mobile-tech-summary-copy,.principle-page .mobile-tech-module:first-child .mobile-tech-summary-copy{align-content:center}.principle-page .mobile-tech-module[open]>.mobile-tech-module-body{border:0;width:100%;margin:0;padding:0 14px 18px;display:block}.principle-page .mobile-tech-module:not([open])>.mobile-tech-module-body{display:none}.principle-page .mobile-detail-cards{grid-template-columns:1fr;width:100%;display:grid;overflow:visible}.principle-page .mobile-detail-cards>.dual-copy,.principle-page .mobile-detail-cards>.mobile-gradient-card,.principle-page .mobile-detail-cards>.mobile-source-slide,.principle-page .mobile-detail-cards>.protein-card{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffffff0,#e8f3f7cc);border:1px solid #fffffff0;border-radius:22px;flex-direction:column;width:100%;min-width:0;height:460px;min-height:460px;max-height:460px;padding:20px 18px 22px;display:flex;position:relative;overflow:hidden;transform:none;box-shadow:0 14px 34px #32526017,inset 0 1px #fffffff5}.principle-page .mobile-detail-cards>*>*,.principle-page .mobile-detail-cards>*>h2,.principle-page .mobile-detail-cards>*>h3,.principle-page .mobile-detail-cards>*>p{z-index:1;position:relative}.principle-page .mobile-detail-cards>.dual-copy:before,.principle-page .mobile-detail-cards>.gradient-copy:before,.principle-page .mobile-detail-cards>.gradient-feature:before,.principle-page .mobile-detail-cards>.mobile-source-slide:before{content:"";z-index:0;opacity:.22;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;height:112px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 58%,#0000 100%);mask-image:linear-gradient(#000 0 58%,#0000 100%)}.principle-page .mobile-dual-cards>.dual-copy:before{background-image:url(/assets/mobile-optimized/principle-collagen-type-i-iii-diptych-v1.webp)}.principle-page .mobile-dual-cards>.dual-copy .detail-inline,.principle-page .mobile-dual-cards>.dual-copy .section-kicker{display:none}.principle-page .mobile-dual-cards>.dual-copy .section-title{margin:0;font-size:23px;line-height:1.28}.principle-page .mobile-dual-cards>.dual-copy .section-title:after{width:28px;margin:13px 0 0;display:block}.principle-page .mobile-dual-cards>.dual-copy .section-intro{margin-top:14px;font-size:12px;line-height:1.72}.principle-page .mobile-dual-cards>.dual-copy .dual-advantage{box-shadow:none;background:#ffffffc2}.principle-page .mobile-dual-cards>.protein-card:before{content:attr(data-code);background:0 0;font:700 70px/1 Arial,sans-serif;-webkit-mask:none;mask:none}.principle-page .mobile-gradient-cards .detail-inline,.principle-page .mobile-gradient-cards .mobile-gradient-card-label,.principle-page .mobile-gradient-cards .section-kicker{display:none}.principle-page .mobile-dual-cards>.protein-card .mobile-protein-title{font-size:18px;line-height:1.35}.principle-page .mobile-dual-cards>.protein-card p{border-top:1px solid #5d7e9024;font-size:13px;line-height:1.72}.principle-page .mobile-gradient-cards>.mobile-gradient-card:before{background-image:url(/assets/mobile-optimized/principle-gradient-collagen-bg-v1.webp)}.principle-page .mobile-gradient-cards>.mobile-gradient-card:nth-child(3){background:linear-gradient(145deg,#fffffff0,#ffffffd1)}.principle-page .mobile-gradient-cards .section-title{margin:0;font-size:23px}.principle-page .mobile-gradient-cards .section-title:after{width:28px;margin:13px 0 0;display:block}.principle-page .mobile-gradient-cards .section-intro{margin-top:14px;font-size:12px;line-height:1.72}.principle-page .mobile-gradient-cards>.gradient-feature h3{font-size:20px;line-height:1.3}.principle-page .mobile-gradient-cards>.gradient-feature>p{font-size:13px;line-height:1.72}.principle-page .mobile-source-cards>.mobile-source-slide:before{background-image:url(/assets/mobile-optimized/principle-recombinant-collagen-advantages-v1.webp)}.principle-page .mobile-source-cards>.mobile-source-slide:nth-child(2):before{background-image:url(/assets/mobile-optimized/principle-source-selection-standards-v3.webp)}.principle-page .mobile-source-cards>.mobile-source-slide:nth-child(3):before{background-image:url(/assets/mobile-optimized/principle-supplier-headquarters-awards-v1.webp)}.principle-page .mobile-source-cards .source-copy{box-shadow:none;background:0 0;border:0;padding:0}.principle-page .mobile-source-cards .source-copy .detail-inline,.principle-page .mobile-source-cards .source-copy .section-kicker{display:none}.principle-page .mobile-source-cards .source-copy .section-title{margin:0;font-size:23px}.principle-page .mobile-source-cards .source-copy .section-title:after{width:28px;margin:13px 0 0;display:block}.principle-page .mobile-source-cards .source-copy .section-intro{margin-top:14px;font-size:13px;line-height:1.7}.principle-page .mobile-source-cards .source-panel{box-shadow:none;background:0 0;border:0;margin-top:auto;padding:0}.principle-page .mobile-source-cards .source-features{grid-template-columns:1fr 1fr;gap:8px;display:grid}.principle-page .mobile-source-cards .source-feature{min-height:96px;box-shadow:none;background:#ffffff85;border:1px solid #5d7e901c;border-radius:14px;padding:12px}.principle-page .mobile-source-cards .source-feature .source-icon{width:28px;height:28px}.principle-page .mobile-source-cards .source-feature h3{font-size:14px}.principle-page .mobile-source-cards .source-feature p{font-size:12px;line-height:1.55}.principle-page .mobile-source-cards .source-standards-head{padding:0}.principle-page .mobile-source-cards .source-standards-head .section-kicker{font-size:8px}.principle-page .mobile-source-cards .source-standards-head h3{margin-top:12px;font-size:21px;line-height:1.3}.principle-page .mobile-source-cards .source-standards-head p{margin-top:12px;font-size:13px;line-height:1.7}.principle-page .mobile-source-cards .source-standards-visual{opacity:.7;background:url(/assets/mobile-optimized/principle-source-selection-standards-v3.webp) 50%/cover no-repeat;border-radius:14px;height:92px;margin-top:14px;display:block}.principle-page .mobile-source-cards .standards{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.principle-page .mobile-source-cards>.mobile-source-slide:nth-child(2){height:730px;min-height:730px;max-height:730px}.principle-page .mobile-source-cards .standard{background:#ffffff8a;border:1px solid #5d7e901c;border-radius:14px;min-height:185px;padding:12px}.principle-page .mobile-source-cards .standard h4{font-size:14px;line-height:1.45}.principle-page .mobile-source-cards .standard p{font-size:12px;line-height:1.55}.principle-page .mobile-source-cards .supplier-brief{height:100%;box-shadow:none;background:0 0;border:0;flex-direction:column;margin:0;padding:0;display:flex}.principle-page .mobile-source-cards .supplier-visual{background-position:50%;border-radius:16px;flex:0 0 164px;height:164px;overflow:hidden}.principle-page .mobile-source-cards .supplier-list p{background:#ffffff8a}@media (width<=380px){.principle-page .mobile-source-cards>.mobile-source-slide:nth-child(2){height:770px;min-height:770px;max-height:770px}.principle-page .mobile-source-cards .standard{min-height:205px}}.principle-page .evolution .timeline{align-items:stretch;gap:12px;margin-top:18px;padding:0}.principle-page .evolution .timeline>.era{background:#ffffffe6;border:1px solid #fffffff0;border-radius:22px;flex:0 0 100%;width:100%;min-width:100%;height:auto;min-height:0;overflow:hidden;box-shadow:0 16px 42px #3252601a,inset 0 1px #fffffffa}.principle-page .evolution .timeline>.era:last-child{background:#ffffffeb}.principle-page .evolution .era-visual{background:#edf5f8;border-bottom:1px solid #5d7e901f;flex:0 0 148px;height:148px}.principle-page .evolution .era-top{grid-template-columns:minmax(0,1fr) auto;align-items:end;height:auto;padding:17px 20px 0;display:grid}.principle-page .evolution .era-generation{color:#9e9e9e;letter-spacing:-.06em;background:0 0;border:0;border-radius:0;grid-area:1/1;min-height:0;padding:0;font-size:38px;font-weight:500;line-height:.95;display:block}.principle-page .evolution .era-content>p:before,.principle-page .evolution .era-point{display:none}.principle-page .evolution .era-key{color:#9b9b9b;letter-spacing:.14em;text-align:right;grid-area:1/2;align-self:end;max-width:120px;font-size:8px;line-height:1.25;position:static}.principle-page .evolution .era:first-child .era-key:before,.principle-page .evolution .era:nth-child(2) .era-key:before,.principle-page .evolution .era:nth-child(3) .era-key:before{color:#9b9b9b;letter-spacing:.12em;margin-bottom:3px;font:600 8px/1 Arial,sans-serif;display:block}.principle-page .evolution .era:first-child .era-key:before{content:"01 / 03"}.principle-page .evolution .era:nth-child(2) .era-key:before{content:"02 / 03"}.principle-page .evolution .era:nth-child(3) .era-key:before{content:"03 / 03"}.principle-page .evolution .era-content{padding:12px 20px 20px}.principle-page .evolution .era h3{color:#263e4a;letter-spacing:-.04em;margin:0;font-size:24px;font-weight:500;line-height:1.25}.principle-page .evolution .era-content>p{color:#5c7480;border-top:1px solid #fff3;margin-top:18px;padding-top:15px;font-size:13px;line-height:1.75}.principle-page .evolution .era-conclusion{border-top:1px solid #ffffff2e;margin-top:16px;padding-top:15px}.principle-page .evolution .era-conclusion b{color:#9b9b9b;letter-spacing:.18em;font:600 8px/1 Arial,sans-serif;display:block}.principle-page .evolution .era-conclusion strong{color:#263e4a;letter-spacing:-.02em;margin-top:10px;font-size:16px;font-weight:600;line-height:1.5;display:block}.principle-page .evolution .era-conclusion span{color:#607680;margin-top:9px;font-size:13px;line-height:1.75;display:none}.principle-page .mobile-tech-module[open]>.mobile-tech-module-body{overflow:visible}.principle-page .mobile-detail-cards{box-sizing:border-box;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;flex-flow:row;align-items:stretch;gap:14px;width:calc(100% + 36px);min-width:0;max-width:none;margin:0 0 0 -18px;padding:14px 18px 18px;scroll-padding-left:18px;display:flex;overflow:auto visible}.principle-page .mobile-detail-cards::-webkit-scrollbar{display:none}.principle-page .mobile-detail-cards>.dual-copy,.principle-page .mobile-detail-cards>.mobile-gradient-card,.principle-page .mobile-detail-cards>.mobile-source-slide,.principle-page .mobile-detail-cards>.protein-card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 80vw;width:80vw;min-width:80vw;margin:0}.principle-page .mobile-dual-cards>.dual-copy,.principle-page .mobile-dual-cards>.protein-card{height:460px;min-height:460px;max-height:460px}.principle-page .mobile-source-cards>.mobile-source-slide{height:620px;min-height:620px;max-height:620px}@media (width<=380px){.principle-page .mobile-detail-cards>.dual-copy,.principle-page .mobile-detail-cards>.mobile-gradient-card,.principle-page .mobile-detail-cards>.protein-card{flex-basis:82vw;width:82vw;min-width:82vw}.principle-page .mobile-detail-cards>.mobile-source-slide{flex-basis:84vw;width:84vw;min-width:84vw}}.principle-page .mobile-tech-module,.principle-page .mobile-tech-module:nth-child(2),.principle-page .mobile-tech-module:nth-child(3){isolation:isolate;background:linear-gradient(135deg,#fffffff5,#f1f7f9e6 62%,#ffffffd1);border:1px solid #ffffffeb;border-radius:24px;min-height:210px;position:relative;box-shadow:0 18px 42px #2645521a,inset 0 1px #fffffffa}.principle-page .mobile-tech-module:before{content:"";z-index:-1;pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;width:178px;height:178px;display:block;position:absolute;bottom:-58px;right:-44px;box-shadow:0 0 0 16px #ffffff06,0 0 0 32px #5d7e9005}.principle-page .mobile-tech-module:nth-child(2):before{border-color:#a778371f;box-shadow:0 0 0 16px #a7783707,0 0 0 32px #5d7e9005}.principle-page .mobile-tech-module:nth-child(3):before{border-color:#5d7e9021;box-shadow:0 0 0 16px #5d7e9007,0 0 0 32px #ffffff05}.principle-page .mobile-tech-module .mobile-tech-summary-copy,.principle-page .mobile-tech-module:first-child .mobile-tech-summary-copy{grid-area:1/2;align-self:start;gap:5px;min-width:0;max-width:none;display:grid;overflow:visible}.principle-page .mobile-tech-module .mobile-tech-summary-copy strong{font-size:18px;font-weight:550;line-height:1.26}.principle-page .mobile-tech-module .mobile-tech-summary-copy strong:after{background:#ffffff80;width:26px;margin:8px 0 0}.principle-page .mobile-dual-cards>.dual-copy .dual-advantage{background:linear-gradient(135deg,#ffffffe6,#ffffffe6 68%,#eef6f8e0);border:1px solid #ffffff38;border-radius:18px;min-height:102px;margin-top:auto;padding:17px 16px 16px 56px;display:block;position:relative;overflow:hidden;box-shadow:0 12px 28px #32526012,inset 0 1px #fffffff5}.principle-page .mobile-dual-cards>.dual-copy .dual-advantage:before{content:"";background:radial-gradient(circle,#ffffff9e 0 2px,#0000 3px),linear-gradient(135deg,#0000 48%,#fff6 49% 51%,#0000 52%);border:1px solid #fff6;border-radius:50%;width:26px;height:26px;position:absolute;top:21px;left:16px;box-shadow:0 0 0 7px #ffffff0d}.principle-page .mobile-dual-cards>.dual-copy .dual-advantage:after{content:"";pointer-events:none;border:1px solid #5d7e901f;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-46px;right:-34px;box-shadow:0 0 0 12px #5d7e9006}.principle-page .mobile-dual-cards>.dual-copy .dual-advantage b{z-index:1;color:#3e5864;letter-spacing:.02em;margin:0;font-size:14px;font-weight:600;display:block;position:relative}.principle-page .mobile-dual-cards>.dual-copy .dual-advantage p{z-index:1;color:#637984;margin:8px 0 0;font-size:11px;line-height:1.6;position:relative}.principle-page .mobile-source-cards .supplier-list{gap:10px;margin-top:auto;display:grid}.principle-page .mobile-source-cards .supplier-list p{color:#5e747e;background:linear-gradient(135deg,#ffffffe0,#eff6f8c7);border:1px solid #5d7e9024;border-radius:16px;align-items:center;min-height:62px;margin:0;padding:13px 14px 13px 48px;font-size:11px;line-height:1.55;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #3252600f,inset 0 1px #fffffff2}.principle-page .mobile-source-cards .supplier-list p:before{content:"✓";color:#9e9e9e;background:#ffffff57;border:1px solid #ffffff85;border-radius:50%;place-items:center;width:18px;height:18px;font:600 9px/1 Arial,sans-serif;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 3px 9px #ffffff0f,inset 0 1px #fffc}.principle-page .mobile-source-cards .supplier-list p:after{content:"";pointer-events:none;border:1px solid #5d7e901a;border-radius:50%;width:90px;height:90px;position:absolute;top:-35px;right:-24px}.principle-page .mobile-source-cards .supplier-list p:nth-child(2){background:linear-gradient(135deg,#ffffffe0,#ffffffd1)}.principle-page .mobile-source-cards .supplier-list p:nth-child(3){background:linear-gradient(135deg,#ffffffe0,#eef5f7d1)}.principle-page .mobile-dual-cards>.protein-card{isolation:isolate;position:relative}.principle-page .mobile-dual-cards>.protein-card:after{content:"";z-index:0;pointer-events:none;background-image:url(/assets/mobile-optimized/principle-collagen-type-i-iii-diptych-v1.webp);background-repeat:no-repeat;display:block;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 55%,#000000b8 76%,#0000 100%);mask-image:linear-gradient(#000 0 55%,#000000b8 76%,#0000 100%)}.principle-page .mobile-dual-cards>.protein-card:before{content:"";z-index:1;opacity:.9;color:#0000;pointer-events:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 150' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='cell' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23ffffff' stop-opacity='.82'/%3E%3Cstop offset='.5' stop-color='%23eef6f8' stop-opacity='.46'/%3E%3Cstop offset='1' stop-color='%23cbdde5' stop-opacity='.24'/%3E%3C/linearGradient%3E%3ClinearGradient id='edge' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop stop-color='%235d7e90' stop-opacity='.5'/%3E%3Cstop offset='.52' stop-color='%239e9e9e' stop-opacity='.58'/%3E%3Cstop offset='1' stop-color='%235d7e90' stop-opacity='.42'/%3E%3C/linearGradient%3E%3Cfilter id='lift' x='-20%25' y='-30%25' width='140%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='3' flood-color='%235d7e90' flood-opacity='.13'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M29 42C75 20 242 17 291 43' stroke='%23ffffff' stroke-width='10' opacity='.12'/%3E%3Cg filter='url(%23lift)' stroke='url(%23edge)' stroke-width='1.05'%3E%3Cg%3E%3Crect x='42' y='25' width='55' height='24' rx='3' fill='url(%23cell)'/%3E%3Crect x='105' y='25' width='55' height='24' rx='3' fill='url(%23cell)'/%3E%3Crect x='168' y='25' width='55' height='24' rx='3' fill='url(%23cell)'/%3E%3Crect x='231' y='25' width='43' height='24' rx='3' fill='url(%23cell)'/%3E%3C/g%3E%3Cg%3E%3Crect x='25' y='55' width='55' height='24' rx='3' fill='url(%23cell)'/%3E%3Crect x='88' y='55' width='55' height='24' rx='3' fill='url(%23cell)'/%3E%3Crect x='151' y='55' width='55' height='24' rx='3' fill='url(%23cell)'/%3E%3Crect x='214' y='55' width='60' height='24' rx='3' fill='url(%23cell)'/%3E%3C/g%3E%3Cg%3E%3Crect x='42' y='85' width='55' height='24' rx='3' fill='url(%23cell)'/%3E%3Crect x='105' y='85' width='55' height='24' rx='3' fill='url(%23cell)'/%3E%3Crect x='168' y='85' width='55' height='24' rx='3' fill='url(%23cell)'/%3E%3Crect x='231' y='85' width='43' height='24' rx='3' fill='url(%23cell)'/%3E%3C/g%3E%3C/g%3E%3Cg stroke='%23ffffff' stroke-width='.9' opacity='.65'%3E%3Cpath d='M47 29h44M110 29h44M173 29h44M236 29h33M30 59h44M93 59h44M156 59h44M219 59h49M47 89h44M110 89h44M173 89h44M236 89h33'/%3E%3C/g%3E%3Cg fill='%23ffffff' stroke='%239e9e9e' stroke-width='.8'%3E%3Ccircle cx='101' cy='52' r='2.4'/%3E%3Ccircle cx='164' cy='52' r='2.4'/%3E%3Ccircle cx='227' cy='52' r='2.4'/%3E%3Ccircle cx='84' cy='82' r='2.4'/%3E%3Ccircle cx='147' cy='82' r='2.4'/%3E%3Ccircle cx='210' cy='82' r='2.4'/%3E%3C/g%3E%3Cpath d='M18 122h284' stroke='%235d7e90' stroke-width='1' opacity='.24'/%3E%3Cpath d='M44 117h232' stroke='%239e9e9e' stroke-width='1.15' opacity='.42'/%3E%3Ccircle cx='160' cy='117' r='2.4' fill='%23ffffff' stroke='%239e9e9e' stroke-width='.8' opacity='.8'/%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:88% 132px;width:100%;height:138px;inset:auto 0 8px}.principle-page .mobile-dual-cards>.protein-card:nth-child(3):before{opacity:.88;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 150' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='strand' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop stop-color='%23ababab' stop-opacity='.4'/%3E%3Cstop offset='.48' stop-color='%239e9e9e' stop-opacity='.92'/%3E%3Cstop offset='1' stop-color='%23c6c6c6' stop-opacity='.46'/%3E%3C/linearGradient%3E%3Cfilter id='soft' x='-10%25' y='-40%25' width='120%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='2' stdDeviation='2.2' flood-color='%239e9e9e' flood-opacity='.12'/%3E%3C/filter%3E%3C/defs%3E%3Cg stroke='%239e9e9e' stroke-width='4.5' opacity='.055'%3E%3Cpath d='M14 35C43 11 61 54 91 30s48 20 78-3 48 21 78-2 43 11 59 1'/%3E%3Cpath d='M10 58c31-25 52 23 82-1 31-24 49 22 79-2 31-24 50 21 80-3 27-21 48 15 62 2'/%3E%3Cpath d='M18 82c26-23 48 20 76-2 29-22 48 21 77-2 30-23 49 20 78-3 27-21 48 14 58 1'/%3E%3Cpath d='M33 105c23-18 43 16 68-2s43 18 68-2 43 17 68-3 39 11 51 1'/%3E%3C/g%3E%3Cg filter='url(%23soft)' stroke='url(%23strand)' stroke-linecap='round'%3E%3Cpath d='M14 35C43 11 61 54 91 30s48 20 78-3 48 21 78-2 43 11 59 1' stroke-width='1.35'/%3E%3Cpath d='M10 58c31-25 52 23 82-1 31-24 49 22 79-2 31-24 50 21 80-3 27-21 48 15 62 2' stroke-width='1.15'/%3E%3Cpath d='M18 82c26-23 48 20 76-2 29-22 48 21 77-2 30-23 49 20 78-3 27-21 48 14 58 1' stroke-width='1.35'/%3E%3Cpath d='M33 105c23-18 43 16 68-2s43 18 68-2 43 17 68-3 39 11 51 1' stroke-width='1.15'/%3E%3C/g%3E%3Cg stroke='%235d7e90' stroke-width='.75' opacity='.28'%3E%3Cpath d='M47 36C54 45 58 50 67 54M107 43c5 8 7 13 10 20M183 38c4 9 6 15 8 22M252 42c-4 9-7 15-10 21M84 76c4 9 7 15 12 21M220 73c4 10 6 16 9 22'/%3E%3C/g%3E%3Cg fill='%23ffffff' stroke='%235d7e90' stroke-width='.75'%3E%3Ccircle cx='47' cy='36' r='3.2'/%3E%3Ccircle cx='107' cy='43' r='3.2'/%3E%3Ccircle cx='183' cy='38' r='3.2'/%3E%3Ccircle cx='252' cy='42' r='3.2'/%3E%3Ccircle cx='84' cy='76' r='3.2'/%3E%3Ccircle cx='220' cy='73' r='3.2'/%3E%3Ccircle cx='96' cy='97' r='3.2'/%3E%3Ccircle cx='229' cy='95' r='3.2'/%3E%3C/g%3E%3Cg fill='%239e9e9e' opacity='.6'%3E%3Ccircle cx='47' cy='36' r='1'/%3E%3Ccircle cx='107' cy='43' r='1'/%3E%3Ccircle cx='183' cy='38' r='1'/%3E%3Ccircle cx='252' cy='42' r='1'/%3E%3Ccircle cx='84' cy='76' r='1'/%3E%3Ccircle cx='220' cy='73' r='1'/%3E%3Ccircle cx='96' cy='97' r='1'/%3E%3Ccircle cx='229' cy='95' r='1'/%3E%3C/g%3E%3Cpath d='M18 122h284' stroke='%235d7e90' stroke-width='1' opacity='.2'/%3E%3Cpath d='M41 117h238' stroke='%239e9e9e' stroke-width='1.1' opacity='.38'/%3E%3C/svg%3E");background-size:84% 122px}.principle-page .mobile-dual-cards>.protein-card .mobile-protein-role,.principle-page .mobile-dual-cards>.protein-card .mobile-protein-title,.principle-page .mobile-dual-cards>.protein-card p{z-index:2;position:relative}.principle-page .mobile-gradient-cards>.mobile-gradient-card{height:460px;min-height:460px;max-height:460px}.principle-page .mobile-gradient-cards>.mobile-gradient-card:before{opacity:.18;height:88px}.principle-page .mobile-gradient-cards>.gradient-feature{padding-top:14px}.principle-page .mobile-gradient-cards>.gradient-feature:nth-child(2),.principle-page .mobile-gradient-cards>.gradient-feature:nth-child(3){padding-top:29px}.principle-page .mobile-gradient-cards>.gradient-feature h3{margin-top:14px}.principle-page .mobile-tech-module[open]>summary{grid-template-rows:auto auto;align-items:start;row-gap:12px;height:auto;min-height:248px}html body.principle-page .source-standards-visual,html body.principle-page .source-standards-visual:before{background-image:url(/assets/mobile-optimized/principle-source-selection-standards-v4.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}html body.principle-page .mech:first-child .mech-visual img,html body.principle-page .mech:nth-child(2) .mech-visual img,html body.principle-page .mech:nth-child(3) .mech-visual img{content:normal}body.principle-page.principle-page .evolution .timeline>.era:first-child:before,body.principle-page.principle-page .evolution .timeline>.era:nth-child(2):before{content:"";z-index:1;pointer-events:none;opacity:.5;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:52px;display:block;position:absolute;bottom:12px;left:24px;right:24px}body.principle-page.principle-page .evolution .timeline>.era:first-child:before{background-image:url(/assets/principle-era-origin-motif.webp)}body.principle-page.principle-page .evolution .timeline>.era:nth-child(2):before{background-image:url(/assets/principle-era-recombinant-motif.webp)}body.principle-page.principle-page .mobile-gradient-cards>.gradient-copy,body.principle-page.principle-page .mobile-source-cards>.mobile-source-overview{padding-top:72px}html body.principle-page .hero-bg{z-index:0;opacity:1;filter:saturate(.96)brightness(1.005)contrast(1.02);background-image:url(/assets/mobile-optimized/generated-mobile-hero/principle-lab-real-v1.webp);background-position:50% 43%;background-repeat:no-repeat;background-size:cover;animation:none}html body.principle-page .hero-bg:before{content:"";z-index:1;pointer-events:none;backdrop-filter:blur(10px);background:linear-gradient(#f8fcfd7a 0,#f8fcfd2e 20%,#f8fcfd00 36% 69%,#f2f8fb38 84%,#f2f8fb8f 100%);animation:none;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 17%,#0000 35% 69%,#000 87% 100%);mask-image:linear-gradient(#000 0 17%,#0000 35% 69%,#000 87% 100%)}html body.principle-page .hero:before{z-index:1;pointer-events:none;background:linear-gradient(#f9fcfdf0 0,#f9fcfdc7 16%,#f9fcfd2e 34%,#f9fcfd00 47% 70%,#f4f9fb85 88%,#f4f9fbf0 100%),linear-gradient(90deg,#fafcfd47 0,#fafcfd14 38%,#fafcfd00 72%,#fafcfd0f 100%)}html body.principle-page .hero-research{visibility:hidden;opacity:0;pointer-events:none;display:none}html body.principle-page .hero-inner{z-index:3;position:relative}html body.principle-page .hero-copy{z-index:4;position:relative}body.principle-page .mobile-gradient-cards>.gradient-feature .gf-no,body.principle-page .mobile-source-cards>.mobile-source-standards .source-standards-copy .section-kicker{color:#9b9b9b;letter-spacing:.15em;text-transform:uppercase;margin:0;font:700 8px/1.2 Arial,sans-serif}body.principle-page .mobile-gradient-cards>.gradient-feature h3,body.principle-page .mobile-source-cards>.mobile-source-standards .source-standards-copy h3{color:#203542;letter-spacing:-.02em;margin:14px 0 0;font-size:21px;font-weight:500;line-height:1.3}body.principle-page .mobile-gradient-cards>.gradient-feature h3:after,body.principle-page .mobile-source-cards>.mobile-source-standards .source-standards-copy h3:after{content:"";background:#ffffffad;width:28px;height:1px;margin:12px 0 0;display:block}body.principle-page .mobile-gradient-cards>.gradient-feature>p,body.principle-page .mobile-source-cards>.mobile-source-standards .source-standards-copy>p{color:#58707d;border:0;margin:14px 0 0;padding:0;font-size:13px;line-height:1.72}body.principle-page .mobile-source-cards>.mobile-source-standards>.source-standards-head{border-bottom:0;padding-bottom:0}body.principle-page main>section.evolution>.shell>.evolution-head>.section-intro,body.principle-page main>section.mechanism>.shell>.mechanism-head>.section-intro,body.principle-page main>section.mobile-tech-details>.shell>.mobile-tech-details-head>.section-intro,body.principle-page main>section.system>.shell>.system-head>.section-intro,body.principle-page main>section.why-tech>.shell>.why-head>.section-intro{width:100%;max-width:none;font-size:14px}body.principle-page .mobile-tech-module-body[data-detail-source=dual-copy] .dual-copy .section-intro,body.principle-page .mobile-tech-module-body[data-detail-source=gradient-copy] .gradient-copy .section-intro,body.principle-page .mobile-tech-module-body[data-detail-source=source-copy] .source-copy .section-intro{width:100%;max-width:none;font-size:13px;line-height:1.75}body.principle-page .mobile-source-cards>.mobile-source-supplier{padding:0}body.principle-page .mobile-source-cards>.mobile-source-supplier:before{content:none;display:none}body.principle-page .mobile-source-cards>.mobile-source-supplier>.supplier-brief{width:100%;height:100%;min-height:0;margin:0}body.principle-page .mobile-source-cards>.mobile-source-supplier .supplier-visual{border-radius:21px 21px 0 0;flex:0 0 286px;width:100%;height:286px;min-height:286px;margin:0}body.principle-page .mobile-source-cards>.mobile-source-supplier .supplier-list{box-sizing:border-box;flex:auto;gap:8px;width:100%;min-height:0;margin:0}@media (width<=380px){body.principle-page .mobile-source-cards>.mobile-source-supplier .supplier-visual{flex-basis:238px;height:238px;min-height:238px}}body.principle-page .mobile-dual-cards>.dual-copy .dual-advantage{background:linear-gradient(112deg,#eef7faf5 0,#f8fafaf0 48%,#fffffff0 100%);border:0;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:7px 14px;min-height:0;margin-top:auto;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #32526012,inset 0 1px #fffffff0}body.principle-page .mobile-dual-cards>.dual-copy .dual-advantage:before{content:"";background-color:#ffffffe0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='1.35' stroke-linecap='round'%3E%3Cpath d='M3.5 8.2c2.6-3.1 5.4-3.1 8.1 0s5.5 3.1 8.9 0'/%3E%3Cpath d='M3.5 15.8c2.6-3.1 5.4-3.1 8.1 0s5.5 3.1 8.9 0'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:25px 25px;border:1px solid #ffffff1f;border-radius:50%;grid-area:1/1/3;align-self:center;width:44px;height:44px;display:block;position:static;box-shadow:0 8px 20px #ffffff14,inset 0 0 0 1px #ffffffc7}body.principle-page .mobile-dual-cards>.dual-copy .dual-advantage b:after,body.principle-page .mobile-dual-cards>.dual-copy .dual-advantage b:before,body.principle-page .mobile-dual-cards>.dual-copy .dual-advantage:after{content:none;display:none}body.principle-page .mobile-dual-cards>.dual-copy .dual-advantage b{z-index:1;color:#3e5864;letter-spacing:.01em;grid-area:1/2;margin:0;font-size:15px;font-weight:600;line-height:1.35;display:block;position:relative}body.principle-page .mobile-dual-cards>.dual-copy .dual-advantage p{z-index:1;color:#637984;grid-area:2/2;margin:0;font-size:12px;line-height:1.65;display:block;position:relative}.principle-page .why-result-head:after{content:"";background:#ffffff85;width:30px;height:1px;display:block;bottom:0;left:0}.principle-page .why-result-body>strong{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:clamp(10px,4vw,18px);position:relative}.principle-page .why-result-state{letter-spacing:.045em;font-size:14px;font-weight:500;line-height:1.5}.principle-page .why-result-body>strong:after,.principle-page .why-result-body>strong:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#5d7e900a,#5d7e902e 18% 82%,#5d7e900a);width:1px;position:absolute;top:-8px;bottom:-8px}.principle-page .why-result-body>strong:before{left:33.333%}.principle-page .why-result-body>strong:after{right:33.333%}.principle-page .why-result-body>strong span,.principle-page .why-result-body>strong span:last-child{z-index:1;isolation:isolate;-webkit-backdrop-filter:blur(14px)saturate(1.32);color:#969696;letter-spacing:0;text-shadow:0 1px #ffffffb8;background:radial-gradient(circle at 28% 20%,#fffffff5 0 8%,#ffffff47 24%,#0000 42%),linear-gradient(145deg,#ffffff94,#ffffff47 56%,#d0e4eb4d);border:1px solid #ffffffdb;border-radius:50%;flex-direction:row;flex:none;justify-content:center;align-items:center;width:clamp(62px,17vw,70px);height:clamp(62px,17vw,70px);min-height:clamp(62px,17vw,70px);padding:0;font-size:32px;font-weight:450;line-height:1;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff5,inset 10px 8px 18px #ffffff57,inset -10px -12px 20px #aecdd82e,0 12px 28px #48697721,0 0 0 1px #ffffff14}.principle-page .why-result-body>strong span:before{content:"";z-index:0;opacity:.8;pointer-events:none;background:linear-gradient(100deg,#ffffffe0,#ffffff14);border-radius:50%;width:34px;height:12px;display:block;position:absolute;top:7px;left:11px;transform:rotate(-14deg)}.principle-page .why-result-body>strong span:after{content:none;margin:0;display:none}body.principle-page .mobile-tech-module:first-child[open]>summary,body.principle-page .mobile-tech-module:nth-child(2)[open]>summary,body.principle-page .mobile-tech-module:nth-child(3)[open]>summary{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:78px minmax(0,1fr);align-content:normal;align-items:start;gap:10px 14px;height:210px;min-height:210px;padding:22px 18px 18px}body.principle-page .mobile-tech-module:first-child[open]>summary .mobile-tech-summary-copy,body.principle-page .mobile-tech-module:nth-child(2)[open]>summary .mobile-tech-summary-copy,body.principle-page .mobile-tech-module:nth-child(3)[open]>summary .mobile-tech-summary-copy{grid-area:1/2;align-self:center}body.principle-page .mobile-tech-module:first-child[open]>summary:after,body.principle-page .mobile-tech-module:nth-child(2)[open]>summary:after,body.principle-page .mobile-tech-module:nth-child(3)[open]>summary:after{border-top:1px dashed #5d7e903d;width:auto;margin:0;position:absolute;bottom:62px;left:114px;right:18px;transform:none}@media (width<=340px){body.principle-page .mobile-tech-module:first-child>summary,body.principle-page .mobile-tech-module:first-child[open]>summary{height:240px;min-height:240px}}.principle-page .evolution .timeline>.era:nth-child(3) .era-content{flex-direction:column;display:flex}.principle-page .evolution .timeline>.era:nth-child(3) .era-content>h3,.principle-page .evolution .timeline>.era:nth-child(3) .era-content>p{order:1}.principle-page .evolution .timeline>.era:nth-child(3) .era-content>.era-conclusion{order:3}.principle-page .evolution .timeline>.era:nth-child(3) .era-generation{white-space:nowrap;letter-spacing:-.065em;font-size:29px}.principle-page .evolution .timeline>.era:first-child,.principle-page .evolution .timeline>.era:nth-child(2){height:auto;min-height:0}.principle-page .evolution .timeline>.era:first-child .era-content,.principle-page .evolution .timeline>.era:nth-child(2) .era-content{flex:none;height:auto;min-height:0;padding-bottom:18px}.principle-page .mobile-tech-module>summary:after{content:"";pointer-events:none;border-top:1px dashed #5d7e903d;position:absolute;bottom:62px;left:114px;right:18px}.principle-page .mobile-tech-module .mobile-tech-summary-copy,.principle-page .mobile-tech-module:first-child .mobile-tech-summary-copy,.principle-page .mobile-tech-module:nth-child(2) .mobile-tech-summary-copy,.principle-page .mobile-tech-module:nth-child(3) .mobile-tech-summary-copy{align-self:center}body.principle-page .mobile-tech-module .mobile-tech-summary-copy em,body.principle-page .mobile-tech-module:first-child .mobile-tech-summary-copy em,body.principle-page .mobile-tech-module:nth-child(2) .mobile-tech-summary-copy em,body.principle-page .mobile-tech-module:nth-child(3) .mobile-tech-summary-copy em{font-size:13px;line-height:1.55}body.principle-page .mobile-source-cards>.mobile-source-overview,body.principle-page .mobile-source-cards>.mobile-source-standards{padding-top:35px}body.principle-page .mobile-source-cards>.mobile-source-slide,body.principle-page .mobile-source-cards>.mobile-source-slide:nth-child(2),body.principle-page .mobile-source-cards>.mobile-source-slide:nth-child(3){height:620px;min-height:620px;max-height:620px}body.principle-page .mobile-source-cards>.mobile-source-standards .source-standards-visual{z-index:1;position:relative}body.principle-page .mobile-source-cards>.mobile-source-standards .standards{z-index:2;box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:-110px;position:relative;overflow:visible}body.principle-page .mobile-source-cards>.mobile-source-standards .standard{backdrop-filter:blur(12px)saturate(130%);background:linear-gradient(145deg,#ffffffd1,#f4f9faad);min-height:180px;box-shadow:0 12px 26px #32526013,inset 0 1px #fffffff0}body.principle-page .mobile-source-cards>.mobile-source-standards .standard h4{margin:14px 0 9px;font-weight:400}body.principle-page .mobile-dual-cards>.dual-copy{padding-top:34px}.principle-page .mobile-dual-cards>.protein-card{background:linear-gradient(#ffffffc7 0,#f8fbfcd1 54%,#f4f9fbf0 100%),url(/assets/mobile-optimized/principle-collagen-type-i-iii-diptych-v1.webp) 50%/cover no-repeat;justify-content:flex-start;padding-top:140px;padding-bottom:26px}.principle-page .mobile-dual-cards>.protein-card:nth-child(3){background:linear-gradient(#ffffffc7 0,#ffffffd6 54%,#fffffff2 100%),url(/assets/mobile-optimized/principle-collagen-type-i-iii-diptych-v1.webp) 50%/cover no-repeat}.principle-page .mobile-dual-cards>.protein-card:after{opacity:.88;filter:saturate(.88)contrast(1.08)brightness(1.02);background-position:0 42%;background-size:200%;height:250px}.principle-page .mobile-dual-cards>.protein-card:nth-child(3):after{background-position:right 42%}.principle-page .mobile-dual-cards>.protein-card .mobile-protein-role{margin:10px 0 0}.principle-page .mobile-dual-cards>.protein-card p{margin:18px 0 0;padding-top:14px}.principle-page .mobile-tech-module[open]>summary .mobile-tech-summary-copy{align-self:start}.principle-page .mobile-tech-module[open]>summary:after{bottom:62px}.principle-page .mobile-tech-module:first-child[open]>summary .mobile-tech-summary-copy,.principle-page .mobile-tech-module:nth-child(2)[open]>summary .mobile-tech-summary-copy,.principle-page .mobile-tech-module:nth-child(3)[open]>summary .mobile-tech-summary-copy{align-self:start}}@media (width>=901px){:root{--pc-page:clamp(48px, 5vw, 88px);--pc-ink:#263b49;--pc-body:#526b78;--pc-muted:#71838c;--pc-rose:#9e9e9e;--pc-ice:#eef6f8;--pc-glass:linear-gradient(135deg, #ffffff7a, #e0f1f733);--pc-glass-border:#ffffffc7;--pc-glass-shadow:0 18px 44px #2c4b5b1a}body .topline{color:#7a858a;background:linear-gradient(90deg,#e6e6e6,#f7f8f8 52%,#edf6f8);border-bottom:1px solid #ffffff1f}body .site-header,body .site-header.is-stuck{height:76px;color:var(--pc-ink);-webkit-backdrop-filter:blur(28px)saturate(1.12);background:linear-gradient(112deg,#fafcfdc7,#ffffffa8 48%,#f0f8fac7);border-top:1px solid #ffffffb8;border-bottom:1px solid #4e65721a;top:34px;box-shadow:inset 0 1px #ffffffb8,0 10px 30px #303d440e}body .site-header.is-stuck{-webkit-backdrop-filter:blur(30px)saturate(.98);background:linear-gradient(112deg,#fafcfdf5,#f7fafcf0 50%,#f1f7faf5);top:0;box-shadow:inset 0 1px #ffffffdb,0 12px 34px #303d4414}body .site-header .nav{z-index:2;position:relative}body .site-header:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(90% 140% at 12% -45%,#fffc,#0000 58%),radial-gradient(68% 145% at 78% 155%,#ffffff29,#0000 68%);position:absolute;inset:0}body .site-header:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffe6 18%,#ffffff94 78%,#0000);height:1px;position:absolute;top:0;left:2.5%;right:2.5%}body .menu a{color:#263b49b8}body .menu a.active,body .menu a:hover{color:var(--pc-rose)}body .menu a:after{background:var(--pc-rose)}body:not(.index-page) .hero{background:var(--pc-ice)}body:not(.index-page) .hero:before{background:linear-gradient(90deg,#f8fcfdfb 0,#f4f9fbeb 41%,#eff7f97a 65%,#ffffff0a 100%)}body:not(.index-page) .hero-bg{filter:saturate(.78)brightness(1.06)contrast(.98)}body:not(.index-page) .hero-copy{z-index:4;position:relative}body:not(.index-page) .hero .eyebrow{width:fit-content;color:var(--pc-rose);-webkit-backdrop-filter:blur(18px)saturate(1.08);background:#ffffff75;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;padding:10px 15px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffc7,0 10px 26px #2c4b5b0e}body:not(.index-page) .hero .eyebrow:before{flex:0 0 12px;width:12px;height:12px}body:not(.index-page) .hero h1,body:not(.index-page) .hero-title{color:var(--pc-ink);text-wrap:balance;font-weight:540}body:not(.index-page) .hero-copy>p{color:var(--pc-body);line-height:1.9}body:not(.index-page) .hero-copy>p:before{background:linear-gradient(90deg,#ffffff9e,#ffffff14)}body:not(.index-page) .hero-copy{text-align:left;width:min(1040px,68%);margin:0}body:not(.index-page) .hero .hero-title,body:not(.index-page) .hero h1{margin-left:0;margin-right:0}body:not(.index-page) .hero-copy>p{margin-top:24px;margin-left:0;margin-right:0;padding-top:20px}.principle-page .hero-bg{background-position:68%}body:not(.index-page) .pc-real-document{background-color:#f8fbfcf5;background-image:var(--pc-real-document-image);background-position:50%;background-repeat:no-repeat;background-size:contain}body:not(.index-page) .pc-real-document:after,body:not(.index-page) .pc-real-document:before{display:none}@media (prefers-reduced-motion:reduce){body .site-header,body .site-header.is-stuck{transition:none}}.principle-page .mobile-tech-details,.principle-page .hero-copy>p>br{display:none}.principle-page .hero-copy>p{flex-wrap:initial;white-space:nowrap;gap:0;display:block}body:not(.index-page) .hero .hero-title,body:not(.index-page) .hero h1{line-height:1.16}body:not(.index-page) .hero-inner{align-items:flex-start;padding-top:clamp(148px,19vh,180px)}body:not(.index-page) .hero{height:calc(100svh - 34px);min-height:0;max-height:none}}@media (width<=820px){.section-header-shared{--sh-title-color:#263b49;text-align:left}.hero-copy-shared,body .section-header-shared.section-header-shared.section-header-shared{text-align:left}.section-header-shared .section-header-kicker,.section-header-shared .section-kicker{color:var(--sh-accent,#9e9e9e);letter-spacing:.22em;text-transform:uppercase;margin:0;font:700 10px/1.2 Arial,sans-serif;display:block}body .section-header-shared.section-header-shared.section-header-shared .section-header-kicker:before,body .section-header-shared.section-header-shared.section-header-shared .section-kicker:before{content:"";width:1px;height:12px;box-shadow:none;background:var(--sh-accent,#9e9e9e);vertical-align:-2px;border:0;border-radius:0;margin:0 9px 0 0;display:inline-block}body .section-header-shared.section-header-shared.section-header-shared .section-header-kicker,body .section-header-shared.section-header-shared.section-header-shared .section-kicker{gap:0}body .section-header-shared.section-header-shared.section-header-shared .section-header-title,body .section-header-shared.section-header-shared.section-header-shared .section-title{max-width:none;color:var(--sh-title-color);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:var(--sh-title-size,38px);letter-spacing:-.045em;white-space:pre-line;margin:18px 0 0;font-weight:440;line-height:1.16;display:block}body .section-header-shared.section-header-shared.section-header-shared .section-header-title:after,body .section-header-shared.section-header-shared.section-header-shared .section-title:after,body.principle-page .mobile-tech-details-head.section-header-shared.section-header-shared.section-header-shared .section-header-title:after,body.principle-page .mobile-tech-details-head.section-header-shared.section-header-shared.section-header-shared .section-title:after{content:"";width:var(--sh-line-width,38px);height:1px;margin-top:var(--sh-line-gap,17px);background:var(--sh-accent,#9e9e9e);opacity:.72;display:block}body .section-header-shared .section-header-intro,body .section-header-shared .section-intro{max-width:100%;margin:var(--sh-line-gap,17px)0 0;color:#617985;font-size:var(--sh-intro-size,16px);letter-spacing:.01em;border:0;padding:0;font-weight:400;line-height:1.85}body .section-header-shared.section-header-shared.section-header-shared .section-header-tm{color:inherit;font:inherit;letter-spacing:0;vertical-align:top;margin-left:2px;font-size:.4em;font-weight:600;line-height:1;display:inline-block}.hero-copy-shared .hero-shared-desc:before,.section-header-shared .section-title small{display:none}.section-header-shared .section-header-kicker+.section-header-title,.section-header-shared .section-kicker+.section-title{margin-top:18px}.mobile-tech-details-head.section-header-shared{flex-direction:column;display:flex}body.principle-page .mobile-tech-details-head.section-header-shared.section-header-shared.section-header-shared{text-align:left;max-width:none;margin:0}body .hero-copy-shared.hero-copy-shared .hero-shared-title,body.principle-page .mobile-tech-details-head.section-header-shared.section-header-shared.section-header-shared .section-header-title,body.principle-page .mobile-tech-details-head.section-header-shared.section-header-shared.section-header-shared .section-title{letter-spacing:-.045em;text-align:left;margin:18px 0 0;font-weight:440;line-height:1.16}body.principle-page .mobile-tech-details-head.section-header-shared.section-header-shared.section-header-shared .section-header-kicker,body.principle-page .mobile-tech-details-head.section-header-shared.section-header-shared.section-header-shared .section-kicker{text-align:left;margin:0}body.principle-page .mobile-tech-details-head.section-header-shared.section-header-shared.section-header-shared .section-header-intro,body.principle-page .mobile-tech-details-head.section-header-shared.section-header-shared.section-header-shared .section-intro{text-align:left;border:0;max-width:100%;margin:17px 0 0;padding:0}.mobile-tech-details-head.section-header-shared .section-header-kicker,.mobile-tech-details-head.section-header-shared .section-kicker{order:1}.mobile-tech-details-head.section-header-shared .section-header-title,.mobile-tech-details-head.section-header-shared .section-title{order:2}.mobile-tech-details-head.section-header-shared .mobile-tech-head-rule{order:3;display:none}.mobile-tech-details-head.section-header-shared .section-header-intro,.mobile-tech-details-head.section-header-shared .section-intro{order:4}body .hero-copy-shared.hero-copy-shared.hero-copy-shared .hero-shared-eyebrow{width:max-content;color:var(--hc-accent,#9e9e9e);font:500 var(--hc-kicker-size,15px)/1.25"Inter","PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:.02em;text-transform:none;-webkit-backdrop-filter:blur(18px)saturate(1.3);box-sizing:border-box;background:linear-gradient(135deg,#ffffffad,#dce9ee8a 52%,#ffffff7a);border:1px solid #ffffffa8;border-radius:999px;align-items:center;gap:0;margin:0;padding:7px 17px 8px 13px;display:flex;box-shadow:0 10px 25px #39546224,inset 0 1px #ffffffc7,inset 0 -1px #69899629}body .hero-copy-shared.hero-copy-shared.hero-copy-shared .hero-shared-eyebrow:before{content:"";vertical-align:middle;background:radial-gradient(circle,currentColor 0 1.5px,#0000 2px);border:1px solid;border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin:0 6px 0 0;display:inline-block}body .hero-copy-shared.hero-copy-shared .hero-shared-title{width:100%;max-width:none;padding:0 0 var(--hc-line-gap,17px);color:var(--hc-title-color,#263b49);font-size:var(--hc-title-size,38px);white-space:pre-line;display:block}body .hero-copy-shared.hero-copy-shared.hero-copy-shared .hero-shared-title:before{content:none;display:none}body .hero-copy-shared.hero-copy-shared.hero-copy-shared .hero-shared-title:after{content:"";width:var(--hc-line-width,38px);height:1px;margin-top:var(--hc-line-gap,17px);background:var(--hc-accent,#9e9e9e);opacity:.72;color:#0000;font:initial;letter-spacing:0;white-space:normal;line-height:0;display:block}body .hero-copy-shared.hero-copy-shared.hero-copy-shared .hero-copy-tm{color:inherit;vertical-align:super;letter-spacing:0;margin-left:.08em;font:600 .24em/1 Arial,sans-serif;display:inline-block;position:static;top:auto}body .hero-copy-shared.hero-copy-shared.hero-copy-shared .hero-shared-title .hero-copy-tm{font-size:.32em;line-height:1}body .hero-copy-shared.hero-copy-shared.hero-copy-shared .hero-shared-desc{width:100%;max-width:100%;margin:var(--hc-line-gap,17px)0 0;color:var(--hc-desc-color,#617985);font-size:var(--hc-desc-size,15px);letter-spacing:.01em;text-align:left;border:0;margin-top:8px;padding:0;font-weight:400;line-height:1.85;display:block}.hero-copy-shared .hero-shared-desc-line{white-space:pre-line;display:block}.hero-copy-shared .hero-shared-desc-line+.hero-shared-desc-line{margin-top:9px}html body.principle-page.principle-page .hero.hero .hero-copy-shared.hero-copy-shared.hero-copy-shared .hero-shared-desc-line{white-space:normal;margin:0;display:inline}}@media (width<=900px){:is(body.about-page,body.brand-page,body.contact-page,body.documents-page,body.principle-page,body.verify-page) .hero{height:700px;min-height:700px;max-height:none}:is(body.about-page,body.brand-page,body.contact-page,body.documents-page,body.principle-page,body.verify-page) .hero :is(.hero-visual,.hero-bg){height:100%;min-height:0}@media (width<=380px){:is(body.about-page,body.brand-page,body.contact-page,body.documents-page,body.principle-page,body.verify-page) .hero{height:660px;min-height:660px}}html body.principle-page .hero .hero-research{visibility:hidden;display:none}html body.principle-page .hero .hero-bg{background-image:url(/assets/mobile-optimized/generated-mobile-hero/principle-lab-real-v1.webp);background-position:50% 43%;background-repeat:no-repeat;background-size:cover}.principle-page :is(.mobile-gradient-carousel,.mobile-gradient-carousel>.mobile-gradient-card,.mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair,.mobile-tech-module-body[data-detail-source=dual-copy]>.protein-pair>.protein-card,.mobile-dual-carousel,.mobile-dual-carousel>.dual-copy,.mobile-dual-carousel>.protein-pair>.protein-card,.mobile-source-carousel,.mobile-source-slide,.evolution .timeline,.mobile-tech-module[open] .mobile-gradient-carousel,.mobile-tech-module[open] .mobile-source-carousel,.mobile-detail-cards){touch-action:pan-x pan-y}.principle-page .mobile-tech-details{background:linear-gradient(#e8f2f5 0%,#deedf1 52%,#e6e6e6 100%),url(/assets/mobile-optimized/principle-system-biotech-bg-v1.webp) 78%/cover no-repeat}.principle-page .mobile-tech-module[open] .mobile-tech-module-body{background:linear-gradient(#d0e5ecc7,#e0ecf0b8 62%,#ffffffb8);border-top-color:#4f707e33}.principle-page .mobile-tech-module[open] .mobile-detail-cards{background:linear-gradient(135deg,#c4dce5b8,#ebe2eaa8);border:1px solid #6d919e33;border-radius:22px;box-shadow:inset 0 1px #ffffffb3,0 12px 28px #30526014}.principle-page .mobile-tech-module[open] .mobile-detail-cards>.dual-copy,.principle-page .mobile-tech-module[open] .mobile-detail-cards>.mobile-gradient-card,.principle-page .mobile-tech-module[open] .mobile-detail-cards>.mobile-source-slide{box-shadow:0 18px 38px #31526024,inset 0 1px #fffffffa}}@media (width>=901px){body.principle-page .gradient{color:#263b49;background:radial-gradient(circle at 91% 12%,#c9567312,#0000 27%),radial-gradient(circle at 8% 44%,#5d7e901f,#0000 31%),linear-gradient(#fbfcfc 0%,#edf4f6 48%,#f8fafb 100%);padding:clamp(110px,9vw,150px) 0;position:relative;overflow:hidden}body.principle-page .gradient:before{content:"02";color:#3752600b;letter-spacing:-.08em;pointer-events:none;font:600 clamp(110px,14vw,210px)/1 Arial,sans-serif;position:absolute;top:38px;right:4vw}body.principle-page .gradient .gradient-shell{z-index:1;position:relative}body.principle-page .gradient .gradient-copy{text-align:center;width:auto;max-width:940px;margin:0 auto;padding:0}body.principle-page .gradient .gradient-copy:before,body.principle-page .gradient .gradient-copy:after{content:none;display:none}body.principle-page .gradient .detail-inline{color:#6d8490;justify-content:center}body.principle-page .gradient .detail-inline span{color:var(--brand-accent,#c95673)}body.principle-page .gradient .section-kicker{color:#79909b;margin-top:24px}body.principle-page .gradient .gradient-copy>.section-title{color:#263b49;letter-spacing:-.055em;margin-top:17px;font-size:clamp(52px,5vw,76px);font-weight:500}body.principle-page .gradient .gradient-subtitle{color:#405d6b;letter-spacing:-.02em;margin:22px 0 0;font-size:23px;font-weight:560}body.principle-page .gradient .gradient-copy>.section-intro{color:#667d88;max-width:850px;margin:25px auto 0;font-size:14px;line-height:2}body.principle-page .gradient .gradient-features{grid-template-columns:1fr;gap:28px;margin-top:64px;display:grid}body.principle-page .gradient .gradient-feature{background:#ffffffdb;border:1px solid #4d6c7b24;border-radius:24px;min-height:0;padding:46px 50px;position:relative;overflow:hidden;box-shadow:0 28px 78px #2f4d5b17}body.principle-page .gradient .gradient-feature:before,body.principle-page .gradient .gradient-feature:after{content:none;display:none}body.principle-page .gradient .gradient-feature-head{max-width:780px}body.principle-page .gradient .gf-no{color:var(--brand-accent,#c95673);letter-spacing:.2em;font:700 9px/1 Arial,sans-serif}body.principle-page .gradient .gradient-feature h3{color:#263b49;letter-spacing:-.04em;margin:17px 0 0;font-size:30px;font-weight:540;line-height:1.35}body.principle-page .gradient .gradient-feature-head>p{color:#657b86;margin:18px 0 0;font-size:13px;line-height:1.9}body.principle-page .gradient .gradient-stage-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px;display:grid;position:relative}body.principle-page .gradient .gradient-stage-track:before{content:"";background:linear-gradient(90deg,#aac3ce 0%,#799cab 50%,#c95673 100%);height:2px;position:absolute;top:47px;left:12%;right:12%}body.principle-page .gradient .gradient-stage{z-index:1;background:linear-gradient(155deg,#fffffff7,#edf5f7e6);border:1px solid #4f6f7e24;border-radius:18px;min-width:0;padding:0;position:relative;overflow:hidden}body.principle-page .gradient .gradient-stage--b{background:linear-gradient(155deg,#fff,#edf4f6)}body.principle-page .gradient .gradient-stage--c{background:linear-gradient(155deg,#fff,#f8edf1);border-color:#c956732e}body.principle-page .gradient .gradient-stage-copy{padding:27px 25px 25px}body.principle-page .gradient .gradient-stage-copy h4{color:#294653;margin:0;font-size:24px;font-weight:560}body.principle-page .gradient .gradient-stage-copy>strong{color:#718893;margin-top:10px;font-size:12px;font-weight:600;display:block}body.principle-page .gradient .gradient-stage-copy>p{color:#657b86;min-height:100px;margin:20px 0 0;font-size:12px;line-height:1.85}body.principle-page .gradient .gradient-stage-copy>em{color:#435f6c;border-top:1px solid #5372801f;border-left:2px solid #c956739e;min-height:70px;margin-top:18px;padding:15px 0 0 14px;font-size:11px;font-style:normal;line-height:1.75;display:block}body.principle-page .gradient .gradient-tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}body.principle-page .gradient .gradient-tags span{color:#55717e;background:#e0ebefbf;border-radius:999px;padding:7px 10px;font-size:10px}}@media (width<=900px){html body.principle-page .mobile-gradient-detail-hero--source>p{color:#557184;margin:17px 0 0;font-size:13px;font-weight:450;line-height:1.82}html body.principle-page .mobile-gradient-detail-hero--source>p+p{margin-top:10px}body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>:is(.gradient-copy,.gradient-feature){height:auto!important;min-height:0!important;padding:26px 22px 28px!important}body.principle-page .mobile-tech-module--gradient .gradient-copy .gradient-subtitle{color:#385663;margin:16px 0 0;font-size:20px;line-height:1.45}body.principle-page .mobile-tech-module--gradient .gradient-feature-head h3{color:#294653;margin:15px 0 0;font-size:22px;line-height:1.4}body.principle-page .mobile-tech-module--gradient .gradient-feature-head>p{color:#657b86;margin-top:14px;font-size:12px;line-height:1.85}body.principle-page .mobile-tech-module--gradient .gradient-stage-track{gap:12px;margin-top:22px;display:grid}body.principle-page .mobile-tech-module--gradient .gradient-stage{background:#ffffffd1;border:1px solid #52708024;border-radius:14px;grid-template-columns:58px 1fr;display:grid;overflow:hidden}body.principle-page .mobile-tech-module--gradient .gradient-stage-copy{padding:17px 15px 18px}body.principle-page .mobile-tech-module--gradient .gradient-stage-copy h4{color:#294653;margin:0;font-size:18px}body.principle-page .mobile-tech-module--gradient .gradient-stage-copy>strong{color:#718893;margin-top:6px;font-size:10px;display:block}body.principle-page .mobile-tech-module--gradient .gradient-stage-copy>p,body.principle-page .mobile-tech-module--gradient .gradient-stage-copy>em{color:#657b86;font-size:11px;line-height:1.75;display:block}body.principle-page .mobile-tech-module--gradient .gradient-stage-copy>p{margin:13px 0 0}body.principle-page .mobile-tech-module--gradient .gradient-stage-copy>em{border-left:2px solid #c9567394;margin-top:11px;padding-left:9px;font-style:normal}body.principle-page .mobile-tech-module--gradient .gradient-tags{gap:6px;margin-top:12px;display:flex}body.principle-page .mobile-tech-module--gradient .gradient-tags span{color:#587480;background:#edf4f6;border-radius:999px;padding:5px 7px;font-size:8px}html body.principle-page .mobile-tech-details .mobile-tech-module-body :is(.dual-copy,.gradient-copy,.source-copy)>.section-intro{font-size:14px}body.principle-page .mobile-tech-module[open]>.mobile-tech-module-body{background:0 0;border-top:0}body.principle-page .mobile-tech-module[open]>.mobile-tech-module-body>.mobile-detail-cards{box-shadow:none;background:0 0;border:0;border-radius:0}.principle-page .evolution .timeline{width:100%;max-width:100%;box-shadow:none;scroll-snap-type:none;overscroll-behavior:auto;touch-action:pan-y;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:28px;padding:0;display:grid;overflow:visible}.principle-page .evolution .timeline:before,.principle-page .evolution .timeline:after{display:none}.principle-page .evolution .timeline>.era,.principle-page .evolution .timeline>.era:last-child{scroll-snap-align:none;background:#ffffffe0;border:1px solid #ffffffe6;border-radius:24px;flex:none;width:100%;min-width:0;height:auto;min-height:0;display:flex;overflow:hidden;box-shadow:0 16px 38px #3252601a,inset 0 1px #fffffffa}.principle-page .evolution .timeline>.era .era-visual{flex:0 0 158px;height:158px}.principle-page .evolution .timeline>.era .era-top{grid-template-columns:1fr auto;align-items:start;height:112px;padding:22px 22px 16px 30px;display:grid}.principle-page .evolution .timeline>.era .era-generation{letter-spacing:-.06em;color:#9e9e9e;font-size:38px;font-weight:500;line-height:.95}.principle-page .evolution .timeline>.era .era-key{color:#8f9da3;letter-spacing:.13em;text-align:right;align-self:end;max-width:128px;font-size:8px;line-height:1.25;position:static}.principle-page .evolution .timeline>.era .era-content{padding:22px 22px 24px 30px}.principle-page .evolution .timeline>.era .era-content>p{display:none}.principle-page .evolution .timeline>.era:nth-child(3){background:linear-gradient(145deg,#fffffff0,#eff6f8e0);border-color:#fffffffa}.principle-page .evolution .timeline>.era:nth-child(3) .era-generation,.principle-page .evolution .timeline>.era:nth-child(3) .era-key{color:#7f8e95}.principle-page .evolution .timeline>.era:nth-child(3) .era-generation:after{content:"NOW";color:#8b969b;letter-spacing:.16em;vertical-align:middle;border:1px solid #9e9e9e59;border-radius:999px;margin-left:9px;padding:5px 7px;font:600 8px/1 Arial,sans-serif;display:inline-block}}.principle-page .evolution .timeline>.era .era-content>h3{align-items:baseline;gap:10px;display:flex}.principle-page .evolution .timeline>.era .era-content>h3>.era-generation{min-height:0;color:var(--brand-accent);letter-spacing:.04em;white-space:nowrap;background:0 0;border:0;border-radius:0;flex:none;padding:0;font-size:12px;font-weight:650;line-height:1;display:inline-block}@media (width<=900px){html body.principle-page .evolution .timeline>.era .era-top{height:42px;min-height:42px}html body.principle-page .evolution .timeline>.era .era-content>h3{gap:8px;display:flex}html body.principle-page .evolution .timeline>.era .era-content>h3>.era-generation{color:var(--brand-accent);font-size:11px;display:inline-block}html body.principle-page .mobile-tech-module--gradient,html body.principle-page .mobile-tech-module--source{background:linear-gradient(155deg,#ffffffb3,#e5f1f5b8);border:1px solid #ffffffe6;border-radius:25px;overflow:hidden;box-shadow:0 18px 40px #3152601a,inset 0 1px #fffffff5}html body.principle-page .mobile-tech-module--connected>.mobile-tech-fixed-summary{min-height:166px;box-shadow:none;background:linear-gradient(145deg,#ffffffd1,#f3f8f9ad);border:0;border-bottom:1px solid #809daa21;border-radius:0;grid-template-columns:78px minmax(0,1fr);column-gap:14px;padding:20px 18px 16px;display:grid;position:relative;overflow:hidden}html body.principle-page .mobile-tech-module--gradient>.mobile-tech-fixed-summary:after,html body.principle-page .mobile-tech-module--source>.mobile-tech-fixed-summary:after{content:attr(data-watermark);z-index:0;color:#556f7b0e;letter-spacing:-.08em;pointer-events:none;font:500 104px/1 Arial,sans-serif;position:absolute;bottom:-22px;right:10px}html body.principle-page .mobile-tech-module--gradient .mobile-tech-summary-copy,html body.principle-page .mobile-tech-module--source .mobile-tech-summary-copy{z-index:1;align-self:center;position:relative}html body.principle-page .mobile-tech-module--gradient .mobile-tech-summary-copy small,html body.principle-page .mobile-tech-module--source .mobile-tech-summary-copy small{color:var(--brand-accent);letter-spacing:.15em;margin:0 0 7px;font:650 9px/1 Arial,sans-serif;display:block}html body.principle-page .mobile-tech-module--gradient .mobile-tech-summary-copy strong,html body.principle-page .mobile-tech-module--source .mobile-tech-summary-copy strong{color:#263b49;margin:0;font-size:19px;line-height:1.28}html body.principle-page .mobile-tech-module--gradient .mobile-tech-summary-copy em,html body.principle-page .mobile-tech-module--source .mobile-tech-summary-copy em{color:#617985;border-bottom:1px dashed #5d7e9038;margin-top:8px;padding-bottom:10px;font-size:13px;line-height:1.62}html body.principle-page .mobile-tech-module--gradient>.mobile-tech-module-body,html body.principle-page .mobile-tech-module--source>.mobile-tech-module-body{margin:0;padding:0}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards,html body.principle-page .mobile-tech-module--source .mobile-source-cards{gap:12px;width:100%;margin:0;padding:12px 16px 18px;scroll-padding-left:16px}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>*,html body.principle-page .mobile-tech-module--source .mobile-source-cards>*{border-radius:21px;flex-basis:calc(100vw - 86px);width:calc(100vw - 86px);min-width:calc(100vw - 86px);box-shadow:0 12px 28px #31526017,inset 0 1px #fffffffa}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>.mobile-gradient-card{height:500px;min-height:500px;padding:24px 18px 20px}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards .detail-inline,html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards .section-kicker,html body.principle-page .mobile-tech-module--source .mobile-source-overview .detail-inline{display:none}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards .section-title,html body.principle-page .mobile-tech-module--source .mobile-source-cards .section-title{margin-top:0}html body.principle-page .mobile-tech-module--source .mobile-source-cards>.mobile-source-slide{overflow:hidden}html body.principle-page .mobile-tech-module--source .mobile-source-overview{background:linear-gradient(155deg,#fffffff5,#f0f7f9e6),url(/assets/mobile-optimized/principle-system-biotech-bg-v1.webp) 50%/cover no-repeat;height:620px;min-height:620px}html body.principle-page .mobile-source-overview>.source-copy{padding:62px 18px 0}html body.principle-page .mobile-source-overview .source-copy .section-title{color:#263b49;font-size:22px;line-height:1.3}html body.principle-page .mobile-source-overview .source-copy .section-title:after{content:"";background:#c9567385;width:28px;height:1px;margin-top:13px;display:block}html body.principle-page .mobile-source-overview .source-copy .section-intro{color:#617985;margin-top:15px;font-size:14px;line-height:1.78}html body.principle-page .mobile-source-overview .source-copy .section-intro+.section-intro{margin-top:10px}html body.principle-page .mobile-source-overview>.source-panel{background:0 0;margin-top:auto;padding:0 16px 18px}html body.principle-page .mobile-source-overview .source-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;display:grid}html body.principle-page .mobile-source-overview .source-feature{background:#ffffff94;border:1px solid #5d7e9021;border-radius:14px;flex-direction:column;justify-content:flex-end;min-width:0;min-height:126px;padding:17px 12px 13px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd1}html body.principle-page .mobile-source-overview .source-feature:before{content:"";z-index:0;pointer-events:none;border:1px solid #dd7e972b;border-radius:50%;width:130px;height:130px;position:absolute;top:21px;left:35px}html body.principle-page .mobile-source-overview .source-feature:after{content:"";z-index:0;pointer-events:none;border-top:1px solid #dd7e9733;border-radius:50%;height:42px;position:absolute;top:66px;left:-10px;right:-10px;transform:rotate(-8deg)}html body.principle-page .mobile-source-overview .source-feature>span,html body.principle-page .mobile-source-overview .source-feature>h3,html body.principle-page .mobile-source-overview .source-feature>p,html body.principle-page .mobile-source-overview .source-feature>.source-icon{z-index:1;position:relative}html body.principle-page .mobile-source-overview .source-feature>span{color:var(--brand-accent);letter-spacing:.13em;font:650 7px/1 Arial,sans-serif;display:block;position:absolute;top:14px;left:12px}html body.principle-page .mobile-source-overview .source-feature>.source-icon{color:#dd7e97ad;place-items:center;width:24px;height:24px;margin:0;display:grid;position:absolute;top:13px;right:12px}html body.principle-page .mobile-source-overview .source-icon svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;display:block}html body.principle-page .mobile-source-overview .source-feature h3{color:#263b49;margin:0;font-size:14px;font-weight:500;line-height:1.35}html body.principle-page .mobile-source-overview .source-feature p{color:#71838c;margin:6px 0 0;font-size:12px;line-height:1.55}html body.principle-page .mobile-tech-module--gradient .mobile-tech-summary-copy small,html body.principle-page .mobile-tech-module--source .mobile-tech-summary-copy small{display:none}html body.principle-page .mobile-tech-module--connected .mobile-tech-summary-copy strong:after{content:"";background:#c956738c;width:28px;height:1px;margin-top:10px;display:block}html body.principle-page .mobile-tech-module--gradient .mobile-tech-summary-copy em,html body.principle-page .mobile-tech-module--source .mobile-tech-summary-copy em{border-bottom:0;margin-top:9px;padding-bottom:0}html body.principle-page .mobile-tech-module--dual .mobile-tech-summary-copy em{margin-top:9px}html body.principle-page .mechanism .mech-body h3:after{content:"";background:#c9567385;width:28px;height:1px;margin-top:11px;display:block}html body.principle-page .mechanism .mech-body>p{color:#617985;margin-top:14px;font-size:14px;line-height:1.78}html body.principle-page .evolution .timeline{gap:18px}html body.principle-page .evolution .timeline>.era .era-visual{flex-basis:145px;height:145px}html body.principle-page .evolution .timeline>.era .era-top{padding:16px 20px 0;display:block}html body.principle-page .evolution .timeline>.era .era-key,html body.principle-page .evolution .timeline>.era .era-content>h3{display:none}html body.principle-page .evolution .timeline>.era .era-generation{color:#263b49;letter-spacing:-.03em;white-space:nowrap;align-items:baseline;gap:6px;font-size:22px;font-weight:500;line-height:1.3;display:flex}html body.principle-page .evolution .timeline>.era:nth-child(3) .era-generation{gap:4px;font-size:19px}html body.principle-page .evolution .timeline>.era .era-generation>span{color:var(--brand-accent);font:inherit}html body.principle-page .evolution .timeline>.era .era-generation>i{color:#c956738c;font:inherit;font-style:normal}html body.principle-page .evolution .timeline>.era .era-generation>b{color:#263b49;font:inherit}html body.principle-page .evolution .timeline>.era .era-generation:after{content:none!important;display:none!important}html body.principle-page .evolution .timeline>.era .era-content{padding:8px 20px 20px}html body.principle-page .evolution .timeline>.era .era-content>p{margin:13px 0 0;padding-top:0;font-size:14px;line-height:1.75}html body.principle-page .mobile-tech-module--connected .mobile-tech-summary-copy em{font-size:14px}html body.principle-page .mobile-tech-module--dual{background:linear-gradient(155deg,#ffffffb8,#e5f1f5b8);border:1px solid #ffffffe6;border-radius:25px;overflow:hidden;box-shadow:0 18px 40px #3152601a,inset 0 1px #fffffff5}html body.principle-page .mobile-tech-module--dual>.mobile-dual-fixed-summary{min-height:158px;box-shadow:none;background:#ffffff94;border:0;border-bottom:1px solid #809daa21;border-radius:0;grid-template-columns:76px minmax(0,1fr);column-gap:14px;padding:20px 18px 18px;display:grid}html body.principle-page .mobile-tech-module--dual .mobile-tech-summary-copy strong{color:#263b49;margin:0;font-size:19px;line-height:1.35}html body.principle-page .mobile-tech-module--dual .mobile-tech-summary-copy em{color:#617985;margin-top:9px;font-size:13px;line-height:1.72}html body.principle-page .mobile-tech-module--dual>.mobile-tech-module-body{margin:0;padding:0}html body.principle-page .mobile-tech-module--dual .mobile-dual-cards{gap:12px;width:100%;margin:0;padding:12px 16px 18px;scroll-padding-left:16px}html body.principle-page .mobile-tech-module--dual .mobile-dual-cards>*{border-radius:21px;flex-basis:calc(100vw - 86px);width:calc(100vw - 86px);min-width:calc(100vw - 86px);height:470px;min-height:470px;box-shadow:0 12px 28px #31526017,inset 0 1px #fffffffa}html body.principle-page .mobile-tech-module--dual .mobile-dual-cards>.dual-copy{padding:24px 18px 20px}html body.principle-page .mobile-tech-module--dual .dual-copy .detail-inline-chip{display:none}html body.principle-page .mobile-tech-module--dual .dual-copy .section-title{margin:0;font-size:22px}html body.principle-page .mobile-tech-module--dual .dual-copy .section-title:after{content:"";background:#c9567375;width:28px;height:1px;margin-top:13px;display:block}html body.principle-page .mobile-tech-module--dual .dual-copy .section-intro{margin-top:15px;font-size:14px;line-height:1.75}html body.principle-page .mobile-tech-module--dual .dual-advantage{min-height:98px;padding:15px 14px 14px 70px;position:relative}html body.principle-page .mobile-tech-module--dual .dual-advantage:before{content:"≈";width:42px;height:42px;color:var(--brand-accent);background:#ffffffd1;border-radius:50%;place-items:center;font-size:24px;font-weight:300;display:grid;position:absolute;top:50%;left:16px;transform:translateY(-50%)}html body.principle-page .mobile-dual-cards>.protein-card{background:linear-gradient(155deg,#fffffff5,#f2f8fae6);padding:190px 18px 18px}html body.principle-page .mobile-dual-cards>.protein-card:nth-child(3){background:linear-gradient(155deg,#fffffff5,#ffeff4db)}.principle-page .mobile-protein-title{color:#263b49;align-items:center;gap:9px;margin:0 0 10px;font-size:18px;font-weight:500;display:flex}.principle-page .mobile-protein-title:after{display:none}.principle-page .mobile-protein-code{min-height:29px;color:var(--brand-accent);background:#fff0f4e0;border-radius:9px;align-items:center;padding:0 9px;font-size:15px;font-weight:600;display:inline-flex}.principle-page .mobile-protein-role{color:var(--brand-accent);border:1px solid #c9567338;border-radius:999px;align-self:flex-start;margin-bottom:24px;padding:6px 12px;font-size:12px;line-height:1}html body.principle-page .mobile-dual-cards>.protein-card>p{color:#617985;font-size:13px;line-height:1.75}.principle-page .mobile-tech-accordion{flex-direction:column;gap:24px;width:100%;margin-top:28px;padding:0;display:flex;overflow:visible}.principle-page .mobile-tech-module{width:100%;min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;display:block;overflow:visible}.principle-page .mobile-tech-module-summary{box-sizing:border-box;background:#ffffffdb;border:1px solid #fffffff0;border-radius:24px;grid-template-rows:auto auto;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px 14px;width:100%;min-height:210px;padding:22px 18px 18px;display:grid;position:relative;box-shadow:0 16px 38px #3252601a,inset 0 1px #fffffffa}.principle-page .mobile-tech-module-summary .mobile-tech-summary-copy{grid-area:1/2;min-width:0;max-width:100%;overflow:visible}.principle-page .mobile-tech-module-summary .mobile-tech-summary-copy strong{color:#263b49;margin-top:8px;font-size:20px;line-height:1.25;display:block}.principle-page .mobile-tech-module-summary .mobile-tech-summary-copy em{color:#617985;margin-top:10px;font-size:13px;line-height:1.7;display:block}.principle-page .mobile-tech-module-body{box-sizing:border-box;width:100%;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:12px 0 0;padding:0 14px 18px;display:block;overflow:visible}.principle-page .mobile-tech-module:not([open])>.mobile-tech-module-body{display:block}.principle-page .mobile-detail-cards{box-sizing:border-box;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;flex-flow:row;align-items:stretch;gap:14px;width:calc(100% + 36px);min-width:0;max-width:none;margin-left:-18px;padding:14px 18px 18px;scroll-padding-left:18px;display:flex;overflow:auto visible}.principle-page .mobile-detail-cards::-webkit-scrollbar{display:none}.principle-page .mobile-dual-cards>.dual-copy,.principle-page .mobile-dual-cards>.protein-card,.principle-page .mobile-gradient-cards>.mobile-gradient-card,.principle-page .mobile-source-cards>.mobile-source-slide{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;-webkit-backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #ffffffeb;border-radius:22px;flex-direction:column;flex:0 0 88vw;width:88vw;min-width:88vw;height:auto;min-height:0;margin:0;padding:24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #3152601f,inset 0 1px #fffffffa}.principle-page .mobile-dual-cards>.dual-copy{min-height:430px}.principle-page .mobile-dual-cards>.protein-card{min-height:510px}.principle-page .mobile-gradient-cards>.mobile-gradient-card,.principle-page .mobile-source-cards>.mobile-source-slide{min-height:520px}.principle-page .mobile-dual-cards>.dual-copy .section-title,.principle-page .mobile-gradient-cards>.mobile-gradient-card .section-title,.principle-page .mobile-source-cards>.mobile-source-slide .section-title{margin-top:12px}.principle-page .mobile-dual-cards>.dual-copy .section-intro,.principle-page .mobile-gradient-cards>.mobile-gradient-card .section-intro,.principle-page .mobile-source-cards>.mobile-source-slide .section-intro{max-width:none}.principle-page .mobile-dual-cards>.protein-card>*,.principle-page .mobile-gradient-cards>.mobile-gradient-card>*,.principle-page .mobile-source-cards>.mobile-source-slide>*{max-width:100%}.principle-page .evolution .timeline>.era{flex-direction:column;height:auto;min-height:0;display:flex}.principle-page .evolution .timeline>.era .era-visual{flex:0 0 158px;height:158px}.principle-page .evolution .timeline>.era .era-top{grid-template-columns:minmax(0,1fr) auto;align-items:end;height:auto;min-height:0;padding:17px 20px 0;display:grid}.principle-page .evolution .timeline>.era .era-generation{color:#9e9e9e;letter-spacing:-.06em;background:0 0;border:0;border-radius:0;grid-area:1/1;min-height:0;padding:0;font-size:38px;font-weight:500;line-height:.95;display:block}.principle-page .evolution .timeline>.era .era-key{color:#8f9da3;letter-spacing:.13em;text-align:right;grid-area:1/2;align-self:end;max-width:128px;font-size:8px;line-height:1.25;position:static}.principle-page .evolution .timeline>.era .era-point{display:none}.principle-page .evolution .timeline>.era .era-content{flex:none;height:auto;min-height:0;padding:12px 20px 20px}.principle-page .evolution .timeline>.era .era-content>h3{color:#263e4a;letter-spacing:-.04em;margin:0;font-size:24px;font-weight:500;line-height:1.25}.principle-page .evolution .timeline>.era .era-content>p{color:#5c7480;border-top:1px solid #9e9e9e33;min-height:0;margin-top:18px;padding-top:15px;font-size:13px;line-height:1.75;display:block}.principle-page .evolution .timeline>.era .era-content>p:before{display:none}.principle-page .why-pains .why-panel-head:after,.principle-page .why-core .why-panel-head:after,.principle-page .why-result .why-panel-head:after{background:#76828952}.principle-page .why-result-body>strong span,.principle-page .why-result-body>strong span:last-child{color:var(--brand-accent)}.principle-page .mobile-tech-accordion{gap:34px;margin-top:30px}.principle-page .mobile-tech-module-summary{display:none}.principle-page .mobile-tech-module-body{margin:0;padding:0}.principle-page .mobile-detail-cards{overscroll-behavior:auto;gap:12px;margin-left:-18px;padding:0 18px 18px;scroll-padding-left:18px}.principle-page .mobile-detail-cards>*{border-radius:24px;flex-basis:88vw;width:88vw;min-width:88vw;box-shadow:0 18px 38px #3152601f,inset 0 1px #fffffffa}.principle-page .mobile-dual-cards>.dual-copy,.principle-page .mobile-dual-cards>.protein-card,.principle-page .mobile-gradient-cards>.mobile-gradient-card{height:460px;min-height:460px}.principle-page .mobile-dual-cards>.dual-copy{background:linear-gradient(145deg,#fffffff5,#eff7f9e6);padding:28px 20px 22px}.principle-page .mobile-dual-cards>.protein-card{justify-content:flex-start;padding:24px 20px}.principle-page .mobile-dual-cards>.protein-card:nth-child(2){transform:none}.principle-page .mobile-gradient-cards>.mobile-gradient-card{background:linear-gradient(145deg,#fffffff5,#edf6f8e6);padding:26px 20px 22px}.principle-page .mobile-gradient-card-label{display:none}.principle-page .mobile-source-cards>.mobile-source-slide{background:linear-gradient(145deg,#fffffff5,#eef6f8e6);height:auto;min-height:0;padding:0}.principle-page .mobile-source-cards>.mobile-source-overview{min-height:620px}.principle-page .mobile-source-cards>.mobile-source-standards{min-height:620px;padding:24px 20px}.principle-page .mobile-source-cards>.mobile-source-supplier{min-height:650px;padding:0 20px 22px}.principle-page .mobile-detail-cards .section-intro{color:#617985;font-size:15px;line-height:1.8}.principle-page .mobile-detail-cards .section-intro+.section-intro{margin-top:10px}.principle-page .mobile-detail-cards .section-title{color:#263b49;letter-spacing:-.025em;font-size:23px;line-height:1.28}.principle-page .mobile-detail-cards .detail-inline{margin-bottom:16px}.principle-page .mobile-detail-cards .dual-advantage{color:#526b78;background:linear-gradient(120deg,#eff7f9eb,#fff1f5e6);border-radius:18px;margin-top:auto}.principle-page .mobile-detail-cards .dual-advantage b{color:#526b78;font-size:15px}.principle-page .mobile-detail-cards .dual-advantage p{color:#71838c;font-size:13px;line-height:1.7}}.principle-page .evolution .era-generation{color:var(--brand-accent)}@media (width<=900px){.principle-page .evolution .timeline>.era .era-generation{color:var(--brand-accent)}.principle-page .evolution .timeline>.era:nth-child(3) .era-key{color:#8f9da3}.principle-page .evolution .timeline>.era:nth-child(3) .era-generation:after{color:var(--brand-accent);border-color:#c956736b}.principle-page .evolution .timeline{padding-left:22px;position:relative}.principle-page .evolution .timeline:before{content:"";z-index:0;background:linear-gradient(#c9567329,#c956738c 18% 82%,#c9567329);width:1px;display:block;position:absolute;top:30px;bottom:30px;left:8px}.principle-page .evolution .timeline>.era{z-index:1;width:100%;position:relative;overflow:visible}.principle-page .evolution .timeline>.era>.era-top{position:relative}.principle-page .evolution .timeline>.era>.era-top:before{content:"";z-index:3;border:2px solid var(--brand-accent);background:#f7fbfc;border-radius:50%;width:9px;height:9px;position:absolute;top:28px;left:-18px;box-shadow:0 0 0 4px #c9567314}.principle-page .evolution .timeline>.era>.era-visual{border-radius:24px 24px 0 0;overflow:hidden}html body.principle-page .mobile-tech-module--dual .mobile-tech-summary-copy em,html body.principle-page .mobile-tech-module--gradient .mobile-tech-summary-copy em,html body.principle-page .mobile-tech-module--source .mobile-tech-summary-copy em,html body.principle-page .mobile-detail-cards .protein-card>p,html body.principle-page .mobile-detail-cards .dual-advantage>p,html body.principle-page .mobile-detail-cards .gradient-feature>p,html body.principle-page .mobile-detail-cards .source-standards-copy>p,html body.principle-page .mobile-detail-cards .standard>p,html body.principle-page .mobile-detail-cards .supplier-list>p:not(.small-note){font-size:14px!important}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>.gradient-feature{height:550px;min-height:550px;padding-bottom:24px}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>.gradient-feature>p{flex:none;min-height:52px;margin-bottom:0;min-height:52px!important}html body.principle-page main .mobile-detail-cards .dual-copy>.section-intro,html body.principle-page main .mobile-detail-cards .gradient-copy>.section-intro,html body.principle-page main .mobile-detail-cards .source-copy>.section-intro{font-size:15px}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards{align-items:flex-start;transition:height .28s;overflow-y:hidden}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>:is(.gradient-copy,.gradient-feature){align-self:flex-start;height:auto!important;min-height:0!important;max-height:none!important}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>.gradient-copy{padding-top:46px}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>.gradient-feature{height:var(--gradient-overview-height,auto)!important}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>.gradient-feature>p{min-height:0}html body.principle-page .mobile-tech-module--dual .mobile-dual-cards>.protein-card{height:555px;min-height:555px}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>.gradient-feature{height:520px;min-height:520px}}@media (width>=901px){html body.principle-page .hero{height:clamp(560px,68svh,680px);min-height:560px;max-height:680px}html body.principle-page .hero-inner{align-items:center;padding-top:0;padding-bottom:0}}@media (width<=900px){html body.principle-page .hero{height:580px;min-height:580px}html body.principle-page .hero-inner{align-items:center;height:100%;padding-top:56px;padding-bottom:56px}}@media (width<=380px){html body.principle-page .hero{height:550px;min-height:550px}}@media (width<=900px){html body.principle-page .mobile-dual-detail{background:#fff;border:1px solid #bccada7a;border-radius:24px;width:calc(100% - 28px);max-width:560px;margin:22px auto 72px;scroll-margin-top:76px;position:relative;overflow:hidden;box-shadow:0 10px 30px #3d526f1a}html body.principle-page .mobile-dual-detail-hero{isolation:isolate;background:radial-gradient(circle at 94% 13%,#fcccd885,#0000 29%),linear-gradient(118deg,#fff 0%,snow 56%,#fff3f6 100%);border-bottom:1px solid #c6d5e4b8;min-height:340px;padding:26px 18px;position:relative;overflow:hidden}html body.principle-page .mobile-dual-detail-molecule{z-index:-1;opacity:.86;width:265px;height:auto;position:absolute;top:4px;right:-74px}html body.principle-page .mobile-dual-detail-index{color:#fd5d87;align-items:baseline;gap:7px;line-height:1;display:flex}html body.principle-page .mobile-dual-detail-index span{font-size:13px;font-weight:650}html body.principle-page .mobile-dual-detail-index b{letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-size:40px;font-weight:500}html body.principle-page .mobile-dual-detail-index i{color:#385384;font-size:16px;font-style:normal;font-weight:700}html body.principle-page .mobile-dual-detail-kicker{color:#3e5b91;letter-spacing:.1em;margin:22px 0 10px;font-size:12px;font-weight:600}html body.principle-page .mobile-dual-detail-hero h2{z-index:1;color:#122c59;letter-spacing:.015em;max-width:86%;margin:0;font-size:clamp(29px,8vw,38px);font-weight:650;line-height:1.18;position:relative}html body.principle-page .mobile-dual-detail-hero>strong{z-index:1;color:#fa5e88;letter-spacing:.05em;margin-top:7px;font-size:clamp(25px,7vw,33px);font-weight:650;line-height:1.22;display:block;position:relative}html body.principle-page .mobile-dual-detail-intro{z-index:1;color:#233d68;text-wrap:pretty;max-width:95%;margin:20px 0 0;font-size:14px;font-weight:450;line-height:1.8;position:relative}html body.principle-page .mobile-dual-detail-protein{background-repeat:no-repeat;background-size:auto 100%;min-height:305px;padding:31px 18px 27px;position:relative;overflow:hidden}html body.principle-page .mobile-dual-detail-protein--r1{background-image:linear-gradient(90deg,#fffffff7 0%,#ffffffd1 69%,#ffffff8f 100%),url(/assets/principle-collagen-type-i-iii-diptych-v1.webp);background-position:50%,0}html body.principle-page .mobile-dual-detail-protein--r3{background-image:linear-gradient(90deg,#fffffff7 0%,#fffc 67%,#fffafc85 100%),url(/assets/principle-collagen-type-i-iii-diptych-v1.webp);background-position:50%,100%;border-top:1px dashed #f186a1c7;min-height:315px}html body.principle-page .mobile-dual-detail-watermark{color:#dee4ee;letter-spacing:-.08em;opacity:.84;font-family:Arial,sans-serif;font-size:73px;font-weight:750;line-height:1;position:absolute;top:15px;left:17px}html body.principle-page .mobile-dual-detail-protein-kicker{color:#f75884;letter-spacing:.12em;margin:78px 0 12px;font-size:11px;font-weight:650;position:relative}html body.principle-page .mobile-dual-detail-protein h3{color:#132e5c;letter-spacing:.01em;margin:0;font-size:20px;font-weight:650;line-height:1.4;position:relative}html body.principle-page .mobile-dual-detail-protein h3 em{color:#fb5b85;vertical-align:2px;border:1px solid #fb96ae;border-radius:999px;align-items:center;min-height:26px;margin-left:5px;padding:2px 10px;font-size:13px;font-style:normal;font-weight:500;display:inline-flex}html body.principle-page .mobile-dual-detail-protein-title{color:#132e5c;letter-spacing:.04em;margin-top:3px;font-size:30px;font-weight:650;line-height:1.25;display:block;position:relative}html body.principle-page .mobile-dual-detail-protein-copy{color:#273f68;max-width:93%;margin:12px 0 0;font-size:14px;font-weight:450;line-height:1.72;position:relative}html body.principle-page .mobile-dual-detail-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex;position:relative}html body.principle-page .mobile-dual-detail-tags span{color:#263f6c;white-space:nowrap;background:#ffffff8a;border:1px solid #f997ae80;border-radius:999px;align-items:center;min-height:34px;padding:5px 15px;font-size:13px;font-weight:500;display:inline-flex}html body.principle-page .mobile-dual-detail-conclusion{background:linear-gradient(115deg,#fff8faf5,#ffeef3cc);border:1px solid #f68fa87a;border-radius:18px;grid-template-columns:69px minmax(0,1fr);align-items:center;gap:12px;margin:0 13px 13px;padding:16px 13px;display:grid}html body.principle-page .mobile-dual-detail-shield{color:#fff;background:radial-gradient(circle at 36% 29%,#fff 0%,#ffc9d7 28%,#f77a9b 76%,#f46c8d 100%);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 7px 15px #ef5d8438,inset 0 0 0 8px #ffffff38}html body.principle-page .mobile-dual-detail-shield svg{width:37px;height:37px}html body.principle-page .mobile-dual-detail-conclusion h3{color:#153263;letter-spacing:.01em;margin:0;font-size:17px;font-weight:650;line-height:1.38}html body.principle-page .mobile-dual-detail-conclusion p{color:#30456d;margin:6px 0 0;font-size:12px;font-weight:450;line-height:1.6}html body.principle-page .mobile-dual-detail-conclusion-tags{color:#f75d86;flex-wrap:wrap;align-items:center;gap:5px;margin-top:11px;display:flex}html body.principle-page .mobile-dual-detail-conclusion-tags span{color:#f35480;border:1px solid #f7849f61;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}html body.principle-page .mobile-dual-detail-conclusion-tags i{font-size:16px;font-style:normal;font-weight:400;line-height:1}html:has(#mobile-detail-dual:target) body.principle-page .mobile-tech-jump-link--synergy{color:#dc617b}html:has(#mobile-detail-dual:target) body.principle-page .mobile-tech-jump-link--synergy:after{background:currentColor}html:has(#mobile-detail-dual:target) body.principle-page .mobile-tech-jump-link--gradient,html:has(#mobile-detail-dual:target) body.principle-page .mobile-tech-jump-link--recombinant{color:#6d7b93}html:has(#mobile-detail-dual:target) body.principle-page .mobile-tech-jump-link--gradient:after,html:has(#mobile-detail-dual:target) body.principle-page .mobile-tech-jump-link--recombinant:after{background:0 0}}@media (width<=380px){html body.principle-page .mobile-dual-detail-hero{min-height:325px;padding-left:16px;padding-right:16px}html body.principle-page .mobile-dual-detail-hero h2{font-size:28px}html body.principle-page .mobile-dual-detail-hero>strong{font-size:24px}html body.principle-page .mobile-dual-detail-protein{padding-left:16px;padding-right:16px}html body.principle-page .mobile-dual-detail-protein h3{font-size:18px}html body.principle-page .mobile-dual-detail-protein-title{font-size:28px}html body.principle-page .mobile-dual-detail-conclusion{grid-template-columns:60px minmax(0,1fr);margin-left:10px;margin-right:10px;padding:13px 10px}html body.principle-page .mobile-dual-detail-shield{width:56px;height:56px}html body.principle-page .mobile-dual-detail-conclusion h3{font-size:15px}}html body.principle-page .mobile-tech-deep-details{display:none}@media (width<=900px){html body.principle-page .mobile-tech-details{padding-top:34px}html body.principle-page .mobile-tech-overview{margin-top:0}html body.principle-page .mobile-tech-deep-details{background:radial-gradient(circle at 95% 6%,#e38aa11a,#0000 27%),linear-gradient(#fbfbfc 0%,#fff7f9 35%,#f8fbfc 100%);padding:10px 0 74px;display:block;overflow:hidden}html body.principle-page .mobile-gradient-detail{box-sizing:border-box;background:radial-gradient(circle at -8% 4%,#f1cfd95c 0 1px,#0000 2px 34px),radial-gradient(circle at 103% 94%,#ea98b02e,#0000 34%),linear-gradient(135deg,#f6f8fa 0%,#fffafb 54%,#f6f9fb 100%);border:1px solid #d0dbe55c;border-radius:27px;width:calc(100% - 24px);max-width:570px;margin:0 auto 18px;padding:12px;scroll-margin-top:76px;position:relative;overflow:hidden;box-shadow:0 13px 34px #394b6717}html body.principle-page .mobile-gradient-detail:before,html body.principle-page .mobile-gradient-detail:after{content:"";z-index:0;pointer-events:none;border:1px solid #de7e972e;border-radius:50%;position:absolute}html body.principle-page .mobile-gradient-detail:before{width:104px;height:104px;top:-56px;left:-50px;box-shadow:61px 34px 0 -43px #de7e9721,13px 115px 0 -42px #de7e971a}html body.principle-page .mobile-gradient-detail:after{width:163px;height:163px;bottom:18px;right:-61px;box-shadow:-77px -34px 0 -59px #de7e971f}html body.principle-page .mobile-gradient-detail-shell{z-index:1;background:#ffffffe6;border:1px solid #fffffff0;border-radius:20px;padding:28px 17px 17px;position:relative;overflow:hidden;box-shadow:0 1px #fffffffa,inset 0 0 0 1px #c8d6e442}html body.principle-page .mobile-gradient-detail-hero{border-bottom:1px solid #ccdae68f;padding-bottom:20px;position:relative}html body.principle-page .mobile-gradient-detail-index{color:#fb5d86;align-items:baseline;gap:7px;line-height:1;display:flex}html body.principle-page .mobile-gradient-detail-index span{font-size:13px;font-weight:650}html body.principle-page .mobile-gradient-detail-index b{color:#233f69;letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:39px;font-weight:500}html body.principle-page .mobile-gradient-detail-index i{color:#3b526f;font-size:14px;font-style:normal;font-weight:600}html body.principle-page .mobile-gradient-detail-kicker{color:#638099;letter-spacing:.18em;margin:21px 0 9px;font-size:10px;font-weight:700}html body.principle-page .mobile-gradient-detail-hero h2{color:#17335c;letter-spacing:-.06em;margin:0;font-size:clamp(38px,11vw,48px);font-weight:520;line-height:1.08}html body.principle-page .mobile-gradient-detail-hero>strong{color:#233e68;letter-spacing:.045em;margin-top:10px;font-size:20px;font-weight:500;line-height:1.4;display:block}html body.principle-page .mobile-gradient-detail-hero>p:last-child{color:#4c6580;margin:17px 0 0;font-size:13px;font-weight:450;line-height:1.83}html body.principle-page .mobile-gradient-detail-concentration,html body.principle-page .mobile-gradient-detail-path{padding-top:21px}html body.principle-page .mobile-gradient-detail-path{border-top:1px solid #ccdae68f;margin-top:21px}html body.principle-page .mobile-gradient-detail-label{color:#f4527c;letter-spacing:.18em;margin:0;font-size:10px;font-weight:700}html body.principle-page .mobile-gradient-detail-concentration h3,html body.principle-page .mobile-gradient-detail-path h3{color:#1e385f;letter-spacing:-.04em;margin:10px 0 0;font-size:25px;font-weight:560;line-height:1.25}html body.principle-page .mobile-gradient-detail-description{color:#55708b;margin:8px 0 0;font-size:12px;font-weight:450;line-height:1.72}html body.principle-page .mobile-gradient-detail-chart{box-sizing:border-box;background-color:#fcfeff;background-image:linear-gradient(#7ea3ba16 1px,#0000 1px),linear-gradient(90deg,#7ea3ba16 1px,#0000 1px);background-size:17px 17px;border:1px solid #baccdcad;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:245px;margin-top:16px;padding:18px 14px 14px;display:grid;overflow:hidden}html body.principle-page .mobile-gradient-detail-chart-item{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;display:flex}html body.principle-page .mobile-gradient-detail-cylinder{background:linear-gradient(90deg,#e25b83 0%,#f6a0b8 22%,#d94978 52%,#ed7599 77%,#be3c68 100%);border-radius:8px 8px 13px 13px/14px 14px 9px 9px;width:74px;margin-bottom:14px;position:relative;box-shadow:inset 12px 0 11px #ffffff4d,inset -11px 0 11px #83184524,0 10px 13px #c83b672b}html body.principle-page .mobile-gradient-detail-cylinder:before,html body.principle-page .mobile-gradient-detail-cylinder:after,html body.principle-page .mobile-gradient-detail-cylinder i{content:"";border-radius:50%;width:100%;display:block;position:absolute;left:0}html body.principle-page .mobile-gradient-detail-cylinder:before{background:radial-gradient(at 50% 30%,#ffdce5,#dc5c82 74%);height:14px;top:-7px}html body.principle-page .mobile-gradient-detail-cylinder:after{background:#b92f5a7a;height:14px;bottom:-7px}html body.principle-page .mobile-gradient-detail-cylinder i{z-index:-1;filter:blur(4px);background:#c5547730;height:10px;bottom:-17px}html body.principle-page .mobile-gradient-detail-cylinder--standard{height:28px}html body.principle-page .mobile-gradient-detail-cylinder--high{height:100px}html body.principle-page .mobile-gradient-detail-chart-item strong{color:#f24f7c;letter-spacing:-.035em;font-size:21px;font-weight:520;line-height:1.25}html body.principle-page .mobile-gradient-detail-chart-item span,html body.principle-page .mobile-gradient-detail-chart-item b{color:#566f89;font-size:11px;font-weight:450;line-height:1.52;display:block}html body.principle-page .mobile-gradient-detail-chart-item span{margin-top:6px}html body.principle-page .mobile-gradient-detail-chart-item b{color:#29435f;font-weight:600}html body.principle-page .mobile-gradient-detail-note{border-left:3px solid #f35b82;margin-top:17px;padding-left:13px}html body.principle-page .mobile-gradient-detail-note h4{color:#ef4773;letter-spacing:-.025em;margin:0;font-size:18px;font-weight:560;line-height:1.35}html body.principle-page .mobile-gradient-detail-note p{color:#58718b;margin:6px 0 0;font-size:12px;font-weight:450;line-height:1.72}html body.principle-page .mobile-gradient-detail-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px;display:grid}html body.principle-page .mobile-gradient-detail-step{text-align:center;background:linear-gradient(145deg,#fff,#f5fafc);border:1px solid #bccfdea8;border-radius:13px;min-width:0;padding:13px 7px 10px;box-shadow:inset 0 1px #fff}html body.principle-page .mobile-gradient-detail-step--active{background:linear-gradient(145deg,#fff,#fff5f7);border-color:#f5829d7a}html body.principle-page .mobile-gradient-detail-step h4{color:#38516d;letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:14px;font-weight:600;line-height:1.3}html body.principle-page .mobile-gradient-detail-step h4 b{color:#7292a6;vertical-align:-2px;margin-right:4px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500}html body.principle-page .mobile-gradient-detail-step--active h4 b{color:#ec5d83}html body.principle-page .mobile-gradient-detail-step>p{color:#56718a;min-height:30px;margin:5px 0 7px;font-size:10px;line-height:1.45}html body.principle-page .mobile-gradient-detail-stack{border:1px solid #ffffffd6;border-radius:2px;flex-direction:column;width:62px;height:84px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 2px 7px #43617a26}html body.principle-page .mobile-gradient-detail-stack span{color:#fff;background:linear-gradient(90deg,#7396a9,#567c93);flex:none;justify-content:center;align-items:center;width:100%;height:auto;font-size:12px;font-weight:600;line-height:1;display:flex}html body.principle-page .mobile-gradient-detail-step:first-child .mobile-gradient-detail-stack span:first-child{height:38%}html body.principle-page .mobile-gradient-detail-step:first-child .mobile-gradient-detail-stack span:last-child{height:62%}html body.principle-page .mobile-gradient-detail-step:nth-child(2) .mobile-gradient-detail-stack span{height:50%}html body.principle-page .mobile-gradient-detail-step:nth-child(3) .mobile-gradient-detail-stack span:first-child{height:62%}html body.principle-page .mobile-gradient-detail-step:nth-child(3) .mobile-gradient-detail-stack span:last-child{height:38%}html body.principle-page .mobile-gradient-detail-stack span+span{background:linear-gradient(90deg,#c5c6c8,#a0a2a7);border-top:1px solid #ffffffbd}html body.principle-page .mobile-gradient-detail-step-tags{justify-content:center;gap:3px;margin-top:10px;display:flex}html body.principle-page .mobile-gradient-detail-step-tags i{color:#4f6a81;white-space:nowrap;background:#e2ecf1c2;border-radius:999px;min-width:0;padding:4px 5px;font-size:8px;font-style:normal;line-height:1.2;display:inline-block}html body.principle-page .mobile-gradient-detail-conclusion{background:linear-gradient(118deg,#fff8faf5,#ffeff4b8);border:1px solid #f78fa980;border-radius:16px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:11px;margin-top:22px;padding:15px 12px;display:grid}html body.principle-page .mobile-gradient-detail-conclusion-icon{color:#fff;background:radial-gradient(circle at 33% 28%,#fff 0%,#ffd6e1 24%,#fa95ae 71%,#e7527e 100%);border-radius:50%;place-items:center;width:67px;height:67px;display:grid;box-shadow:0 7px 14px #ec588033,inset 0 0 0 7px #ffffff38}html body.principle-page .mobile-gradient-detail-conclusion-icon svg{width:44px;height:44px}html body.principle-page .mobile-gradient-detail-conclusion h3{color:#153263;margin:0;font-size:18px;font-weight:620;line-height:1.3}html body.principle-page .mobile-gradient-detail-conclusion p{color:#3d5876;margin:6px 0 0;font-size:12px;font-weight:450;line-height:1.62}html body.principle-page .mobile-gradient-detail-conclusion>div:last-child>div{flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px;display:flex}html body.principle-page .mobile-gradient-detail-conclusion>div:last-child>div span{color:#f1527c;white-space:nowrap;border:1px solid #f68ba561;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}html body.principle-page .mobile-gradient-detail-conclusion>div:last-child>div i{color:#f1527c;font-size:15px;font-style:normal}html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-jump-link--synergy,html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-jump-link--recombinant{color:#6d7b93}html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-jump-link--synergy:after,html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-jump-link--recombinant:after{background:0 0}html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-jump-link--gradient{color:#dc617b}html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-jump-link--gradient:after{background:currentColor}}@media (width<=380px){html body.principle-page .mobile-gradient-detail{width:calc(100% - 18px);padding:9px}html body.principle-page .mobile-gradient-detail-shell{padding:24px 14px 14px}html body.principle-page .mobile-gradient-detail-hero h2{font-size:36px}html body.principle-page .mobile-gradient-detail-concentration h3,html body.principle-page .mobile-gradient-detail-path h3{font-size:23px}html body.principle-page .mobile-gradient-detail-step{padding-left:4px;padding-right:4px}html body.principle-page .mobile-gradient-detail-step h4{font-size:12px}html body.principle-page .mobile-gradient-detail-step h4 b{font-size:27px}html body.principle-page .mobile-gradient-detail-step-tags i{padding-left:3px;padding-right:3px;font-size:7px}}.principle-hero-points{display:none}@media (width<=900px){html body.principle-page .hero{height:650px;min-height:650px}html body.principle-page .principle-hero-points{z-index:6;backdrop-filter:blur(18px)saturate(1.08)brightness(1.03);background:linear-gradient(135deg,#ffffff38,#e0f1f71a);border:0;border-radius:20px;height:84px;margin:0;display:block;position:absolute;bottom:14px;left:14px;right:14px;overflow:hidden;box-shadow:0 10px 24px #2c4b5b09}html body.principle-page .principle-hero-points-list{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:100%;display:grid}html body.principle-page .principle-hero-points-list .core-point{color:#405966;letter-spacing:0;text-align:center;white-space:nowrap;box-sizing:border-box;border-right:1px solid #4564720e;justify-content:center;align-items:center;height:100%;padding:28px 5px 6px;font:400 10.5px/1.35 Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;display:flex;position:relative}html body.principle-page .principle-hero-points-list .core-point:last-child{border-right:0}html body.principle-page .principle-hero-points-list .core-point:before{content:"✓";color:#8a9da5;text-align:center;background:#ffffff7a;border:1px solid #8197a094;border-radius:50%;width:13px;height:13px;font:600 9px/13px Arial,sans-serif;position:absolute;top:13px;left:50%;transform:translate(-50%)}}@media (width<=380px){html body.principle-page .hero{height:620px;min-height:620px}html body.principle-page .principle-hero-points-list .core-point{font-size:10px}}.repair-need{background:radial-gradient(circle at 8% 12%,#d8e7ed47,#0000 31%),linear-gradient(#fff 0%,#f8fbfc 100%);padding:clamp(92px,8vw,132px) 0 clamp(96px,8vw,136px);position:relative;overflow:hidden}.repair-need:after{content:"02";color:#516f7d0b;pointer-events:none;font:500 clamp(92px,9vw,142px)/1 Arial,sans-serif;position:absolute;top:-22px;right:clamp(28px,7vw,116px)}.repair-need-head{z-index:1;text-align:center;max-width:980px;margin:0 auto;position:relative}.repair-need-kicker{color:var(--brand-accent,#c95673);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:13px;font:700 10px/1 Arial,sans-serif;display:inline-flex}.repair-need-kicker:before{content:"";background:currentColor;width:21px;height:1px}.repair-need-head h2{color:#263b49;letter-spacing:-.055em;margin:28px 0 0;font-size:clamp(46px,4.5vw,70px);font-weight:470;line-height:1.12}.repair-need-head p{color:#657c88;letter-spacing:.02em;max-width:760px;margin:32px auto 0;font-size:15px;line-height:2.05}.repair-need-head sup,.repair-need-card sup{color:#6f92a2;font-size:.72em}.repair-need-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:62px;display:grid;position:relative}.repair-need-card{background:#ffffffe0;border:1px solid #5270802b;border-radius:22px;min-height:430px;padding:30px 30px 32px;position:relative;box-shadow:0 20px 52px #2c4b5b14}.repair-need-no{color:#c5d0d5;font:500 12px/1 Arial,sans-serif;position:absolute;top:27px;right:28px}.repair-need-icon{width:126px;height:126px;margin:0 auto 22px}.repair-need-icon svg{fill:none;stroke:#608fa161;stroke-width:1px;width:100%;height:100%}.repair-need-icon .icon-halo{fill:#679aac29;stroke:none}.repair-need-icon .icon-dot{fill:var(--brand-accent,#c95673);stroke:none}.repair-need-card small{color:var(--brand-accent,#c95673);letter-spacing:.2em;text-transform:uppercase;font:700 10px/1.2 Arial,sans-serif;display:block}.repair-need-card h3{color:#263b49;letter-spacing:-.035em;margin:18px 0 0;font-size:28px;font-weight:520;line-height:1.3}.repair-need-card p{color:#667c87;min-height:96px;margin:17px 0 0;font-size:13px;line-height:1.9}.repair-need-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.repair-need-tags span{color:#516d7a;background:#eef4f6;border-radius:999px;padding:8px 12px;font-size:11px;line-height:1}@media (width<=900px){.repair-need{padding:76px 0 82px}.repair-need:after{font-size:78px;top:8px;right:16px}.repair-need-head{text-align:left}.repair-need-head h2{margin-top:22px;font-size:clamp(34px,10vw,44px);line-height:1.18}.repair-need-head p{margin-top:22px;font-size:14px;line-height:1.9}.repair-need-grid{grid-template-columns:1fr;gap:16px;margin-top:40px}.repair-need-card{min-height:0;padding:25px 23px 27px}.repair-need-icon{width:108px;height:108px;margin-bottom:16px}.repair-need-card h3{font-size:25px}.repair-need-card p{min-height:0;font-size:13px}}.formula-intro{background:radial-gradient(circle at 82% 15%,#d8e7ed29,#0000 28%),#fff;border-top:1px solid #52708014;border-bottom:1px solid #52708024;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.formula-intro:after{content:"03";color:#516f7d0a;pointer-events:none;font:500 clamp(90px,9vw,140px)/1 Arial,sans-serif;position:absolute;top:34px;right:-18px}.formula-intro-inner{z-index:1;text-align:center;position:relative}.formula-intro-kicker{color:var(--brand-accent,#c95673);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:14px;font:700 10px/1 Arial,sans-serif;display:inline-flex}.formula-intro-kicker:before{content:"";background:currentColor;width:21px;height:1px}.formula-intro h2{color:#263b49;letter-spacing:-.06em;margin:30px 0 0;font-size:clamp(50px,4.8vw,76px);font-weight:450;line-height:1.12}@media (width<=900px){.formula-intro{min-height:280px}.formula-intro:after{font-size:76px;top:18px}.formula-intro-inner{text-align:left}.formula-intro h2{margin-top:22px;font-size:clamp(36px,10vw,46px);line-height:1.18}}@media (width>=901px){.principle-page .dual{background:radial-gradient(circle at 88% 15%,#d3e1e74d,#0000 28%),linear-gradient(135deg,#fff 0%,#f7fafb 58%,#fff 100%);min-height:0;padding:clamp(110px,8vw,142px) 0}.principle-page .dual:before{pointer-events:none;background:linear-gradient(90deg,#ffffff42,#0000 48%,#ffffff61)}.principle-page .dual-shell{z-index:1;position:relative}.principle-page .dual-layout{grid-template-columns:minmax(330px,.76fr) minmax(0,1.5fr);align-items:start;gap:clamp(44px,5.5vw,92px);display:grid}.principle-page .dual-copy{border:1px solid #4e6c7a1f;border-left:2px solid var(--brand-accent,#c95673);backdrop-filter:blur(16px);background:#ffffffc7;border-radius:0 22px 22px 0;padding:44px 38px 42px;position:relative;box-shadow:0 25px 70px #2c4b5b13}.principle-page .dual-detail-mark{align-items:baseline;gap:12px;margin-bottom:28px;display:flex}.principle-page .dual-detail-mark span{color:var(--brand-accent,#c95673);letter-spacing:.08em;font-size:14px;font-weight:650}.principle-page .dual-detail-mark b{color:#6f8793;font:450 38px/.9 Arial,sans-serif}.principle-page .dual-detail-mark i{color:#8c9ba2;font:500 11px/1 Arial,sans-serif}.principle-page .dual-copy .section-kicker{color:#6a8390}.principle-page .dual-copy .section-title{letter-spacing:-.06em;white-space:nowrap;max-width:none;margin-top:18px;font-size:clamp(40px,3.1vw,54px);line-height:1.08}.principle-page .dual-subtitle{color:#263b49;letter-spacing:-.025em;margin:28px 0 0;font-size:24px;font-weight:560}.principle-page .dual-copy .section-intro{margin-top:22px;font-size:13px;line-height:1.95}.principle-page .dual-anchor{background:linear-gradient(115deg,#c956730f,#e1eef28c);border:1px solid #c9567324;margin-top:28px;padding:19px 20px}.principle-page .dual-anchor strong{color:var(--brand-accent,#c95673);letter-spacing:.18em;font-size:10px}.principle-page .dual-anchor h3{color:#314b58;letter-spacing:-.02em;margin:0;font-size:19px;font-weight:620;line-height:1.5}.principle-page .dual-anchor p{color:#617985;margin:12px 0 0;font-size:12px;line-height:1.8}.principle-page .dual-anchor-values{align-items:center;gap:8px;margin-top:16px;display:flex}.principle-page .dual-anchor-values span{color:#405d6b;background:#ffffffc7;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:600}.principle-page .dual-anchor-values i{color:var(--brand-accent,#c95673);font-size:11px;font-style:normal}.principle-page .protein-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.principle-page .protein-card,.principle-page .protein-card:nth-child(2){background:#ffffffe8;border:1px solid #4e6c7a24;border-radius:22px;min-height:660px;padding:0;display:block;overflow:hidden;transform:none;box-shadow:0 26px 70px #2c4b5b17}.principle-page .protein-card:before{z-index:2;color:#ffffffd4;text-shadow:0 4px 18px #263b491f;font-size:72px;top:18px;left:20px}.principle-page .protein-card:after{content:none;display:none}.principle-page .protein-visual{background-image:url(/assets/principle-collagen-type-i-iii-diptych-v1.webp);background-repeat:no-repeat;background-size:200% 100%;height:258px}.principle-page .protein-card-r1 .protein-visual{filter:saturate(.58)contrast(1.02);background-position:0}.principle-page .protein-card-r3 .protein-visual{filter:saturate(.72)contrast(.98);background-position:100%}.principle-page .protein-body{padding:30px 30px 31px}.principle-page .protein-body>small{color:var(--brand-accent,#c95673);letter-spacing:.18em;text-transform:uppercase;font:700 9px/1 Arial,sans-serif;position:static}.principle-page .protein-card h3{color:#263b49;margin:18px 0 0;font-size:19px;line-height:1.45}.principle-page .protein-card h3:after{content:none;display:none}.principle-page .role-tag{color:var(--brand-accent,#c95673);vertical-align:2px;background:#c956730f;border-color:#c9567338;margin-left:5px;padding:6px 10px;font-size:11px;box-shadow:none!important}.principle-page .protein-core{color:#263b49;letter-spacing:-.045em;margin-top:26px;font-size:30px;font-weight:520;display:block}.principle-page .protein-card p{color:#657a85;margin-top:18px;font-size:12px;line-height:1.9}.principle-page .protein-values{border-top:1px solid #5270801f;flex-wrap:wrap;gap:7px;margin:21px 0 0;padding:17px 0 0;list-style:none;display:flex}.principle-page .protein-values li{color:#516d7a;background:#eef4f6;border-radius:999px;padding:7px 10px;font-size:10px}}@media (width<=900px){.principle-page .mobile-dual-cards>.protein-card{height:690px!important;min-height:690px!important;padding:0!important;display:block!important}.principle-page .mobile-dual-cards .protein-visual{background-image:url(/assets/principle-collagen-type-i-iii-diptych-v1.webp);background-repeat:no-repeat;background-size:200% 100%;height:205px}.principle-page .mobile-dual-cards .protein-card-r1 .protein-visual{background-position:0}.principle-page .mobile-dual-cards .protein-card-r3 .protein-visual{background-position:100%}.principle-page .mobile-dual-cards .protein-body{padding:24px 22px 25px}.principle-page .mobile-dual-cards .protein-core{color:#263b49;margin-top:20px;font-size:28px;display:block}.principle-page .mobile-dual-cards .protein-values{border-top:1px solid #5270801f;flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:16px 0 0;list-style:none;display:flex}.principle-page .mobile-dual-cards .protein-values li{color:#516d7a;background:#eef4f6;border-radius:999px;padding:7px 9px;font-size:10px}html body.principle-page .mobile-tech-details{z-index:0;isolation:isolate;background:radial-gradient(circle at -12% 22%,#c9567316 0 2px,#0000 3px 28px),radial-gradient(circle at 107% 34%,#c9567314 0 2px,#0000 3px 34px),radial-gradient(circle at 6% 85%,#6a98aa12,#0000 25%),linear-gradient(#fff 0%,#fffafb 55%,#f6fafb 100%);padding:74px 0 70px;display:block;position:relative;overflow:hidden}html body.principle-page .mobile-tech-details:before,html body.principle-page .mobile-tech-details:after{content:"";z-index:-1;opacity:.5;pointer-events:none;width:168px;height:300px;position:absolute}html body.principle-page .mobile-tech-details:before{border:1px solid #c9567329;border-radius:48% 52% 46% 54%;top:0;left:-102px;transform:rotate(-24deg);box-shadow:42px 72px 0 -36px #c956731f,86px 116px 0 -43px #c956731a}html body.principle-page .mobile-tech-details:after{border:1px solid #7397a626;border-radius:58% 42% 52% 48%;bottom:24px;right:-108px;transform:rotate(29deg);box-shadow:-44px -44px 0 -35px #7397a61a,-78px 34px 0 -44px #c9567314}html body.principle-page .mobile-tech-overview{z-index:1;width:80%;max-width:520px;margin:0 auto;position:relative}html body.principle-page .mobile-tech-overview-head{text-align:center}html body.principle-page .mobile-tech-overview-kicker{color:#d96880;letter-spacing:.2em;margin:0;font:700 9px/1.3 Arial,sans-serif}html body.principle-page .mobile-tech-overview-head h2{color:#1f2225;letter-spacing:-.075em;white-space:nowrap;margin:22px 0 0;font:560 clamp(25px,6.4vw,31px)/1.18 Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}html body.principle-page .mobile-tech-overview-rule{background:#df7890;width:34px;height:1px;margin:18px auto 0;display:block}html body.principle-page .mobile-tech-overview-rule:before,html body.principle-page .mobile-tech-overview-rule:after{content:"";vertical-align:3px;background:#df7890;border-radius:50%;width:4px;height:4px;margin:0 5px;display:inline-block}html body.principle-page .mobile-tech-overview-head>.mobile-section-head-intro{color:#5b6065;letter-spacing:.005em;text-align:left;margin:24px auto 0;font-size:13px;line-height:1.85}html body.principle-page .mobile-tech-overview-cards{gap:13px;margin-top:36px;display:grid}html body.principle-page .mobile-tech-overview-card{box-sizing:border-box;background:linear-gradient(135deg,#fffffff5,#fbf7f8db);border:1px solid #ffffffeb;border-radius:24px;grid-template-rows:auto 1fr;grid-template-columns:92px minmax(0,1fr);column-gap:13px;min-height:172px;padding:18px 17px;display:grid;box-shadow:0 16px 36px #4e5c6613,inset 0 1px #fffffffa}html body.principle-page .mobile-tech-overview-label{color:#df7088;letter-spacing:.13em;grid-column:1/-1;margin:0 0 10px;font:700 8.5px/1.2 Arial,sans-serif}html body.principle-page .mobile-tech-overview-icon{background:radial-gradient(circle at 36% 30%,#ffffffd9,#fceff2b8);border-radius:50%;align-self:center;place-items:center;width:82px;height:82px;display:grid}html body.principle-page .mobile-tech-overview-icon svg{stroke:#df7188;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:57px;height:57px}html body.principle-page .mobile-tech-overview-copy{align-self:center;min-width:0}html body.principle-page .mobile-tech-overview-copy h3{color:#202326;letter-spacing:-.055em;margin:0;font-size:21px;font-weight:560;line-height:1.25}html body.principle-page .mobile-tech-overview-copy p{color:#5d6368;letter-spacing:.005em;margin:11px 0 0;font-size:12px;line-height:1.72}html body.principle-page .repair-need{background:radial-gradient(circle at -8% 20%,#6495ab1c 0 1px,#0000 2px 30px),radial-gradient(circle at 107% 10%,#779fb117 0 2px,#0000 3px 32px),radial-gradient(circle at 8% 92%,#cee0e747,#0000 26%),linear-gradient(#f8fbfd 0%,#f3f8fa 100%);padding:74px 0 82px;overflow:hidden}html body.principle-page .repair-need:after{display:none}html body.principle-page .repair-need:before{content:"";pointer-events:none;border:1px solid #6d97aa1a;border-radius:50%;width:174px;height:174px;position:absolute;top:18px;right:-80px;box-shadow:-46px 66px 0 -36px #6d97aa1c,-128px 218px 0 -70px #6d97aa0f}html body.principle-page .repair-need .shell{width:80%;max-width:520px;margin:0 auto}html body.principle-page .repair-need-head{text-align:center;max-width:none}html body.principle-page .repair-need-kicker{color:#d95776;letter-spacing:.2em;justify-content:center;font-size:9px}html body.principle-page .repair-need-kicker:before{width:20px}html body.principle-page .repair-need-head h2{color:#253b50;letter-spacing:-.085em;max-width:340px;margin:22px auto 0;font-size:clamp(37px,10.6vw,44px);font-weight:510;line-height:1.18}html body.principle-page .repair-need-head p{color:#49657a;letter-spacing:.01em;text-align:left;max-width:none;margin:25px auto 0;font-size:13px;line-height:1.88}html body.principle-page .repair-need-grid{grid-template-columns:1fr;gap:15px;margin-top:36px;display:grid}html body.principle-page .repair-need-card{box-sizing:border-box;background:linear-gradient(135deg,#fffffffa,#fcfdfdde);border:1px solid #9db7c347;border-radius:25px;grid-template-rows:auto auto 1fr auto;grid-template-columns:82px minmax(0,1fr);column-gap:14px;min-height:192px;padding:19px 17px 17px;display:grid;box-shadow:0 16px 38px #35526013,inset 0 1px #fffffff5}html body.principle-page .repair-need-no{color:#dd5a78;font-size:13px;top:20px;left:18px;right:auto}html body.principle-page .repair-need-no:after{content:"";background:currentColor;width:21px;height:1px;position:absolute;top:24px;left:0}html body.principle-page .repair-need-icon{grid-area:1/1/-1;align-self:center;width:78px;height:78px;margin:15px 0 0}html body.principle-page .repair-need-icon svg{stroke:#669ab36b;stroke-width:1.25px}html body.principle-page .repair-need-icon .icon-halo{fill:#679aac24}html body.principle-page .repair-need-card small,html body.principle-page .repair-need-card h3,html body.principle-page .repair-need-card p,html body.principle-page .repair-need-tags{grid-column:2}html body.principle-page .repair-need-card small{color:#dc5876;letter-spacing:.17em;align-self:end;margin:9px 0 0;font-size:8.5px;line-height:1.2}html body.principle-page .repair-need-card h3{color:#243c52;letter-spacing:-.055em;margin:10px 0 0;font-size:23px;font-weight:520;line-height:1.28}html body.principle-page .repair-need-card p{color:#49647a;letter-spacing:.005em;min-height:0;margin:12px 0 0;font-size:12px;line-height:1.72}html body.principle-page .repair-need-tags{flex-wrap:nowrap;gap:6px;margin-top:12px}html body.principle-page .repair-need-tags span{color:#486279;text-align:center;white-space:nowrap;background:#edf3f6;border-radius:999px;flex:1 1 0;padding:7px 4px;font-size:10px;line-height:1.2}}@media (width<=380px){html body.principle-page .mobile-tech-overview,html body.principle-page .repair-need .shell{width:calc(100% - 52px)}html body.principle-page .mobile-tech-overview-head h2{font-size:24px}html body.principle-page .mobile-tech-overview-card{grid-template-columns:76px minmax(0,1fr);column-gap:10px;padding-inline:13px}html body.principle-page .mobile-tech-overview-icon{width:70px;height:70px}html body.principle-page .mobile-tech-overview-copy h3{font-size:19px}html body.principle-page .mobile-tech-overview-copy p{font-size:11.5px}html body.principle-page .repair-need-card{grid-template-columns:72px minmax(0,1fr);column-gap:10px;padding-inline:13px}html body.principle-page .repair-need-icon{width:68px;height:68px}html body.principle-page .repair-need-card h3{font-size:21px}html body.principle-page .repair-need-card p{font-size:11.5px}}@media (width<=900px){html body.principle-page .mobile-tech-details{padding-top:10px}html body.principle-page .mobile-tech-jump{z-index:1;box-sizing:border-box;background:radial-gradient(circle at 7% 92%,#ddaeba1f,#0000 38%),linear-gradient(135deg,#fff 0%,snow 54%,#f7eef0 100%);border:1px solid #8a858c29;min-height:338px;margin:0 8px;padding:42px 28px 82px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff5}html body.principle-page .mobile-tech-jump:after{content:"";z-index:-1;border-top:1px solid #cd718b21;border-radius:50%;width:68%;height:28px;position:absolute;bottom:27px;right:-14%;transform:rotate(-2deg);box-shadow:0 -8px 0 -7px #cd718b17,0 -16px 0 -15px #cd718b12}html body.principle-page .mobile-tech-jump-molecule{z-index:-1;opacity:.78;width:252px;height:252px;position:absolute;top:-24px;right:-48px}html body.principle-page .mobile-tech-jump-copy{z-index:1;max-width:66%;position:relative}html body.principle-page .mobile-tech-jump-copy>p{color:#db6d85;letter-spacing:.17em;margin:0;font:700 9px/1.25 Arial,sans-serif}html body.principle-page .mobile-tech-jump-copy h2{color:#142b56;letter-spacing:-.075em;white-space:nowrap;margin:22px 0 0;font-size:clamp(29px,8vw,35px);font-weight:560;line-height:1.15}html body.principle-page .mobile-tech-jump-copy>i{background:#dc7087;width:29px;height:2px;margin:18px 0 0;display:block}html body.principle-page .mobile-tech-jump-copy>span{color:#3c5575;letter-spacing:.005em;margin-top:19px;font-size:13px;line-height:1.8;display:block}html body.principle-page .mobile-tech-jump-links{z-index:2;backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #d5dae18a;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:56px;display:grid;position:absolute;bottom:14px;left:30px;right:30px;overflow:hidden;box-shadow:0 8px 19px #59677717,inset 0 1px #fff}html body.principle-page .mobile-tech-jump-link{color:#6d7b93;letter-spacing:-.015em;text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-width:0;padding:8px 3px;font-size:10.5px;font-weight:520;line-height:1.35;text-decoration:none;display:flex;position:relative}html body.principle-page .mobile-tech-jump-link:after{content:"";background:0 0;border-radius:999px;height:2px;position:absolute;bottom:8px;left:28%;right:28%}html body.principle-page .mobile-tech-jump-link--synergy{color:#dc617b}html body.principle-page .mobile-tech-jump-link--synergy:after{background:currentColor}html:has(#mobile-tech-gradient:target) body.principle-page .mobile-tech-jump-link--synergy,html:has(#mobile-tech-recombinant:target) body.principle-page .mobile-tech-jump-link--synergy{color:#6d7b93}html:has(#mobile-tech-gradient:target) body.principle-page .mobile-tech-jump-link--synergy:after,html:has(#mobile-tech-recombinant:target) body.principle-page .mobile-tech-jump-link--synergy:after{background:0 0}html:has(#mobile-tech-gradient:target) body.principle-page .mobile-tech-jump-link--gradient,html:has(#mobile-tech-recombinant:target) body.principle-page .mobile-tech-jump-link--recombinant{color:#dc617b}html:has(#mobile-tech-gradient:target) body.principle-page .mobile-tech-jump-link--gradient:after,html:has(#mobile-tech-recombinant:target) body.principle-page .mobile-tech-jump-link--recombinant:after{background:currentColor}html body.principle-page .mobile-tech-overview{margin-top:40px}html body.principle-page .mobile-tech-overview-card{scroll-margin-top:76px}}@media (width<=380px){html body.principle-page .mobile-tech-jump{min-height:326px;padding:36px 22px 78px}html body.principle-page .mobile-tech-jump-copy h2{font-size:29px}html body.principle-page .mobile-tech-jump-copy>span{font-size:12px}html body.principle-page .mobile-tech-jump-links{left:20px;right:20px}html body.principle-page .mobile-tech-jump-link{font-size:9.5px}}@media (width<=900px){html body.principle-page .mobile-tech-deep-details{overflow:visible}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump{min-height:338px;padding-bottom:38px}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links{z-index:45;box-sizing:border-box;width:auto;margin:-29px 30px 25px;position:sticky;inset:68px auto auto}}@media (width<=380px){html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links{margin-left:20px;margin-right:20px}}@media (width<=900px){html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links-wrap{z-index:45;height:56px;margin:-29px 30px 25px;position:relative}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links{z-index:1;width:100%;height:56px;min-height:56px;margin:0;position:relative;inset:auto}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links.is-pinned{z-index:45;top:var(--mobile-tech-nav-top);left:var(--mobile-tech-nav-left);width:var(--mobile-tech-nav-width);margin:0;position:fixed}}@media (width<=380px){html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links-wrap{margin-left:20px;margin-right:20px}}@media (width<=900px){html body.principle-page .formula-intro{display:none}html body.principle-page .mobile-source-detail{box-sizing:border-box;background:radial-gradient(circle at 105% 9%,#dbecf49e,#0000 28%),linear-gradient(135deg,#f7f9fb 0%,#fff 44%,#f6f9fb 100%);border:1px solid #cedbe67a;border-radius:26px;width:calc(100% - 24px);max-width:570px;margin:0 auto 48px;padding:10px;scroll-margin-top:76px;position:relative;overflow:hidden;box-shadow:0 14px 34px #2e45611a}html body.principle-page .mobile-source-detail-shell{z-index:1;background:radial-gradient(circle at 110% 4%,#c3e1ef54,#0000 28%),#fffffff0;border:1px solid #fffffff5;border-radius:20px;padding:27px 13px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c6d5e238}html body.principle-page .mobile-source-detail-hero{border-bottom:1px solid #cadae591;padding:0 4px 18px;position:relative}html body.principle-page .mobile-source-detail-index{color:#fc587f;align-items:baseline;gap:7px;line-height:1;display:flex}html body.principle-page .mobile-source-detail-index span{font-size:13px;font-weight:650}html body.principle-page .mobile-source-detail-index b{color:#3b516a;letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:39px;font-weight:500}html body.principle-page .mobile-source-detail-index i{color:#668098;letter-spacing:0;font-size:14px;font-style:normal;font-weight:600}html body.principle-page .mobile-source-detail-kicker,html body.principle-page .mobile-source-detail-label{color:#f44e79;letter-spacing:.12em;margin:19px 0 0;font-size:9px;font-weight:700}html body.principle-page .mobile-source-detail-hero h2{color:#14325c;letter-spacing:-.06em;margin:0;font-size:clamp(38px,11vw,48px);font-weight:650;line-height:1.08}html body.principle-page .mobile-source-detail-hero>strong{color:#233e68;letter-spacing:.045em;margin:10px 0 0;font-size:20px;font-weight:500;line-height:1.4;display:block}html body.principle-page .mobile-source-detail-hero>p:last-child{color:#45617d;margin:17px 0 0;font-size:12px;font-weight:450;line-height:1.83}html body.principle-page .mobile-source-detail-recombinant{padding:21px 4px 0}html body.principle-page .mobile-source-detail-label{margin:0}html body.principle-page .mobile-source-detail-recombinant h3,html body.principle-page .mobile-source-detail-standard>h3,html body.principle-page .mobile-source-detail-supplier>h3{color:#18355d;letter-spacing:-.03em;margin:9px 0 0;font-size:21px;font-weight:650;line-height:1.35}html body.principle-page .mobile-source-detail-recombinant>p:not(.mobile-source-detail-label),html body.principle-page .mobile-source-detail-standard>p,html body.principle-page .mobile-source-detail-supplier>p{color:#526e88;margin:9px 0 0;font-size:11px;font-weight:450;line-height:1.72}html body.principle-page .mobile-source-detail-dna{background:url(/assets/principle-recombinant-collagen-advantages-v1.webp) 50%/cover no-repeat;border-radius:13px;min-height:183px;margin-top:14px;overflow:hidden}html body.principle-page .mobile-source-detail-quality-grid,html body.principle-page .mobile-source-detail-standard-grid,html body.principle-page .mobile-source-detail-supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}html body.principle-page .mobile-source-detail-quality-grid article,html body.principle-page .mobile-source-detail-standard-grid article,html body.principle-page .mobile-source-detail-supplier-grid article{background:linear-gradient(145deg,#fffffff5,#f5fafce3);border:1px solid #bbcfdc8c;border-radius:11px;min-width:0;padding:12px 10px 11px;box-shadow:inset 0 1px #fff}html body.principle-page .mobile-source-detail-quality-grid small,html body.principle-page .mobile-source-detail-standard-grid small{color:#f4517c;letter-spacing:.08em;font-size:7px;font-weight:700;display:block}html body.principle-page .mobile-source-detail-quality-grid h4,html body.principle-page .mobile-source-detail-standard-grid h4,html body.principle-page .mobile-source-detail-supplier-grid h4{color:#193760;letter-spacing:-.025em;margin:7px 0 0;font-size:16px;font-weight:650;line-height:1.25}html body.principle-page .mobile-source-detail-quality-grid p,html body.principle-page .mobile-source-detail-standard-grid p,html body.principle-page .mobile-source-detail-supplier-grid p{color:#5a728a;margin:5px 0 0;font-size:12px;font-weight:450;line-height:1.6}html body.principle-page .mobile-source-detail-callout{background:linear-gradient(112deg,#fff6f8f5,#ffeef3c2);border:1px solid #f88fa87a;border-radius:12px;margin-top:18px;padding:13px 13px 12px;position:relative;overflow:hidden}html body.principle-page .mobile-source-detail-callout--molecule{background:radial-gradient(circle at 82%,#ed426f75 0 7px,#0000 8px),radial-gradient(circle at 72% 27%,#f99fb58a 0 4px,#0000 5px),radial-gradient(circle at 93% 20%,#f99fb58a 0 4px,#0000 5px),linear-gradient(112deg,#fff6f8f5,#ffe4edc7);min-height:51px;margin:18px 4px 0}html body.principle-page .mobile-source-detail-callout--molecule:after{content:"";background:linear-gradient(90deg,#0000,#e44a718c 32%,#e44a7138);width:95px;height:1px;position:absolute;top:26px;right:12px;transform:rotate(-21deg)}html body.principle-page .mobile-source-detail-callout h3,html body.principle-page .mobile-source-detail-callout h4{z-index:1;color:#18365f;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:650;line-height:1.3;position:relative}html body.principle-page .mobile-source-detail-callout p{z-index:1;color:#55708a;max-width:74%;margin:5px 0 0;font-size:10px;font-weight:450;line-height:1.55;position:relative}html body.principle-page .mobile-source-detail-standard,html body.principle-page .mobile-source-detail-supplier{margin-top:23px;padding:0 4px}html body.principle-page .mobile-source-detail-researcher{background:linear-gradient(90deg,#ffffff3d,#fff0 65%),url(/assets/principle-material-quality-researcher-v1.webp) 50%/cover no-repeat;border-radius:12px;min-height:175px;margin-top:13px;overflow:hidden}html body.principle-page .mobile-source-detail-standard .mobile-source-detail-callout,html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-callout{margin-top:11px}html body.principle-page .mobile-source-detail-standard .mobile-source-detail-callout p,html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-callout p{max-width:none}html body.principle-page .mobile-source-detail-factory{background:linear-gradient(90deg,#eef7fb38,#eef7fb00 74%),url(/assets/principle-supplier-biotech-factory-production-v1.webp) 50%/cover no-repeat;border-radius:12px;min-height:168px;margin-top:13px;position:relative;overflow:hidden}html body.principle-page .mobile-source-detail-factory>span{color:#2d6095;background:#ffffffdb;border:0;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:end;gap:4px;width:122px;padding:11px 11px 9px;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:650;line-height:.9;display:grid;position:absolute;bottom:11px;left:11px;box-shadow:0 8px 18px #25435726}html body.principle-page .mobile-source-detail-factory>span i{font-size:16px;font-style:normal}html body.principle-page .mobile-source-detail-factory>span small{padding-bottom:3px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:8px;font-weight:600}html body.principle-page .mobile-source-detail-factory>span b{color:#40617e;grid-column:1/-1;margin-top:4px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:8px;font-weight:550;line-height:1.3}html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-jump-link--synergy,html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-jump-link--gradient{color:#6d7b93}html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-jump-link--synergy:after,html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-jump-link--gradient:after{background:0 0}html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-jump-link--recombinant{color:#dc617b}html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-jump-link--recombinant:after{background:currentColor}}@media (width<=380px){html body.principle-page .mobile-source-detail{width:calc(100% - 18px);padding:8px}html body.principle-page .mobile-source-detail-shell{padding:23px 10px 13px}html body.principle-page .mobile-source-detail-hero h2{font-size:29px}html body.principle-page .mobile-source-detail-recombinant h3,html body.principle-page .mobile-source-detail-standard>h3,html body.principle-page .mobile-source-detail-supplier>h3{font-size:19px}html body.principle-page .mobile-source-detail-quality-grid article,html body.principle-page .mobile-source-detail-standard-grid article,html body.principle-page .mobile-source-detail-supplier-grid article{padding:10px 8px}html body.principle-page .mobile-source-detail-quality-grid h4,html body.principle-page .mobile-source-detail-standard-grid h4,html body.principle-page .mobile-source-detail-supplier-grid h4{font-size:14px}}html body.principle-page .mobile-principle-mechanism{display:none}@media (width<=900px){html body.principle-page .mechanism.mechanism-v2{display:none}html body.principle-page .mobile-principle-mechanism{background:radial-gradient(circle at -6% 22%,#ebadbd21,#0000 25%),radial-gradient(circle at 104% 64%,#d59aae1a,#0000 24%),linear-gradient(#fffafb 0%,#fbfcfd 64%,#fffafc 100%);padding:76px 0 29px;display:block;overflow:hidden}html body.principle-page .mobile-principle-mechanism-head{text-align:center;width:calc(100% - 48px);max-width:540px;margin:0 auto}html body.principle-page .mobile-principle-mechanism-head>p{color:#ef527b;letter-spacing:.2em;margin:0;font-size:10px;font-weight:700}html body.principle-page .mobile-principle-mechanism-head h2{color:#132c55;letter-spacing:.04em;margin:15px 0 0;font-size:clamp(35px,10.2vw,44px);font-weight:650;line-height:1.18}html body.principle-page .mobile-principle-mechanism-head>i{background:#ef6388;width:37px;height:2px;margin:18px auto 0;display:block}html body.principle-page .mobile-principle-mechanism-head>span{color:#405b78;text-align:left;margin-top:20px;font-size:13px;font-weight:450;line-height:1.82;display:block}html body.principle-page .mobile-principle-mechanism-cards{gap:17px;width:calc(100% - 48px);max-width:540px;margin:31px auto 0;display:grid}html body.principle-page .mobile-mechanism-card{background:linear-gradient(135deg,#fffffffa,#fffcfdeb);border:1px solid #fffffff5;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:267px;display:grid;overflow:hidden;box-shadow:0 14px 33px #4a556c17,inset 0 1px #fff}html body.principle-page .mobile-mechanism-card-visual{background:#f5f9fa;grid-column:1;min-width:0;min-height:100%;overflow:hidden}html body.principle-page .mobile-mechanism-card-visual img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:267px}html body.principle-page .mobile-mechanism-card-copy{box-sizing:border-box;flex-direction:column;grid-column:2;justify-content:center;align-items:flex-start;min-width:0;padding:21px 16px 19px;display:flex}html body.principle-page .mobile-mechanism-card--reverse .mobile-mechanism-card-visual{grid-column:2}html body.principle-page .mobile-mechanism-card--reverse .mobile-mechanism-card-visual img{object-position:right center}html body.principle-page .mobile-mechanism-card--reverse .mobile-mechanism-card-copy{grid-area:1/1}html body.principle-page .mobile-mechanism-card-index{white-space:nowrap;align-items:center;gap:7px;min-width:0;margin:0;display:flex}html body.principle-page .mobile-mechanism-card-index b{color:#fff;background:radial-gradient(circle at 32% 24%,#fb83a1 0%,#ef4778 58%,#d93368 100%);border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500;line-height:1;display:inline-grid;box-shadow:0 7px 14px #e03a692e}html body.principle-page .mobile-mechanism-card-index strong{color:#ed4073;letter-spacing:.04em;font-size:26px;font-weight:650;line-height:1}html body.principle-page .mobile-mechanism-card-index i{color:#ef60824d;letter-spacing:.16em;text-overflow:clip;min-width:0;font-size:8px;font-style:normal;font-weight:700;overflow:hidden}html body.principle-page .mobile-mechanism-card-copy h3{color:#142d58;letter-spacing:-.035em;margin:18px 0 0;font-size:23px;font-weight:650;line-height:1.26}html body.principle-page .mobile-mechanism-card-copy>span{background:#f06185;width:32px;height:2px;margin-top:15px;display:block}html body.principle-page .mobile-mechanism-card-copy>p:last-child{color:#405a78;margin:15px 0 0;font-size:12px;font-weight:450;line-height:1.72}html body.principle-page .mobile-mechanism-card--synergy .mobile-mechanism-card-visual img{object-position:center}html body.principle-page .mobile-principle-mechanism-note{color:#8994a4;text-align:center;margin:24px 24px 0;font-size:10px;line-height:1.5}}@media (width<=380px){html body.principle-page .mobile-principle-mechanism{padding-top:66px}html body.principle-page .mobile-principle-mechanism-head,html body.principle-page .mobile-principle-mechanism-cards{width:calc(100% - 34px)}html body.principle-page .mobile-principle-mechanism-head h2{font-size:34px}html body.principle-page .mobile-mechanism-card,html body.principle-page .mobile-mechanism-card-visual img{min-height:253px}html body.principle-page .mobile-mechanism-card-copy{padding-left:13px;padding-right:13px}html body.principle-page .mobile-mechanism-card-index{gap:5px}html body.principle-page .mobile-mechanism-card-index b{width:34px;height:34px;font-size:19px}html body.principle-page .mobile-mechanism-card-index strong{font-size:23px}html body.principle-page .mobile-mechanism-card-index i{font-size:7px}html body.principle-page .mobile-mechanism-card-copy h3{font-size:21px}html body.principle-page .mobile-mechanism-card-copy>p:last-child{font-size:11px}}html body.principle-page .mobile-principle-evolution{display:none}@media (width<=900px){html body.principle-page .evolution{display:none}html body.principle-page .mobile-principle-evolution{background:radial-gradient(circle at 100% 6%,#dfedf9cc 0 4%,#0000 22%),radial-gradient(circle at 0 84%,#ffedf3b3 0 3%,#0000 20%),linear-gradient(135deg,#fcfdff 0%,#f2f8fc 49%,#fffafc 100%);padding:60px 0 31px;display:block;overflow:hidden}html body.principle-page .mobile-principle-evolution-inner{position:relative}html body.principle-page .mobile-principle-evolution-head{isolation:isolate;width:calc(100% - 52px);margin:0 auto;padding:0 0 4px;position:relative}html body.principle-page .mobile-principle-evolution-head:after{z-index:-1;content:"";filter:saturate(.84);opacity:.45;pointer-events:none;background:url(/assets/mobile-optimized/principle-era-recombinant-v1.webp) 100%/auto 100% no-repeat;width:213px;height:220px;position:absolute;top:-56px;right:-42px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 42% 72%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 42% 72%,#0000 100%)}html body.principle-page .mobile-principle-evolution-head>p{color:#ed5079;letter-spacing:.17em;margin:0;font-size:9px;font-weight:750;line-height:1.35}html body.principle-page .mobile-principle-evolution-head h2{z-index:1;color:#142e56;letter-spacing:-.06em;margin:13px 0 0;font-size:30px;font-weight:650;line-height:1.16;position:relative}html body.principle-page .mobile-principle-evolution-head>i{background:#ef5d83;width:28px;height:1.5px;margin-top:15px;display:block}html body.principle-page .mobile-principle-evolution-head>span{color:#526886;width:66%;margin-top:13px;font-size:11px;font-weight:450;line-height:1.75;display:block}html body.principle-page .mobile-evolution-timeline{gap:12px;width:calc(100% - 53px);margin:26px 0 0 auto;padding-bottom:1px;display:grid;position:relative}html body.principle-page .mobile-evolution-timeline:before{content:"";background:linear-gradient(#ee5e8233,#d94e79ad,#ee5e8233);width:1px;position:absolute;top:20px;bottom:19px;left:-27px}html body.principle-page .mobile-evolution-card{min-width:0;position:relative}html body.principle-page .mobile-evolution-marker{color:#7d8ea4;text-align:center;justify-items:center;width:35px;display:grid;position:absolute;top:34px;left:-44px}html body.principle-page .mobile-evolution-marker b{color:#fff;background:radial-gradient(circle at 34% 27%,#f990aa 0%,#e94e7c 54%,#d5396d 100%);border:2px solid #ffffffe6;border-radius:50%;place-items:center;width:25px;height:25px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:500;line-height:1;display:grid;box-shadow:0 5px 11px #db436d45}html body.principle-page .mobile-evolution-marker span{color:#8a99ab;letter-spacing:.08em;width:42px;margin-top:7px;font-size:5px;font-weight:700;line-height:1.28;display:block;transform:scale(.9)}html body.principle-page .mobile-evolution-card-inner{background:#ffffffe3;border:1px solid #dde4ebe6;border-radius:13px;grid-template-columns:42.5% 57.5%;min-height:154px;display:grid;overflow:hidden;box-shadow:0 9px 23px #495b7614,inset 0 1px #fffffff0}html body.principle-page .mobile-evolution-card-visual{background:#f7f9fb;min-width:0;overflow:hidden}html body.principle-page .mobile-evolution-card-visual img{object-fit:cover;object-position:center;filter:saturate(.83)brightness(1.05);width:100%;height:100%;min-height:154px}html body.principle-page .mobile-evolution-card:first-child .mobile-evolution-card-visual img{object-position:58% center}html body.principle-page .mobile-evolution-card:nth-child(2) .mobile-evolution-card-visual img{object-position:62% center}html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-visual img{object-position:center}html body.principle-page .mobile-evolution-card-copy{background:linear-gradient(135deg,#ffffffe6,#fffafcbd);flex-direction:column;justify-content:center;min-width:0;padding:14px 10px 12px 11px;display:flex}html body.principle-page .mobile-evolution-card-copy h3{color:#203c69;letter-spacing:-.035em;margin:0;font-size:13px;font-weight:650;line-height:1.25}html body.principle-page .mobile-evolution-card-copy h4{color:#ed567d;letter-spacing:.015em;margin:6px 0 0;font-size:8px;font-weight:700;line-height:1.35}html body.principle-page .mobile-evolution-card-copy p{color:#4c6280;letter-spacing:-.015em;margin:8px 0 0;font-size:8.5px;font-weight:450;line-height:1.53}html body.principle-page .mobile-evolution-card-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}html body.principle-page .mobile-evolution-card-tags span{color:#e85a7d;white-space:nowrap;background:#fff1f5;border-radius:999px;align-items:center;min-height:15px;padding:0 5px;font-size:6.5px;font-weight:600;line-height:1;display:inline-flex}html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-inner,html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-visual img{min-height:164px}html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-copy h3{font-size:11.5px}html body.principle-page .mobile-evolution-note{color:#94a0af;text-align:center;margin:20px 0 0;font-size:8px;line-height:1.5}}@media (width<=380px){html body.principle-page .mobile-principle-evolution{padding-top:52px}html body.principle-page .mobile-principle-evolution-head{width:calc(100% - 42px)}html body.principle-page .mobile-principle-evolution-head h2{font-size:27px}html body.principle-page .mobile-evolution-timeline{width:calc(100% - 49px)}html body.principle-page .mobile-evolution-card-copy{padding-left:9px;padding-right:8px}html body.principle-page .mobile-evolution-card-copy h3{font-size:12px}html body.principle-page .mobile-evolution-card-copy p{font-size:8px}}html body.principle-page .principle-hero-mobile-edition,html body.principle-page .principle-hero-actions{display:none}@media (width<=900px){html body.principle-page{--principle-ink:#17344f;--principle-copy:#5d7488;--principle-rose:#e85b83;--principle-glass:#ffffff9e;--principle-glass-border:#ffffffe0;--principle-glass-shadow:0 18px 42px #2a4d651f, inset 0 1px 0 #ffffffeb;background:#f4f9fb}html body.principle-page main{background:radial-gradient(circle at 100% 8%,#cee5f185 0,#0000 24%),radial-gradient(circle at 0 52%,#ffe5ee57 0,#0000 21%),linear-gradient(#f7fbfc 0%,#f2f8fa 49%,#fbfcfd 100%);overflow:hidden}html body.principle-page .hero{background:radial-gradient(at 83% 70%,#c1e1ee66 0,#0000 35%),linear-gradient(160deg,#f8fbfc 0%,#e9f3f7 62%,#edf6f8 100%);height:700px;min-height:700px}html body.principle-page .hero-bg{filter:saturate(.87)brightness(1.04)contrast(.98);background-position:54% 47%}html body.principle-page .hero-bg:before{background:radial-gradient(circle at 74% 62%,#ffffff21 0 2px,#0000 3px),linear-gradient(#f9fcfdb8 0%,#f9fcfd1a 43%,#f4fafc61 100%)}html body.principle-page .hero:before{background:linear-gradient(#f9fcfdf5 0%,#f9fcfdc7 18%,#f9fcfd1a 45%,#f7fcfd00 63%,#f4fafcd9 100%),linear-gradient(90deg,#fafcfd99 0%,#fafcfd1f 58%,#0000 100%)}html body.principle-page .hero:after{color:#0000;-webkit-text-stroke:1px #46728612;letter-spacing:-.085em;font-size:102px;top:45px;right:-15px}html body.principle-page .hero .hero-inner{width:calc(100% - 48px);padding-top:44px}html body.principle-page .hero .eyebrow{color:#547280;letter-spacing:.1em;-webkit-backdrop-filter:blur(18px)saturate(1.12);background:#ffffff7a;border:1px solid #ffffffc7;border-radius:999px;padding:8px 13px;font-size:9px;box-shadow:0 10px 24px #2a4d6514,inset 0 1px #fffc}html body.principle-page .principle-hero-mobile-edition{color:#eb5c83;letter-spacing:.1em;align-items:center;gap:8px;margin-top:23px;font-size:13px;font-weight:620;line-height:1;display:flex}html body.principle-page .principle-hero-mobile-edition:after{content:"";opacity:.7;background:currentColor;width:33px;height:1px}html body.principle-page .principle-hero-mobile-edition span{color:#486e808c;letter-spacing:.16em;font:700 7px/1 Arial,sans-serif}html body.principle-page .hero .hero-title{max-width:370px;color:var(--principle-ink);letter-spacing:-.07em;margin-top:13px;font-size:clamp(38px,10.2vw,43px);font-weight:440;line-height:1.06}html body.principle-page .hero .hero-title .accent{color:var(--principle-rose)}html body.principle-page .hero .hero-copy>p{color:#3a5b6dc7;border:0;max-width:80%;margin-top:18px;padding-top:0;font-size:12px;font-weight:450;line-height:1.78}html body.principle-page .principle-hero-actions{gap:9px;margin-top:18px;display:flex}html body.principle-page .principle-hero-actions a{border:1px solid var(--principle-glass-border);color:#31546b;letter-spacing:.015em;-webkit-backdrop-filter:blur(20px)saturate(1.15);background:#ffffff8a;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:42px;font-size:10px;font-weight:550;text-decoration:none;display:flex;box-shadow:0 10px 24px #2d50671a,inset 0 1px #ffffffeb}html body.principle-page .principle-hero-actions i{color:var(--principle-rose);margin-left:8px;font-size:12px;font-style:normal}html body.principle-page .principle-hero-points{-webkit-backdrop-filter:blur(22px)saturate(1.05);background:linear-gradient(135deg,#fff9,#dcedf47a);border:0;border-radius:24px;bottom:17px;left:18px;right:18px;overflow:hidden;box-shadow:0 18px 42px #2a4d651f}html body.principle-page .principle-hero-points-list .core-point{color:#456676;min-height:76px;font-size:10px;font-weight:520}html body.principle-page .principle-hero-points-list .core-point:before{background:#ffffffa6;border-color:#4974878c}html body.principle-page .mobile-tech-details,html body.principle-page .repair-need,html body.principle-page .mobile-tech-deep-details,html body.principle-page .mobile-principle-mechanism,html body.principle-page .mobile-principle-evolution{isolation:isolate;position:relative}html body.principle-page .mobile-tech-details{background:radial-gradient(circle at 4% 15%,#ffdbe752 0,#0000 23%),radial-gradient(circle at 95% 78%,#cee6f170 0,#0000 25%),linear-gradient(#fcfdfe 0%,#f9fbfc 100%);padding:108px 0 96px}html body.principle-page .mobile-tech-overview-head{width:calc(100% - 56px)}html body.principle-page .mobile-tech-overview-kicker,html body.principle-page .repair-need-kicker,html body.principle-page .mobile-principle-mechanism-head>p,html body.principle-page .mobile-principle-evolution-head>p{letter-spacing:.19em;font-weight:700}html body.principle-page .mobile-tech-overview-head h2{color:var(--principle-ink);letter-spacing:-.065em;margin-top:18px;font-size:34px;font-weight:620;line-height:1.18}html body.principle-page .mobile-tech-overview-head>.mobile-section-head-intro{max-width:88%;color:var(--principle-copy);margin-top:23px;font-size:12px;line-height:1.9}html body.principle-page .mobile-tech-overview-cards{gap:17px;margin-top:46px}html body.principle-page .mobile-tech-overview-card{border-color:var(--principle-glass-border);min-height:182px;box-shadow:var(--principle-glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.05);background:linear-gradient(135deg,#ffffffc7,#fff9fb91);border-radius:27px}html body.principle-page .mobile-tech-overview-card:after{opacity:.48}html body.principle-page .mobile-tech-overview-copy h3{color:#183b5a;font-size:21px;font-weight:650}html body.principle-page .mobile-tech-overview-copy p{color:#61778a;font-size:11px;line-height:1.8}html body.principle-page .repair-need{background:radial-gradient(circle at 100% 2%,#d5e6f0a3 0,#0000 25%),radial-gradient(circle at 5% 88%,#ffe2ec57 0,#0000 22%),linear-gradient(#f8fbfd 0%,#eff7fa 100%);padding:112px 0 104px}html body.principle-page .repair-need-head{text-align:center;max-width:330px;margin-inline:auto}html body.principle-page .repair-need-head h2{color:var(--principle-ink);letter-spacing:-.07em;font-size:39px;font-weight:600;line-height:1.16}html body.principle-page .repair-need-head>p{max-width:91%;color:var(--principle-copy);margin-inline:auto;font-size:12px;line-height:1.92}html body.principle-page .repair-need-grid{gap:17px;margin-top:48px}html body.principle-page .repair-need-card{box-shadow:var(--principle-glass-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.04);background:linear-gradient(135deg,#ffffffc7,#f8fdfe9e);border-color:#ffffffeb;border-radius:28px}html body.principle-page .repair-need-card h3{color:#1e4161;font-weight:650}html body.principle-page .repair-need-card>p{color:#5e768a;line-height:1.85}html body.principle-page .repair-need-tags span{color:#537187;background:#e8f1f5b3;border-color:#ffffffdb}html body.principle-page .mobile-tech-deep-details{background:radial-gradient(circle at 0 4%,#ffe0ea52 0,#0000 23%),radial-gradient(circle at 100% 48%,#d0e8f361 0,#0000 26%),#f8fbfc;padding-top:72px;padding-bottom:92px}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump{padding-left:22px;padding-right:22px}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links{-webkit-backdrop-filter:blur(22px)saturate(1.12);background:#ffffffab;border:1px solid #ffffffe6;border-radius:21px;box-shadow:0 15px 34px #304d631f,inset 0 1px #ffffffe6}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links.is-pinned{background:#f9fcfdc7;border-color:#fffffff2;box-shadow:0 14px 30px #304d6326,inset 0 1px #fffffff5}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link{color:#667e90;font-weight:550}html body.principle-page :is(.mobile-dual-detail,.mobile-gradient-detail,.mobile-source-detail){padding-left:19px;padding-right:19px}html body.principle-page :is(.mobile-dual-detail-hero,.mobile-gradient-detail-shell,.mobile-source-detail-shell){border:1px solid #ffffffe0;border-radius:32px;box-shadow:0 22px 50px #2c4a621c,inset 0 1px #ffffffeb}html body.principle-page :is(.mobile-dual-detail-hero h2,.mobile-gradient-detail-hero h2,.mobile-source-detail-hero h2){color:var(--principle-ink);letter-spacing:-.065em;font-weight:650}html body.principle-page :is(.mobile-dual-detail-intro,.mobile-gradient-detail-description,.mobile-gradient-detail-note,.mobile-source-detail-recombinant,.mobile-source-detail-standard,.mobile-source-detail-supplier){background-color:#ffffff80;border-color:#ffffffc2}html body.principle-page :is(.mobile-dual-detail-protein,.mobile-gradient-detail-step,.mobile-source-detail-quality-grid article,.mobile-source-detail-standard-grid article,.mobile-source-detail-supplier-grid article){background:#ffffffa8;border-color:#ffffffd4;box-shadow:0 10px 22px #2f4c6312,inset 0 1px #ffffffe6}html body.principle-page :is(.mobile-dual-detail-protein-copy,.mobile-gradient-detail-step>p,.mobile-source-detail-quality-grid p,.mobile-source-detail-standard-grid p,.mobile-source-detail-supplier-grid p){color:#61778b}html body.principle-page .mobile-principle-mechanism{background:radial-gradient(circle at 0 13%,#ffdee954 0,#0000 22%),radial-gradient(circle at 100% 88%,#cae5f06b 0,#0000 25%),linear-gradient(#fcfdfe 0%,#f2f8fa 100%);padding:112px 0 92px}html body.principle-page .mobile-principle-mechanism-head{width:calc(100% - 52px)}html body.principle-page .mobile-principle-mechanism-head h2{color:var(--principle-ink);letter-spacing:-.065em;font-size:39px;font-weight:650}html body.principle-page .mobile-principle-mechanism-head>span{color:var(--principle-copy);font-size:12px;line-height:1.92}html body.principle-page .mobile-principle-mechanism-cards{gap:18px;width:calc(100% - 40px);margin-top:45px}html body.principle-page .mobile-mechanism-card{box-shadow:var(--principle-glass-shadow);border-color:#ffffffe6;border-radius:27px;overflow:hidden}html body.principle-page .mobile-mechanism-card-copy{background:linear-gradient(145deg,#fffc,#fbfeffa3)}html body.principle-page .mobile-mechanism-card-copy h3{color:#1b3d5d;font-weight:650}html body.principle-page .mobile-mechanism-card-copy>p:last-child{color:#5c7589;font-size:11px;line-height:1.78}html body.principle-page .mobile-principle-evolution{background:radial-gradient(circle at 100% 9%,#d0e7f28a 0,#0000 25%),radial-gradient(circle at 2% 80%,#ffe0eb61 0,#0000 21%),linear-gradient(#fbfdfe 0%,#f4f9fb 100%);padding:112px 0 44px}html body.principle-page .mobile-principle-evolution-head{width:calc(100% - 52px)}html body.principle-page .mobile-principle-evolution-head h2{color:var(--principle-ink);letter-spacing:-.065em;font-size:37px;font-weight:650;line-height:1.15}html body.principle-page .mobile-principle-evolution-head>span{color:var(--principle-copy);font-size:12px;line-height:1.86}html body.principle-page .mobile-evolution-timeline{gap:18px;margin-top:42px}html body.principle-page .mobile-evolution-card-inner{border-color:var(--principle-glass-border);min-height:176px;box-shadow:var(--principle-glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.05);background:#ffffffb0;border-radius:22px}html body.principle-page .mobile-evolution-card-visual img{filter:saturate(.82)brightness(1.07);min-height:176px}html body.principle-page .mobile-evolution-card-copy{background:linear-gradient(135deg,#ffffffe0,#fff8fba8);padding:16px 13px 14px}html body.principle-page .mobile-evolution-card-copy h3{color:#1d4163;font-size:14px;font-weight:650}html body.principle-page .mobile-evolution-card-copy p{color:#5d7489;font-size:10px;line-height:1.62}html body.principle-page .mobile-evolution-card-tags span{background:#ffeff4e0;min-height:17px;padding-inline:6px;font-size:7px}html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-inner,html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-visual img{min-height:184px}html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-copy h3{font-size:12.5px}}@media (width<=380px){html body.principle-page .hero,html body.principle-page .hero .hero-inner{height:680px;min-height:680px}html body.principle-page .hero .hero-inner{width:calc(100% - 40px)}html body.principle-page .hero .hero-title{font-size:37px}html body.principle-page .principle-hero-actions a{min-height:39px;font-size:9px}html body.principle-page .mobile-tech-overview-head,html body.principle-page .mobile-principle-mechanism-head,html body.principle-page .mobile-principle-evolution-head{width:calc(100% - 42px)}html body.principle-page :is(.repair-need-head h2,.mobile-principle-mechanism-head h2){font-size:35px}}@media (width<=900px){html body.principle-page .hero .hero-copy>p{width:100%;max-width:100%}html body.principle-page .mobile-tech-details{background:radial-gradient(circle at 100% 86%,#c2deea57,#0000 27%),radial-gradient(circle at 0 12%,#e5f0f594,#0000 24%),linear-gradient(#fbfdfe 0%,#f3f8fa 100%);padding:50px 0 66px}html body.principle-page .mobile-tech-overview{width:calc(100% - 48px);max-width:560px}html body.principle-page .mobile-tech-overview-head{text-align:left;width:100%}html body.principle-page .mobile-tech-overview-head h2{color:#193a55;letter-spacing:-.07em;white-space:normal;max-width:none;margin:0;font-size:clamp(28px,7.7vw,31px);font-weight:600;line-height:1.18}html body.principle-page .mobile-tech-overview-rule{background:#67a0b9;width:40px;margin:17px 0 0}html body.principle-page .mobile-tech-overview-rule:before,html body.principle-page .mobile-tech-overview-rule:after{background:#67a0b9}html body.principle-page .mobile-tech-overview-head>.mobile-section-head-intro{color:#506d7f;text-align:left;width:100%;max-width:none;margin:18px 0 0;font-size:13px;line-height:1.86}html body.principle-page .mobile-tech-overview-cards{gap:14px;margin-top:30px}html body.principle-page .mobile-tech-overview-card{background:linear-gradient(132deg,#fffffff0,#f1f8fac7);border-color:#cadce5d1;border-radius:22px;grid-template-rows:1fr;grid-template-columns:78px minmax(0,1fr);column-gap:13px;min-height:156px;padding:18px 16px;box-shadow:0 12px 28px #2b4b6011,inset 0 1px #fff}html body.principle-page .mobile-tech-overview-icon{background:radial-gradient(circle at 35% 30%,#fff 0%,#e8f3f7db 56%,#cde1ea9e 100%);width:70px;height:70px}html body.principle-page .mobile-tech-overview-icon svg{stroke:#5d97b2;width:49px;height:49px}html body.principle-page .mobile-tech-overview-copy h3{color:#1b3c57;font-size:20px;font-weight:620}html body.principle-page .mobile-tech-overview-copy p{color:#597486;margin-top:9px;font-size:12px;line-height:1.78}html body.principle-page .repair-need{background:radial-gradient(circle at 100% 7%,#cde1eb8f,#0000 25%),radial-gradient(circle at 5% 90%,#e2eef48a,#0000 24%),linear-gradient(#f5fafc 0%,#edf6f9 100%);padding:66px 0 74px}html body.principle-page .repair-need .shell{width:calc(100% - 48px);max-width:560px}html body.principle-page .repair-need-kicker,html body.principle-page .repair-need-no,html body.principle-page .repair-need-card small{display:none}html body.principle-page .repair-need-head{text-align:left;max-width:none;margin:0}html body.principle-page .repair-need-head h2{color:#193a55;letter-spacing:-.075em;max-width:none;margin:0;font-size:clamp(33px,9.3vw,39px);font-weight:600;line-height:1.16}html body.principle-page .repair-need-head>p{color:#506d7f;text-align:left;width:100%;max-width:none;margin:19px 0 0;font-size:13px;line-height:1.86}html body.principle-page .repair-need-grid{gap:14px;margin-top:31px}html body.principle-page .repair-need-card{background:linear-gradient(135deg,#fffffff0,#f2f8fac2);border-color:#c9dbe5cc;border-radius:22px;grid-template-rows:auto auto auto;grid-template-columns:66px minmax(0,1fr);column-gap:13px;min-height:0;padding:19px 17px 17px;box-shadow:0 12px 28px #2a4b6011,inset 0 1px #fff}html body.principle-page .repair-need-icon{grid-area:1/1;align-self:center;width:58px;height:58px;margin:0}html body.principle-page .repair-need-icon svg{stroke:#5893b28a}html body.principle-page .repair-need-card h3{color:#1d405c;grid-area:1/2;align-self:center;margin:0;font-size:22px;font-weight:620;line-height:1.28}html body.principle-page .repair-need-card>p{color:#587387;grid-area:2/1/auto/-1;margin:16px 0 0;font-size:13px;line-height:1.8;position:relative}html body.principle-page .repair-need-card>p:before{content:"";background:#87acbe57;width:32px;height:1px;position:absolute;top:-10px;left:0}html body.principle-page .repair-need-tags{flex-wrap:wrap;grid-area:3/1/auto/-1;gap:7px;margin-top:14px}html body.principle-page .repair-need-tags span{color:#55758a;background:#e1eff5b8;border:1px solid #9ec3d542;flex:none;padding:7px 12px}html body.principle-page .mobile-tech-deep-details{background:radial-gradient(circle at 100% 12%,#cfe5ef8f,#0000 25%),linear-gradient(#f4f9fb 0%,#fbfdfe 100%);padding:64px 0 80px}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump{width:calc(100% - 48px);min-height:0;box-shadow:none;background:0 0;border:0;margin:0 auto;padding:0 0 22px;overflow:visible}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump:after{display:none}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-molecule{opacity:.56;width:246px;height:246px;top:-54px;right:-72px}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-copy{width:100%;max-width:none}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-copy>p{color:#63869a;letter-spacing:.15em;font-size:8.5px}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-copy h2{color:#193a55;letter-spacing:-.07em;white-space:normal;max-width:100%;margin-top:15px;font-size:clamp(30px,8.2vw,35px);font-weight:600;line-height:1.16}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-copy>i{background:#5792ad;width:38px;margin-top:17px}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-copy>span{color:#516f82;width:100%;max-width:none;margin-top:15px;font-size:13px;line-height:1.82}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links-wrap{width:calc(100% - 48px);height:52px;margin:0 auto}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links{height:52px;min-height:52px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:1px solid #84a9bb57;border-left:0;border-right:0;border-radius:0}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links.is-pinned{background:#f8fcfdf5;border-color:#84a9bb66;box-shadow:0 8px 20px #2e51661a}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link{color:#527184;font-size:10px;font-weight:580}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link+.mobile-tech-jump-link{border-left:1px solid #84a9bb33}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy,html:has(#mobile-tech-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--gradient,html:has(#mobile-tech-recombinant:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--recombinant{color:#2b7392}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy:after,html:has(#mobile-tech-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--gradient:after,html:has(#mobile-tech-recombinant:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--recombinant:after{background:#2b7392}html:has(#mobile-tech-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy,html:has(#mobile-tech-recombinant:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy{color:#527184}html:has(#mobile-tech-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy:after,html:has(#mobile-tech-recombinant:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy:after{background:0 0}}@media (width<=380px){html body.principle-page .mobile-tech-overview,html body.principle-page .repair-need .shell,html body.principle-page .mobile-tech-deep-details .mobile-tech-jump,html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links-wrap{width:calc(100% - 40px)}html body.principle-page .mobile-tech-overview-card{grid-template-columns:70px minmax(0,1fr);padding-inline:13px}html body.principle-page .mobile-tech-overview-icon{width:62px;height:62px}html body.principle-page .repair-need-card{grid-template-columns:58px minmax(0,1fr);padding-inline:14px}html body.principle-page .repair-need-icon{width:52px;height:52px}}@media (width<=900px){html body.principle-page .mobile-dual-detail{box-sizing:border-box;background:#fffffff0;border:1px solid #c4d7e2d1;border-radius:25px;width:calc(100% - 48px);max-width:560px;margin:24px auto 66px;padding:0;overflow:hidden;box-shadow:0 16px 36px #2a4b6017,inset 0 1px #fff}html body.principle-page .mobile-dual-detail-hero{min-height:0;box-shadow:none;background:radial-gradient(circle at 91% 12%,#e3eff5b8,#0000 29%),linear-gradient(135deg,#fff 0%,#f6fbfc 100%);border:0;border-bottom:1px solid #bed3df9e;border-radius:0;padding:26px 20px 24px;overflow:hidden}html body.principle-page .mobile-dual-detail-molecule{opacity:.42;filter:hue-rotate(104deg)saturate(.54);top:-8px;right:-76px}html body.principle-page .mobile-dual-detail-index{color:#2e7595}html body.principle-page .mobile-dual-detail-kicker{color:#537c93;margin-top:18px}html body.principle-page .mobile-dual-detail-hero h2{color:#193b56;max-width:100%}html body.principle-page .mobile-dual-detail-hero>strong{color:#2e7897}html body.principle-page .mobile-dual-detail-intro{color:#557184;max-width:none;margin-top:17px;font-size:13px;line-height:1.82}html body.principle-page .mobile-dual-detail-protein{border:0;min-height:0;padding:0 20px 24px;overflow:hidden;box-shadow:none!important;background:0 0!important}html body.principle-page .mobile-dual-detail-protein--r1{padding-top:0}html body.principle-page .mobile-dual-detail-protein--r3{border-top:1px solid #bed3df9e;padding-top:24px}html body.principle-page .mobile-dual-detail-watermark{display:none}html body.principle-page .mobile-dual-detail-protein-visual{opacity:.9;pointer-events:none;background-image:linear-gradient(90deg,#ffffff14,#ffffff7a),url(/assets/mobile-optimized/principle-collagen-type-i-iii-diptych-v1.webp);background-repeat:no-repeat;background-size:cover;height:124px;margin:0 -20px}html body.principle-page .mobile-dual-detail-protein--r1 .mobile-dual-detail-protein-visual{background-position:50%,0}html body.principle-page .mobile-dual-detail-protein--r3 .mobile-dual-detail-protein-visual{background-image:linear-gradient(90deg,#ffffff1a,#ffffff80),url(/assets/mobile-optimized/principle-mechanism-repair-v1.webp);background-position:50%,100%}html body.principle-page .mobile-dual-detail-protein-kicker{color:#4c819c;margin:14px 0 8px;font-size:10px}html body.principle-page .mobile-dual-detail-protein h3{color:#1d405c;margin-top:16px;font-size:clamp(23px,6.25vw,26px);line-height:1.24}html body.principle-page .mobile-dual-detail-protein h3 em{display:none}html body.principle-page .mobile-dual-detail-protein-title{color:#193b56;margin-top:2px;font-size:clamp(23px,6.25vw,26px)}html body.principle-page .mobile-dual-detail-protein-copy{color:#587487;max-width:none;margin-top:11px;font-size:13px;line-height:1.78}html body.principle-page .mobile-dual-detail-tags{gap:7px;margin-top:15px}html body.principle-page .mobile-dual-detail-tags span{color:#4f7287;background:#f1f8fabd;border-color:#7daabf59;min-height:30px;padding:4px 12px;font-size:12px}html body.principle-page .mobile-dual-detail-conclusion{background:linear-gradient(135deg,#eef7faf5,#e0eff5e6);border:0;border-radius:19px;grid-template-columns:58px minmax(0,1fr);gap:13px;margin:24px 20px 22px;padding:15px 16px;box-shadow:0 10px 22px #30546711,inset 0 1px #ffffffc2}html body.principle-page .mobile-dual-detail-shield{color:#5d91a8;background:#ffffffdb;width:54px;height:54px;box-shadow:0 6px 16px #3e6a7e14,inset 0 1px #fff}html body.principle-page .mobile-dual-detail-shield svg{width:30px;height:30px}html body.principle-page .mobile-dual-detail-conclusion h3{color:#345d72;font-size:16px;font-weight:620;line-height:1.38}html body.principle-page .mobile-dual-detail-conclusion p{color:#5c7889;margin-top:5px;font-size:12px;line-height:1.66}}@media (width<=380px){html body.principle-page .mobile-dual-detail{width:calc(100% - 40px)}html body.principle-page .mobile-dual-detail-hero,html body.principle-page .mobile-dual-detail-protein{padding-left:16px;padding-right:16px}html body.principle-page .mobile-dual-detail-protein-visual{margin-left:-16px;margin-right:-16px}html body.principle-page .mobile-dual-detail-conclusion{grid-template-columns:52px minmax(0,1fr);margin-left:16px;margin-right:16px;padding:14px}html body.principle-page .mobile-dual-detail-shield{width:48px;height:48px}}@media (width>=901px){html body.principle-page .mobile-tech-deep-details{display:none!important}}@media (width<=900px){html body.principle-page .mobile-gradient-detail,html body.principle-page .mobile-source-detail{box-sizing:border-box;background:#fffffff0;border:1px solid #c4d7e2d1;border-radius:25px;width:calc(100% - 48px);max-width:560px;margin:0 auto 66px;scroll-margin-top:124px;overflow:hidden;box-shadow:0 16px 36px #2a4b6017,inset 0 1px #fff;padding:0!important}html body.principle-page .mobile-gradient-detail:before,html body.principle-page .mobile-gradient-detail:after{display:none}html body.principle-page .mobile-gradient-detail-shell,html body.principle-page .mobile-source-detail-shell{border-radius:0;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}html body.principle-page .mobile-gradient-detail-hero,html body.principle-page .mobile-source-detail-hero{background:radial-gradient(circle at 91% 12%,#e3eff5b8,#0000 29%),linear-gradient(135deg,#fff 0%,#f6fbfc 100%);border-bottom:1px solid #bed3df9e;padding:26px 20px 24px}html body.principle-page .mobile-gradient-detail-index,html body.principle-page .mobile-source-detail-index{color:#2e7595}html body.principle-page .mobile-gradient-detail-index b,html body.principle-page .mobile-source-detail-index b{color:#193b56}html body.principle-page .mobile-gradient-detail-index i,html body.principle-page .mobile-source-detail-index i,html body.principle-page .mobile-gradient-detail-kicker,html body.principle-page .mobile-source-detail-kicker,html body.principle-page .mobile-source-detail-label,html body.principle-page .mobile-gradient-detail-label{color:#537c93}html body.principle-page .mobile-source-detail-index span{font-size:13px}html body.principle-page .mobile-source-detail-index b{font-size:39px}html body.principle-page .mobile-source-detail-index i{letter-spacing:0;font-size:14px;font-weight:600}html body.principle-page .mobile-gradient-detail-hero h2,html body.principle-page .mobile-source-detail-hero h2{color:#193b56}html body.principle-page :is(.mobile-gradient-detail-hero>strong,.mobile-source-detail-hero>strong){color:#2e7897}html body.principle-page .mobile-gradient-detail-hero>p:last-child,html body.principle-page .mobile-source-detail-hero>p:last-child{color:#557184;font-size:13px;line-height:1.82}html body.principle-page .mobile-gradient-detail-concentration,html body.principle-page .mobile-gradient-detail-path{padding:24px 20px 0}html body.principle-page .mobile-gradient-detail-path{border-top-color:#bed3df9e;margin-top:24px;padding-bottom:0}html body.principle-page .mobile-gradient-detail-concentration h3,html body.principle-page .mobile-gradient-detail-path h3,html body.principle-page .mobile-source-detail-recombinant h3,html body.principle-page .mobile-source-detail-standard>h3,html body.principle-page .mobile-source-detail-supplier>h3{color:#1d405c}html body.principle-page .mobile-gradient-detail-description,html body.principle-page .mobile-source-detail-recombinant>p:not(.mobile-source-detail-label),html body.principle-page .mobile-source-detail-standard>p,html body.principle-page .mobile-source-detail-supplier>p{color:#587487;font-size:13px;line-height:1.78}html body.principle-page .mobile-gradient-detail-chart{min-height:218px;box-shadow:none;background-color:#0000;background-image:linear-gradient(#7ea3ba12 1px,#0000 1px),linear-gradient(90deg,#7ea3ba12 1px,#0000 1px);border:1px solid #bed3df9e;border-left:0;border-right:0;border-radius:0;gap:0;margin-top:18px;padding:14px 0 12px}html body.principle-page .mobile-gradient-detail-chart-item+.mobile-gradient-detail-chart-item{border-left:1px solid #bed3df80}html body.principle-page .mobile-gradient-detail-cylinder{background:linear-gradient(90deg,#4e8ba9 0%,#8fc5d8 24%,#3d7698 52%,#72aac2 78%,#2b5f80 100%);box-shadow:inset 12px 0 11px #ffffff57,inset -11px 0 11px #1c4b6729,0 10px 13px #37718f24}html body.principle-page .mobile-gradient-detail-cylinder:before{background:radial-gradient(at 50% 30%,#eaf8fb,#5792af 74%)}html body.principle-page .mobile-gradient-detail-cylinder:after{background:#245c7c6b}html body.principle-page .mobile-gradient-detail-cylinder i{background:#417f9e2b}html body.principle-page .mobile-gradient-detail-chart-item strong,html body.principle-page .mobile-gradient-detail-note h4{color:#2e7897}html body.principle-page .mobile-gradient-detail-note{border-left-color:#6fa3b9;margin-top:20px;padding:0 0 0 13px;background:0 0!important}html body.principle-page .mobile-gradient-detail-note p{color:#587487;font-size:13px;line-height:1.78}html body.principle-page .mobile-gradient-detail-steps{border-top:1px solid #bed3df9e;border-bottom:1px solid #bed3df9e;gap:0;margin-top:18px}html body.principle-page .mobile-gradient-detail-step{border-radius:0;padding:13px 7px 12px;box-shadow:none!important;background:0 0!important;border:0!important}html body.principle-page .mobile-gradient-detail-step+.mobile-gradient-detail-step{border-left:1px solid #bed3df80!important}html body.principle-page .mobile-gradient-detail-step h4,html body.principle-page .mobile-gradient-detail-step>p,html body.principle-page .mobile-gradient-detail-chart-item span{color:#557184}html body.principle-page .mobile-gradient-detail-step h4 b,html body.principle-page .mobile-gradient-detail-step--active h4 b{color:#4b8aa8}html body.principle-page .mobile-gradient-detail-step-tags i{color:#56778b;background:#e8f3f7d1}html body.principle-page .mobile-gradient-detail-conclusion{background:linear-gradient(135deg,#eef7faf5,#e0eff5e6);border:0;border-radius:19px;margin:44px 20px 22px;padding:15px 16px;box-shadow:0 10px 22px #30546711,inset 0 1px #ffffffc2}html body.principle-page .mobile-gradient-detail-conclusion-icon{color:#5d91a8;background:#ffffffdb;box-shadow:0 6px 16px #3e6a7e14,inset 0 1px #fff}html body.principle-page .mobile-gradient-detail-conclusion h3{color:#345d72}html body.principle-page .mobile-gradient-detail-conclusion p{color:#5c7889}html body.principle-page .mobile-gradient-detail-conclusion>div:last-child>div span{color:#4f7287;border-color:#7daabf59}html body.principle-page .mobile-gradient-detail-conclusion>div:last-child>div i{color:#5d91a8}html body.principle-page .mobile-source-detail-recombinant,html body.principle-page .mobile-source-detail-standard,html body.principle-page .mobile-source-detail-supplier{border:0;margin:0;padding:24px 20px;box-shadow:none!important;background:0 0!important}html body.principle-page .mobile-source-detail-standard,html body.principle-page .mobile-source-detail-supplier{border-top:1px solid #bed3df9e}html body.principle-page .mobile-source-detail-dna,html body.principle-page .mobile-source-detail-researcher,html body.principle-page .mobile-source-detail-factory{border-radius:14px;margin-top:16px}html body.principle-page .mobile-source-detail-quality-grid,html body.principle-page .mobile-source-detail-standard-grid,html body.principle-page .mobile-source-detail-supplier-grid{border-top:1px solid #bed3df9e;border-bottom:1px solid #bed3df9e;gap:0;margin-top:17px}html body.principle-page .mobile-source-detail-quality-grid article,html body.principle-page .mobile-source-detail-standard-grid article,html body.principle-page .mobile-source-detail-supplier-grid article{border-radius:0;padding:13px 10px 12px;box-shadow:none!important;background:0 0!important;border:0!important}html body.principle-page .mobile-source-detail-quality-grid article:nth-child(odd),html body.principle-page .mobile-source-detail-standard-grid article:nth-child(odd),html body.principle-page .mobile-source-detail-supplier-grid article:nth-child(odd){border-right:1px solid #bed3df80!important}html body.principle-page .mobile-source-detail-quality-grid article:nth-child(n+3),html body.principle-page .mobile-source-detail-standard-grid article:nth-child(n+3),html body.principle-page .mobile-source-detail-supplier-grid article:nth-child(n+3){border-top:1px solid #bed3df80!important}html body.principle-page .mobile-source-detail-quality-grid small,html body.principle-page .mobile-source-detail-standard-grid small{color:#4c819c}html body.principle-page .mobile-source-detail-quality-grid h4,html body.principle-page .mobile-source-detail-standard-grid h4,html body.principle-page .mobile-source-detail-supplier-grid h4{color:#1d405c}html body.principle-page .mobile-source-detail-quality-grid p,html body.principle-page .mobile-source-detail-standard-grid p,html body.principle-page .mobile-source-detail-supplier-grid p{color:#587487}html body.principle-page .mobile-source-detail-callout,html body.principle-page .mobile-source-detail-callout--molecule,html body.principle-page .mobile-source-detail-standard .mobile-source-detail-callout,html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-callout{min-height:0;box-shadow:none;border:0;border-left:3px solid #6fa3b9;border-radius:0;margin:0 20px 24px;padding:0 0 0 13px;overflow:visible;background:0 0!important}html body.principle-page .mobile-source-detail-standard .mobile-source-detail-callout,html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-callout{margin:15px 0 0}html body.principle-page .mobile-source-detail-callout--molecule{border-radius:0;padding:20px;display:block;background:linear-gradient(90deg,#f1f8fbb8,#fff0)!important;border:1px solid #bed3df9e!important;border-left:0!important;border-right:0!important;margin:0!important}html body.principle-page .mobile-source-detail-callout--molecule h3{color:#1d405c;letter-spacing:.04em;align-items:center;gap:10px;font-size:16px;font-weight:650;line-height:1.2;display:flex}html body.principle-page .mobile-source-detail-callout--molecule h3:before{content:"";background:#5f9ab4;flex:0 0 24px;height:2px}html body.principle-page .mobile-source-detail-callout--molecule h3:after{content:"";background:linear-gradient(90deg,#6397b18a,#0000);flex:1;height:1px}html body.principle-page .mobile-source-detail-callout--molecule p{color:#638093;margin:8px 0 0;font-size:12px;line-height:1.7}html body.principle-page .mobile-source-detail-callout--molecule:after{display:none}html body.principle-page .mobile-source-detail-callout h3,html body.principle-page .mobile-source-detail-callout h4{color:#2e7897}html body.principle-page .mobile-source-detail-callout p,html body.principle-page .mobile-source-detail-standard .mobile-source-detail-callout p,html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-callout p{color:#587487;max-width:none;font-size:12px;line-height:1.7}html body.principle-page .mobile-source-detail-factory>span{box-shadow:none;color:#fff;text-shadow:0 1px 12px #122b3d7a;background:0 0;border:0;border-radius:0;padding:0}html body.principle-page .mobile-source-detail-factory>span b{color:#fff}}@media (width<=380px){html body.principle-page .mobile-gradient-detail,html body.principle-page .mobile-source-detail{width:calc(100% - 40px)}html body.principle-page .mobile-gradient-detail-hero,html body.principle-page .mobile-source-detail-hero,html body.principle-page .mobile-gradient-detail-concentration,html body.principle-page .mobile-gradient-detail-path,html body.principle-page .mobile-source-detail-recombinant,html body.principle-page .mobile-source-detail-standard,html body.principle-page .mobile-source-detail-supplier{padding-left:16px;padding-right:16px}html body.principle-page .mobile-gradient-detail-conclusion,html body.principle-page .mobile-source-detail-callout,html body.principle-page .mobile-source-detail-callout--molecule{margin-left:16px;margin-right:16px}}@media (width<=900px){html body.principle-page .mobile-principle-mechanism,html body.principle-page .mobile-principle-evolution{background:radial-gradient(circle at 100% 10%,#cde5ef7a,#0000 26%),linear-gradient(#f5fafc 0%,#fbfdfe 100%);padding:74px 0 80px}html body.principle-page .mobile-principle-mechanism-head,html body.principle-page .mobile-principle-evolution-head{text-align:left;width:calc(100% - 48px);max-width:560px;margin:0 auto;padding:0}html body.principle-page .mobile-principle-mechanism-head>p,html body.principle-page .mobile-principle-evolution-head>p{color:#537c93;letter-spacing:.18em;font-size:9px}html body.principle-page .mobile-principle-mechanism-head h2,html body.principle-page .mobile-principle-evolution-head h2{color:#193b56;letter-spacing:-.065em;margin-top:15px;font-size:clamp(31px,8.5vw,37px);font-weight:620;line-height:1.16}html body.principle-page .mobile-principle-mechanism-head>i,html body.principle-page .mobile-principle-evolution-head>i{background:#5f9ab4;width:38px;height:2px;margin:17px 0 0}html body.principle-page .mobile-principle-mechanism-head>span,html body.principle-page .mobile-principle-evolution-head>span{color:#587487;text-align:left;width:100%;max-width:none;margin-top:15px;font-size:13px;line-height:1.82}html body.principle-page .mobile-principle-mechanism-cards{background:#fffffff0;border:1px solid #c4d7e2d1;border-radius:25px;gap:0;width:calc(100% - 48px);max-width:560px;margin:30px auto 0;display:grid;overflow:hidden;box-shadow:0 16px 36px #2a4b6017,inset 0 1px #fff}html body.principle-page .mobile-mechanism-card{min-height:178px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #bed3df9e;border-radius:0;grid-template-columns:41% 59%;display:grid;overflow:hidden}html body.principle-page .mobile-mechanism-card:last-child{border-bottom:0}html body.principle-page .mobile-mechanism-card--reverse{grid-template-columns:59% 41%}html body.principle-page .mobile-mechanism-card-visual,html body.principle-page .mobile-mechanism-card--reverse .mobile-mechanism-card-visual{background:#eff6f8;min-height:0}html body.principle-page .mobile-mechanism-card-visual img{object-fit:cover;filter:saturate(.76)brightness(1.06);width:100%;height:100%;min-height:0}html body.principle-page .mobile-mechanism-card-copy,html body.principle-page .mobile-mechanism-card--reverse .mobile-mechanism-card-copy{background:0 0;justify-content:center;align-items:flex-start;padding:18px 16px}html body.principle-page .mobile-mechanism-card-index{box-sizing:border-box;background:linear-gradient(135deg,#d45b7d 0%,#bc466b 100%);border:2px solid #fffffff0;border-radius:999px;align-items:center;gap:4px;min-width:78px;height:46px;padding:0 14px;display:inline-flex;box-shadow:0 8px 16px #7042542e,inset 0 1px #ffffff47}html body.principle-page .mobile-mechanism-card-index b{width:auto;height:auto;box-shadow:none;color:#fffffff5;letter-spacing:.04em;background:0 0;border-radius:0;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex}html body.principle-page .mobile-mechanism-card-index b:after{content:"·";margin-left:3px;font-size:15px;font-weight:500}html body.principle-page .mobile-mechanism-card-index strong{color:#fff;font-size:20px;font-weight:700;line-height:1}html body.principle-page .mobile-mechanism-card-index i{color:#7c9bad;letter-spacing:.12em;font-size:7px}html body.principle-page .mobile-mechanism-card-copy h3{color:#1d405c;margin-top:11px;font-size:20px;font-weight:620;line-height:1.3}html body.principle-page .mobile-mechanism-card-copy>span{background:#6fa3b9;width:28px;height:2px;margin-top:11px}html body.principle-page .mobile-mechanism-card-copy>p:last-child{color:#587487;margin-top:10px;font-size:12px;line-height:1.7}html body.principle-page .mobile-principle-mechanism-note,html body.principle-page .mobile-evolution-note{color:#8299a8;text-align:center;margin:20px 24px 0;font-size:10px}html body.principle-page .mobile-principle-evolution-head:after{display:none}html body.principle-page .mobile-evolution-timeline{background:#fffffff0;border:1px solid #c4d7e2d1;border-radius:25px;gap:0;width:calc(100% - 48px);max-width:560px;margin:30px auto 0;padding:0;display:grid;overflow:hidden;box-shadow:0 16px 36px #2a4b6017,inset 0 1px #fff}html body.principle-page .mobile-evolution-timeline:before{background:linear-gradient(#6fa3b933,#4f8ba8bd,#6fa3b933);top:38px;bottom:38px;left:28px}html body.principle-page .mobile-evolution-card{border-bottom:1px solid #bed3df9e;padding-left:56px}html body.principle-page .mobile-evolution-card:last-child{border-bottom:0}html body.principle-page .mobile-evolution-marker{color:#6e92a7;width:38px;top:24px;left:10px}html body.principle-page .mobile-evolution-marker b{color:#3e7896;background:#f7fcfdfa;border:1px solid #6da0b76b;width:31px;height:31px;font-size:15px;box-shadow:0 5px 12px #33627a1a,inset 0 1px #fff}html body.principle-page .mobile-evolution-marker span{color:#7191a2;letter-spacing:.06em;width:46px;margin-top:6px;font-size:5px}html body.principle-page .mobile-evolution-card-inner,html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-inner{min-height:166px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:40% 60%;display:grid;overflow:hidden}html body.principle-page .mobile-evolution-card-visual{background:#eff6f8}html body.principle-page .mobile-evolution-card-visual img,html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-visual img{filter:saturate(.74)brightness(1.07);min-height:166px}html body.principle-page .mobile-evolution-card-copy{background:0 0;padding:16px 13px 15px}html body.principle-page .mobile-evolution-card-copy h3,html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-copy h3{color:#1d405c;font-size:14px;font-weight:620;line-height:1.32}html body.principle-page .mobile-evolution-card-copy h4{color:#4c819c;letter-spacing:.01em;margin-top:7px;font-size:9px}html body.principle-page .mobile-evolution-card-copy p{color:#587487;margin-top:8px;font-size:10px;line-height:1.62}html body.principle-page .mobile-evolution-card-tags{gap:4px;margin-top:9px}html body.principle-page .mobile-evolution-card-tags span{color:#53758a;background:#f1f8fac7;border:1px solid #7daabf4d;min-height:18px;padding:0 6px;font-size:7px}}@media (width<=380px){html body.principle-page .mobile-principle-mechanism-head,html body.principle-page .mobile-principle-evolution-head,html body.principle-page .mobile-principle-mechanism-cards,html body.principle-page .mobile-evolution-timeline{width:calc(100% - 40px)}html body.principle-page .mobile-mechanism-card{min-height:166px}html body.principle-page .mobile-mechanism-card-copy{padding:15px 12px}html body.principle-page .mobile-mechanism-card-copy h3{font-size:18px}html body.principle-page .mobile-mechanism-card-copy>p:last-child{font-size:11px}html body.principle-page .mobile-evolution-card{padding-left:52px}html body.principle-page .mobile-evolution-timeline:before{left:26px}html body.principle-page .mobile-evolution-marker{left:8px}html body.principle-page .mobile-evolution-card-copy{padding:14px 10px 13px}}@media (width<=900px){html body.principle-page .mobile-evolution-timeline{width:calc(100% - 72px);box-shadow:none;background:0 0;border:0;border-radius:0;gap:18px;margin:30px 24px 0 auto;padding:0;overflow:visible}html body.principle-page .mobile-evolution-timeline:before{background:linear-gradient(#6fa3b92e,#4f8ba8bd,#6fa3b92e);top:28px;bottom:28px;left:-27px}html body.principle-page .mobile-evolution-card{border:0;padding:0}html body.principle-page .mobile-evolution-marker{width:38px;top:26px;left:-45px}html body.principle-page .mobile-evolution-card-inner,html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-inner{background:#fffffff0;border:1px solid #c4d7e2d1;border-radius:22px;min-height:0;display:block;overflow:hidden;box-shadow:0 14px 30px #2a4b6014,inset 0 1px #fff}html body.principle-page .mobile-evolution-card-visual{background:#eff6f8;height:148px;overflow:hidden}html body.principle-page .mobile-evolution-card-visual img,html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-visual img{object-fit:cover;filter:saturate(.74)brightness(1.07);width:100%;height:148px;min-height:0}html body.principle-page .mobile-evolution-card:first-child .mobile-evolution-card-visual img{object-position:center 56%}html body.principle-page .mobile-evolution-card:nth-child(2) .mobile-evolution-card-visual img{object-position:center 45%}html body.principle-page .mobile-evolution-card-copy{background:0 0;padding:17px 18px 18px;display:block}html body.principle-page .mobile-evolution-card-copy h3,html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-copy h3{font-size:18px;line-height:1.32}html body.principle-page .mobile-evolution-card-copy h4{margin-top:8px;font-size:14px;line-height:1.45}html body.principle-page .mobile-evolution-card-copy h4:after{content:"";background:#5c96b085;width:28px;height:1px;margin-top:8px;display:block}html body.principle-page .mobile-evolution-card-copy p{margin-top:9px;font-size:12px;line-height:1.74}html body.principle-page .mobile-evolution-card-tags{gap:6px;margin-top:12px}html body.principle-page .mobile-evolution-card-tags span{min-height:24px;padding:0 9px;font-size:10px}html body.principle-page .mobile-evolution-note{margin-top:24px}}@media (width<=380px){html body.principle-page .mobile-evolution-timeline{width:calc(100% - 64px);margin-right:20px}html body.principle-page .mobile-evolution-card-copy{padding:15px 16px 16px}html body.principle-page .mobile-evolution-card-copy h3,html body.principle-page .mobile-evolution-card:nth-child(3) .mobile-evolution-card-copy h3{font-size:17px}}@media (width<=900px){html body.principle-page main>:is(.mobile-tech-details,.repair-need,.mobile-tech-deep-details,.mobile-principle-mechanism,.mobile-principle-evolution){box-shadow:none;border-top:0;border-radius:0;margin-top:0}html body.principle-page main>.mobile-tech-details{padding-top:40px;padding-bottom:18px}html body.principle-page main>.repair-need{border-top:1px solid #76a3b857;padding-top:24px;padding-bottom:32px}html body.principle-page main>.mobile-tech-deep-details{padding-top:0;padding-bottom:36px}html body.principle-page main>.mobile-principle-mechanism{padding-top:38px;padding-bottom:34px}html body.principle-page main>.mobile-principle-evolution{padding-top:38px;padding-bottom:48px}html body.principle-page main>.mobile-tech-details{background:radial-gradient(circle at 100% 9%,#d6eaf280,#0000 27%),linear-gradient(#f8fcfd 0%,#f0f7fa 100%)}html body.principle-page main>.repair-need{background:linear-gradient(90deg,#d9ecf48a 0%,#f4fafc75 48%,#dbedf480 100%),radial-gradient(circle at 5% 88%,#d2e8f194,#0000 26%),linear-gradient(#f1f8fb 0%,#f9fcfd 100%)}html body.principle-page main>.mobile-tech-deep-details{background:radial-gradient(circle at 100% 12%,#cfe5ef94,#0000 25%),linear-gradient(#f4f9fb 0%,#fbfdfe 100%)}html body.principle-page main>.mobile-principle-mechanism{background:radial-gradient(circle at 0 13%,#daedf494,#0000 23%),linear-gradient(#f3f9fb 0%,#fbfdfe 100%)}html body.principle-page main>.mobile-principle-evolution{background:radial-gradient(circle at 100% 9%,#cfe6f08f,#0000 25%),linear-gradient(#f0f7fa 0%,#f9fcfd 100%)}html body.principle-page .mobile-gradient-detail-chart,html body.principle-page .mobile-gradient-detail-steps,html body.principle-page .mobile-source-detail-quality-grid,html body.principle-page .mobile-source-detail-standard-grid,html body.principle-page .mobile-source-detail-supplier-grid{border-top:0;border-bottom:0}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links-wrap{height:56px}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links{-webkit-backdrop-filter:blur(22px)saturate(1.22);box-sizing:border-box;background:linear-gradient(135deg,#ffffffc2,#e2f1f785),#eef8fb7a;border:1px solid #ffffffd1;border-radius:19px;height:56px;min-height:56px;padding:3px;overflow:hidden;box-shadow:0 12px 28px #2c51651f,inset 0 1px #fffffff5}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-links.is-pinned{background:linear-gradient(135deg,#ffffffd6,#e3f2f8b8),#eff9fcc7;border-color:#ffffffe6;box-shadow:0 14px 30px #2b4f6329,inset 0 1px #fff}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link,html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link+.mobile-tech-jump-link{border:0}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link{color:#688397;border-radius:15px;min-height:48px;padding:7px 4px;font-size:10px;font-weight:580;transition:color .24s,background .24s,box-shadow .24s}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link:after{background:var(--principle-rose);opacity:0;height:2px;transition:opacity .24s,transform .24s;bottom:5px;left:31%;right:31%}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy,html:has(#mobile-detail-dual:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy,html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--gradient,html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--recombinant{color:var(--principle-rose);background:linear-gradient(135deg,#fffffff0,#ffe8efcc);box-shadow:0 4px 12px #cd53771f,inset 0 1px #fffffff0}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy:after,html:has(#mobile-detail-dual:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy:after,html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--gradient:after,html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--recombinant:after{opacity:1}html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy,html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--recombinant,html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy,html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--gradient{color:#688397;box-shadow:none;background:0 0}html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy:after,html:has(#mobile-detail-gradient:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--recombinant:after,html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--synergy:after,html:has(#mobile-detail-source:target) body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link--gradient:after{opacity:0}html body.principle-page :is(.mobile-tech-overview-card,.repair-need-card,.mobile-dual-detail,.mobile-gradient-detail,.mobile-source-detail,.mobile-principle-mechanism-cards,.mobile-evolution-card-inner,.mobile-evolution-card:nth-child(3) .mobile-evolution-card-inner){border-color:#0000}html body.principle-page :is(.mobile-dual-detail-hero,.mobile-gradient-detail-hero,.mobile-source-detail-hero){border-bottom:0}html body.principle-page :is(.mobile-dual-detail-protein--r3,.mobile-gradient-detail-path,.mobile-source-detail-standard,.mobile-source-detail-supplier){border-top:0}html body.principle-page .mobile-gradient-detail-chart{background-image:linear-gradient(#7ea3ba12 1px,#0000 1px),linear-gradient(90deg,#7ea3ba12 1px,#0000 1px);background-size:17px 17px}html body.principle-page .mobile-gradient-detail-note,html body.principle-page :is(.mobile-source-detail-callout,.mobile-source-detail-standard .mobile-source-detail-callout,.mobile-source-detail-supplier .mobile-source-detail-callout){border-left:0;padding-left:0}html body.principle-page .mobile-source-detail-callout--molecule{padding-block:16px;background:0 0!important;border-top:0!important;border-bottom:0!important}html body.principle-page .mobile-source-detail-callout--molecule h3{display:block}html body.principle-page .mobile-source-detail-callout--molecule h3:before,html body.principle-page .mobile-source-detail-callout--molecule h3:after,html body.principle-page :is(.mobile-principle-mechanism-head,.mobile-principle-evolution-head)>i,html body.principle-page .mobile-mechanism-card-copy>span{display:none}html body.principle-page :is(.mobile-gradient-detail-chart-item+.mobile-gradient-detail-chart-item,.mobile-gradient-detail-step+.mobile-gradient-detail-step,.mobile-source-detail-quality-grid article:nth-child(odd),.mobile-source-detail-standard-grid article:nth-child(odd),.mobile-source-detail-supplier-grid article:nth-child(odd)){border-left-color:#bed3df80!important}html body.principle-page :is(.mobile-source-detail-quality-grid article:nth-child(n+3),.mobile-source-detail-standard-grid article:nth-child(n+3),.mobile-source-detail-supplier-grid article:nth-child(n+3),.mobile-mechanism-card:not(:last-child)){border-top-color:#bed3df80!important}html body.principle-page .mobile-mechanism-card:not(:last-child){border-top:0;border-bottom-color:#bed3df80}html body.principle-page .mobile-tech-overview-rule:before,html body.principle-page .mobile-tech-overview-rule:after{display:none}html body.principle-page .mobile-principle-evolution-head h2{letter-spacing:-.065em;white-space:nowrap;font-size:clamp(23px,6.4vw,29px);line-height:1.18}html body.principle-page :is(.mobile-tech-overview-head,.repair-need-head,.mobile-tech-deep-details .mobile-tech-jump-copy,.mobile-principle-mechanism-head,.mobile-principle-evolution-head){isolation:isolate;text-align:left;position:relative;overflow:visible}html body.principle-page :is(.mobile-tech-overview-head,.repair-need-head,.mobile-principle-mechanism-head,.mobile-principle-evolution-head):after{content:"";z-index:0;filter:drop-shadow(0 8px 10px #497e9614);opacity:.84;pointer-events:none;background:radial-gradient(circle at 25% 31%,#fffffff2 0 4px,#b6d5e373 5px 9px,#0000 10px),radial-gradient(circle at 60% 18%,#ffffffe6 0 7px,#b9d6e366 8px 15px,#0000 16px),radial-gradient(circle at 80% 57%,#ffffffe6 0 5px,#b9d6e36b 6px 12px,#0000 13px),radial-gradient(circle at 43% 78%,#ffffffe0 0 5px,#b9d6e357 6px 12px,#0000 13px),linear-gradient(35deg,#0000 46%,#77a5bb47 46.6% 47.4%,#0000 48%),linear-gradient(130deg,#0000 48%,#77a5bb3d 48.6% 49.4%,#0000 50%);border-radius:50%;width:124px;height:124px;position:absolute;top:-22px;right:-20px}html body.principle-page :is(.mobile-tech-overview-head,.repair-need-head,.mobile-tech-deep-details .mobile-tech-jump-copy,.mobile-principle-mechanism-head,.mobile-principle-evolution-head)>:is(p,h2,i,span,div){z-index:1;position:relative}html body.principle-page :is(.mobile-tech-overview-head>.mobile-section-head-kicker,.repair-need-head>.repair-need-kicker,.mobile-tech-deep-details .mobile-tech-jump-copy>p,.mobile-principle-mechanism-head>p,.mobile-principle-evolution-head>p){color:#63869a;letter-spacing:.18em;text-transform:uppercase;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:9px;font-weight:700;line-height:1.35;display:block}html body.principle-page :is(.mobile-tech-overview-head h2,.repair-need-head h2,.mobile-tech-deep-details .mobile-tech-jump-copy h2,.mobile-principle-mechanism-head h2,.mobile-principle-evolution-head h2){color:#193a55;letter-spacing:-.07em;max-width:100%;margin:14px 0 0;font-size:clamp(29px,7.7vw,34px);font-weight:620;line-height:1.16}html body.principle-page .mobile-principle-evolution-head h2{white-space:nowrap;font-size:clamp(23px,6.4vw,29px);line-height:1.18}html body.principle-page :is(.mobile-tech-overview-head,.repair-need-head,.mobile-tech-deep-details .mobile-tech-jump-copy,.mobile-principle-mechanism-head,.mobile-principle-evolution-head)>.mobile-section-head-rule{width:38px;height:2px;box-shadow:none;background:#5f9ab4;border:0;border-radius:999px;margin:15px 0 0;display:block}html body.principle-page :is(.mobile-tech-overview-head>.mobile-section-head-intro,.repair-need-head>p:last-child,.mobile-tech-deep-details .mobile-tech-jump-copy>span,.mobile-principle-mechanism-head>span,.mobile-principle-evolution-head>span){color:#506d7f;text-align:left;width:100%;max-width:none;margin:15px 0 0;font-size:13px;line-height:1.84;display:block}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link{font-size:11px;color:#688397!important;box-shadow:none!important;background:0 0!important}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link:after{background:var(--principle-rose)!important;opacity:0!important}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link.is-current{color:var(--principle-rose)!important}html body.principle-page .mobile-tech-deep-details .mobile-tech-jump-link.is-current:after{opacity:1!important}html body.principle-page .mobile-dual-detail-protein-title{color:#193b56;margin-top:14px;font-size:22px;line-height:1.28;display:block}html body.principle-page .mobile-dual-detail-protein-title:before{content:"";opacity:.38;background:currentColor;width:30px;height:1px;margin-bottom:10px;display:block}html body.principle-page :is(.mobile-dual-detail-hero h2,.mobile-gradient-detail-hero h2){margin-top:13px}html body.principle-page .mobile-source-detail-callout--molecule{box-sizing:border-box;border-radius:0;min-height:0;display:block;background:linear-gradient(112deg,#e0f0f7b8,#eaf6faa3 58%,#e1f1f894)!important;border:0!important;margin:18px 0 10px!important;padding:16px 20px!important}html body.principle-page .mobile-source-detail-section-kicker{color:#63869a;letter-spacing:.18em;margin:0;font:700 8px/1.35 Arial,PingFang SC,Microsoft YaHei,sans-serif;display:block}html body.principle-page .mobile-source-detail-callout--molecule h3{color:#1d405c;letter-spacing:-.03em;margin:5px 0 0;font-size:19px;font-weight:650;line-height:1.25;display:block}html body.principle-page .mobile-source-detail-callout--molecule h3:before,html body.principle-page .mobile-source-detail-callout--molecule h3:after{display:none}}@media (width>=901px){html body.principle-page .repair-need-icon-mobile{display:none}}@media (width<=900px){html body.principle-page .repair-need-icon-legacy{display:none}html body.principle-page .repair-need-card{grid-template-columns:minmax(0,1fr) 66px;column-gap:14px}html body.principle-page .repair-need-icon{grid-area:1/2;place-self:center end;width:58px;height:58px}html body.principle-page .repair-need-card h3{text-align:left;grid-area:1/1;justify-self:start}html body.principle-page .repair-need-card>p,html body.principle-page .repair-need-tags{text-align:left;justify-self:start}html body.principle-page .repair-need-icon svg{stroke:#76a7bc;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;overflow:visible}html body.principle-page .repair-need-icon .icon-link{stroke:#5b94ae9e}html body.principle-page .repair-need-icon .icon-node{fill:#fafdfef5;stroke:#5c96b09e}html body.principle-page .repair-need-icon .icon-node--accent{fill:#7aaec3;stroke:#fff;stroke-width:2px}html body.principle-page .repair-need-icon .icon-limit-ring{stroke:#649db680;stroke-dasharray:68 18}html body.principle-page .repair-need-icon .icon-limit-path{stroke:#75a6bb}html body.principle-page .repair-need-icon .icon-limit-gap{stroke:#e4f2f7f2;stroke-width:4px}html body.principle-page .repair-need-icon .icon-cycle{stroke:#76a7bc}html body.principle-page .repair-need-icon .icon-cycle-core{fill:#f5fbfdeb;stroke:#6da6bc7a}}@media (width<=380px){html body.principle-page .repair-need-card{grid-template-columns:minmax(0,1fr) 56px;column-gap:10px}html body.principle-page .repair-need-icon{width:50px;height:50px}}@media (width<=900px){html body.principle-page main>:is(.mobile-tech-details,.repair-need,.mobile-tech-deep-details,.mobile-principle-mechanism,.mobile-principle-evolution){padding-top:80px;scroll-margin-top:80px}html body.principle-page .repair-need-card h3{font-size:20px}html body.principle-page .repair-need-card>p{font-size:12px}html body.principle-page .mobile-tech-overview-card{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 46px;gap:0 12px;min-height:160px;padding:18px 18px 16px}html body.principle-page .mobile-tech-overview-copy{display:contents}html body.principle-page .mobile-tech-overview-copy h3{color:#1d405c;grid-area:1/1;align-self:center;margin:0;font-size:20px;font-weight:620;line-height:1.28}html body.principle-page .mobile-tech-overview-copy h3:after{content:"";opacity:.38;background:currentColor;width:36px;height:1px;margin-top:10px;display:block}html body.principle-page .mobile-tech-overview-icon{background:0 0;border-radius:0;grid-area:1/2;place-self:center end;width:42px;height:42px}html body.principle-page .mobile-tech-overview-icon svg{stroke:#76a7bc;stroke-width:1.65px;width:42px;height:42px}html body.principle-page .mobile-tech-overview-copy p{color:#587387;border-top:0;grid-area:2/1/auto/-1;margin:10px 0 0;padding-top:0;font-size:12px;line-height:1.8}html body.principle-page :is(.mobile-gradient-detail-note,.mobile-source-detail-standard .mobile-source-detail-callout,.mobile-source-detail-supplier .mobile-source-detail-callout){border-left:3px solid #6fa3b9;padding-left:13px;background:0 0!important}html body.principle-page :is(.mobile-tech-overview-head,.repair-need-head,.mobile-principle-mechanism-head,.mobile-principle-evolution-head):after{display:none}html body.principle-page .mobile-section-head-visual{z-index:0;color:#75a5ba;opacity:.34;filter:drop-shadow(0 9px 12px #568ba31f);pointer-events:none;width:180px;height:156px;position:absolute;top:-46px;right:-54px}html body.principle-page .mobile-section-head-visual :is(path,circle,rect){stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round}html body.principle-page .mobile-section-head-visual .head-link{fill:none;stroke-opacity:.8}html body.principle-page .mobile-section-head-visual .head-orb{fill:currentColor;fill-opacity:.13;stroke-opacity:.68}html body.principle-page .mobile-section-head-visual .head-orb--large{fill-opacity:.19}html body.principle-page .mobile-section-head-visual .head-spark{fill:#fff;stroke-opacity:.9}html body.principle-page .mobile-section-head-visual--protein{color:#73a6bb;top:-50px}html body.principle-page .mobile-section-head-visual--repair{color:#80aabb;top:-42px;right:-58px}html body.principle-page .mobile-section-head-visual--mechanism{color:#6f9eb5;top:-38px;right:-58px}html body.principle-page .mobile-section-head-visual--evolution{color:#719db4;top:-40px;right:-58px}}@media (width<=380px){html body.principle-page .mobile-section-head-visual{width:146px;height:128px;right:-42px}}@media (width<=900px){html body.principle-page .hero-bg{filter:saturate(1.04)brightness(.98)contrast(1.08)}html body.principle-page .hero-bg:before{background:0 0}html body.principle-page .hero:before{backdrop-filter:none;background:linear-gradient(#f9fcfdf5 0%,#f9fcfdbd 18%,#f9fcfd1a 43%,#0000 49%),linear-gradient(90deg,#fafcfd75 0%,#fafcfd0f 58%,#0000 100%);-webkit-mask-image:none;mask-image:none}html body.principle-page .mobile-source-detail-standard .mobile-source-detail-researcher{background:url(/assets/principle-material-quality-researcher-v1.webp) 50%/cover no-repeat;border-radius:14px 14px 0 0;min-height:274px;margin-top:16px;overflow:visible}html body.principle-page .mobile-source-detail-standard .mobile-source-detail-callout,html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory-copy{z-index:1;backdrop-filter:blur(10px)saturate(1.1);box-sizing:border-box;border:0;border-radius:0;min-height:102px;position:relative;box-shadow:0 10px 24px #264b5f1a,inset 0 1px #fffffff0;background:linear-gradient(128deg,#ffffffa8 0%,#ffffff70 62%,#eff7fa3d 100%)!important;margin:-116px 14px 14px 0!important;padding:16px 18px!important}html body.principle-page .mobile-source-detail-standard .mobile-source-detail-callout h4,html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory-copy h4{color:#28728f;font-size:15px;line-height:1.35}html body.principle-page .mobile-source-detail-standard .mobile-source-detail-callout p,html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory-copy p{color:#4f6e82;margin-top:6px;font-size:11px;line-height:1.65}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory-years{align-items:baseline;gap:3px;display:flex}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory-years strong{letter-spacing:-.06em;font-family:Arial,sans-serif;font-size:44px;font-weight:650;line-height:.8}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory-years i{font-size:27px;font-style:normal;font-weight:600}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory-years span{font-size:22px;font-weight:500}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory-copy>p{color:#28728f;font-size:14px}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory-copy{width:fit-content;max-width:calc(100% - 28px);margin:-132px auto 20px 0!important;padding-right:24px!important}html body.principle-page .mobile-source-detail-standard .mobile-source-detail-standard-grid{margin-top:22px}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table{border-radius:0;margin-top:0}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-head>span,html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row>span:first-child,html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row>strong{font-weight:600}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-note{background:0 0;border-top:1px solid #bed3df9e;border-left:0;padding:14px 14px 15px;display:block}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-note>span{color:#557184;font-size:11px;font-weight:400;line-height:1.75;display:block}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-head>span,html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row>span,html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row>strong{font-size:11px!important;font-weight:400!important}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-head>span,html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row>span:first-child{font-size:12px!important;font-weight:600!important}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table{border-radius:0 0 14px 14px}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-note>span:first-child{font-size:11px!important;font-weight:400!important}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row:not(.mobile-source-system-table-note){align-items:center}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-head>span{color:#315b6e!important;font-size:13px!important}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row:not(.mobile-source-system-table-note){grid-template-columns:78px minmax(0,1.3fr) minmax(67px,.8fr)}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory{background:url(/assets/principle-supplier-biotech-factory-production-v1.webp) 50%/cover no-repeat;border-radius:14px 14px 0 0;min-height:274px;margin-top:16px;overflow:visible}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory>span{z-index:2;width:auto;box-shadow:none;color:#285890;background:0 0;border:0;border-radius:0;grid-template-columns:auto auto auto;align-items:baseline;gap:3px;padding:0;font-family:Arial,sans-serif;font-size:64px;font-weight:650;line-height:.8;display:none;position:absolute;inset:24px auto auto 14px;display:grid!important}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory>span i{font-size:27px;font-weight:600}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory>span small{padding-bottom:4px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:22px;font-weight:500}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-factory>span b{color:#315b6e;white-space:nowrap;grid-column:1/-1;margin-top:10px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:600;line-height:1.4}html body.principle-page .mobile-source-detail-supplier .mobile-source-detail-supplier-grid{margin-top:22px}html body.principle-page :is(.hero .hero-copy>p,.mobile-tech-overview-head>.mobile-section-head-intro,.repair-need-head>p:last-child,.mobile-tech-deep-details .mobile-tech-jump-copy>span,.mobile-principle-mechanism-head>span,.mobile-principle-evolution-head>span){font-size:14px}html body.principle-page .mobile-dual-detail-hero h2{letter-spacing:-.06em;font-size:clamp(38px,11vw,48px);font-weight:520;line-height:1.08}html body.principle-page .mobile-dual-detail-hero>strong{letter-spacing:.045em;margin-top:10px;font-size:20px;font-weight:500;line-height:1.4}html body.principle-page .mobile-gradient-detail-step-letter{color:#4b8aa8;margin-top:7px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500;line-height:1;display:block}html body.principle-page :is(.mobile-dual-detail-intro,.mobile-dual-detail-protein-copy,.mobile-gradient-detail-hero>p:last-child,.mobile-gradient-detail-description,.mobile-source-detail-hero>p:last-child,.mobile-source-detail-recombinant>p:not(.mobile-source-detail-label),.mobile-source-detail-standard>p,.mobile-source-detail-supplier>p){font-size:13px}html body.principle-page .mobile-mechanism-card-index{backdrop-filter:blur(16px)saturate(1.16);background:linear-gradient(135deg,#fffc,#e2f0f594 56%,#ffffffad),#ffffff75;border:1px solid #ffffffdb;box-shadow:inset 0 1px #fffffff5,inset 0 -1px #5b83941f,0 10px 22px #3656631a}html body.principle-page .mobile-mechanism-card-index b{color:#587486}html body.principle-page .mobile-mechanism-card-index strong{color:#648c9f}html body.principle-page main>.mobile-tech-details{padding-top:40px;padding-bottom:36px}html body.principle-page main>.repair-need{border-top:0}html body.principle-page .mobile-tech-overview-head>.mobile-section-head-intro{color:#506d7f;letter-spacing:0;font-size:13px;font-weight:400;line-height:1.84}html body.principle-page main>.repair-need{background:radial-gradient(circle at 100% 12%,#e9e2e46b,#0000 28%),radial-gradient(circle at 5% 88%,#f0efed8a,#0000 25%),linear-gradient(#fcfbfa 0%,#f3f2f2 100%)}html body.principle-page main>.mobile-tech-deep-details{background:radial-gradient(circle at 100% 12%,#e9e3e666,#0000 26%),linear-gradient(#fbfafb 0%,#f3f3f4 100%)}html body.principle-page :is(.mobile-tech-overview-cards,.repair-need-grid){grid-template-columns:minmax(0,1fr);align-items:start;display:grid;overflow:visible}html body.principle-page :is(.mobile-tech-overview-card,.repair-need-card){isolation:isolate;-webkit-backdrop-filter:blur(16px)saturate(1.14);background:radial-gradient(115% 92% at 8% -12%,#ffffffc7,#0000 55%),linear-gradient(132deg,#ffffffa3,#f1f6f861 58%,#ffffff80);width:calc(100% - 16px);position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff0,inset 0 -1px #4d6f8014,0 14px 32px #2b44521a;border:1px solid #ffffffc7!important}html body.principle-page :is(.mobile-tech-overview-card,.repair-need-card):nth-child(odd){justify-self:start;transform:translate(-8px)}html body.principle-page :is(.mobile-tech-overview-card,.repair-need-card):nth-child(2n){background:radial-gradient(115% 92% at 92% -12%,#fffc,#0000 55%),linear-gradient(228deg,#ffffffa6,#f1f6f861 58%,#ffffff80);justify-self:end;transform:translate(8px)}html body.principle-page :is(.mobile-tech-overview-card,.repair-need-card):before{content:"";z-index:3;opacity:.9;pointer-events:none;background:linear-gradient(90deg,#0000,#fffffffa,#0000);height:1px;position:absolute;top:0;left:13%;right:13%}}@media (width<=380px){html body.principle-page :is(.mobile-tech-overview-card,.repair-need-card){width:calc(100% - 12px)}html body.principle-page :is(.mobile-tech-overview-card,.repair-need-card):nth-child(odd){transform:translate(-6px)}html body.principle-page :is(.mobile-tech-overview-card,.repair-need-card):nth-child(2n){transform:translate(6px)}}@media (width<=900px){html body.principle-page :is(#mobile-source-standard-title,#mobile-source-supplier-title){padding-left:14px;position:relative}html body.principle-page :is(#mobile-source-standard-title,#mobile-source-supplier-title):before{content:"";background:#87b5c8;width:2px;height:1.65em;position:absolute;top:50%;left:0;transform:translateY(-50%)}html body.principle-page :is(.mobile-source-detail-quality-grid,.mobile-source-detail-standard-grid,.mobile-source-detail-supplier-grid) h4:after{content:"";background:#6697ad7a;width:22px;height:1px;margin-top:7px;display:block}html body.principle-page :is(.mobile-source-detail-quality-grid,.mobile-source-detail-standard-grid,.mobile-source-detail-supplier-grid) h4+p{margin-top:7px}html body.principle-page .mobile-dual-detail-hero>strong:after,html body.principle-page .mobile-gradient-detail-hero>strong:after,html body.principle-page .mobile-source-detail-hero>h2:after{content:"";background:linear-gradient(90deg,#d95779,#6697ad7a);width:40px;height:1px;margin-top:10px;display:block}html body.principle-page :is(#mobile-source-standard-title,#mobile-source-supplier-title){color:#163d58;letter-spacing:-.035em;padding-left:16px;font-size:23px;font-weight:650;line-height:1.35}html body.principle-page :is(#mobile-source-standard-title,#mobile-source-supplier-title):before{width:3px;height:1.4em}html body.principle-page :is(#mobile-source-standard-title,#mobile-source-supplier-title)+p{margin-top:18px!important}html body.principle-page :is(.mobile-tech-overview-head>.section-kicker,.repair-need-head>.section-kicker,.mobile-tech-deep-details .mobile-tech-jump-copy>.section-kicker,.mobile-principle-mechanism-head>.section-kicker,.mobile-principle-evolution-head>.section-kicker){color:#667a86;letter-spacing:.22em;text-transform:uppercase;margin:0;font:700 10px/1.2 Arial,PingFang SC,Microsoft YaHei,sans-serif;display:block}html body.principle-page :is(.mobile-tech-overview-head>.section-kicker,.repair-need-head>.section-kicker,.mobile-tech-deep-details .mobile-tech-jump-copy>.section-kicker,.mobile-principle-mechanism-head>.section-kicker,.mobile-principle-evolution-head>.section-kicker):before{content:"";width:1px;height:12px;box-shadow:none;vertical-align:-2px;background:#667a86;border:0;border-radius:0;margin:0 9px 0 0;display:inline-block}html body.principle-page :is(.mobile-tech-overview-head>h2,.repair-need-head>h2,.mobile-tech-deep-details .mobile-tech-jump-copy>h2,.mobile-principle-mechanism-head>h2,.mobile-principle-evolution-head>h2){color:#17394c;letter-spacing:-.055em;max-width:none;margin:18px 0 0;padding:0;font-size:31px;font-weight:540;line-height:1.22}html body.principle-page .mobile-principle-evolution-head>h2{white-space:nowrap;font-size:clamp(23px,6.4vw,29px)}html body.principle-page :is(.mobile-tech-overview-head,.repair-need-head,.mobile-tech-deep-details .mobile-tech-jump-copy,.mobile-principle-mechanism-head,.mobile-principle-evolution-head)>.mobile-section-head-rule{width:46px;height:1px;box-shadow:none;background:linear-gradient(90deg,#c95673 0 15px,#6e92a180 15px 36px,#0000 36px);border:0;border-radius:0;margin:20px 0 0;display:block}html body.principle-page :is(.mobile-tech-overview-head>.mobile-section-head-intro,.repair-need-head>p:last-of-type,.mobile-tech-deep-details .mobile-tech-jump-copy>span,.mobile-principle-mechanism-head>span,.mobile-principle-evolution-head>span){box-sizing:border-box;color:#587387;letter-spacing:0;text-align:left;border:0;width:100%;max-width:none;margin:24px 0 0;padding:0;font-size:14px;font-weight:400;line-height:1.85;display:block}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table{background:#fbfdfe;border:1px solid #6791a33d;border-radius:0 0 14px 14px;margin-top:0;overflow:hidden}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row{border-top:1px solid #6791a329;grid-template-columns:78px minmax(0,1.3fr) minmax(67px,.8fr);align-items:center;gap:7px;padding:11px 9px;display:grid}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row:first-child{border-top:0}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-head{background:#eef6f8}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row>span,html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row>strong{overflow-wrap:anywhere;color:#607b89;min-width:0;line-height:1.55;font-size:11px!important;font-weight:400!important}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row:not(.mobile-source-system-table-note)>span:first-child{color:#315b6e;font-size:12px!important;font-weight:600!important}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-row>strong{color:#2e718e!important;font-weight:400!important}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-head>span{color:#315b6e;font-size:13px!important;font-weight:600!important}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-note{background:0 0;border-top:1px solid #6791a329;border-left:0;padding:14px 14px 15px;display:block}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-note>span:first-child{color:#607b89;line-height:1.75;display:block;font-size:11px!important;font-weight:400!important}html body.principle-page .mobile-source-detail-standard .mobile-source-system-table-note-copy{text-shadow:none;font-weight:400!important}}.topline{color:#838383;letter-spacing:.12em;background:#e6e6e6;border-bottom:1px solid #ffffff1f;height:36px;font-size:11px}.topline .shell{justify-content:space-between;align-items:center;height:100%;display:flex}.topline b{color:#333;font-weight:600}.site-header{z-index:50;color:#333;backdrop-filter:blur(14px);height:76px;transition:.35s var(--ease,cubic-bezier(.2,.7,.2,1));background:#ffffffc7;border-bottom:1px solid #1b2a361a;position:absolute;top:34px;left:0;right:0}.site-header.is-stuck{background:#fffffff2;height:76px;position:fixed;top:0;box-shadow:0 12px 40px #445d6c1a}.logo,.nav{align-items:center;display:flex}.nav{gap:28px;height:100%}.logo{min-width:max-content;margin-right:auto}.site-logo{filter:grayscale();width:auto;height:38px;display:block}.logo-line{background:#1b2a3633;width:1px;height:22px;margin:0 14px}.logo-tag{letter-spacing:.05em;color:#66666694;white-space:nowrap;font-size:16px}.menu{align-items:center;gap:clamp(16px,2.2vw,35px);margin:0;padding:0;list-style:none;display:flex}.menu .nav-verify-entry,.menu-icon{display:none}.menu a{letter-spacing:.08em;color:#666666b8;padding:24px 0;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:15px;position:relative}.menu a:after{content:"";background:#9e9e9e;height:2px;transition:all .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:17px;left:0;right:100%}.menu a.active,.menu a:hover{color:#9e9e9e}.menu a.active:after,.menu a:hover:after{right:0}.menu-icon{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.nav-toggle{color:#333;background:0 0;border:0;font-size:26px;display:none}@media (width<=820px){.menu a:after,.topline{display:none}.site-header,.site-header.is-stuck{-webkit-backdrop-filter:blur(20px)saturate(1.12);background:#ffffffe6;border-bottom:1px solid #495e6a17;height:60px;position:fixed;top:0;box-shadow:0 8px 28px #344b580e}html.fp-enabled .site-header,html.fp-enabled .site-header.is-stuck{position:fixed;top:0}html.fp-enabled body:not(.fp-scrolled):not(.menu-open) .site-header,html.fp-enabled body:not(.fp-scrolled):not(.menu-open) .site-header.is-stuck{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-bottom-color:#0000}html.fp-enabled body.fp-scrolled .site-header,html.fp-enabled body.fp-scrolled .site-header.is-stuck{-webkit-backdrop-filter:blur(20px)saturate(1.12);background:#ffffffeb;border-bottom-color:#495e6a17;box-shadow:0 8px 28px #344b5812}.nav{gap:10px}.logo{min-width:0}body.menu-open .site-header,body.menu-open .site-header.is-stuck{background:#fffffffa;box-shadow:0 8px 24px #44484c12}.menu{z-index:49;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100%);background:linear-gradient(#fff 0 100%);border-bottom:1px solid #ffffff24;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:auto;height:auto;min-height:0;max-height:calc(100dvh - 78px);padding:12px 28px 18px;transition:opacity .26s,transform .38s cubic-bezier(.22,.72,.22,1),clip-path .4s cubic-bezier(.22,.72,.22,1),box-shadow .35s,visibility 0s linear .4s;display:flex;position:fixed;inset:60px 0 auto;overflow-y:auto;transform:translateY(-14px);box-shadow:0 22px 44px #0000}.menu.open{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0);transition-delay:0s;transform:translate(0,0);box-shadow:0 22px 44px #41464a1f}.menu li{opacity:0;width:100%;transition:opacity .2s,transform .3s cubic-bezier(.22,.72,.22,1);transform:translateY(-6px)}.menu.open li{opacity:1;transform:none}.menu .nav-verify-entry{order:8;display:list-item}.menu a{background:0 0;border-bottom:1px solid #ffffff1f;align-items:center;gap:15px;width:100%;padding:14px 8px;font-size:18px;line-height:1.2;transition:color .22s,padding-left .25s;display:flex}.menu a.active,.menu a:focus-visible,.menu a:hover{background:0 0;padding-left:13px}.menu-icon{color:#8d8d8d;flex:0 0 21px;width:21px;height:21px;transition:color .22s,transform .28s cubic-bezier(.22,.72,.22,1);display:block}.menu a.active .menu-icon,.menu a:focus-visible .menu-icon,.menu a:hover .menu-icon{color:#9e9e9e;transform:translate(2px)}.menu li:last-child a{border-bottom:0}.nav-toggle{z-index:70;color:#283238;width:36px;height:36px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:50%;flex:0 0 36px;place-items:center;padding:0;font-size:0;line-height:1;display:grid;position:relative}.nav-toggle:after,.nav-toggle:before{content:"";background:currentColor;width:18px;height:1px;transition:top .3s cubic-bezier(.22,.72,.22,1),transform .3s cubic-bezier(.22,.72,.22,1),box-shadow .2s,opacity .2s;position:absolute;left:9px}.nav-toggle:before{top:11px;box-shadow:0 6px,0 12px}.nav-toggle:after{opacity:0;top:17px}.nav-toggle[aria-expanded=true]{color:#9e9e9e;background:#fff1;border-color:#ffffff2e;box-shadow:0 6px 18px #ffffff14}.nav-toggle[aria-expanded=true]:after,.nav-toggle[aria-expanded=true]:before{transform-origin:50%;top:calc(50% + 1px);left:calc(50% + 1px)}.nav-toggle[aria-expanded=true]:before{box-shadow:none;transform:translate(-50%,-50%)rotate(45deg)}.nav-toggle[aria-expanded=true]:after{opacity:1;transform:translate(-50%,-50%)rotate(-45deg)}.logo-line{background:linear-gradient(#0000,#6779834d 22% 78%,#0000);flex:0 0 1px;height:24px;margin:0 8px;display:block}.logo-tag{letter-spacing:.025em;color:#737f85;white-space:nowrap;font-size:13px;font-weight:520;line-height:1.35;display:block}.site-logo{filter:grayscale()drop-shadow(0 3px 8px #ffffff0f);height:30px}body:not(.index-page):not(.product-page) main{padding-top:60px}.menu{border-bottom:0}.menu .nav-verify-entry{border-top:1px solid #ffffff1f}.menu .nav-verify-entry a{border-bottom:0}body:is(.principle-page,.about-page,.contact-page) .menu{border:1px solid #ffffffe6;border-top:0;border-radius:0 0 24px 24px;overflow-x:hidden}}:root{--brand-accent:#c95673;--brand-accent-deep:#b84f69;--brand-accent-soft:#f7e9ed}html body .hero-copy .eyebrow{font-size:13px!important;font-weight:300!important}@media (width<=820px){html body .site-header .nav .logo .logo-tag{font-size:15px!important;font-weight:400!important}}@media (width>=821px){html body .hero-copy .eyebrow{font-weight:400!important}}@media (width<=340px){html body .site-header .nav .logo .logo-tag{font-size:12px}}html body:not(.index-page){--sh-intro-size:15px}html body:not(.index-page) main .section-intro.section-intro,html body:not(.index-page) main .section-header-intro.section-header-intro,html body:not(.index-page) main .brand-story-lead.brand-story-lead{font-size:15px}html body .site-logo{filter:none}html body .menu a.active,html body .menu a:hover,html body .menu a:focus-visible{color:var(--brand-accent)}html body .menu a.active:after,html body .menu a:hover:after,html body .menu a:focus-visible:after{background:var(--brand-accent)}html body .section-kicker,html body .eyebrow,html body .hero .hero-copy .eyebrow,html body .detail-inline,html body .document-index,html body .hero-copy-shared .hero-shared-eyebrow,html body .section-header-shared .section-header-kicker{color:var(--brand-accent)}html body .hero-copy-shared,html body .section-header-shared{--hc-accent:var(--brand-accent);--sh-accent:var(--brand-accent)}html body .section .section-kicker,html body.index-page .hero h1 .hero-tech-title,html body.product-page .hero .title-product .title-accent,html body.principle-page .hero .hero-title .accent,html body .hero .hero-title .accent,html body .hero .title-accent,html body .hero-copy-shared .hero-copy-accent{color:var(--brand-accent)}html body.product-page .hero .title-product .title-accent,html body.principle-page .hero .hero-title .accent,html body.product-page .hero .hero-copy-accent,html body.principle-page .hero .hero-copy-accent{color:inherit}html body .section-head .section-kicker,html body .section .section-head .section-kicker,html body .section-head .section-title small,html body .btn:after{color:var(--brand-accent)}html body.verify-page .vf-btn,html body.verify-page .verify-result-close{background:var(--brand-accent);border-color:var(--brand-accent)}html body.verify-page .vf-btn:hover,html body.verify-page .verify-result-close:hover{background:var(--brand-accent-deep);border-color:var(--brand-accent-deep)}html body.verify-page .verify-rule,html body.verify-page .verify-result-panel.is-error .verify-result-mark,html body.verify-page .verify-result-panel.is-error .verify-result-kicker,html body.verify-page .verify-result-message strong,html body.verify-page .verify-result-message b,html body.verify-page .back-top{color:var(--brand-accent)}html body .progress{background:var(--brand-accent)}html body:not(.index-page) .hero .proof-mark{color:#9aa6ab;stroke:#9aa6ab}html body:not(.index-page) .section-kicker,html body:not(.index-page) .section-header-kicker{color:#667a86}html body:not(.index-page) .section-header-shared{--sh-accent:#667a86}@media (width<=820px){html body:not(.index-page) .hero .hero-shared-eyebrow,html body:not(.index-page) .hero .eyebrow.hero-shared-eyebrow{color:#4f626b}html body .menu a.active .menu-icon,html body .menu a:hover .menu-icon,html body .menu a:focus-visible .menu-icon,html body .nav-toggle[aria-expanded=true]{color:var(--brand-accent)}html body .nav-toggle[aria-expanded=true]{background:#c9567311;border-color:#c9567333;box-shadow:0 6px 18px #c9567314}html body .menu>li+li,html body .menu>li.nav-verify-entry{border-top:1px solid #c9567324}html body .menu>li>a,html body .menu>li:last-child>a{border-bottom:0}}@media (width>=901px){.footer{color:#fff;background:repeating-linear-gradient(135deg,#ffffff07 0 12px,#fff0 12px 24px),#182630;padding:0}.footer .footer-main{grid-template-columns:1.15fr 2.1fr .85fr;align-items:center;gap:clamp(40px,5vw,80px);padding:54px 0 46px;display:grid}.footer .foot-brand img.foot-logo{width:auto;height:40px;margin-bottom:14px;display:block}.footer .foot-brand-lockup{display:block}.footer .foot-brand-tagline{display:none}.footer .foot-brand p{color:#fff9;white-space:nowrap;margin:0;font-size:12px;line-height:1.8}.footer .foot-brand p:before{content:"";background:#ffffffbf;width:38px;height:1px;margin:14px 0;display:block}.footer .foot-nav{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer .foot-col h4{color:#d9d9d9;letter-spacing:.14em;margin:0 0 24px;font-size:14px;font-weight:600}.footer .foot-col a{color:#ffffffa8;margin:15px 0;font-size:14px;line-height:1.4;display:block}.footer .foot-col a:hover{color:#fff}.footer .foot-contact{flex-direction:column;align-items:center;gap:16px;display:flex}.footer .foot-qrs{gap:18px;display:flex}.footer .foot-qr{flex-direction:column;align-items:center;gap:10px;display:flex}.footer .foot-qr img{background:#fff;border-radius:12px;width:118px;height:118px;padding:9px;box-shadow:0 10px 24px #00000047}.footer .foot-qr span{color:#fffc;letter-spacing:.14em;font-size:11px;font-weight:600;line-height:1.5}.footer .foot-phone{justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.footer .foot-phone svg{stroke:#e8c86d;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.footer .foot-phone span{color:#ffffffb8;font-size:13px}.footer .foot-phone b{color:#e8c86d;letter-spacing:.02em;font-size:22px;font-weight:700}.footer .legal,.footer .note,.footer .record{padding:15px var(--page);color:#ffffff6b;text-align:center;background:#0d1a22;border-top:1px solid #ffffff1a;font-size:12px;line-height:1.8}.footer .note{padding-bottom:22px}.footer .foot-copy{font-size:12px}}@media (width>=901px) and (width<=1100px){.footer .footer-main{grid-template-columns:1fr 2fr;gap:34px}.footer .foot-contact{flex-direction:row;grid-column:1/-1;align-items:center;gap:40px}}@media (width>=901px){html body .footer-editorial{isolation:isolate;color:#f5fbfdeb;background:linear-gradient(145deg,#10242d 0%,#132a34 57%,#162f39 100%);border-top:1px solid #def1f62e;padding:0;position:relative;overflow:hidden}html body .footer-editorial:before{content:"YUYIN TIMES";z-index:-1;color:#e6f7fb08;letter-spacing:-.09em;white-space:nowrap;pointer-events:none;font:600 clamp(5rem,15vw,15rem)/.8 Arial,sans-serif;position:absolute;bottom:48px;right:-.08em}html body .footer-editorial:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 90% at 96% 10%,#83bfcf1f,#0000 70%);position:absolute;inset:0}html body .footer-editorial .shell{width:min(var(--max),calc(100% - var(--page)*2));margin-inline:auto}html body .footer-editorial .footer-primary{padding:clamp(52px,5vw,72px) 0 clamp(44px,4.2vw,60px);position:relative}html body .footer-editorial .footer-primary-grid{grid-template-columns:minmax(220px,30fr) minmax(0,45fr) minmax(220px,25fr);align-items:start;gap:clamp(32px,4vw,64px);display:grid}html body .footer-editorial .foot-brand{min-width:0}html body .footer-editorial .foot-brand-lockup{display:block}html body .footer-editorial .foot-brand img.foot-logo{width:auto;height:44px;margin:0 0 17px;display:block}html body .footer-editorial .foot-brand-tagline{color:#eff9fcd6;letter-spacing:.14em;font-size:12px;line-height:1.5;display:block}html body .footer-editorial .foot-brand p{color:#dcedf294;white-space:normal;max-width:260px;margin:21px 0 0;font-size:13px;line-height:1.9}html body .footer-editorial .foot-brand p:before{background:#d35d75;width:40px;height:1px;margin:0 0 16px;display:block}html body .footer-editorial .foot-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,54px);min-width:0;display:grid}html body .footer-editorial .foot-col{min-width:0}html body .footer-editorial .foot-col h4{color:#f7fcfdeb;letter-spacing:.12em;margin:0 0 19px;font-size:13px;font-weight:600;line-height:1.5}html body .footer-editorial .foot-col h4:after{content:"";background:#d35d75d9;width:24px;height:1px;margin-top:10px;display:block}html body .footer-editorial .foot-col a{color:#dbedf294;width:fit-content;margin:0;padding:7px 0;font-size:13px;line-height:1.55;text-decoration:none;transition:color .25s,transform .25s;display:block}html body .footer-editorial .foot-col a:hover,html body .footer-editorial .foot-col a:focus-visible{color:#f4fbfc;transform:translate(3px)}html body .footer-editorial .foot-contact{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}html body .footer-editorial .footer-contact-kicker,html body .footer-editorial .footer-section-kicker{color:#d35d75;letter-spacing:.18em;text-transform:uppercase;font:600 10px/1.4 Arial,sans-serif}html body .footer-editorial .foot-qrs{gap:14px;margin-top:2px;display:flex}html body .footer-editorial .foot-qr{flex-direction:column;align-items:flex-start;gap:9px;display:flex}html body .footer-editorial .foot-qr img{background:#fafdfef0;border:1px solid #e2f4f8b8;border-radius:9px;width:120px;height:120px;padding:8px;box-shadow:0 12px 28px #020f1633}html body .footer-editorial .foot-qr span{color:#e2f2f6a8;letter-spacing:.13em;font-size:11px;line-height:1.4}html body .footer-editorial .foot-phone{border-top:1px solid #cfe9f024;flex-wrap:wrap;align-items:baseline;gap:7px 10px;margin:2px 0 0;padding-top:13px;display:flex;position:relative}html body .footer-editorial .foot-phone:before{content:"";background:#d35d75;width:30px;height:1px;position:absolute;top:-1px;left:0}html body .footer-editorial .foot-phone span{color:#ddeef391;font-size:12px;line-height:1.5}html body .footer-editorial .foot-phone b{color:#f6fcfdeb;letter-spacing:.035em;white-space:nowrap;font-size:clamp(20px,2vw,25px);font-weight:500;line-height:1.3}html body .footer-editorial .footer-compliance{background:#0411183b;border-top:1px solid #cfe9f01f;padding:28px 0 31px;position:relative}html body .footer-editorial .footer-credential-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;display:grid}html body .footer-editorial .footer-credential-grid>div{border-right:1px solid #cfe9f021;min-width:0;padding:0 clamp(16px,2.5vw,38px)}html body .footer-editorial .footer-credential-grid>div:first-child{padding-left:0}html body .footer-editorial .footer-credential-grid>div:last-child{border-right:0;padding-right:0}html body .footer-editorial .footer-credential-grid small{color:#c8e1e875;margin-bottom:8px;font-size:11px;line-height:1.5;display:block}html body .footer-editorial .footer-credential-grid strong{color:#e8f6f9b8;font-size:12px;font-weight:400;line-height:1.7;display:block}html body .footer-editorial .footer-records{border-top:1px solid #cfe9f01a;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;margin-top:28px;padding-top:18px;display:grid}html body .footer-editorial .footer-record-list{flex-wrap:wrap;gap:5px 18px;min-width:0;display:flex}html body .footer-editorial .footer-record-list span{color:#cbe2e878;font-size:11px;line-height:1.8}html body .footer-editorial .footer-legal{background:#020c123b;border-top:1px solid #cfe9f017;padding:24px 0 30px;position:relative}html body .footer-editorial .footer-copyright{color:#daeef38a;letter-spacing:.02em;font:11px/1.8 Arial,PingFang SC,Microsoft YaHei,sans-serif}html body .footer-editorial .footer-disclaimer{color:#c6dee561;max-width:1300px;margin:11px 0 0;font-size:11px;line-height:1.85}}@media (width>=901px) and (width<=1100px){html body .footer-editorial .footer-primary-grid{grid-template-columns:minmax(190px,28fr) minmax(0,46fr) minmax(190px,26fr);gap:30px}html body .footer-editorial .foot-col a,html body .footer-editorial .footer-credential-grid strong{font-size:12px}html body .footer-editorial .foot-qr img{width:108px;height:108px}}@media (width>=901px){html body .footer-editorial .footer-legal-inner{text-align:center;flex-direction:column;align-items:center;display:flex}html body .footer-editorial .footer-copyright{text-align:center;width:100%}html body .footer-editorial .footer-disclaimer{text-align:center;margin:11px auto 0}html body .footer-editorial .footer-record-list span{font-size:13px}html body .footer-editorial .foot-brand p{border-top:1px solid #cfe9f038;width:190px;margin-top:18px;padding-top:16px}html body .footer-editorial .foot-brand p:before{display:none}html body.principle-page .gradient{padding:clamp(105px,8vw,138px) 0}html body.principle-page .gradient .gradient-shell{grid-template-columns:minmax(335px,.72fr) minmax(0,1.78fr);align-items:stretch;gap:clamp(28px,3.2vw,52px);display:grid}html body.principle-page .gradient .gradient-copy{text-align:left;background:#ffffffdb;border-left:2px solid #c95673;border-radius:0 22px 22px 0;width:auto;max-width:none;margin:0;padding:42px 38px 40px;box-shadow:0 25px 70px #304f5c17}html body.principle-page .gradient .gradient-copy .detail-inline{justify-content:flex-start}html body.principle-page .gradient .gradient-copy .section-kicker{margin-top:27px}html body.principle-page .gradient .gradient-copy>.section-title{white-space:nowrap;margin-top:18px;font-size:clamp(39px,3.45vw,54px)}html body.principle-page .gradient .gradient-copy .gradient-subtitle{margin-top:24px;font-size:20px}html body.principle-page .gradient .gradient-copy>.section-intro{text-align:left;margin:22px 0 0;font-size:13px;line-height:1.95}html body.principle-page .gradient .gradient-overview-foundation{background:linear-gradient(125deg,#fff8faeb,#eef6f8e6);border:1px solid #c9567326;margin-top:28px;padding:22px 20px}html body.principle-page .gradient .gradient-overview-foundation>span{color:#c95673;letter-spacing:.16em;font:700 9px/1 Arial,sans-serif}html body.principle-page .gradient .gradient-overview-foundation>h3{color:#304d5a;margin:13px 0 0;font-size:17px;line-height:1.5}html body.principle-page .gradient .gradient-overview-foundation>p{color:#657b86;margin:12px 0 0;font-size:11px;line-height:1.8}html body.principle-page .gradient .overview-relation{grid-template-columns:1fr 24px 1fr;align-items:center;gap:6px;margin-top:18px;display:grid}html body.principle-page .gradient .overview-relation>div{background:#ffffffb8;min-width:0;padding:13px 10px}html body.principle-page .gradient .overview-relation :is(small,b,em){display:block}html body.principle-page .gradient .overview-relation small{color:#8296a0;letter-spacing:.1em;font-size:7px}html body.principle-page .gradient .overview-relation b{color:#31515e;margin-top:8px;font-size:13px}html body.principle-page .gradient .overview-relation em{color:#6b818c;margin-top:5px;font-size:9px;font-style:normal}html body.principle-page .gradient .overview-relation>i{color:#c95673;text-align:center;font-style:normal}html body.principle-page .gradient .gradient-features{grid-template-columns:minmax(270px,.82fr) minmax(430px,1.18fr);align-items:stretch;gap:20px;min-width:0;margin:0;display:grid}html body.principle-page .gradient .gradient-feature{border-radius:22px;height:100%;min-height:720px;padding:34px 30px 30px}html body.principle-page .gradient .gradient-feature h3{font-size:24px}html body.principle-page .gradient .gradient-feature-head>p{min-height:72px;font-size:12px}html body.principle-page .gradient .concentration-visual{background-image:linear-gradient(#5b7e8e0e 1px,#0000 1px),linear-gradient(90deg,#5b7e8e0e 1px,#0000 1px);background-size:18px 18px;border:1px solid #5270801f;border-radius:14px;grid-template-columns:repeat(2,1fr);align-items:end;gap:18px;height:300px;margin-top:27px;padding:28px 14px 20px;display:grid}html body.principle-page .gradient .concentration-bar{text-align:center}html body.principle-page .gradient .concentration-cylinder{background:linear-gradient(90deg,#e8aabb,#f1c6d2 45%,#d9708c);border-radius:50%/17%;width:76px;height:42px;margin:0 auto 18px;position:relative}html body.principle-page .gradient .concentration-cylinder:before,html body.principle-page .gradient .concentration-cylinder:after{content:"";border-radius:50%;width:100%;height:14px;position:absolute;left:0}html body.principle-page .gradient .concentration-cylinder:before{background:#f3c8d4;top:-5px}html body.principle-page .gradient .concentration-cylinder:after{opacity:.45;background:#d9708c;bottom:-5px}html body.principle-page .gradient .concentration-bar--multiple .concentration-cylinder{width:92px;height:150px}html body.principle-page .gradient .concentration-bar b,html body.principle-page .gradient .concentration-bar span,html body.principle-page .gradient .concentration-bar em{display:block}html body.principle-page .gradient .concentration-bar b{color:#c95673;font-size:17px}html body.principle-page .gradient .concentration-bar span{color:#708691;margin-top:6px;font-size:10px}html body.principle-page .gradient .concentration-bar em{color:#3d5b68;margin-top:7px;font-size:11px;font-style:normal;font-weight:600}html body.principle-page .gradient .concentration-value{border-left:2px solid #c95673;margin-top:24px;padding-left:15px}html body.principle-page .gradient .concentration-value strong{color:#c95673;font-size:16px}html body.principle-page .gradient .concentration-value p{color:#657b86;margin:9px 0 0;font-size:11px;line-height:1.75}html body.principle-page .gradient .gradient-stage-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:300px;margin-top:26px}html body.principle-page .gradient .gradient-stage{height:100%}html body.principle-page .gradient .gradient-stage-track:before{content:none;display:none}html body.principle-page .gradient .gradient-stage-copy{padding:22px 16px 18px}html body.principle-page .gradient .gradient-stage-copy h4{font-size:18px}html body.principle-page .gradient .gradient-stage-copy h4>span{color:#7996a4;vertical-align:-2px;margin-right:8px;font:500 25px/1 Arial,sans-serif;display:inline-block}html body.principle-page .gradient .gradient-stage--c .gradient-stage-copy h4>span{color:#c95673}html body.principle-page .gradient .gradient-stage-copy>p{min-height:108px;margin-top:15px;font-size:10px}html body.principle-page .gradient .stage-ratio{border:3px solid #fff;border-radius:4px;flex-direction:column;width:64px;height:88px;margin-top:24px;margin-left:auto;margin-right:auto;display:flex;overflow:hidden;box-shadow:0 0 0 1px #52708021,0 9px 20px #33536114}html body.principle-page .gradient .stage-ratio span{color:#fff;letter-spacing:.06em;justify-content:center;align-items:center;font:700 8px/1 Arial,sans-serif;display:flex}html body.principle-page .gradient .stage-ratio span:first-child{background:#7899a8}html body.principle-page .gradient .stage-ratio span:last-child{background:#aaa9aa}html body.principle-page .gradient .stage-ratio span{width:100%}html body.principle-page .gradient .stage-ratio--a span:first-child{height:38%}html body.principle-page .gradient .stage-ratio--a span:last-child{height:62%}html body.principle-page .gradient .stage-ratio--b span{height:50%}html body.principle-page .gradient .stage-ratio--c span:first-child{height:62%}html body.principle-page .gradient .stage-ratio--c span:last-child{height:38%}html body.principle-page .gradient .gradient-stage-copy>em{min-height:86px;margin-top:16px;padding-top:14px;font-size:12px;line-height:1.75}html body.principle-page .gradient .gradient-tags{flex-wrap:nowrap;margin-top:24px}html body.principle-page .gradient .gradient-tags span{white-space:nowrap;padding:8px 11px;font-size:11px}html body.principle-page .gradient .stage-value{border-left:2px solid #c95673;margin-top:28px;padding:2px 0 2px 16px}html body.principle-page .gradient .stage-value strong{color:#c95673;font-size:16px;font-weight:650;display:block}html body.principle-page .gradient .stage-value p{color:#627985;margin:10px 0 0;font-size:11px;font-weight:600;line-height:1.7}}@media (width<=900px){html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards{align-items:flex-start}html body.principle-page .mobile-tech-module--gradient .mobile-gradient-cards>:is(.gradient-copy,.gradient-feature){align-self:flex-start;height:auto!important;min-height:0!important;max-height:none!important;padding:26px 22px 28px!important}html body.principle-page .mobile-tech-module--gradient .gradient-copy .gradient-subtitle{color:#385663;margin:16px 0 0;font-size:20px;line-height:1.45}html body.principle-page .mobile-tech-module--gradient .gradient-overview-foundation{background:linear-gradient(130deg,#ffffffe6,#f0f7f9d6);border:1px solid #c9567329;margin-top:20px;padding:17px}html body.principle-page .mobile-tech-module--gradient .gradient-overview-foundation>span{color:#c95673;letter-spacing:.15em;font-size:9px}html body.principle-page .mobile-tech-module--gradient .gradient-overview-foundation>h3{color:#34515e;margin:10px 0 0;font-size:16px;line-height:1.55}html body.principle-page .mobile-tech-module--gradient .gradient-overview-foundation>p{color:#657b86;margin:10px 0 0;font-size:11px;line-height:1.75}html body.principle-page .mobile-tech-module--gradient .overview-relation{grid-template-columns:1fr 20px 1fr;align-items:center;gap:5px;margin-top:15px;display:grid}html body.principle-page .mobile-tech-module--gradient .overview-relation>div{background:#ffffffb8;min-width:0;padding:11px 8px}html body.principle-page .mobile-tech-module--gradient .overview-relation :is(small,b,em){display:block}html body.principle-page .mobile-tech-module--gradient .overview-relation small{color:#80949e;letter-spacing:.08em;font-size:6px}html body.principle-page .mobile-tech-module--gradient .overview-relation b{color:#31515e;margin-top:7px;font-size:11px}html body.principle-page .mobile-tech-module--gradient .overview-relation em{color:#6b818c;margin-top:4px;font-size:8px;font-style:normal}html body.principle-page .mobile-tech-module--gradient .overview-relation>i{color:#c95673;text-align:center;font-style:normal}html body.principle-page .mobile-tech-module--gradient .gradient-feature-head h3{color:#294653;margin:15px 0 0;font-size:22px;line-height:1.4}html body.principle-page .mobile-tech-module--gradient .gradient-feature-head>p{color:#657b86;margin-top:14px;font-size:12px;line-height:1.85}html body.principle-page .mobile-tech-module--gradient .concentration-visual{background:#f8fbfc;border:1px solid #5270801f;border-radius:13px;grid-template-columns:repeat(2,1fr);align-items:end;gap:12px;min-height:250px;margin-top:20px;padding:22px 10px 17px;display:grid}html body.principle-page .mobile-tech-module--gradient .concentration-bar{text-align:center}html body.principle-page .mobile-tech-module--gradient .concentration-cylinder{background:linear-gradient(90deg,#e8aabb,#f1c6d2 45%,#d9708c);border-radius:50%/17%;width:64px;height:35px;margin:0 auto 14px;position:relative}html body.principle-page .mobile-tech-module--gradient .concentration-cylinder:before{content:"";background:#f3c8d4;border-radius:50%;width:100%;height:11px;position:absolute;top:-4px;left:0}html body.principle-page .mobile-tech-module--gradient .concentration-bar--multiple .concentration-cylinder{width:78px;height:115px}html body.principle-page .mobile-tech-module--gradient .concentration-bar :is(b,span,em){display:block}html body.principle-page .mobile-tech-module--gradient .concentration-bar b{color:#c95673;font-size:14px}html body.principle-page .mobile-tech-module--gradient .concentration-bar span{color:#718893;margin-top:5px;font-size:9px}html body.principle-page .mobile-tech-module--gradient .concentration-bar em{color:#3d5b68;margin-top:6px;font-size:9px;font-style:normal;font-weight:600}html body.principle-page .mobile-tech-module--gradient .concentration-value{border-left:2px solid #c95673;margin-top:18px;padding-left:11px}html body.principle-page .mobile-tech-module--gradient .concentration-value strong{color:#c95673;font-size:14px}html body.principle-page .mobile-tech-module--gradient .concentration-value p{color:#657b86;margin:8px 0 0;font-size:10px;line-height:1.7}html body.principle-page .mobile-tech-module--gradient .gradient-stage-track{gap:12px;margin-top:22px;display:grid}html body.principle-page .mobile-tech-module--gradient .gradient-stage{background:#ffffffd1;border:1px solid #52708024;border-radius:14px;grid-template-columns:58px 1fr;display:grid;overflow:hidden}html body.principle-page .mobile-tech-module--gradient .gradient-stage-copy{padding:17px 15px 18px}html body.principle-page .mobile-tech-module--gradient .gradient-stage-copy h4{color:#294653;margin:0;font-size:18px}html body.principle-page .mobile-tech-module--gradient .gradient-stage-copy h4>span{color:#7996a4;vertical-align:-2px;margin-right:8px;font:500 24px/1 Arial,sans-serif;display:inline-block}html body.principle-page .mobile-tech-module--gradient .gradient-stage--c .gradient-stage-copy h4>span{color:#c95673}html body.principle-page .mobile-tech-module--gradient .gradient-stage-copy>strong{color:#718893;margin-top:6px;font-size:10px;display:block}html body.principle-page .mobile-tech-module--gradient .gradient-stage-copy>:is(p,em){color:#657b86;font-size:11px;line-height:1.75;display:block}html body.principle-page .mobile-tech-module--gradient .gradient-stage-copy>p{margin:13px 0 0}html body.principle-page .mobile-tech-module--gradient .stage-ratio{border:3px solid #fff;border-radius:4px;flex-direction:column;width:62px;height:84px;margin-top:15px;margin-left:auto;margin-right:auto;display:flex;overflow:hidden;box-shadow:0 0 0 1px #52708021}html body.principle-page .mobile-tech-module--gradient .stage-ratio span{color:#fff;justify-content:center;align-items:center;font:700 8px/1 Arial,sans-serif;display:flex}html body.principle-page .mobile-tech-module--gradient .stage-ratio span:first-child{background:#7899a8}html body.principle-page .mobile-tech-module--gradient .stage-ratio span:last-child{background:#aaa9aa}html body.principle-page .mobile-tech-module--gradient .stage-ratio span{width:100%}html body.principle-page .mobile-tech-module--gradient .stage-ratio--a span:first-child{height:38%}html body.principle-page .mobile-tech-module--gradient .stage-ratio--a span:last-child{height:62%}html body.principle-page .mobile-tech-module--gradient .stage-ratio--b span{height:50%}html body.principle-page .mobile-tech-module--gradient .stage-ratio--c span:first-child{height:62%}html body.principle-page .mobile-tech-module--gradient .stage-ratio--c span:last-child{height:38%}html body.principle-page .mobile-tech-module--gradient .gradient-stage-copy>em{border-left:2px solid #c9567394;margin-top:12px;padding-left:9px;font-size:12px;font-style:normal;line-height:1.75}html body.principle-page .mobile-tech-module--gradient .gradient-tags{flex-wrap:nowrap;gap:6px;margin-top:12px;display:flex}html body.principle-page .mobile-tech-module--gradient .gradient-tags span{color:#587480;white-space:nowrap;background:#edf4f6;border-radius:999px;padding:7px 10px;font-size:10px}html body.principle-page .mobile-tech-module--gradient .stage-value{border-left:2px solid #c95673;margin-top:20px;padding:2px 0 2px 12px}html body.principle-page .mobile-tech-module--gradient .stage-value strong{color:#c95673;font-size:14px;display:block}html body.principle-page .mobile-tech-module--gradient .stage-value p{color:#627985;margin:8px 0 0;font-size:11px;font-weight:600;line-height:1.7}html body.principle-page .gradient .concentration-value strong,html body.principle-page .gradient .stage-value strong{color:#c95673;font-size:16px;font-weight:650;line-height:1.45;display:block}html body.principle-page .gradient .concentration-value p,html body.principle-page .gradient .stage-value p{color:#657b86;margin:9px 0 0;font-size:11px;font-weight:400;line-height:1.75}html body.principle-page .mobile-tech-module--gradient .concentration-value strong,html body.principle-page .mobile-tech-module--gradient .stage-value strong{color:#c95673;font-size:14px;font-weight:650;line-height:1.45;display:block}html body.principle-page .mobile-tech-module--gradient .concentration-value p,html body.principle-page .mobile-tech-module--gradient .stage-value p{color:#657b86;margin:8px 0 0;font-size:10px;font-weight:400;line-height:1.7}}.principle-page .source-story .source-grid{grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr)!important;gap:clamp(40px,4.5vw,68px)!important}.principle-page .source-chapter--supplier{display:block!important}@media (width<=1100px) and (width>=901px){.principle-page .source-story .source-grid,.principle-page .source-story .source-standards-head{grid-template-columns:1fr!important}.principle-page .supplier-heading{grid-template-columns:1fr}}@media (width<=900px){.principle-page .source-story{display:none!important}html body.principle-page .mobile-source-cards>.mobile-source-slide{background:linear-gradient(155deg,#fffffff9,#eff6f8f0)!important;border:1px solid #49697724!important}html body.principle-page .mobile-source-overview>.source-copy{padding:34px 20px 0!important}html body.principle-page .mobile-source-overview .source-copy .section-intro{margin-top:19px!important;font-size:13px!important;line-height:1.85!important}html body.principle-page .mobile-source-overview .source-panel{background-image:url(/assets/mobile-optimized/principle-recombinant-collagen-advantages-v1.webp)!important}html body.principle-page .mobile-source-overview .source-feature h3{color:#324b57!important;font-size:20px!important}html body.principle-page .mobile-source-overview .source-feature p{color:#73858d!important;font-size:10px!important;line-height:1.55!important}html body.principle-page .mobile-source-standards .source-standards-head{background:0 0!important;border:0!important;min-height:0!important;display:block!important}html body.principle-page .mobile-source-standards .source-standards-copy{padding:30px 20px 20px!important;display:block!important}html body.principle-page .mobile-source-standards .source-standards-copy h3,html body.principle-page .mobile-source-supplier .supplier-heading h3{color:#304a57!important;margin:13px 0 0!important;font-size:29px!important;line-height:1.2!important}html body.principle-page .mobile-source-standards .source-standards-copy>p,html body.principle-page .mobile-source-supplier .supplier-heading p{color:#667a84!important;margin-top:18px!important;font-size:12px!important;line-height:1.8!important}html body.principle-page .mobile-source-standards .source-standards-visual{background-image:url(/assets/mobile-optimized/principle-source-selection-standards-v4.webp)!important;min-height:170px!important;display:block!important}html body.principle-page .mobile-source-standards .standards{background:0 0!important;border:0!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin:12px!important;display:grid!important}html body.principle-page .mobile-source-standards .standard{background:#ffffffc2!important;border:1px solid #49697721!important;min-height:150px!important;padding:18px!important}html body.principle-page .mobile-source-standards .standard h4{color:#34515e!important;font-size:16px!important}html body.principle-page .mobile-source-supplier .supplier-brief{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}html body.principle-page .mobile-source-supplier .supplier-heading{padding:30px 20px 20px!important;display:block!important}html body.principle-page .mobile-source-supplier .supplier-visual{background-image:linear-gradient(#0000 40%,#27435040),url(/assets/principle-supplier-biotech-factory-production-v1.webp)!important;background-position:50%!important;min-height:230px!important}html body.principle-page .mobile-source-supplier .supplier-overlay{min-width:150px!important;padding:15px 17px!important;bottom:16px!important;left:16px!important}html body.principle-page .mobile-source-supplier .supplier-list{grid-template-columns:repeat(2,1fr)!important;gap:9px!important;padding:12px!important;display:grid!important}html body.principle-page .mobile-source-supplier .supplier-list>span{grid-template-columns:20px 1fr!important;min-height:108px!important;padding:14px!important}html body.principle-page .mobile-source-supplier .supplier-list strong{font-size:12px!important}html body.principle-page .mobile-source-supplier .supplier-list small{font-size:9px!important}}.principle-page .source-story{--s-deep:#2f4f5f;--s-rose:#bd7287;--s-line:#48697829;background:radial-gradient(circle at 8% 8%,#c6dee770,#0000 24%),radial-gradient(circle at 94% 32%,#e6ced747,#0000 22%),linear-gradient(#f8fbfc,#eef5f7 39%,#f7f8f8 69%,#edf4f6);padding:110px 0 140px;position:relative;overflow:hidden}.principle-page .source-story:before{content:"SOURCE";color:#3b5b6909;letter-spacing:-.08em;font:750 clamp(110px,16vw,240px)/1 Arial,sans-serif;position:absolute;top:3%;right:-1vw}.principle-page .source-story-shell{z-index:1;position:relative}.principle-page .source-chapter{border:1px solid var(--s-line);background:#ffffffd6;position:relative;overflow:hidden;box-shadow:0 30px 90px #2944511a}.principle-page .source-chapter+.source-chapter{margin-top:34px}.principle-page .source-chapter--technology,.principle-page .source-chapter--standards,.principle-page .source-chapter--supplier{padding:clamp(48px,5vw,72px)}.principle-page .source-story .source-grid{grid-template-columns:minmax(440px,.9fr) minmax(620px,1.1fr);align-items:stretch;gap:clamp(44px,5vw,72px);display:grid}.principle-page .source-story .source-copy{align-self:center;min-width:0;overflow:visible}.principle-page .source-story .detail-inline{align-items:baseline;gap:10px;margin-bottom:32px;display:flex}.principle-page .source-story .detail-inline span{color:#b9657d;letter-spacing:.12em;font-size:12px;font-weight:700}.principle-page .source-story .detail-inline b{color:#747e83;font:450 34px/1 Arial}.principle-page .source-story .detail-inline i{color:#73858e;font-size:11px;font-style:normal}.principle-page .source-story .section-kicker{color:#b9657d;font-weight:700}.principle-page .source-story .section-title{color:#293f4a;letter-spacing:-.06em;white-space:nowrap;width:max-content;max-width:none;font-size:clamp(46px,3.45vw,58px);font-weight:540;line-height:1.14;overflow:visible}.principle-page .source-story .section-intro{color:#566f7b;max-width:570px;margin-top:30px;font-size:14px;line-height:2}.principle-page .source-question{border-left:2px solid #bd72878a;flex-direction:column;gap:9px;margin-top:34px;padding-left:18px;display:flex}.principle-page .source-question small{color:#8b9aa1;letter-spacing:.18em;font:650 9px/1 Arial}.principle-page .source-question strong{color:var(--s-deep);font-size:16px;font-weight:620}.principle-page .source-question--material{background:linear-gradient(135deg,#ffffffe0,#f0f6f8d1);border:1px solid #bd72873d;gap:14px;margin-top:34px;padding:25px 28px;box-shadow:inset 0 1px #fffffff2}.principle-page .source-question--material strong{font-size:18px;line-height:1.5}.principle-page .source-question--material p{color:#687d87;margin:0;font-size:12px;line-height:1.85}.principle-page .supplier-question{max-width:590px;margin-top:28px}.principle-page .source-story .source-panel{background:url(/assets/principle-recombinant-collagen-advantages-v1.webp) 50%/cover;min-height:500px;padding:14px}.principle-page .source-story .source-features{grid-template-columns:repeat(2,1fr);gap:12px;height:100%;display:grid}.principle-page .source-story .source-feature{backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #ffffffe0;min-height:230px;padding:30px;position:relative;overflow:hidden}.principle-page .source-story .source-feature:after{content:attr(data-no);color:#4566750b;font:650 88px/1 Arial;position:absolute;bottom:-20px;right:8px}.principle-page .source-story .source-feature>span{color:#81919a;letter-spacing:.15em;font:650 9px/1 Arial}.principle-page .source-story .source-icon{color:#4b6e7d4a;width:43px;height:43px;position:absolute;top:25px;right:24px}.principle-page .source-story .source-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:100%;height:100%}.principle-page .source-story .source-feature h3{z-index:1;color:#324b57;margin:72px 0 0;font-size:25px;font-weight:600;position:relative}.principle-page .source-story .source-feature h3:after{content:"";background:#bd728770;width:30px;height:1px;margin-top:15px;display:block}.principle-page .source-story .source-feature p{z-index:1;color:#72838b;max-width:250px;margin:14px 0 0;font-size:12px;line-height:1.8;position:relative}.principle-page .source-standards-block{margin-top:34px}.principle-page .source-chapter--standards{background:#f7fafbf0}.principle-page .source-story .source-standards-head{border:1px solid var(--s-line);background:#fff;grid-template-columns:.9fr 1.1fr;min-height:340px;display:grid}.principle-page .source-story .source-standards-copy{flex-direction:column;justify-content:center;padding:48px;display:flex}.principle-page .source-story .source-standards-copy h3,.principle-page .supplier-heading h3{color:#304a57;margin:17px 0 0;font-size:clamp(34px,3.2vw,50px);font-weight:540}.principle-page .source-story .source-standards-copy>p,.principle-page .supplier-heading p{color:#667a84;max-width:610px;margin:24px 0 0;font-size:13px;line-height:1.95}.principle-page .source-story .source-standards-visual{background:linear-gradient(90deg,#ffffff38,#0000 34%),url(/assets/principle-source-selection-standards-v4.webp) 50%/cover;min-height:340px}.principle-page .source-story .standards{border:1px solid var(--s-line);background:#ffffffd1;grid-template-columns:repeat(4,1fr);margin-top:18px;display:grid}.principle-page .source-story .standard{border-right:1px solid var(--s-line);min-height:230px;padding:30px 28px;position:relative;overflow:hidden}.principle-page .source-story .standard:nth-child(4){border-right:0}.principle-page .source-story .standard:after{content:attr(data-no);color:#4364720b;font:650 80px/1 Arial;position:absolute;bottom:-19px;right:8px}.principle-page .source-story .standard>b{color:var(--s-rose);font:650 9px/1 Arial}.principle-page .source-story .standard h4{z-index:1;color:#304a57;margin:62px 0 0;font-size:20px;font-weight:620;position:relative}.principle-page .source-story .standard h4:after{content:"";background:#bd728770;width:28px;height:1px;margin-top:16px;display:block}.principle-page .source-story .standard p{z-index:1;color:#6d8089;margin:15px 0 0;font-size:12px;line-height:1.8;position:relative}.principle-page .source-chapter--supplier{background:linear-gradient(145deg,#fffffff5,#ebf3f6eb)}.principle-page .supplier-heading{grid-template-columns:1fr auto;align-items:end;gap:48px;display:grid}.principle-page .supplier-heading .source-question{min-width:215px}.principle-page .source-story .supplier-visual{background:linear-gradient(90deg,#0000 72%,#ffffffc2),url(/assets/lab-scientist-photoreal-v3-cn.webp) 60%/cover;min-height:500px;position:relative}.principle-page .source-story .supplier-overlay{color:#fff;backdrop-filter:blur(15px);background:#2b4957d1;min-width:190px;padding:22px 25px;position:absolute;bottom:28px;left:28px}.principle-page .source-story .supplier-overlay span{font-size:10px;display:block}.principle-page .source-story .supplier-overlay strong{margin-top:9px;font:560 54px/1 Arial;display:block}.principle-page .source-story .supplier-overlay em{margin-left:5px;font-size:15px;font-style:normal}.principle-page .source-story .supplier-overlay p{color:#ffffffb8;margin:9px 0 0;font-size:9px}.principle-page .source-story .supplier-list{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px;display:grid}.principle-page .source-story .supplier-list>span{background:#f8fbfcdc;border:1px solid #49697721;grid-template-columns:27px 1fr;align-content:center;gap:7px 11px;min-height:130px;padding:20px;display:grid}.principle-page .source-story .supplier-list b{color:var(--s-rose);grid-row:1/3;font:650 10px/1 Arial}.principle-page .source-story .supplier-list strong{color:#3a5562;font-size:14px}.principle-page .source-story .supplier-list small{color:#788a92;font-size:10px}.principle-page .source-story .source-standards-visual{background-image:url(/assets/principle-material-quality-researcher-v1.webp);background-position:66%;background-repeat:no-repeat;background-size:cover}@media (width>=901px){.principle-page .source-story{padding:110px 0 140px}.principle-page .source-story .source-story-shell{width:min(100% - 64px,1480px);max-width:1480px}.principle-page .source-story .source-standards-block{margin-top:42px}.principle-page .source-story .source-chapter,.principle-page .source-story .source-chapter--supplier{isolation:isolate;background:#ffffffed;border:0;border-left:2px solid #c95673;border-radius:0 30px 30px 0;padding:clamp(58px,6.5vw,84px);position:relative;overflow:hidden;box-shadow:0 28px 80px #2a485617}.principle-page .source-story .source-chapter+.source-chapter{margin-top:42px}.principle-page .source-story .source-chapter:before{content:"";z-index:-2;opacity:.17;background-position:50%;background-repeat:no-repeat;background-size:cover;width:48%;height:100%;position:absolute;top:0;right:0;mask-image:linear-gradient(90deg,#0000 0%,#000 54%)}.principle-page .source-story .source-chapter:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffffffc 0 58%,#ffffffd1 82%,#ffffffb8);position:absolute;inset:0}.principle-page .source-story .source-chapter--technology:before{background-image:url(/assets/principle-recombinant-collagen-advantages-v1.webp)}.principle-page .source-story .source-chapter--standards:before{background-image:url(/assets/principle-material-quality-researcher-v1.webp);background-position:62%}.principle-page .source-story .source-chapter--supplier:before{background-image:url(/assets/lab-scientist-photoreal-v3-cn.webp);background-position:58%}.principle-page .source-story .source-grid,.principle-page .source-story .source-standards-head,.principle-page .source-story .supplier-heading{background:0 0;border:0;min-height:0;display:block}.principle-page .source-story .source-copy,.principle-page .source-story .source-standards-copy,.principle-page .source-story .supplier-copy{max-width:680px;padding:0;display:block}.principle-page .source-story .detail-inline{margin-bottom:44px}.principle-page .source-story .section-title,.principle-page .source-story .source-standards-copy h3,.principle-page .source-story .supplier-heading h3{color:#293f4a;letter-spacing:-.055em;white-space:normal;width:auto;max-width:760px;margin:18px 0 0;font-size:clamp(44px,4.15vw,58px);font-weight:520;line-height:1.16}.principle-page .source-story .section-intro,.principle-page .source-story .source-standards-copy>p,.principle-page .source-story .supplier-heading .supplier-copy>p{color:#5e7580;max-width:650px;margin:30px 0 0;font-size:14px;line-height:2}.principle-page .source-story .source-question--material,.principle-page .source-story .supplier-question{max-width:650px;box-shadow:none;background:0 0;border:0;border-left:2px solid #c95673ad;margin:34px 0 0;padding:0 0 0 20px;display:block}.principle-page .source-story .source-question--material strong{color:#36515e;font-size:18px;font-weight:620;line-height:1.5;display:block}.principle-page .source-story .source-question--material p{color:#687e88;margin:13px 0 0;font-size:12px;line-height:1.85}.principle-page .source-story .source-panel,.principle-page .source-story .standards,.principle-page .source-story .supplier-list{background:0 0;border:0;border-top:1px solid #4969772e;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:auto;min-height:0;margin-top:52px;padding:0;display:grid}.principle-page .source-story .source-features{display:contents}.principle-page .source-story .source-feature,.principle-page .source-story .standard,.principle-page .source-story .supplier-list>span{backdrop-filter:none;background:0 0;border:0;border-right:1px solid #49697724;min-height:210px;padding:30px 24px 18px;display:block}.principle-page .source-story :is(.source-feature,.standard,.supplier-list>span):last-child{border-right:0}.principle-page .source-story .source-feature:after,.principle-page .source-story .standard:after{display:none}.principle-page .source-story .source-feature>span,.principle-page .source-story .standard>b,.principle-page .source-story .supplier-list b{color:#bd7287;letter-spacing:.1em;font:650 9px/1.2 Arial,sans-serif;display:block}.principle-page .source-story .source-icon{color:#43647357;width:34px;height:34px;margin-top:28px;position:static}.principle-page .source-story .source-feature h3,.principle-page .source-story .standard h4,.principle-page .source-story .supplier-list strong{color:#344f5c;margin:30px 0 0;font-size:18px;font-weight:620;line-height:1.45;display:block}.principle-page .source-story .source-feature .source-icon+h3{margin-top:16px}.principle-page .source-story :is(.source-feature h3,.standard h4,.supplier-list strong):after{content:"";background:#bd72877a;width:28px;height:1px;margin-top:14px;display:block}.principle-page .source-story .source-feature p,.principle-page .source-story .standard p,.principle-page .source-story .supplier-list small{color:#71838c;margin:13px 0 0;font-size:11px;line-height:1.75;display:block}.principle-page .source-story .source-standards-visual,.principle-page .source-story .supplier-visual{display:none}.principle-page .source-story .source-chapter--technology .source-grid{align-items:stretch;display:grid;grid-template-columns:minmax(340px,.72fr) minmax(560px,1.28fr)!important;gap:clamp(40px,4vw,72px)!important}.principle-page .source-story .source-chapter--technology .source-copy{flex-direction:column;justify-content:center;max-width:none;display:flex}.principle-page .source-story .source-chapter--technology .source-question--material{background:linear-gradient(145deg,#fffffff0,#eff6f8e6);border:1px solid #bd728742;max-width:560px;padding:28px;box-shadow:0 18px 45px #304b570e,inset 0 1px #ffffffe6}.principle-page .source-story .source-chapter--technology .source-panel{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:520px;margin:0;display:grid}.principle-page .source-story .source-chapter--technology .source-features{display:contents}.principle-page .source-story .source-chapter--technology .source-feature{background:#ffffffc7;border:1px solid #49697724;border-radius:20px;min-height:0;padding:28px;box-shadow:0 18px 42px #304b570f}.principle-page .source-story .source-chapter--supplier{grid-template-columns:minmax(340px,.72fr) minmax(560px,1.28fr);align-items:stretch;gap:clamp(40px,4vw,72px);display:grid!important}.principle-page .source-story .source-chapter--supplier .supplier-heading{display:contents}.principle-page .source-story .source-chapter--supplier .supplier-copy{flex-direction:column;justify-content:center;max-width:none;display:flex}.principle-page .source-story .source-chapter--supplier .supplier-list{border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:16px;min-height:520px;margin:0;display:grid}.principle-page .source-story .source-chapter--supplier .supplier-list>span{background:#ffffffc2;border:1px solid #49697724;border-radius:20px;min-height:0;padding:30px;box-shadow:0 18px 42px #304b570f}.principle-page .source-story .source-chapter--standards,.principle-page .source-story .source-chapter--supplier{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible;display:block!important}.principle-page .source-story .source-chapter--standards .source-standards-copy>.section-kicker,.principle-page .source-story .source-chapter--supplier .supplier-copy>.section-kicker,.principle-page .source-story .source-chapter--standards:before,.principle-page .source-story .source-chapter--standards:after,.principle-page .source-story .source-chapter--supplier:before,.principle-page .source-story .source-chapter--supplier:after{display:none}.principle-page .source-story .source-chapter--standards .source-standards-head,.principle-page .source-story .source-chapter--supplier .supplier-heading{background:#ffffffe6;border:0;grid-template-columns:minmax(360px,.94fr) minmax(520px,1.06fr);align-items:stretch;gap:0;min-height:500px;display:grid}.principle-page .source-story .source-chapter--standards .source-standards-copy,.principle-page .source-story .source-chapter--supplier .supplier-copy{flex-direction:column;justify-content:center;max-width:none;padding:clamp(48px,5vw,76px);display:flex}.principle-page .source-story .source-chapter--standards .source-standards-visual,.principle-page .source-story .source-chapter--supplier .supplier-visual{border-left:1px solid #4969771f;min-height:500px;display:block}.principle-page .source-story .source-chapter--standards .source-standards-visual{background-position:66%}.principle-page .source-story .source-chapter--supplier .supplier-visual{background-image:linear-gradient(90deg,#ffffff14,#0000 30%),url(/assets/principle-supplier-biotech-factory-production-v1.webp);background-position:50%;background-size:cover}.principle-page .source-story .source-chapter--supplier .supplier-overlay{color:#274d74;backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #ffffffc2;border-radius:2px;min-width:310px;padding:22px 26px;display:block;bottom:clamp(24px,3vw,42px);left:clamp(24px,3vw,44px);right:auto;box-shadow:0 18px 42px #2844521f,inset 0 1px #ffffffe6}.principle-page .source-story .source-chapter--supplier .supplier-overlay strong{color:#285581;margin:0;font:650 52px/.9 Arial,sans-serif;display:block}.principle-page .source-story .source-chapter--supplier .supplier-overlay sup{vertical-align:top;margin-left:3px;font-size:.48em}.principle-page .source-story .source-chapter--supplier .supplier-overlay em{color:#355d7b;margin-left:8px;font-size:16px;font-style:normal}.principle-page .source-story .source-chapter--supplier .supplier-overlay p{color:#35566b;letter-spacing:.02em;margin:12px 0 0;font-size:13px;font-weight:620}.principle-page .source-story .source-chapter--standards .source-question--material,.principle-page .source-story .source-chapter--supplier .supplier-question{background:linear-gradient(135deg,#ffffffe6,#f2f7f9c7);border:1px solid #bd728740;max-width:520px;margin-top:30px;padding:24px 28px}.principle-page .source-story .source-chapter--standards .standards,.principle-page .source-story .source-chapter--supplier .supplier-list{background:#ffffffe0;border-top:1px solid #4969772e;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-height:232px;margin:18px 0 0;display:grid}.principle-page .source-story .source-chapter--standards .standard,.principle-page .source-story .source-chapter--supplier .supplier-list>span{min-height:232px;box-shadow:none;background:0 0;border:0;border-right:1px solid #49697726;border-radius:0;padding:30px 28px}.principle-page .source-story .source-chapter--standards .standard:last-child,.principle-page .source-story .source-chapter--supplier .supplier-list>span:last-child{border-right:0}.principle-page .source-story .source-chapter--standards .source-standards-head,.principle-page .source-story .source-chapter--supplier .supplier-heading{grid-template-columns:minmax(300px,.92fr) minmax(400px,1.08fr)}}@media (width>=901px) and (width<=1180px){.principle-page .source-story .source-chapter--technology .source-grid,.principle-page .source-story .source-chapter--supplier{grid-template-columns:minmax(300px,.8fr) minmax(480px,1.2fr)!important;gap:32px!important}}@media (width<=900px){html body.principle-page .mobile-source-overview .source-question--material{box-shadow:none!important;background:0 0!important;border:0!important;border-left:2px solid #bd7287ad!important;padding:0 0 0 18px!important}html body.principle-page .mobile-source-standards .source-standards-visual{background-image:url(/assets/principle-material-quality-researcher-v1.webp)!important;background-position:66%!important;background-size:cover!important}html body.principle-page .mobile-source-overview .source-panel-summary{display:none}}@media (width>=901px){.principle-page .source-story .source-chapter--technology{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.principle-page .source-story .source-chapter--technology:before,.principle-page .source-story .source-chapter--technology:after{display:none}.principle-page .source-story .source-chapter--technology .source-grid{align-items:stretch;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.48fr)!important;gap:28px!important}.principle-page .source-story .source-chapter--technology .source-copy{background:#fffffff0;border-left:2px solid #c95673;border-radius:0 25px 25px 0;flex-direction:column;max-width:none;min-height:700px;padding:54px 40px 42px;display:flex;box-shadow:0 25px 68px #2a485617}.principle-page .source-story .source-chapter--technology .detail-inline{margin-bottom:38px}.principle-page .source-story .source-chapter--technology .section-title{font-size:clamp(43px,3.8vw,54px)}.principle-page .source-story .source-chapter--technology .section-intro{margin-top:30px;font-size:14px;line-height:2}.principle-page .source-story .source-chapter--technology .source-question--material{background:linear-gradient(135deg,#ffffffeb,#eef6f8db);border:1px solid #bd72873d;margin-top:auto;padding:26px 22px 22px}.principle-page .source-story .source-material-tags{flex-wrap:wrap;gap:8px;margin-top:21px;display:flex}.principle-page .source-story .source-material-tags span{color:#3d5966;white-space:nowrap;background:#ffffffd1;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:620}.principle-page .source-story .source-chapter--technology .source-panel{background:#fff;border:1px solid #49697724;border-radius:25px;flex-direction:column;min-height:700px;margin:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 68px #2a485617}.principle-page .source-story .source-chapter--technology .source-panel:before{content:none;display:none}.principle-page .source-story .source-panel-summary{padding:30px 34px 27px}.principle-page .source-story .source-panel-summary>span{color:#c95673;letter-spacing:.16em;font:700 9px/1.2 Arial,sans-serif}.principle-page .source-story .source-panel-summary h3{color:#304b58;margin:20px 0 0;font-size:25px;font-weight:560;line-height:1.4}.principle-page .source-story .source-panel-summary p{color:#6a7e88;max-width:580px;margin:13px 0 0;font-size:12px;line-height:1.8}.principle-page .source-story .source-chapter--technology .source-features{border-top:1px solid #49697724;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.principle-page .source-story .source-chapter--technology .source-feature{border:1px solid #4969771f;border-top:0;border-left:0;min-height:150px;padding:24px 28px 22px;box-shadow:none!important;backdrop-filter:none!important;background:0 0!important;border-radius:0!important}.principle-page .source-story .source-chapter--technology .source-feature:nth-child(2n){border-right:0}.principle-page .source-story .source-chapter--technology .source-feature:nth-last-child(-n+2){border-bottom:0}.principle-page .source-story .source-chapter--technology .source-icon{display:none}.principle-page .source-story .source-chapter--technology .source-feature h3{margin-top:18px;font-size:17px}.principle-page .source-story .source-chapter--technology .source-feature h3:after{margin-top:10px}.principle-page .source-story .source-chapter--technology .source-feature p{margin-top:10px;font-size:11px;line-height:1.65}body.principle-page .mechanism-v2{background:radial-gradient(circle at 87% 12%,#c9567312,#0000 28%),linear-gradient(#f8fbfc 0%,#edf4f6 100%);padding:clamp(100px,8vw,135px) 0}body.principle-page .mechanism-v2 .mechanism-head{text-align:center;max-width:820px;margin:0 auto}body.principle-page .mechanism-v2 .mechanism-head .section-kicker{color:#c95673}body.principle-page .mechanism-v2 .mechanism-head .section-intro{margin:24px auto 0}body.principle-page .mechanism-v2 .mechanism-grid{background:#ffffffc2;border:1px solid #506f7d21;border-radius:25px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:72px;padding:31px 0 0;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 75px #2e4c5a17}body.principle-page .mechanism-v2 .mechanism-grid:before{content:"";z-index:0;background:linear-gradient(90deg,#9bb8c4 0%,#7599a8 44%,#c95673 100%);height:2px;position:absolute;top:58px;left:10%;right:10%}body.principle-page .mechanism-v2 .mech{z-index:1;min-width:0;min-height:545px;box-shadow:none;background:0 0;border:0;border-right:1px solid #506f7d21;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:visible}body.principle-page .mechanism-v2 .mech:last-child{border-right:0}body.principle-page .mechanism-v2 .mech:not(:last-child):after{content:"›";z-index:4;color:#7899a7;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font:500 20px/1 Arial,sans-serif;display:grid;position:absolute;top:12px;right:-13px;box-shadow:0 5px 15px #2e4c5a21}body.principle-page .mechanism-v2 .mech-step{z-index:2;color:#fff;text-align:center;background:#7899a7;border:4px solid #fff;border-radius:999px;place-content:center;width:82px;height:56px;margin:0 auto 26px;display:grid;position:relative;box-shadow:0 0 0 1px #53717f29,0 9px 20px #2e4c5a24}body.principle-page .mechanism-v2 .mech:nth-child(3) .mech-step{background:#8d8790}body.principle-page .mechanism-v2 .mech:nth-child(4) .mech-step{background:#ae7184}body.principle-page .mechanism-v2 .mech:nth-child(5) .mech-step{background:#c95673}body.principle-page .mechanism-v2 .mech-step small{letter-spacing:.12em;font:700 6px/1 Arial,sans-serif}body.principle-page .mechanism-v2 .mech-step b{white-space:nowrap;margin-top:4px;font:600 15px/1 Arial,sans-serif;display:block}body.principle-page .mechanism-v2 .mech-step .step-number{vertical-align:1px;font-size:11px;font-weight:600}body.principle-page .mechanism-v2 .mech-step .step-dot{opacity:.72;vertical-align:1px;margin:0 3px;font-size:10px}body.principle-page .mechanism-v2 .mech-step .step-label{font-size:19px;font-weight:700}body.principle-page .mechanism-v2 .mech-visual{border-radius:14px;height:165px;margin:0 12px;overflow:hidden}body.principle-page .mechanism-v2 .mech-visual img{object-fit:cover;filter:saturate(.66)brightness(1.06);width:100%;height:100%}body.principle-page .mechanism-v2 .mech:nth-child(2) .mech-visual img{object-position:center;transform:none}body.principle-page .mechanism-v2 .mech--synergy .mech-visual img{object-position:center}body.principle-page .mechanism-v2 .mech-body{flex:1;padding:27px 22px 30px;position:relative}body.principle-page .mechanism-v2 .mech-no{color:#80939c;letter-spacing:.16em;font:700 8px/1 Arial,sans-serif}body.principle-page .mechanism-v2 .mech h3{color:#294653;margin:19px 0 0;font-size:18px;font-weight:620;line-height:1.45}body.principle-page .mechanism-v2 .mech h3 span{color:#62808e;background:#edf4f6;border-radius:50%;place-items:center;width:30px;height:30px;margin-right:8px;font-size:15px;display:inline-grid}body.principle-page .mechanism-v2 .mech:nth-child(n+3) h3 span{color:#c95673;background:#c9567314}body.principle-page .mechanism-v2 .mech h3:after{content:"";background:#c956737a;width:32px;height:1px;margin-top:17px;display:block}body.principle-page .mechanism-v2 .mech p{color:#627985;margin:17px 0 0;font-size:12px;line-height:1.85}}@media (width<=900px){html body.principle-page .mechanism-v2 .mechanism-head .section-kicker{display:block}html body.principle-page .mechanism-v2 .mechanism-grid{grid-template-columns:1fr;gap:15px;padding-left:50px;display:grid;position:relative}html body.principle-page .mechanism-v2 .mechanism-grid:before{content:"";background:linear-gradient(#8aa7b4,#c95673);width:2px;position:absolute;top:25px;bottom:25px;left:22px}html body.principle-page .mechanism-v2 .mech{background:#ffffffeb;border:1px solid #506f7d24;border-radius:17px;grid-template-columns:104px minmax(0,1fr);min-height:220px;display:grid;position:relative;overflow:visible}html body.principle-page .mechanism-v2 .mech-step{z-index:3;color:#fff;text-align:center;background:#7899a7;border:3px solid #fff;border-radius:999px;place-content:center;width:66px;height:44px;display:grid;position:absolute;top:22px;left:-62px;box-shadow:0 0 0 1px #53717f29}html body.principle-page .mechanism-v2 .mech:nth-child(3) .mech-step{background:#8d8790}html body.principle-page .mechanism-v2 .mech:nth-child(4) .mech-step{background:#ae7184}html body.principle-page .mechanism-v2 .mech:nth-child(5) .mech-step{background:#c95673}html body.principle-page .mechanism-v2 .mech-step small{letter-spacing:.1em;font:700 5px/1 Arial,sans-serif}html body.principle-page .mechanism-v2 .mech-step b{white-space:nowrap;margin-top:3px;font:600 12px/1 Arial,sans-serif;display:block}html body.principle-page .mechanism-v2 .mech-step .step-number{font-size:9px}html body.principle-page .mechanism-v2 .mech-step .step-dot{margin:0 2px;font-size:8px}html body.principle-page .mechanism-v2 .mech-step .step-label{font-size:16px}html body.principle-page .mechanism-v2 .mech-visual{border-radius:17px 0 0 17px;height:100%;min-height:220px;overflow:hidden}html body.principle-page .mechanism-v2 .mech-visual img{object-fit:cover;filter:saturate(.68)brightness(1.05);width:100%;height:100%}html body.principle-page .mechanism-v2 .mech-body{padding:23px 18px}html body.principle-page .mechanism-v2 .mech-no{color:#80939c;letter-spacing:.13em;font:700 8px/1 Arial,sans-serif}html body.principle-page .mechanism-v2 .mech h3{color:#294653;margin:15px 0 0;font-size:18px;line-height:1.45}html body.principle-page .mechanism-v2 .mech h3 span{color:#c95673;margin-right:7px}html body.principle-page .mechanism-v2 .mech p{color:#617985;margin-top:14px;font-size:13px;line-height:1.75}}@media (width>=901px){body.principle-page .evolution .era-content{flex-direction:column;min-height:390px;display:flex}body.principle-page .evolution .timeline>.era .era-content>h3{letter-spacing:-.035em;white-space:nowrap;align-items:baseline;gap:8px;font-size:clamp(24px,1.8vw,30px);font-weight:520;line-height:1.25;display:flex}body.principle-page .evolution .timeline>.era .era-content>h3>.era-generation{color:#263b49;font:inherit;letter-spacing:inherit;display:inline}body.principle-page .evolution .era-title-dot{color:#c95673;font-size:.82em;font-weight:450}body.principle-page .evolution .era-title-name{color:#263b49;font:inherit}body.principle-page .evolution .era-stage-subtitle{color:#3d5966;margin:14px 0 0;font-size:16px;font-weight:620;line-height:1.55}body.principle-page .evolution .era-content>p{color:#647a85;border-top:0;min-height:0;margin-top:22px;padding-top:0;font-size:14px;line-height:1.85}body.principle-page .evolution .era-tags{border-top:0;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:0;display:flex}body.principle-page .evolution .era-tags span{color:#526f7c;white-space:nowrap;background:#edf4f6;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:600}body.principle-page .evolution .era:nth-child(3) .era-tags span{color:#b54f69;background:#c9567314}}@media (width<=900px){html body.principle-page .evolution .era-stage-subtitle{color:#3d5966;margin:12px 0 0;font-size:16px;font-weight:620;line-height:1.55}html body.principle-page .evolution .era-content>p{color:#617985;margin-top:18px;font-size:14px;line-height:1.8}html body.principle-page .evolution .era-tags{border-top:0;flex-wrap:wrap;gap:7px;margin-top:16px;padding-top:0;display:flex}html body.principle-page .evolution .era-tags span{color:#526f7c;background:#edf4f6;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:600}html body.principle-page .evolution .era:nth-child(3) .era-tags span{color:#b54f69;background:#c9567314}body.principle-page .why-tech-item strong{font-size:13px!important}body.principle-page .mobile-dual-cards>.protein-card{height:470px!important;min-height:470px!important;padding-top:142px!important}body.principle-page .mobile-dual-cards>.protein-card:after{height:188px!important}body.principle-page .mobile-dual-cards>.protein-card:before{background-size:88% 102px!important;height:108px!important;bottom:8px!important}body.principle-page .mobile-dual-cards>.protein-card:nth-child(3):before{background-size:84% 98px!important}body.principle-page .mobile-gradient-cards>.gradient-feature{height:500px!important;min-height:500px!important;max-height:500px!important}body.principle-page .mobile-source-cards>.mobile-source-overview{padding-top:0!important}body.principle-page .mobile-source-overview>.source-copy{padding:36px 18px 0!important}body.principle-page .mobile-source-overview .source-panel{padding:0 16px 16px!important}body.principle-page .mobile-source-overview .source-features{grid-template-rows:repeat(2,142px)!important;gap:12px!important}body.principle-page .mobile-source-overview .source-feature{justify-content:flex-start!important;height:142px!important;min-height:142px!important;padding:16px 12px!important}body.principle-page .mobile-source-overview .source-feature>span:first-child{display:none!important}body.principle-page .mobile-source-overview .source-feature>h3{margin-top:24px!important}body.principle-page .mobile-source-standards .standard>b:first-child{display:none!important}body.principle-page .mobile-source-standards .standard>h4{border-bottom:1px solid #5d7e9029!important;margin:0!important;padding-bottom:10px!important}html body.principle-page.principle-page .mobile-source-standards.mobile-source-standards .standard.standard>p{margin-top:10px!important;font-size:12px!important;line-height:1.7!important}html body.principle-page.principle-page .mobile-source-supplier .supplier-list>p:not(.small-note){font-size:12px!important}html body.principle-page.principle-page .mobile-source-supplier .supplier-list>p:not(.small-note):before{color:#c9567385!important;background:#c956730f!important;border-color:#c9567329!important}html body.principle-page.principle-page .evolution .timeline>.era .era-content>p{margin-top:13px!important;padding-top:13px!important}html body.principle-page.principle-page .mobile-source-supplier .supplier-overlay,html body.principle-page.principle-page .mobile-source-supplier .supplier-overlay>span,html body.principle-page.principle-page .mobile-source-supplier .supplier-overlay>strong,html body.principle-page.principle-page .mobile-source-supplier .supplier-overlay>strong>em,html body.principle-page.principle-page .mobile-source-supplier .supplier-overlay>p{color:#314b58!important}html body.principle-page.principle-page .mobile-source-overview .source-feature:before{border-color:#78848a24!important}html body.principle-page.principle-page .mobile-source-overview .source-feature:after{border-top-color:#78848a29!important}html body.principle-page.principle-page .mobile-source-overview .source-feature>.source-icon{color:#78848a57!important}html body.principle-page.principle-page .evolution .timeline>.era:first-child:before,html body.principle-page.principle-page .evolution .timeline>.era:nth-child(2):before{content:none!important;background-image:none!important;display:none!important}html body.principle-page .mobile-tech-module--dual>.mobile-dual-fixed-summary{background:radial-gradient(circle at 91% 12%,#c956731f,#0000 30%),radial-gradient(circle at 6% 108%,#5f97ad1a,#0000 34%),linear-gradient(145deg,#fffffff7,#f2f8fae8)!important;border:0!important;border-bottom:1px solid #5b7e8e21!important;border-radius:0!important;height:auto!important;min-height:224px!important;padding:27px 23px 24px!important;display:block!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #fffffffa!important}html body.principle-page .mobile-tech-module--dual>.mobile-dual-fixed-summary:before{content:""!important;z-index:0!important;background:linear-gradient(90deg,#c956737a,#c956730f)!important;width:72px!important;height:2px!important;position:absolute!important;top:0!important;left:23px!important}html body.principle-page .mobile-tech-module--dual>.mobile-dual-fixed-summary:after{content:"01"!important;z-index:0!important;color:#c956730e!important;letter-spacing:-.09em!important;pointer-events:none!important;font:500 96px/1 Arial,sans-serif!important;position:absolute!important;top:10px!important;right:10px!important}html body.principle-page .mobile-tech-module--dual .mobile-dual-summary-copy{z-index:1!important;width:100%!important;max-width:none!important;display:block!important;position:relative!important}html body.principle-page .mobile-tech-module--dual .mobile-dual-summary-heading{display:block!important}html body.principle-page .mobile-tech-module--dual .mobile-dual-summary-heading>small{color:#c9567385!important;letter-spacing:.2em!important;text-transform:uppercase!important;align-items:center!important;gap:9px!important;font:700 9px/1.2 Arial,sans-serif!important;display:flex!important}html body.principle-page .mobile-tech-module--dual .mobile-dual-summary-heading>small:before{content:""!important;background:#ffffffd9!important;border:1px solid #c956736b!important;border-radius:50%!important;flex:0 0 5px!important;width:5px!important;height:5px!important;box-shadow:0 0 0 3px #c956730b!important}html body.principle-page .mobile-tech-module--dual .mobile-dual-summary-heading>strong{color:var(--brand-accent)!important;letter-spacing:-.06em!important;white-space:nowrap!important;margin:13px 0 0!important;font-size:25px!important;font-style:normal!important;font-weight:620!important;line-height:1.38!important;display:block!important}html body.principle-page .mobile-tech-module--dual .mobile-dual-summary-heading>strong>span{color:#59676e!important;letter-spacing:.055em!important;vertical-align:2px!important;margin-right:5px!important;font-family:Songti SC,STSong,SimSun,serif!important;font-size:14px!important;font-style:normal!important;font-weight:600!important;display:inline-block!important}html body.principle-page .mobile-tech-module--dual .mobile-dual-summary-heading>strong:after{content:none!important;display:none!important}html body.principle-page .mobile-tech-module--dual .mobile-dual-summary-copy>em{color:#617985!important;letter-spacing:.005em!important;border-top:1px solid #4a6f8024!important;margin:18px 0 0!important;padding:15px 2px 0 0!important;font-size:13px!important;font-style:normal!important;line-height:1.78!important;display:block!important;position:relative!important}html body.principle-page .mobile-tech-module--dual .mobile-dual-summary-copy>em:before{content:none!important;display:none!important}html body.principle-page :is(.mobile-tech-module--gradient,.mobile-tech-module--source)>.mobile-tech-fixed-summary{border:0!important;border-bottom:1px solid #5b7e8e21!important;border-radius:0!important;height:auto!important;min-height:224px!important;padding:27px 23px 24px!important;display:block!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #fffffffa!important}html body.principle-page .mobile-tech-module--gradient>.mobile-tech-fixed-summary{background:radial-gradient(circle at 91% 12%,#c956731a,#0000 30%),radial-gradient(circle at 8% 108%,#6f99aa1f,#0000 35%),linear-gradient(145deg,#fffffff7,#eff7f9eb)!important}html body.principle-page .mobile-tech-module--source>.mobile-tech-fixed-summary{background:radial-gradient(circle at 91% 12%,#c956731b,#0000 30%),radial-gradient(circle at 7% 108%,#bea17717,#0000 34%),linear-gradient(145deg,#fffffff7,#f7f6f3e8)!important}html body.principle-page :is(.mobile-tech-module--gradient,.mobile-tech-module--source)>.mobile-tech-fixed-summary:before{content:""!important;z-index:0!important;background:linear-gradient(90deg,#c956737a,#c956730f)!important;width:72px!important;height:2px!important;position:absolute!important;top:0!important;left:23px!important}html body.principle-page :is(.mobile-tech-module--gradient,.mobile-tech-module--source)>.mobile-tech-fixed-summary:after{color:#c956730e!important;letter-spacing:-.09em!important;font:500 96px/1 Arial,sans-serif!important;top:10px!important;bottom:auto!important;right:10px!important}html body.principle-page .mobile-advantage-summary-copy{z-index:1!important;width:100%!important;max-width:none!important;display:block!important;position:relative!important}html body.principle-page .mobile-advantage-summary-heading{display:block!important}html body.principle-page :is(.mobile-tech-module--gradient,.mobile-tech-module--source) .mobile-advantage-summary-heading>small{color:#c9567385!important;letter-spacing:.2em!important;text-transform:uppercase!important;align-items:center!important;gap:9px!important;font:700 9px/1.2 Arial,sans-serif!important;display:flex!important}html body.principle-page .mobile-advantage-summary-heading>small:before{content:""!important;background:#ffffffd9!important;border:1px solid #c956736b!important;border-radius:50%!important;flex:0 0 5px!important;width:5px!important;height:5px!important;box-shadow:0 0 0 3px #c956730b!important}html body.principle-page .mobile-advantage-summary-heading>strong{color:var(--brand-accent)!important;letter-spacing:-.06em!important;white-space:nowrap!important;margin:13px 0 0!important;font-size:25px!important;font-style:normal!important;font-weight:620!important;line-height:1.38!important;display:block!important}html body.principle-page .mobile-advantage-summary-heading>strong>span{color:#59676e!important;letter-spacing:.055em!important;vertical-align:2px!important;margin-right:5px!important;font-family:Songti SC,STSong,SimSun,serif!important;font-size:14px!important;font-style:normal!important;font-weight:600!important;display:inline-block!important}html body.principle-page .mobile-advantage-summary-heading>strong:after{content:none!important;display:none!important}html body.principle-page .mobile-advantage-summary-copy>em{color:#617985!important;letter-spacing:.005em!important;border-top:1px solid #4a6f8024!important;margin:18px 0 0!important;padding:15px 2px 0 0!important;font-size:13px!important;font-style:normal!important;line-height:1.78!important;display:block!important}}.footer-mobile-disclaimer{display:none}@media (width<=900px){html body .footer-editorial{color:#d7e1e6;background:#112d3a;border:0;width:100%;margin:0;overflow:hidden}html body .footer-editorial .shell{box-sizing:border-box;width:100%;max-width:none;margin:0;padding-inline:18px}html body .footer-editorial .footer-primary{background:linear-gradient(150deg,#153542,#102b38 72%);border:0;padding:31px 0 0}html body .footer-editorial .footer-primary-grid{display:block}html body .footer-editorial .foot-brand{border-bottom:1px solid #d3e1e833;align-items:center;gap:14px;margin:0;padding-bottom:20px;display:flex}html body .footer-editorial .foot-brand-lockup{flex:none}html body .footer-editorial .foot-logo{filter:none;width:90px;height:auto;margin:0}html body .footer-editorial .foot-brand p{color:#e4edf1e0;letter-spacing:.025em;white-space:nowrap;border-left:1px solid #d7e2e840;max-width:none;margin:0;padding-left:14px;font-size:15px;line-height:1.45;display:block;font-weight:400!important}html body .site-footer .foot-brand:after,html body .site-footer .foot-brand p:before{content:none!important;display:none!important}html body .footer-editorial .foot-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:29px 0 0;display:grid}html body .footer-editorial .foot-col{min-width:0}html body .footer-editorial .foot-col h4{color:#f2f5f6;letter-spacing:0;margin:0 0 17px;font-size:13px;font-weight:600;line-height:1.2}html body .footer-editorial .foot-col h4:after{content:"";background:#d9e7ed6b;width:20px;height:1px;margin-top:8px;display:block}html body .footer-editorial .foot-col a{color:#d7e3e9b8;letter-spacing:0;margin:0 0 10px;padding:0;font-size:13px;line-height:1.2;display:block}html body .footer-editorial .foot-contact{background:#09222d24;border-top:1px solid #d3e1e826;grid-template-rows:auto 1fr;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:0 18px;margin:26px -18px 0;padding:18px 48px 19px;display:grid}html body .footer-editorial .footer-contact-kicker{display:none}html body .footer-editorial .foot-qrs{grid-area:1/1/3;margin:0;padding:0}html body .footer-editorial .foot-qr{flex-direction:column;align-items:center;gap:7px;width:92px;display:flex}html body .footer-editorial .foot-qr img{box-sizing:border-box;background:#fff;border:0;border-radius:7px;width:88px;height:88px;padding:5px}html body .footer-editorial .foot-qr span{color:#dae6ebb3;font-size:10px;line-height:1.2}html body .footer-editorial .foot-phone{border-left:1px solid #d4e2e836;flex-direction:column;grid-area:1/2/3;justify-content:center;align-items:flex-start;min-height:76px;margin:0;padding:0 0 0 18px;display:flex}html body .footer-editorial .foot-phone span{color:#dce7ecab;font-size:10px;line-height:1.2}html body .footer-editorial .foot-phone b{color:#e9f0f3;letter-spacing:.04em;white-space:nowrap;margin-top:9px;font:400 24px/1 Arial,sans-serif}html body .footer-editorial .footer-compliance{background:#112d3a;border-top:1px solid #d3e1e824;padding:0}html body .footer-editorial .footer-credentials{padding-top:19px;padding-bottom:0}html body .footer-editorial .footer-credential-grid{grid-template-columns:78px minmax(0,1fr);gap:12px 10px;padding:0 0 19px;display:grid}html body .footer-editorial .footer-credential-grid>div{display:contents}html body .footer-editorial .footer-credential-grid small{color:#b4c8d1a8;font-size:12px;line-height:1.55}html body .footer-editorial .footer-credential-grid strong{color:#dce6ebc7;font-size:12px;font-weight:500;line-height:1.55}html body .footer-editorial .footer-records{border-top:1px solid #d3e1e824;margin:0 -18px;padding:17px 18px}html body .footer-editorial .footer-record-list{display:block}html body .footer-editorial .footer-record-list span{color:#b2c7d09e;margin:0 0 6px;font-size:12px;line-height:1.45;display:block}html body .footer-editorial .footer-legal{background:#0d2632;border-top:1px solid #d3e1e826;padding:16px 0 20px}html body .footer-editorial .footer-legal-inner{display:block}html body .footer-editorial .footer-copyright{color:#dbe5eabf;font-size:12px;line-height:1.55}html body .footer-editorial .footer-disclaimer{display:none}html body .footer-editorial .footer-mobile-disclaimer{color:#c8d7dea6;margin:11px 0 0;font-size:12px;display:block}html body .footer-editorial .footer-mobile-disclaimer-title{font-weight:400;display:block}html body .footer-editorial .footer-mobile-disclaimer p{margin:8px 0 0;line-height:1.6}}html body .footer-editorial .footer-compliance--records-only .footer-record-list{text-align:center;justify-content:center}@media (width>=901px){html body .footer-editorial .footer-compliance--records-only .footer-records{border-top:0;margin-top:0;padding-top:0}}@media (width<=900px){html body .footer-editorial .footer-compliance--records-only .footer-credentials{padding-top:0}html body .footer-editorial .footer-compliance--records-only .footer-records{border-top:0}}@media (width<=350px){html body .footer-editorial .foot-contact{padding-inline:28px}html body .footer-editorial .foot-phone b{font-size:21px}}@media (width>=901px){html body:not(.index-page) .pc-hero{isolation:isolate;height:calc(100svh - 36px);min-height:calc(100svh - 36px);max-height:none;position:relative;overflow:hidden}html body:not(.index-page) .pc-hero-inner{z-index:3;box-sizing:border-box;align-items:center;height:100%;min-height:0;padding:76px 0 156px;position:relative}html body:not(.index-page) .pc-hero-bg{z-index:-2;pointer-events:none;position:absolute;inset:0}html body:not(.index-page) .pc-hero-copy{z-index:4;width:min(760px,56%);margin:0;position:relative}html body:not(.index-page) .pc-hero-kicker{width:max-content;color:var(--brand-accent,#c95673);letter-spacing:.19em;-webkit-backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #ffffffc7;border-radius:999px;align-items:center;gap:8px;padding:11px 17px 10px 14px;font-size:10px;display:inline-flex;box-shadow:0 12px 28px #2c4b5b14,inset 0 1px #ffffffdb}html body:not(.index-page) .pc-hero-kicker:before{content:"";background:radial-gradient(circle,currentColor 0 2px,#0000 2.5px);border:1px solid;border-radius:50%;flex:0 0 11px;width:11px;height:11px;display:block}html body:not(.index-page) .pc-hero-title{color:var(--pc-ink,#263b49);letter-spacing:-.075em;text-wrap:balance;margin:22px 0 0;font-size:clamp(50px,5.2vw,80px);font-weight:540;line-height:1.1}html body:not(.index-page) .pc-hero-description{max-width:560px;color:var(--pc-body,#526b78);border-top:1px solid #4a6c7a47;margin:34px 0 0;padding-top:22px;font-size:15px;line-height:2}html body:not(.index-page) .pc-hero-proof{z-index:6;box-sizing:border-box;-webkit-backdrop-filter:blur(26px)saturate(1.28);background:linear-gradient(118deg,#ffffffb8,#e9f4f880 50%,#d3e4ec61);border:1px solid #ffffffc7;border-radius:24px;width:auto;height:108px;min-height:108px;position:absolute;bottom:24px;left:clamp(28px,4vw,72px);right:clamp(28px,4vw,72px);overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #81a1ae1f,0 18px 44px #2c4b5b21}html body:not(.index-page) .pc-hero-proof:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(108deg,#ffffff6b,#0000 30%,#ffffff1f 64%,#ffffff47);position:absolute;inset:0}html body:not(.index-page) .pc-hero-proof>.shell,html body:not(.index-page) .pc-hero-proof>.proof-grid{z-index:1;width:100%;max-width:none;height:100%;min-height:0;margin:0;position:relative}html body:not(.index-page) .pc-hero-proof .proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}html body:not(.index-page) .pc-hero-proof .proof-item{z-index:1;min-height:108px;color:var(--pc-body,#526b78);border-right:1px solid #52708024;justify-content:center;align-items:center;gap:15px;padding:22px 26px;display:flex;position:relative}html body:not(.index-page) .pc-hero-proof .proof-item:last-child{border-right:0}html body:not(.index-page) .pc-hero-proof b{color:var(--pc-body,#526b78);letter-spacing:.035em;text-align:center;font-size:14px;font-weight:600;line-height:1.4}html body:not(.index-page) .pc-hero-proof .proof-mark{fill:none;stroke:#8da6b1;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 20px;width:20px;height:20px}html body:not(.index-page) .pc-hero-proof .core-points-proof-card-mount{display:none}}@media (width<=900px){html body:not(.index-page) .pc-hero-kicker{display:none}}@media (width>=901px){html body.principle-page .principle-hero-points,html.fp-enabled body.principle-page .principle-hero-points{display:block}}@media (width<=900px){html body.principle-page .principle-hero-points.core-points-proof-card{z-index:6;box-sizing:border-box;backdrop-filter:blur(18px)saturate(1.04)brightness(1.06);background:linear-gradient(#ffffffb8,#e0f1f785);border:1px solid #ffffff6b;border-radius:20px;width:auto;height:84px;min-height:0;margin:0;padding:0;display:block;position:absolute;inset:auto 14px 14px;overflow:hidden;box-shadow:0 10px 24px #2c4b5b0f,inset 0 1px #ffffffb8,inset 0 -1px #7096a40f}html body.principle-page .principle-hero-points>.proof-grid{display:none}html body.principle-page .principle-hero-points .core-points-proof-card-mount{width:100%;height:100%;min-height:0;margin:0;padding:0;display:block}html body.principle-page .principle-hero-points-list{background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:100%;min-height:0;margin:0;padding:0;display:grid}html body.principle-page .principle-hero-points-list:before{content:none;display:none}html body.principle-page .principle-hero-points-list .core-point{box-sizing:border-box;color:#49626ed1;letter-spacing:0;text-align:center;text-shadow:0 1px #ffffff57;white-space:pre-line;border:0;border-right:1px solid #ffffff29;justify-content:center;align-items:center;height:100%;min-height:0;padding:28px 5px 6px;font:400 10.5px/1.35 Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;display:flex;position:relative}html body.principle-page .principle-hero-points-list .core-point:last-child{border-right:0}html body.principle-page .principle-hero-points-list .core-point:before{content:"✓";z-index:2;width:13px;height:13px;box-shadow:none;color:#8a9da5;letter-spacing:0;text-align:center;background:#ffffff7a;border:1px solid #8197a094;border-radius:50%;font:600 9px/13px Arial,sans-serif;display:block;position:absolute;top:13px;left:50%;transform:translate(-50%)}html body.principle-page .principle-hero-points-list .core-point:after{content:none;display:none}}@media (width<=380px){html body.principle-page .principle-hero-points-list .core-point{font-size:10px}}@media (width>=901px){html body.principle-page .hero-inner{align-items:flex-start;padding-top:clamp(148px,19vh,180px)}html body.principle-page .pc-hero-copy{top:clamp(24px,3vh,30px)}html body.principle-page .repair-need{display:none!important}html body.principle-page .repair-need-card{overflow:hidden}html body.principle-page .repair-need-icon{width:46px;height:46px;margin:0;position:absolute;top:27px;right:28px}html body.principle-page .repair-need-icon>:is(.repair-need-icon-mobile,.repair-need-icon-legacy){display:none}html body.principle-page .repair-need-icon-simple{color:#83aebe;fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}html body.principle-page .repair-need-icon-simple .icon-accent{fill:var(--brand-accent,#d65c7d);stroke:none}html body.principle-page .repair-need-icon--limited .repair-need-icon-simple{color:#789fb1}html body.principle-page .repair-need-icon--recurring .repair-need-icon-simple{color:#8aa9b7}}@media (width<=900px){html body.principle-page .repair-need-icon-simple{display:none}}@media (width>=901px){html body.principle-page .repair-need{padding-bottom:clamp(72px,6vw,104px)}html body.principle-page .repair-need-card{min-height:320px}html body.principle-page .source-story{background:radial-gradient(circle at 86% 8%,#cbe0e88f,#0000 26%),radial-gradient(circle at 7% 48%,#d65c7d0e,#0000 23%),linear-gradient(150deg,#f8fbfc 0%,#edf5f7 54%,#f8fafb 100%);padding:clamp(92px,8vw,128px) 0 clamp(108px,9vw,148px);position:relative}html body.principle-page .source-story:before{content:"SOURCE";z-index:0;color:#3f606f09;letter-spacing:-.08em;pointer-events:none;background:0 0;font:700 clamp(110px,16vw,236px)/1 Arial,sans-serif;position:absolute;inset:28px auto auto -18px}html body.principle-page .source-story .source-story-shell{z-index:1;gap:32px;display:grid;position:relative}html body.principle-page .source-story .source-desktop-hero{backdrop-filter:blur(20px)saturate(1.08);background:linear-gradient(128deg,#ffffffed,#f0f7f9c2),radial-gradient(circle at 92% 18%,#75a0b22e,#0000 34%);border:1px solid #ffffffe6;border-radius:30px;padding:clamp(42px,4vw,60px) clamp(44px,5vw,74px);position:relative;overflow:hidden;box-shadow:0 28px 78px #2f4f5c1a,inset 0 1px #fff}html body.principle-page .source-story .source-desktop-hero:after{content:"R1+3";color:#476f800b;letter-spacing:-.08em;pointer-events:none;font:650 150px/1 Arial,sans-serif;position:absolute;bottom:-34px;right:-18px}html body.principle-page .source-story .detail-inline{z-index:1;margin-bottom:30px;position:relative}html body.principle-page .source-story .source-desktop-hero-grid{z-index:1;grid-template-columns:minmax(460px,.92fr) minmax(420px,1.08fr);align-items:end;gap:clamp(58px,7vw,104px);display:grid;position:relative}html body.principle-page .source-story .section-kicker{color:#788f9a;letter-spacing:.2em;text-transform:uppercase;margin:0;font:650 10px/1.2 Arial,sans-serif}html body.principle-page .source-story .source-desktop-hero .section-title{color:#203b4a;letter-spacing:-.05em;white-space:nowrap;max-width:none;margin:0;font-size:clamp(43px,3.8vw,60px);font-weight:500;line-height:1.1}html body.principle-page .source-story .source-desktop-hero .section-title:after{content:none;display:none}html body.principle-page .source-story .source-desktop-claim{color:#2a7592;margin-top:24px;font-size:clamp(18px,1.5vw,23px);font-weight:550;line-height:1.5;display:block}html body.principle-page .source-story .source-desktop-intro{border-left:2px solid #8bbbcf;padding-left:28px}html body.principle-page .source-story .source-desktop-intro p{color:#5b7380;max-width:650px;margin:0;font-size:14px;line-height:1.9}html body.principle-page .source-story .source-desktop-intro p+p{margin-top:13px}html body.principle-page .source-story .source-desktop-card{backdrop-filter:blur(20px)saturate(1.08);background:#f9fcfdbd;border:1px solid #ffffffeb;border-radius:32px;padding:clamp(48px,5vw,70px);position:relative;overflow:hidden;box-shadow:0 30px 88px #2f4f5c18,inset 0 1px #fff}html body.principle-page .source-story .source-desktop-card-heading{grid-template-columns:minmax(390px,.9fr) minmax(440px,1.1fr);align-items:end;column-gap:clamp(55px,7vw,102px);margin-bottom:38px;display:grid}html body.principle-page .source-story .source-desktop-card-heading>span{color:#d35f7f;letter-spacing:.2em;text-transform:uppercase;grid-column:1;font:700 9px/1 Arial,sans-serif}html body.principle-page .source-story .source-desktop-card-heading h3{color:#234557;letter-spacing:-.035em;border-left:3px solid #8bbccf;grid-column:1;margin:14px 0 0;padding-left:18px;font-size:clamp(30px,2.55vw,40px);font-weight:540;line-height:1.25}html body.principle-page .source-story .source-desktop-card-heading p{color:#607985;grid-area:1/2/span 2;max-width:650px;margin:0;font-size:14px;line-height:1.9}html body.principle-page .source-story .source-desktop-standard .source-desktop-card-heading{grid-template-columns:1fr}html body.principle-page .source-story .source-desktop-standard .source-desktop-card-heading p{grid-area:auto/1;max-width:760px;margin-top:20px}html body.principle-page .source-story .source-desktop-supplier .source-desktop-card-heading{grid-template-columns:1fr}html body.principle-page .source-story .source-desktop-supplier .source-desktop-card-heading p{grid-area:auto/1;max-width:760px;margin-top:20px}html body.principle-page .source-story .source-desktop-standard-grid,html body.principle-page .source-story .source-desktop-supplier-grid{grid-template-columns:minmax(390px,.84fr) minmax(600px,1.16fr);align-items:stretch;gap:28px;display:grid}html body.principle-page .source-story .source-desktop-standard-visual,html body.principle-page .source-story .source-desktop-factory{background:#e7f0f4;border-radius:24px;min-height:490px;margin:0;position:relative;overflow:hidden}html body.principle-page .source-story .source-desktop-standard-visual{min-height:0}html body.principle-page .source-story :is(.source-desktop-standard-visual,.source-desktop-factory) img{object-fit:cover;filter:saturate(.88)contrast(1.02)brightness(1.03);width:100%;height:100%}html body.principle-page .source-story .source-desktop-standard-visual:after,html body.principle-page .source-story .source-desktop-factory:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#1e435424);position:absolute;inset:0}html body.principle-page .source-story .source-desktop-standard-visual figcaption,html body.principle-page .source-story .source-desktop-factory figcaption{z-index:1;backdrop-filter:blur(18px)saturate(1.12);background:#f5fafcc7;border:1px solid #ffffffb8;border-radius:18px;padding:21px 24px;position:absolute;bottom:24px;left:24px;right:24px;box-shadow:0 16px 34px #1f41501f,inset 0 1px #ffffffe6}html body.principle-page .source-story .source-desktop-standard-visual figcaption strong,html body.principle-page .source-story .source-desktop-standard-visual figcaption span{display:block}html body.principle-page .source-story .source-desktop-standard-visual figcaption strong{color:#297694;font-size:17px;font-weight:600}html body.principle-page .source-story .source-desktop-standard-visual figcaption span{color:#526e7c;margin-top:8px;font-size:12px;line-height:1.7}html body.principle-page .source-story .source-desktop-table-wrap{background:#fafdfec7;border:1px solid #6691a23d;border-radius:24px;overflow:hidden}html body.principle-page .source-story .source-desktop-table{border-collapse:collapse;table-layout:fixed;width:100%}html body.principle-page .source-story .source-desktop-table caption{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html body.principle-page .source-story .source-desktop-table th,html body.principle-page .source-story .source-desktop-table td{color:#4f6e7d;text-align:left;vertical-align:middle;border-bottom:1px solid #6691a22e;border-right:1px solid #6691a22e;padding:18px 20px;font-size:12px;font-weight:400;line-height:1.65}html body.principle-page .source-story .source-desktop-table tr>:last-child{border-right:0}html body.principle-page .source-story .source-desktop-table thead th{color:#315d70;background:#e1eff5ad;padding-top:16px;padding-bottom:16px;font-weight:650}html body.principle-page .source-story .source-desktop-table thead th:first-child,html body.principle-page .source-story .source-desktop-table tbody th{width:21%}html body.principle-page .source-story .source-desktop-table thead th:nth-child(2){width:45%}html body.principle-page .source-story .source-desktop-table tbody th{color:#32637a;background:#f1f8fa94;font-weight:600}html body.principle-page .source-story .source-desktop-table tbody td:nth-child(2){color:#32637a;font-weight:520}html body.principle-page .source-story .source-desktop-table-note{color:#607985;background:#ffffff8c;margin:0;padding:17px 20px 18px;font-size:12px;line-height:1.7}html body.principle-page .source-story .source-desktop-supplier-grid{grid-template-columns:minmax(560px,1.08fr) minmax(460px,.92fr)}html body.principle-page .source-story .source-desktop-factory{min-height:520px}html body.principle-page .source-story .source-desktop-factory figcaption{width:min(330px,100% - 48px);right:auto}html body.principle-page .source-story .source-desktop-factory figcaption strong{color:#277391;align-items:baseline;line-height:.84;display:flex}html body.principle-page .source-story .source-desktop-factory figcaption b{font:650 58px/.84 Arial,sans-serif}html body.principle-page .source-story .source-desktop-factory figcaption i{font:600 31px/1 Arial,sans-serif}html body.principle-page .source-story .source-desktop-factory figcaption em{margin-left:7px;font-size:22px;font-style:normal;font-weight:500}html body.principle-page .source-story .source-desktop-factory figcaption>span{color:#2d718d;margin-top:13px;font-size:14px;font-weight:520;display:block}html body.principle-page .source-story .source-desktop-capabilities{background:#f9fcfdb8;border:1px solid #6691a233;border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}html body.principle-page .source-story .source-desktop-capabilities article{background:linear-gradient(145deg,#ffffffb8,#eaf4f87a);border-bottom:1px solid #6691a22e;border-right:1px solid #6691a22e;min-height:255px;padding:34px 30px 30px;position:relative}html body.principle-page .source-story .source-desktop-capabilities article:nth-child(2n){border-right:0}html body.principle-page .source-story .source-desktop-capabilities article:nth-last-child(-n+2){border-bottom:0}html body.principle-page .source-story .source-desktop-capabilities article:after{content:"";border:1px solid #5e899b14;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-58px;right:-46px}html body.principle-page .source-story .source-desktop-capabilities article>span{color:#d35f7f;letter-spacing:.14em;font:700 10px/1 Arial,sans-serif}html body.principle-page .source-story .source-desktop-capabilities h4{z-index:1;color:#244a5e;margin:44px 0 0;font-size:19px;font-weight:600;line-height:1.4;position:relative}html body.principle-page .source-story .source-desktop-capabilities h4:after{content:"";background:#8bbccf;width:30px;height:1px;margin-top:14px;display:block}html body.principle-page .source-story .source-desktop-capabilities p{z-index:1;color:#607985;margin:14px 0 0;font-size:12px;line-height:1.72;position:relative}@media (width<=1180px){html body.principle-page .source-story .source-desktop-hero-grid,html body.principle-page .source-story .source-desktop-card-heading{grid-template-columns:minmax(360px,.9fr) minmax(360px,1.1fr);gap:42px}html body.principle-page .source-story .source-desktop-standard-grid{grid-template-columns:minmax(330px,.8fr) minmax(510px,1.2fr)}html body.principle-page .source-story .source-desktop-supplier-grid{grid-template-columns:minmax(470px,1.05fr) minmax(390px,.95fr)}html body.principle-page .source-story .source-desktop-table th,html body.principle-page .source-story .source-desktop-table td{padding-left:14px;padding-right:14px;font-size:11px}}html body.principle-page .hero-bg{opacity:.78;filter:saturate(.72)brightness(1.1)contrast(.9)blur(.2px)}html body.principle-page .hero-bg:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f9fcfd00 38%,#f9fcfd24 58%,#f9fcfd57 78%,#f9fcfd7a 100%);display:block;position:absolute;inset:0}html body.principle-page .hero:before{background:linear-gradient(90deg,#f9fcfdf7 0%,#f9fcfde6 36%,#f9fcfd94 58%,#f9fcfd57 78%,#f9fcfd3d 100%)}}@media (width<=900px){html body.principle-page.principle-page main :is(.why-head,.system-head,.dual-copy,.gradient-copy,.source-copy,.mechanism-head,.evolution-head,.mobile-tech-details-head,.mobile-section-head){text-align:center!important}html body.principle-page.principle-page main :is(.why-head,.system-head,.dual-copy,.gradient-copy,.source-copy,.mechanism-head,.evolution-head,.mobile-tech-details-head,.mobile-section-head)>:is(.section-kicker,.mobile-section-head-kicker){width:fit-content;margin-inline:auto!important}body.principle-page main :is(.why-head,.system-head,.dual-copy,.gradient-copy,.source-copy,.mechanism-head,.evolution-head,.mobile-tech-details-head,.mobile-section-head)>:is(.section-kicker,.mobile-section-head-kicker):before,html body.principle-page.principle-page main .repair-need-head>.repair-need-kicker:before{content:none!important;display:none!important}body.principle-page main :is(.why-head,.system-head,.dual-copy,.gradient-copy,.source-copy,.mechanism-head,.evolution-head,.mobile-tech-details-head,.mobile-section-head)>:is(h2,.section-title,.section-header-title),body.principle-page main :is(.why-head,.system-head,.dual-copy,.gradient-copy,.source-copy,.mechanism-head,.evolution-head,.mobile-tech-details-head,.mobile-section-head)>:is(.section-intro,.mobile-section-head-intro){text-align:center!important;margin-inline:auto!important}body.principle-page main .mobile-section-head>.mobile-section-head-rule,body.principle-page main :is(.why-head,.system-head,.dual-copy,.gradient-copy,.source-copy,.mechanism-head,.evolution-head,.mobile-tech-details-head)>:is(h2,.section-title,.section-header-title):after{margin-inline:auto!important}html body.principle-page.principle-page main :is(.repair-need-head>p:last-of-type,.mobile-tech-deep-details .mobile-tech-jump-copy>span,.mobile-principle-mechanism-head>span,.mobile-principle-evolution-head>span){text-align:center!important;margin-left:auto!important;margin-right:auto!important}}