:root{--blue:#388dcc;--text:#202124;--muted:#777b82}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input{font:inherit}a{text-decoration:none;color:inherit}button{border:0;background:none;cursor:pointer;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;background:#fff;padding:15px;z-index:100}.skip:focus{top:10px}.announcement{height:32px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#bcbec3;font-size:11px}.header{position:sticky;top:0;z-index:30;background:#111215f5;color:#f4f4f5;backdrop-filter:blur(16px)}.header-inner{height:66px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:50px}.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.brand>svg{width:25px;height:25px}.wordmark{font-weight:600;font-size:23px;letter-spacing:-.01em}.brand-cn{font-size:12px;font-weight:400;opacity:.72;margin-left:2px}.navigation{display:flex;align-items:center;gap:30px;height:100%;font-size:13px;margin-left:auto}.navigation>button,.navigation>a{height:100%;display:flex;align-items:center;padding:0;color:#c4c5ca;white-space:nowrap}.navigation>button:hover,.navigation>a:hover,.navigation>button[aria-expanded=true]{color:#fff}.tools{display:flex;align-items:center;gap:21px}.tools button,.tools a{display:flex;align-items:center;padding:0;color:#d5d7dd}.tools svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#mobile-toggle{display:none}.nav-panel{position:absolute;top:66px;left:0;right:0;background:#f8f8f8;color:#202124;box-shadow:0 30px 45px #0002}.nav-panel[hidden]{display:none}.nav-panel-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:center;gap:65px;min-height:170px;padding:38px 30px}.nav-panel a{font-size:14px;display:flex;flex-direction:column;align-items:center;gap:15px}.nav-panel a:hover{color:var(--blue)}.nav-panel img{width:230px;height:130px;object-fit:cover}.hero{height:calc(100svh - 98px);min-height:680px;max-height:1000px;position:relative;background:#030607;color:#fff;overflow:hidden;text-align:center}.hero-copy{position:relative;z-index:2;padding-top:55px}.product-name{font-size:16px;letter-spacing:3px;font-weight:500;color:#d6d8dc}.hero h1{font-size:clamp(42px,4.2vw,64px);font-weight:600;line-height:1.25;letter-spacing:-.035em;margin:17px 0 18px}.hero-subtitle{font-size:23px;line-height:1.5;color:#d0d3d9;font-weight:400}.actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 26px;border-radius:24px;font-size:14px;line-height:1.4;transition:background .2s,color .2s}.primary{background:#fff;color:#1a1b1e}.primary:hover{background:#e4e9ed}.secondary{border:1px solid #ffffff8a;color:#fff;background:transparent}.secondary:hover{background:#ffffff14}.hero-ring{position:absolute;bottom:-2%;left:0;width:100%;height:75%;object-fit:contain;object-position:center bottom;mix-blend-mode:screen}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px}.product-tile{position:relative;overflow:hidden;height:640px;background:#101115;color:#fff}.product-tile>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .7s}.product-tile:hover>img{transform:scale(1.025)}.tile-shade{position:absolute;inset:0;background:linear-gradient(180deg,#060b10b3,transparent 85%)}.tile-copy{position:relative;text-align:center;padding:45px 8%}.section-label{font-size:13px;color:#777e86;font-weight:400;letter-spacing:.04em}.tile-copy .section-label{color:#e0e5ea;font-size:12px}.tile-copy h2{font-size:36px;font-weight:600;letter-spacing:-.025em;margin:12px 0 10px}.tile-copy h3{font-size:21px;line-height:1.5;font-weight:400}.product-desc{font-size:12px;line-height:1.9;color:#d7dce2;margin:18px auto 0;max-width:410px}.text-link{display:inline-block;font-size:14px;color:var(--blue)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.tile-copy .text-link{color:#fff;margin-top:22px}.section{padding:110px max(6%,calc((100vw - 1200px)/2))}.section-heading{text-align:center}.section-heading h2{font-size:40px;line-height:1.35;font-weight:600;letter-spacing:-.03em;margin:16px 0 21px}.section-heading>p:last-child:not(.section-label){font-size:15px;line-height:1.9;color:#80858c;max-width:770px;margin:auto}.technology{text-align:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:65px auto 45px}.stat-number{font-size:53px;line-height:1.3;font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.stat-number span{font-size:19px;font-weight:400;margin-left:4px;letter-spacing:0}.stats h3{font-size:15px;font-weight:500;margin:14px 0 10px}.stats>div>p:last-child{font-size:11px;color:#93979e;line-height:1.8}.scenarios{background:#f5f5f5;padding-bottom:80px}.scene-tabs{display:flex;align-items:center;justify-content:center;gap:42px;margin:40px 0 32px}.scene-tabs button{font-size:14px;color:#8a8d93;padding:10px 0;font-weight:400;white-space:nowrap}.scene-tabs button[aria-selected=true]{color:#222;font-weight:600}.scene-panel{height:565px;position:relative;overflow:hidden;background:#10171e;color:#fff}.scene-panel>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07121be0,transparent 90%)}.scene-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%)}.scene-copy>p:first-child{font-size:11px;letter-spacing:2px;color:#d2dbe3}.scene-copy h3{font-size:43px;font-weight:600;letter-spacing:-.025em;margin:20px 0}.scene-copy>p:nth-of-type(2){font-size:20px;line-height:1.7;color:#e1e7ed}.scene-copy .button{margin-top:30px;font-size:13px}.app-section{display:grid;grid-template-columns:1fr 1fr;min-height:670px;background:#111216;color:#fff}.app-copy{padding:95px 10% 80px 15%;align-self:center}.app-copy .section-label{color:#aab3c0;font-size:11px;letter-spacing:1px}.app-copy h2{font-size:36px;line-height:1.5;font-weight:600;letter-spacing:-.03em;margin:22px 0}.app-copy>p:not(.section-label){font-size:13px;color:#aeb5c1;line-height:1.9;max-width:450px}.app-copy ul{padding-left:16px;font-size:12px;line-height:2.5;color:#bfc6d0;margin:28px 0 30px}.app-section>img{width:100%;height:100%;max-height:750px;object-fit:cover}.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;margin-top:55px}.eco-grid a{background:#f6f6f6;padding:43px 14px;transition:background .2s}.eco-grid a:hover{background:#edf2f6}.eco-grid h3{font-size:19px;font-weight:500}.eco-grid p{font-size:12px;color:#9398a0;margin-top:15px;line-height:1.7}.closing{background:#f1f3f5;text-align:center;padding:90px 6% 100px}.closing h2{font-size:40px;line-height:1.45;font-weight:600;letter-spacing:-.03em}.closing .primary{background:#222428;color:#fff}.closing .secondary{border-color:#90959c;color:#3b414a}.closing .actions{margin-top:32px}footer{background:#fafafa;color:#747b84;padding:50px max(6%,calc((100vw - 1200px)/2)) 30px}.legal h2{font-size:12px;font-weight:500;color:#606873;margin-bottom:18px}.legal p{font-size:10px;line-height:1.9;margin-bottom:8px}.footer-main{margin-top:55px}.footer-main>.brand{color:#323842}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin:40px 0}.footer-columns>div{display:flex;flex-direction:column;gap:14px;font-size:11px}.footer-columns h3{font-size:12px;font-weight:500;color:#343b45;margin-bottom:6px}.footer-columns a:hover{color:#222}.store-note{font-size:10px;line-height:1.9}.store-note a{color:#4c647a}.social{display:flex;gap:27px;font-size:10px;margin:26px 0}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;margin-top:24px;gap:24px}.footer-bottom>div{display:flex;gap:20px}.brand-footer{font-size:9px;margin-top:23px;color:#a3a8ae}dialog{padding:45px;border:0;border-radius:8px;max-width:650px;width:90%;box-shadow:0 25px 90px #0004}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:23px;top:23px;font-size:12px;color:#777}dialog label{display:block;font-size:26px;font-weight:500;margin:10px 0 25px}dialog input{width:100%;padding:13px 0;border:0;border-bottom:1px solid #ddd;background:none;font-size:18px}#search-results{display:flex;flex-direction:column;gap:10px;margin-top:25px}#search-results a{font-size:14px;padding:12px;background:#f5f5f5}#search-results p{font-size:13px;color:#888}
@media(min-width:1600px){.hero-copy{padding-top:80px}.hero-ring{height:79%}.product-tile{height:740px}}@media(max-width:1150px){.header-inner{gap:25px;padding:0 4%}.brand-cn{display:none}.navigation{gap:23px;font-size:12px}.tools{gap:17px}.product-tile{height:570px}.tile-copy h3{font-size:18px}.app-copy{padding-left:12%;padding-right:10%}.app-copy h2{font-size:31px}.scene-tabs{gap:30px}.stats{gap:18px}.stat-number{font-size:44px}.section-heading h2{font-size:35px}}
@media(max-width:760px){html{scroll-padding-top:60px}.announcement{height:30px;font-size:9px}.header-inner{height:60px;padding:0 6%;gap:15px}.brand>svg{width:21px;height:21px}.wordmark{font-size:21px}.brand-cn{display:block;font-size:10px}.tools{gap:20px}.tools svg{width:18px;height:18px}.tools>a[aria-label=账户]{display:none}#mobile-toggle{display:flex}.navigation{display:none;position:absolute;top:60px;left:0;right:0;background:#16171b;flex-direction:column;height:auto;padding:15px 7% 25px;gap:0;align-items:stretch}.navigation.open{display:flex}.navigation>button,.navigation>a{padding:16px 0;min-height:48px;font-size:14px}.nav-panel{top:60px}.nav-panel-inner{min-height:150px;gap:28px;flex-wrap:wrap;justify-content:flex-start;padding:35px 7%}.nav-panel a{font-size:13px}.nav-panel img{width:135px;height:80px}.hero{min-height:660px;max-height:850px;height:calc(90svh - 90px)}.hero-copy{padding:55px 5% 0}.product-name{font-size:12px;letter-spacing:2px}.hero h1{font-size:36px;letter-spacing:-.04em;margin:20px 0 16px;white-space:nowrap}.hero-subtitle{font-size:18px}.actions{gap:13px;margin-top:28px}.button{font-size:12px;min-height:40px;padding:0 22px}.hero-ring{height:65%;width:155%;left:-27.5%;bottom:4%;object-fit:contain;object-position:center}.product-grid{grid-template-columns:1fr;gap:10px;padding:10px}.product-tile{height:570px}.tile-copy{padding:38px 7%}.tile-copy h2{font-size:30px;margin:12px 0}.tile-copy h3{font-size:20px}.product-desc{font-size:11px;max-width:310px;line-height:1.9;margin-top:15px}.tile-copy .text-link{margin-top:18px;font-size:12px}.section{padding:70px 6%}.section-label{font-size:11px}.section-heading h2{font-size:28px;letter-spacing:-.04em;margin:17px 0 20px}.section-heading>p:last-child:not(.section-label){font-size:12px;line-height:1.9;padding:0 4%}.stats{grid-template-columns:1fr 1fr;gap:36px 16px;margin:45px 0 35px}.stat-number{font-size:37px}.stat-number span{font-size:15px}.stats h3{font-size:13px;margin:10px 0}.stats>div>p:last-child{font-size:9px}.technology>.text-link{font-size:12px}.scene-tabs{justify-content:flex-start;overflow-x:auto;gap:29px;margin:28px 0 22px;padding:0 2px;scrollbar-width:none}.scene-tabs button{font-size:12px}.scene-panel{height:490px}.scene-panel>img{object-position:64% center}.scene-shade{background:linear-gradient(0deg,#07121be6,transparent 100%)}.scene-copy{left:8%;top:auto;bottom:42px;transform:none}.scene-copy h3{font-size:32px;margin:16px 0}.scene-copy>p:nth-of-type(2){font-size:16px}.scene-copy .button{margin-top:24px;font-size:12px}.app-section{grid-template-columns:1fr;min-height:0}.app-copy{padding:65px 8% 45px}.app-copy h2{font-size:29px;line-height:1.5}.app-copy>p:not(.section-label){font-size:12px}.app-copy ul{font-size:11px;margin:22px 0 27px}.app-section>img{height:440px;object-position:center 45%}.eco-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.eco-grid a{padding:29px 8px}.eco-grid h3{font-size:16px}.eco-grid p{font-size:10px;line-height:1.8;margin-top:12px}.closing{padding:65px 6% 70px}.closing h2{font-size:28px;line-height:1.6}.closing .actions{flex-direction:column;gap:15px}.closing .button{min-width:180px}footer{padding:40px 7% 28px}.legal h2{font-size:11px}.legal p{font-size:9px;line-height:1.9}.footer-main{margin-top:40px}.footer-columns{grid-template-columns:1fr 1fr;gap:32px 20px;margin:30px 0}.footer-columns>div{font-size:10px;gap:12px}.footer-columns h3{font-size:11px}.store-note{font-size:9px}.footer-bottom{flex-direction:column;gap:17px;font-size:8px}.footer-bottom>div{gap:15px;flex-wrap:wrap}.brand-footer{font-size:8px}.social{font-size:9px}dialog{padding:35px 25px}dialog label{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-ring{mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 88%,transparent 100%)}
/* Brand and global navigation */
.header{background:rgba(10,12,15,.86);transition:background .3s,box-shadow .3s}.header.scrolled,.header.menu-open{background:#15171bf5;box-shadow:0 8px 24px #00000012}.header-inner{height:76px;max-width:1440px;padding:0 5%;display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:20px}.brand{justify-self:start}.logo-image{position:relative;display:block;width:100px;aspect-ratio:1756/558;overflow:hidden;mix-blend-mode:screen;flex:none}.logo-image img{position:absolute;width:116.63%;height:auto;max-width:none;left:-8.26%;top:-58.42%;display:block}.navigation{justify-content:center;margin:0;gap:30px;min-width:0;font-size:13px}.navigation>button,.navigation>a{position:relative;color:#e0e2e6;gap:7px}.nav-chevron{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .25s}.navigation button[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.tools{justify-self:end;gap:23px}.tools>button,.tools>a{min-height:32px;min-width:24px;justify-content:center}.nav-panel{top:76px;opacity:1;background:#f7f8f9;animation:menuReveal .24s ease both}.nav-panel-inner{justify-content:center;gap:64px;padding:40px 6%;min-height:200px}.nav-panel img{border-radius:4px;transition:transform .35s}.nav-panel a:hover img{transform:translateY(-4px)}.nav-panel a{font-size:13px;line-height:1.6;min-width:90px}.nav-panel a:focus-visible{outline-offset:8px}.nav-panel a span{display:flex;align-items:center;gap:8px}.nav-panel a span:after{content:"";display:block;width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);opacity:0;transition:opacity .2s}.nav-panel a:hover span:after{opacity:1}.nav-backdrop{position:fixed;inset:108px 0 0;z-index:25;background:#0005;backdrop-filter:blur(3px)}.nav-backdrop[hidden]{display:none}.nav-panel-close{position:absolute;right:5%;top:20px;width:30px;height:30px;display:grid;place-items:center}.nav-panel-close svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}.header>.nav-panel{z-index:2}@keyframes menuReveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
/* Direction cues are attached to their actions. */
.link-arrow{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .3s}.button{gap:11px}.text-link{display:inline-flex;align-items:center;gap:9px}.button:hover .link-arrow,.text-link:hover .link-arrow{transform:translateX(4px)}.hero .secondary{border:0;padding-left:8px;padding-right:8px}.hero .secondary:hover{background:none;text-decoration:underline;text-underline-offset:5px}.hero{height:calc(100svh - 108px);min-height:700px}.hero-copy{padding-top:52px}.hero h1{font-size:clamp(42px,4.1vw,62px);font-weight:600}.hero-ring{bottom:2%;height:73%;transform:translateY(var(--hero-shift,0px));transition:transform .1s linear;will-change:transform}.scroll-cue{position:absolute;bottom:24px;left:calc(50% - 17px);z-index:3;width:34px;height:34px;display:grid;place-items:center;color:#b6c2ce}.scroll-cue svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;animation:scrollHint 2.4s ease-in-out infinite}@keyframes scrollHint{0%,100%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(3px);opacity:1}}
/* Readable motion hierarchy. Content remains visible without JavaScript. */
.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.65,.3,1),transform .8s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .hero-copy>*{animation:heroReveal .85s cubic-bezier(.2,.65,.3,1) both}.motion-ready .hero-copy .product-name{animation-delay:.05s}.motion-ready .hero-copy h1{animation-delay:.18s}.motion-ready .hero-subtitle{animation-delay:.32s}.motion-ready .hero-copy .actions{animation-delay:.46s}@keyframes heroReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.product-tile{cursor:pointer}.tile-copy{padding-top:45px}.scene-panel{isolation:isolate}.scene-panel>img{transition:opacity .25s,transform .7s;transform:scale(1)}.scene-panel.changing>img{opacity:.15;transform:scale(1.025)}.scene-copy{transition:opacity .18s,translate .28s}.scene-panel.changing .scene-copy{opacity:0;translate:0 10px}.scene-tabs{gap:0;max-width:880px;margin:38px auto 30px;padding:5px;background:#e9ebed;border-radius:40px;justify-content:space-between}.scene-tabs button{padding:13px 22px;border-radius:30px;transition:background .25s,color .25s,box-shadow .25s;font-size:13px}.scene-tabs button[aria-selected=true]{background:#fff;box-shadow:0 3px 10px #00000008;font-weight:500}.scene-controls{position:absolute;right:32px;bottom:30px;display:flex;gap:10px}.scene-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff80;display:grid;place-items:center;transition:background .2s;color:#fff}.scene-controls button:hover{background:#ffffff20}.scene-controls button:disabled{opacity:.25;cursor:default}.scene-prev svg{transform:rotate(180deg)}.scene-copy .button{background:#fff;color:#202124;border:0}.footer-main>.brand .logo-image{mix-blend-mode:multiply;filter:invert(1);width:105px}
@media(max-width:1150px){.header-inner{grid-template-columns:120px minmax(0,1fr) 115px;gap:14px}.navigation{gap:21px;font-size:12px}.navigation>button,.navigation>a{gap:4px}.tools{gap:15px}.logo-image{width:91px}.scene-tabs button{padding:13px 18px}}
@media(max-width:900px) and (min-width:761px){.header-inner{padding:0 3%;grid-template-columns:98px minmax(0,1fr) 90px;gap:10px}.navigation{gap:12px;font-size:11px}.nav-chevron{width:9px;height:9px}.tools{gap:10px}.scene-tabs button{padding:12px 14px}}
@media(max-width:760px){.header-inner{height:66px;display:flex;justify-content:space-between;padding:0 6%}.logo-image{width:90px}.navigation{top:66px;gap:0;padding:16px 7% 28px;max-height:calc(100svh - 66px);overflow-y:auto;align-items:stretch;justify-content:flex-start;background:#111317}.navigation>button{justify-content:space-between;gap:15px}.navigation>button,.navigation>a{color:#e4e7ed;font-size:15px;padding:17px 0}.nav-chevron{width:14px;height:14px}.nav-panel{position:static;box-shadow:none;background:#202329;color:#d9dfe8;margin:0 -10px 12px;border-radius:6px;animation:menuReveal .2s ease}.nav-panel-inner{padding:24px 20px;gap:24px;justify-content:flex-start;min-height:0;display:grid;grid-template-columns:1fr 1fr}.nav-panel a{min-width:0;align-items:flex-start;font-size:12px}.nav-panel img{width:100%;height:85px}.nav-panel-close{display:none}.nav-panel a span:after{opacity:.5}.tools{gap:18px}.nav-backdrop{inset:66px 0 0}.header.menu-open .navigation{z-index:3}.hero{height:calc(90svh - 96px);min-height:680px}.hero-copy{padding-top:56px}.hero h1{font-size:36px}.hero-ring{height:62%;bottom:7%}.hero-subtitle{font-size:18px}.scroll-cue{bottom:23px}.scene-tabs{border-radius:30px;gap:4px;justify-content:flex-start;padding:5px;margin-top:28px;scroll-padding:5px}.scene-tabs button{padding:11px 17px;font-size:12px;flex:none}.scene-panel{height:500px}.scene-copy{bottom:85px}.scene-controls{right:24px;bottom:24px}.scene-controls button{width:36px;height:36px}.scene-controls svg{width:15px;height:15px}.scene-copy .button{font-size:12px}.motion-ready .reveal{transform:translateY(17px)}.motion-ready .reveal.is-visible{transform:none}.nav-panel img{border-radius:2px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.motion-ready .hero-copy>*{animation:none}.scroll-cue svg{animation:none}.hero-ring{transform:none;will-change:auto}.nav-panel{animation:none}.scene-panel>img,.scene-copy{transition:none}.scene-panel.changing .scene-copy,.scene-panel.changing>img{opacity:1;translate:none;transform:none}}

.header{background:#111317f5}
/* Shared navigation across all 23 pages. */
.nav-panel-inner.nav-technology,.nav-panel-inner.nav-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 54px;max-width:1160px;padding-top:45px;padding-bottom:45px}.nav-panel-inner.nav-ecosystem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1160px;gap:35px}.nav-panel-inner.nav-about{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;gap:70px}.nav-panel-inner:not(.nav-products) a{align-items:flex-start;gap:8px;min-width:0}.nav-desc{font-size:11px;line-height:1.7;color:#888f98;font-weight:400;max-width:260px}.nav-panel a.active>span,.navigation .current{color:var(--blue)}.nav-products .nav-desc{font-size:11px}.nav-products a{min-width:200px}.nav-panel-inner a>span{font-size:14px}.header .navigation{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif}.footer-bottom a:hover{color:var(--blue)}
@media(max-width:760px){.nav-panel-inner.nav-technology,.nav-panel-inner.nav-scenarios,.nav-panel-inner.nav-ecosystem,.nav-panel-inner.nav-about{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;padding:24px 20px}.nav-panel-inner a>span{font-size:12px}.nav-desc{font-size:9px;line-height:1.8}.nav-products a{min-width:0}.nav-products .nav-desc{font-size:9px}.nav-panel-inner.nav-products{gap:18px}.nav-panel-inner.nav-products img{height:80px}}
/* Transparent original ring photography keeps its true finish. */
.hero-ring[src="/assets/ring/10.png"]{height:65%;bottom:5%;mix-blend-mode:normal;mask-image:none}.product-tile:has(>img[src="/assets/ring/23.png"]){background:#f4f5f6}.product-tile>img[src="/assets/ring/23.png"]{object-fit:contain}.product-tile:has(>img[src="/assets/ring/23.png"]) .tile-shade{background:linear-gradient(180deg,#0b121be0,transparent 60%)}.nav-products img[src="/assets/ring/10.png"]{object-fit:contain}
@media(max-width:760px){.hero-ring[src="/assets/ring/10.png"]{height:55%;bottom:11%;width:120%;left:-10%}}
.nav-products img[src="/assets/band/132.png"]{object-fit:contain}.product-tile:has(>img[src="/assets/band/132.png"]){background:#e7ebed}.product-tile>img[src="/assets/band/132.png"]{object-fit:contain;height:78%;bottom:-6%}.product-tile:has(>img[src="/assets/band/132.png"]) .tile-shade{background:linear-gradient(180deg,#0b141ee8,transparent 77%)}
/* Rose gold separates the benefits announcement from the dark brand navigation. */
.announcement{background:#efc0ac;color:#3b2922}