html,body{background:#fff;margin:0;padding:0}:root{--text:#1d1d1f;--muted:#6e6e73;--bg:#fff;--bg-soft:#f9f9f9;--bg-contact:#f5f5f7;--border:#00000012;--border-strong:#00000026}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif}.site{width:100%;overflow-x:clip}.nav{z-index:50;background:0 0;justify-content:space-between;align-items:center;width:min(1440px,100%);height:60px;padding:9px clamp(24px,6vw,96px);display:flex;position:absolute;top:0;left:50%;overflow:clip;transform:translate(-50%)}.brand{letter-spacing:-.3px;color:#fff;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-style:italic;font-weight:300;line-height:1.15}.cta-pill{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:none;border-radius:22px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-family:Noto Sans SC,sans-serif;font-size:16px;font-weight:700;line-height:1.4;display:inline-flex;overflow:clip}.cta-pill>span{opacity:1}.hero{--hero-lift:0;background:#6dafe6;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100vh;min-height:720px;padding-top:62px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-text{color:#fff;text-align:center;z-index:2;transform:translateY(calc(var(--hero-lift) * 40px));opacity:calc(1 - var(--hero-lift) * .5);will-change:transform, opacity;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-title-cn{letter-spacing:0;flex-direction:column;gap:0;margin:0;font-family:Noto Sans SC,sans-serif;font-size:60px;font-weight:700;line-height:1.3;display:flex}.hero-title-cn span{display:block}.hero-mac{z-index:2;width:100%;height:556px;position:relative;overflow:hidden}.hero-mac-stack{pointer-events:none;will-change:transform, opacity;transform:translateY(calc(var(--hero-lift) * -60px));opacity:calc(1 - var(--hero-lift) * .35);position:absolute;inset:0}.hero-layer{pointer-events:none;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.hero-layer-shot{width:2700px;height:746.471px;bottom:-250.59px}.hero-layer-bezel{width:2700px;height:873.529px;bottom:-377.65px}.hero-shot,.hero-bezel{pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}.mac-frame{aspect-ratio:3400/1100;transform-origin:top;width:1100px;position:relative}.mac-frame .mac-shot,.mac-frame .mac-bezel{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.mac-frame .mac-bezel{pointer-events:none}.section-head{flex-direction:column;gap:19px;width:100%;max-width:1248px;margin:0 auto;display:flex}.section-head .eyebrow{letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.section-head h2{letter-spacing:-.8px;color:var(--text);margin:0;font-size:56px;font-weight:600;line-height:1.08}.section-head .sub{color:var(--muted);margin:0;font-family:Noto Sans SC,sans-serif;font-size:16px;font-weight:400;line-height:1.45}.works-head .works-eyebrow{letter-spacing:0;text-transform:none;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.1}.works-head .works-title-cn{letter-spacing:-.8px;font-family:Noto Sans SC,sans-serif;font-size:56px;font-weight:700;line-height:1.3}.products-head{align-items:flex-start;gap:20px}.products-head h2{font-family:PingFang SC,Noto Sans SC,sans-serif;font-weight:600;line-height:1.08}.products-head .sub{white-space:nowrap}@media (width<=900px){.products-head .sub{white-space:normal}}.works{background:var(--bg-soft);flex-direction:column;align-items:center;gap:40px;padding:72px 96px;display:flex;overflow-x:clip}.cards-viewport{width:100%;max-width:1248px}.cards-track{gap:40px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex}.card{border:1px solid var(--border);isolation:isolate;background:#fff;border-radius:28px;flex-direction:column;flex:0 0 780px;gap:20px;width:780px;height:500px;transition:opacity .22s;display:flex;overflow:hidden}.card-dim{opacity:.1}.card-title{flex-direction:column;align-items:flex-start;gap:12px;padding:40px 40px 12px;display:flex}.card-title-line{letter-spacing:0;color:var(--text);white-space:nowrap;margin:0;font-family:Noto Sans SC,sans-serif;font-size:30px;font-weight:700;line-height:1.3}.card-desc-line{color:var(--muted);margin:0;font-family:Noto Sans SC,sans-serif;font-size:14px;font-weight:400;line-height:1}.card-shot{flex:1 0 0;width:100%;min-height:0;position:relative;overflow:hidden}.card-desktop{width:1900px;height:525.294px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.card-shot-img,.card-bezel{pointer-events:none;width:1900px;height:auto;position:absolute;top:0;left:0}.carousel-controls{justify-content:flex-end;gap:20px;width:100%;max-width:1248px;display:flex}.round-btn{cursor:pointer;width:60px;height:60px;color:var(--text);background:#fff;border:none;border-radius:40px;justify-content:center;align-items:center;padding:10px;transition:opacity .2s,transform .2s;display:inline-flex}.round-btn .sf-icon{width:30px;height:30px;display:block}.round-btn:disabled{opacity:.4;cursor:not-allowed}.round-btn:not(:disabled):hover{transform:translateY(-1px)}.products{box-sizing:border-box;background:linear-gradient(#fff 0%,#d2edff 100%);flex-direction:column;justify-content:space-between;align-items:center;gap:0;width:100%;height:734px;padding:72px 0 0;display:flex;overflow-x:clip}.products-mac{width:100%;height:511.452px;position:relative;overflow:hidden}.products-desktop{width:1580px;height:511.176px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.products-shot,.products-bezel{pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}.products-dot{pointer-events:none;background:#16dc3b;border-radius:50%;width:3.95px;height:3.95px;position:absolute;top:33.57px;left:calc(50% + 15.8px);transform:translate(-50%)}.contact{background:var(--bg-contact);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px clamp(24px,5vw,96px);display:flex}.contact-inner{box-sizing:border-box;flex-direction:column;align-items:center;gap:49px;width:100%;max-width:760px;margin:0 auto;display:flex}.contact-copy{box-sizing:border-box;flex-direction:column;align-self:stretch;align-items:stretch;gap:33px;width:100%;padding:0;display:flex}.contact-eyebrow{letter-spacing:1.2px;width:100%;color:var(--muted);text-transform:none;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.contact-headlines{flex-direction:column;align-items:stretch;gap:20px;width:100%;display:flex}.contact h2,.contact-title-cn{letter-spacing:-.8px;width:auto;margin:0;font-family:Noto Sans SC,sans-serif;font-size:56px;font-weight:600;line-height:1.3}.contact-title-cn{text-align:center;white-space:normal;align-self:center;width:max-content;max-width:100%;display:block}.contact-desc{width:100%;max-width:none;color:var(--muted);margin:0;font-family:Noto Sans SC,sans-serif;font-size:20px;font-weight:400;line-height:1.45}.contact-email{letter-spacing:1.2px;color:#000;text-align:center;background:#fff;border:none;border-radius:24px;justify-content:center;align-items:center;height:auto;padding:13px 24px;font-family:Inter,Noto Sans SC,sans-serif;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none;transition:transform .15s,background-color .2s,color .2s;display:inline-flex}.contact-email:hover{color:#fff;background:#12a2ff;transform:translateY(-1px)}.footer{border-top:1px solid var(--border);background:#fff;flex-direction:column;gap:0;padding:92px 92px 20px;display:flex;position:relative}.footer-grid{align-items:start;gap:40px;width:max-content;margin-bottom:100px;display:flex}.footer-grid .col-brand{flex-direction:column;gap:12px;width:220px;margin-right:40px;display:flex}.footer-grid .col{color:var(--muted);font-family:Inter,sans-serif;font-size:12px;line-height:1.4}.footer-grid .col-brand .col-title,.footer-grid .col-brand .col-desc{font-family:Noto Sans SC,sans-serif}.footer-grid .col-title{color:var(--text);margin:0;font-size:16px;font-weight:700}.footer-grid .col-desc{width:220px;margin:0;font-size:12px;font-weight:400;line-height:1.5}.footer-grid .col-head{color:#000;margin:0;font-weight:500}.footer-grid .col-links{flex-direction:column;gap:12px;display:flex}.footer-grid .col-links p{line-height:1.4}.footer-grid .col-links p+p{color:var(--muted)}.footer-grid .col-links a{color:var(--muted);line-height:1.4;text-decoration:none}.footer-grid .col-links a:hover{color:var(--text)}.footer-grid .col-links:first-of-type{width:106px}.footer-grid .col-links:last-of-type{width:59px}.footer-grid .col p{margin:0}.footer-divider{background:var(--border);height:1px;margin:0 0 21px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;font-family:Inter,sans-serif;font-size:12px;line-height:1.4;display:flex}.footer-copy{color:#9ca3af}.footer-bottom-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.footer-lang-wrap{position:relative}.footer-lang-trigger{cursor:pointer;color:#000;background:0 0;border:none;padding:0;font-family:Inter,Noto Sans SC,sans-serif;font-size:12px;font-weight:400}.footer-meta-sep{background:0 0;width:1px;height:12px}.footer-meta-link{color:#9ca3af;text-decoration:none}.footer-meta-link:hover{color:var(--text)}.footer-lang-menu{z-index:10;background:#fff;border:.5px solid #f3f3f3;border-radius:8px;flex-direction:column;gap:4px;width:120px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 2px 30px #00000014}.footer-lang-option{cursor:pointer;color:#000;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;width:100%;padding:6px;font-family:Inter,Noto Sans SC,sans-serif;font-size:12px;transition:background-color .12s;display:flex}.footer-lang-option:hover{background:#f8f8f8}.footer-lang-option-active{background:0 0}.footer-lang-option-active:hover{background:#f8f8f8}.footer-lang-check{flex:0 0 18px;width:18px;height:18px;display:block}.footer-lang-check-spacer{flex:0 0 18px;width:18px;height:18px}