.zone-page{--zone-ink:#eeede8;--zone-mute:#a3a29c;--zone-dim:#7c7b75;--zone-line:#262624;color:var(--zone-ink);font-family:var(--body);background:#070707}.zone-eyebrow{font:11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--zone-dim);align-items:center;gap:10px;margin:0;display:flex}.zone-eyebrow i{background:#7dcea0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #7dcea022}.zone-eyebrow .bi-zh,.zone-eyebrow .bi-en{font:inherit}.zone-hero{border-bottom:1px solid var(--zone-line);isolation:isolate;grid-template-rows:1fr auto;min-height:calc(100svh - 80px);padding:clamp(56px,9vh,110px) 5.5% 34px;display:grid;position:relative;overflow:hidden}.zone-hero-stage{z-index:-1;position:absolute;inset:0}.zone-hero-stage canvas{width:100%;height:100%;display:none}.zone-hero-stage.has-webgl canvas{display:block}.zone-hero-fallback{opacity:.5;border:1px solid #ffffff2a;width:min(46%,720px);height:auto;position:absolute;top:14%;right:5.5%}.zone-hero-stage.has-webgl:not(.no-webgl) .zone-hero-fallback,.zone-hero-stage.no-webgl canvas{display:none}.zone-hero-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#070707 0%,#070707e6 26%,#07070700 62%),linear-gradient(#07070700 74%,#070707 100%);position:absolute;inset:0}.zone-hero-copy{align-self:center;max-width:640px}.zone-hero h1{font:400 clamp(84px, 13.5vw, 220px)/.92 var(--serif);letter-spacing:-.035em;margin:22px 0 0}.zone-hero-line{font:400 clamp(22px, 2.5vw, 38px)/1.2 var(--serif);color:#d9d7cf;margin:18px 0 0;font-style:italic}.zone-hero-text{max-width:34em;color:var(--zone-mute);margin:26px 0 0;font-size:clamp(14px,1.15vw,16px);line-height:1.9}html[data-locale=en] .zone-hero-text{line-height:1.7}.zone-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.zone-btn{min-height:46px;color:var(--zone-ink);font:13px/1 var(--body);border:1px solid #5d5c57;align-items:center;gap:22px;padding:0 18px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.zone-btn span[aria-hidden]{font:15px var(--mono);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.zone-btn:hover{color:#0b0b0b;background:#eeede8;border-color:#eeede8}.zone-btn:hover span[aria-hidden]{transform:translate(3px,-3px)}.zone-btn-solid{color:#0b0b0b;background:#eeede8;border-color:#eeede8}.zone-btn-solid:hover{color:var(--zone-ink);background:0 0}.zone-btn-plain{color:var(--zone-mute);border-color:#0000;padding-inline:10px}.zone-btn-plain:hover{color:var(--zone-ink);background:0 0;border-color:#0000}.zone-btn-plain:hover span[aria-hidden]{transform:translateY(3px)}.zone-btn:focus-visible{outline-offset:4px;outline:1px solid}.zone-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px;max-width:760px;margin:clamp(34px,6vh,64px) 0 0;display:grid}.zone-hero-facts>div{border-top:1px solid #ffffff38;padding-top:14px}.zone-hero-facts dt{font:400 clamp(26px, 2.6vw, 38px)/1 var(--serif);letter-spacing:-.01em}.zone-hero-facts dd{color:var(--zone-mute);margin:8px 0 0;font-size:12px;line-height:1.6}.zone-hero-note{text-align:left;max-width:25em;font:11px/1.7 var(--mono);letter-spacing:.02em;color:var(--zone-dim);background:#070707e0;border:1px solid #2b2a27;margin:0;padding:9px 12px;position:absolute;bottom:34px;right:5.5%}.zone-hero-note .bi-zh,.zone-hero-note .bi-en{font:inherit}.zone-section{width:min(1280px,89%);margin:0 auto;padding:clamp(72px,11vh,130px) 0 0;scroll-margin-top:20px}.zone-section-head{border-top:1px solid var(--zone-line);gap:20px;margin-bottom:clamp(30px,5vh,56px);padding-top:22px;display:grid}.zone-section-head h2{max-width:18em;font:400 clamp(30px, 4.2vw, 62px)/1.15 var(--serif);letter-spacing:.01em;margin:0}html[data-locale=en] .zone-section-head h2{letter-spacing:-.025em}.zone-demo-body{grid-template-columns:minmax(250px,.52fr) minmax(0,1fr);align-items:start;gap:clamp(26px,4vw,64px);display:grid}.zone-demo-steps{margin:0;padding:0;list-style:none}.zone-demo-steps button{border:0;border-top:1px solid var(--zone-line);width:100%;color:inherit;text-align:left;cursor:pointer;opacity:.46;background:0 0;grid-template-columns:34px 1fr;gap:4px 0;padding:22px 0 24px;transition:opacity .3s;display:grid;position:relative}.zone-demo-steps li:last-child button{border-bottom:1px solid var(--zone-line)}.zone-demo-steps button:hover,.zone-demo-steps button[aria-pressed=true]{opacity:1}.zone-demo-steps button:focus-visible{outline-offset:3px;opacity:1;outline:1px solid}.zone-demo-no{font:11px/2.4 var(--mono);color:var(--zone-dim);grid-row:1/3}.zone-demo-steps strong{font:400 clamp(22px, 2vw, 28px)/1.3 var(--serif);letter-spacing:.02em}.zone-demo-steps small{color:var(--zone-mute);font-size:13px;line-height:1.8}.zone-demo-steps button>i{height:1px;transform:scaleX(var(--zone-progress,0));transform-origin:0;background:#eeede8;position:absolute;top:-1px;left:0;right:0}.zone-demo-screen{background:#0b0b0b;border:1px solid #3b3a36;margin:0}.zone-demo-bar{height:34px;font:10px var(--mono);letter-spacing:.06em;color:var(--zone-dim);border-bottom:1px solid #2b2a27;align-items:center;gap:7px;padding:0 13px;display:flex}.zone-demo-bar i{border:1px solid #77766f;border-radius:50%;width:7px;height:7px}.zone-demo-bar b{text-overflow:ellipsis;white-space:nowrap;margin-left:10px;font-weight:400;overflow:hidden}.zone-demo-screen video{aspect-ratio:16/10;background:#0b0b0b;width:100%;height:auto;display:block}.zone-demo-screen video[hidden]{display:none}.zone-demo-screen figcaption{font:10px/1.6 var(--mono);letter-spacing:.04em;color:var(--zone-dim);border-top:1px solid #2b2a27;padding:11px 13px}.zone-demo-screen figcaption .bi-zh,.zone-demo-screen figcaption .bi-en{font:inherit}.zone-why-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);display:grid}.zone-why-body h3,.zone-limits h3{font:11px/1.5 var(--mono);letter-spacing:.14em;color:var(--zone-dim);margin:0 0 16px}.zone-why-body h3 .bi-zh,.zone-why-body h3 .bi-en,.zone-limits h3 .bi-zh,.zone-limits h3 .bi-en{font:inherit}.zone-why-body p{font:400 clamp(18px, 1.75vw, 24px)/1.75 var(--serif);color:#dddbd3;margin:0}html[data-locale=en] .zone-why-body p{line-height:1.55}.zone-shipped-list{border-bottom:1px solid var(--zone-line);margin:0;padding:0;list-style:none}.zone-shipped-list li{border-top:1px solid var(--zone-line);grid-template-columns:clamp(56px,9vw,150px) 1fr;align-items:baseline;padding:26px 0;transition:padding .4s cubic-bezier(.2,.8,.2,1),background .3s;display:grid}.zone-shipped-list li>span{font:400 clamp(26px, 3vw, 42px)/1 var(--serif);color:#5f5e59;transition:color .3s}.zone-shipped-list p{max-width:40em;margin:0;font-size:clamp(16px,1.45vw,20px);line-height:1.7}@media (hover:hover){.zone-shipped-list li:hover{background:#ffffff06;padding-left:14px}.zone-shipped-list li:hover>span{color:var(--zone-ink)}}.zone-kinds-list{border:1px solid var(--zone-line);border-right:0;grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.zone-kinds-list a{border-right:1px solid var(--zone-line);color:inherit;gap:6px;padding:16px 16px 20px;text-decoration:none;transition:background .25s;display:grid;position:relative}.zone-kinds-list a:hover{background:#ffffff0a}.zone-kinds-list a:focus-visible{outline-offset:-3px;outline:1px solid}.zone-kinds-list strong{font:500 15px/1.4 var(--body)}.zone-kinds-list small{font:10px/1.4 var(--mono);letter-spacing:.06em;color:var(--zone-dim)}html[data-locale=en] .zone-kinds-list small{display:none}.zone-kinds-list b{font:400 13px var(--mono);opacity:0;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:12px;right:12px;transform:translate(-4px,4px)}.zone-kinds-list a:hover b{opacity:1;transform:none}.zone-kind-glyph{aspect-ratio:4/3;color:#eeede8;background-color:#0b0b0b;border:1px solid #3b3a36;margin-bottom:14px;display:block}[data-kind="0"] .zone-kind-glyph{background-image:repeating-linear-gradient(45deg,currentColor 0 6px,#0000 6px 14px)}[data-kind="1"] .zone-kind-glyph{background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-position:16% 28%,16%,16% 72%;background-repeat:no-repeat;background-size:62% 12%,44% 12%,54% 12%}[data-kind="2"] .zone-kind-glyph{background-image:repeating-radial-gradient(circle,currentColor 0 4px,#0000 4px 10px)}[data-kind="3"] .zone-kind-glyph{background-image:radial-gradient(currentColor 34%,#0000 36%),linear-gradient(90deg,#0000,#eeede855);background-size:7px 7px,100% 100%}[data-kind="4"] .zone-kind-glyph{background-image:radial-gradient(circle,#0000 0 34%,#0b0b0b 35%),repeating-linear-gradient(90deg,currentColor 0 4px,#0000 4px 11px)}[data-kind="5"] .zone-kind-glyph{background-image:radial-gradient(circle,currentColor 22%,#0000 24%);background-position:50%;background-size:14px 14px}[data-kind="6"] .zone-kind-glyph{background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(#eeede866,#eeede866);background-position:16% 24%,84% 24%,50% 74%;background-repeat:no-repeat;background-size:30% 26%,30% 26%,68% 22%}.zone-role-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);display:grid}.zone-role-body dl{margin:0}.zone-role-body dl>div{border-top:1px solid var(--zone-line);grid-template-columns:110px 1fr;gap:16px;padding:18px 0;display:grid}.zone-role-body dl>div:last-child{border-bottom:1px solid var(--zone-line)}.zone-role-body dt{color:var(--zone-dim);font-size:12px;line-height:1.9}.zone-role-body dd{margin:0;font-size:15px;line-height:1.8}.zone-stack{flex-wrap:wrap;gap:7px;display:flex}.zone-stack span{font:11px/1.7 var(--mono);color:#c9c7bf;border:1px solid #3b3a36;padding:3px 9px}.zone-limits ul{margin:0;padding:0;list-style:none}.zone-limits li{color:var(--zone-mute);padding:0 0 16px 20px;font-size:14px;line-height:1.85;position:relative}.zone-limits li:before{content:"";background:currentColor;width:8px;height:1px;position:absolute;top:.78em;left:0}.zone-cta{border-top:1px solid var(--zone-line);width:min(1280px,89%);margin:clamp(80px,13vh,150px) auto 0;padding:clamp(46px,8vh,90px) 0 clamp(70px,11vh,130px)}.zone-cta h2{font:400 clamp(44px, 9vw, 150px)/1 var(--serif);letter-spacing:-.03em;margin:0;font-style:italic}@media (width<=1000px){.zone-kinds-list{border-bottom:0;grid-template-columns:repeat(4,minmax(0,1fr))}.zone-kinds-list a{border-bottom:1px solid var(--zone-line);height:100%}}@media (width<=860px){.zone-hero{min-height:calc(100svh - 70px);padding:44px 6% 26px}.zone-hero-stage:after{background:linear-gradient(#07070766 0%,#070707d9 56%,#070707 92%)}.zone-hero-copy{align-self:end}.zone-hero h1{font-size:clamp(76px,25vw,130px)}.zone-hero-facts{gap:0 16px;margin-top:30px}.zone-hero-facts dd{font-size:11px}.zone-hero-note{display:none}.zone-hero-fallback{opacity:.32;width:88%;top:6%;right:6%}.zone-actions{gap:8px}.zone-btn{gap:14px;padding:0 14px}.zone-demo-body,.zone-why-body,.zone-role-body{grid-template-columns:1fr}.zone-demo-screen{order:-1}.zone-demo-steps button{padding:16px 0 18px}.zone-kinds-list{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-role-body dl>div{grid-template-columns:84px 1fr}}.zone-hero-stage:not(.has-webgl)~.zone-hero-note,.zone-hero-stage.no-webgl~.zone-hero-note{display:none}@media (prefers-reduced-motion:reduce){.zone-page *,.zone-page :before,.zone-page :after{transition:none!important;animation:none!important}.zone-hero-note{display:none}}.zone-band{color:inherit;border:1px solid #ffffff2a;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;margin:0 0 clamp(56px,9vh,100px);text-decoration:none;transition:border-color .3s;display:grid}.zone-band:hover{border-color:#fff6}.zone-band:focus-visible{outline-offset:6px;outline:2px solid #f0f0e9}.zone-band-media{background:#0b0b0b;border-right:1px solid #ffffff2a;position:relative;overflow:hidden}.zone-band-media video{object-fit:cover;object-position:left top;filter:saturate(.85);width:100%;height:100%;min-height:260px;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .5s;display:block}.zone-band:hover .zone-band-media video{filter:saturate();transform:scale(1.03)}.zone-band-copy{flex-direction:column;justify-content:space-between;gap:26px;padding:clamp(22px,2.6vw,38px);display:flex}.zone-band-copy .zone-eyebrow{color:#9d9e99}.zone-band-copy h2{font:400 clamp(46px, 6vw, 92px)/.95 var(--serif);letter-spacing:-.03em;margin:16px 0 0}.zone-band-copy p{color:#a9aaa5;max-width:30em;margin:16px 0 0;font-size:14px;line-height:1.85}.zone-band-more{border-top:1px solid #ffffff2a;justify-content:space-between;align-items:center;padding-top:16px;font-size:13px;display:flex}.zone-band-more b{font:300 20px var(--mono);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.zone-band:hover .zone-band-more b{transform:translate(4px,-4px)}@media (width<=860px){.zone-band{grid-template-columns:1fr}.zone-band-media{border-bottom:1px solid #ffffff2a;border-right:0}.zone-band-media video{aspect-ratio:16/10;min-height:0}}
