:root{--ink:#1d1d1f;--muted:#85858a;--blue:#0071e3;--line:#e6e6e9;--paper:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #7dbaff;outline-offset:5px}button:disabled{cursor:default;opacity:.35}[hidden]{display:none!important}.wrap{max-width:1160px;margin:auto;padding-left:44px;padding-right:44px}.skip{position:fixed;top:-60px;left:20px;background:white;z-index:100;padding:14px}.skip:focus{top:10px}.nav{position:sticky;top:0;z-index:20;border-bottom:1px solid #e6e6e980;background:#fafafae0;backdrop-filter:blur(20px)}.nav-inner{max-width:1160px;height:70px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:29px;font-weight:750;letter-spacing:-1.6px}.brand span,.about-signature span{color:var(--blue)}.nav nav{display:flex;align-items:center;gap:35px;font-size:13px;color:#6c6c73}.nav nav a:hover,.nav nav .active{color:#1d1d1f}.nav-note{font-size:12px;color:#99999f;letter-spacing:1px}.menu-toggle{display:none}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;color:#8d8d95;margin:0 0 20px}.hero{padding-top:74px;text-align:center;overflow:hidden}.hero h1{font-size:clamp(44px,5.6vw,70px);font-weight:680;letter-spacing:-3.6px;line-height:1.22;margin:0}.hero h1 span{color:#8d8d95}.hero-copy{font-size:16px;line-height:1.9;color:#797980;margin:26px 0}.pill{display:inline-flex;align-items:center;gap:25px;background:var(--blue);color:white;border-radius:25px;padding:12px 22px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.pill:hover{background:#0077ed;transform:translateY(-2px)}.hero-object{position:relative;height:350px;max-width:620px;margin:25px auto 0;display:flex;align-items:center;justify-content:center;perspective:1200px}.orb{position:absolute;border-radius:50%;filter:blur(14px);pointer-events:none}.orb-one{width:260px;height:230px;left:85px;top:30px;background:radial-gradient(circle at 45% 30%,#d9e8ff 0,#cbdcff9c 40%,#edf2ff00 70%)}.orb-two{width:240px;height:230px;right:60px;bottom:0;background:radial-gradient(circle,#e4ddfa88,#ece8f200 70%)}.glass-tile{position:relative;width:420px;height:262px;padding:23px 25px;border-radius:26px;background:linear-gradient(120deg,#ffffffc4,#f9fafde0);border:1px solid white;box-shadow:0 35px 60px -32px #61779e66,inset 0 0 0 1px #ffffffc4;transform:rotateX(10deg) rotateY(-12deg) rotateZ(-5deg);text-align:left;transition:transform .5s}.hero-object:hover .glass-tile{transform:rotateX(5deg) rotateY(-8deg) rotateZ(-3deg)}.tile-top,.tile-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#8e929c}.tile-dot{background:#5698f3;width:6px;height:6px;border-radius:50%;margin-right:9px}.tile-top span:nth-child(2){margin-right:auto}.tile-symbol{font-size:117px;font-weight:650;line-height:1.38;letter-spacing:-9px;color:#242731}.tile-symbol span{color:#6099e9}.tile-bottom{border-top:1px solid #e7eaf0;padding-top:17px;font-size:10px}.tile-bottom span:last-child{font-size:20px}.floating-note{position:absolute;right:6px;bottom:49px;display:flex;gap:16px;align-items:center;padding:15px 21px;background:#ffffffdc;border:1px solid #fff;border-radius:16px;box-shadow:0 9px 35px #56688213;text-align:left;font-size:12px;line-height:1.8;transform:rotate(4deg)}.floating-note div span{font-size:10px;color:#8f9097}.note-icon{font-size:34px;color:#b2bccd}.hero-bottom{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0 30px;font-size:9px;letter-spacing:1.5px;color:#a2a2a9;text-align:left}.hero-bottom a{font-size:11px;letter-spacing:0;color:#808088}.hero-bottom a span{margin-left:14px}.projects{padding-top:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:35px;font-weight:640;letter-spacing:-1.3px;line-height:1.35;margin:0}h2 span{color:#909096}.section-heading>p{font-size:12px;color:#919198;margin-bottom:5px}.project-feature{display:grid;grid-template-columns:1fr 1.05fr;min-height:430px;border-radius:28px;overflow:hidden;background:#101116;color:white;transition:box-shadow .3s}.project-feature:hover{box-shadow:0 24px 60px #10111620}.project-copy{padding:52px 0 48px 43px}.project-label{font-size:9px;letter-spacing:1.7px;color:#737981}.project-copy h3{font-size:36px;font-weight:600;letter-spacing:-1.2px;line-height:1.4;margin:33px 0 21px}.project-copy h3 span{color:#b0b4bf}.project-copy p{font-size:12px;line-height:1.9;color:#9399a7}.text-link{display:inline-block;font-size:13px;color:#9ac4ff;margin-top:30px}.text-link span{margin-left:20px}.device-scene{position:relative;display:flex;justify-content:center;align-items:center;perspective:1400px;background:radial-gradient(ellipse at 70% 60%,#313540 0,#101116 65%);padding:25px}.device{padding:12px;background:linear-gradient(135deg,#eeeae1,#d6d6d4 50%,#f5f3ee);border:1px solid #bcbdbb;border-radius:9px;box-shadow:inset 0 0 0 2px #ffffff60,0 12px 30px #0002}.feature-device{width:330px;transform:rotateY(-17deg) rotateZ(7deg);box-shadow:15px 25px 45px #0007;transition:transform .5s}.project-feature:hover .feature-device{transform:rotateY(-10deg) rotateZ(5deg)}.screen{color:#44473d;padding:20px;background:#ebece2;border:1px solid #afb3a4;aspect-ratio:4/3;box-shadow:inset 0 0 7px #60655514;font-family:"Courier New","PingFang SC","Microsoft YaHei",monospace}.screen-head{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:600}.screen-head span:last-child{font-size:8px;font-weight:400}.screen-clock{font-size:57px;font-weight:bold;line-height:1.4;letter-spacing:-5px;margin-top:6px}.screen-date{font-size:9px}.screen-weather{display:flex;align-items:center;gap:10px;padding:17px 0 15px;margin-top:15px;border-top:1px solid #8e9182;border-bottom:1px solid #8e9182}.screen-weather>span:first-child{font-size:28px;font-weight:bold;letter-spacing:-1px}.deg{font-size:23px}.screen-weather>div{font-size:11px;line-height:1.8}.screen-weather small{font-size:7px}.screen-weather .sun-symbol{margin-left:auto;font-size:22px}.screen-foot{display:flex;justify-content:space-between;font-size:7px;margin-top:14px}.scene-caption{position:absolute;bottom:29px;right:29px;font-size:8px;letter-spacing:1.6px;color:#727986}.project-notes{display:flex;align-items:center;gap:16px;margin-top:21px;padding:24px 26px;background:#f0f0f2;border-radius:16px}.small-star{font-size:25px;color:#a7a7ae}.project-notes p{font-size:13px;color:#707078;margin:0}.project-notes>span:last-child{font-size:8px;letter-spacing:1.6px;color:#a3a3ab;margin-left:auto}.about{padding-top:105px;padding-bottom:95px}.about-body{display:grid;grid-template-columns:1.25fr 1fr;gap:50px}.about-body h2{font-size:34px;line-height:1.5}.about-body>div p{font-size:13px;color:#83838b;line-height:1.8;margin:6px 0 12px}.about-signature{display:inline-block;font-size:37px;letter-spacing:-3px;font-weight:600;margin-top:20px}.footer{border-top:1px solid var(--line);height:90px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#95959b}.footer .brand{font-size:24px;color:#48484d}.epaper-main{padding-top:39px}.back-link{font-size:11px;color:#85858c}.epaper-heading{text-align:center;margin:47px 0}.epaper-heading h1{font-size:54px;letter-spacing:-2px;font-weight:650;margin:0}.epaper-heading h1 span{color:#919198}.epaper-heading>p:last-child{font-size:14px;color:#83838b;margin:20px 0 0}.control-workspace{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #ededf0;border-radius:26px;overflow:hidden;background:#fff}.preview-side{padding:30px 35px 35px;background:linear-gradient(145deg,#eff0f3,#f7f7f8);display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-caption{display:flex;justify-content:space-between;width:100%;font-size:11px;color:#8a8a92;align-items:center}.preview-badge{font-size:9px;border:1px solid #d8d8df;padding:4px 8px;border-radius:6px}.control-device{width:100%;max-width:378px;margin:42px 0 23px;transform:rotate(-3deg);box-shadow:0 24px 40px -25px #3f455366}.control-device .screen{padding:22px}.control-device .screen-clock{font-size:69px}.control-device .screen-head{font-size:10px}.control-device .screen-date{font-size:10px}.control-device .screen-weather{margin-top:18px;padding:18px 0}.control-device .screen-weather>span:first-child{font-size:34px}.control-device .screen-weather>div{font-size:13px}.control-device .screen-weather small{font-size:8px}.preview-description{font-size:10px;color:#a0a0a8;line-height:1.6;text-align:center;margin:0}.control-side{padding:35px 35px 40px}.control-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.control-top .eyebrow{font-size:8px;margin:0;letter-spacing:1.4px}.device-status{font-size:9px;color:#96969e;display:flex;align-items:center;gap:5px}.device-status i{width:5px;height:5px;background:#b5b5bb;border-radius:50%}.control-side h2{font-size:31px;line-height:1.5;margin:26px 0 31px}.control-group{margin-top:24px}.control-group label{display:block;font-size:11px;color:#74747c;margin-bottom:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f0f0f2;border-radius:12px}.segmented button{border:0;background:transparent;border-radius:9px;font-size:12px;padding:12px;color:#8b8b93;transition:background .2s,color .2s,box-shadow .2s}.segmented button.selected{background:white;color:#1d1d1f;box-shadow:0 2px 6px #00000009}.control-result{font-size:11px;color:#537594;margin-top:21px}.control-hint{font-size:11px;line-height:1.9;color:#a0a0a8;margin:14px 0 0}.connection-link{display:block;color:var(--blue);font-size:11px;margin-top:28px}.connection-link span{margin-left:9px}.pagination{display:flex;align-items:center;justify-content:space-between;background:#f6f6f8;border-radius:10px;padding:5px}.pagination button{border:0;background:#fff;border-radius:8px;font-size:16px;width:35px;height:35px;color:#55555d}.pagination span{font-size:11px;color:#7f7f86;font-variant-numeric:tabular-nums}.sports-preview .screen-head{padding-bottom:12px;border-bottom:1px solid #8e9182}.sports-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:11px}.sports-columns>div+div{border-left:1px solid #b3b7a9;padding-left:13px}.sports-columns h4{margin:0 0 8px;font-size:11px}.match{padding:5px 0 8px;border-bottom:1px solid #c1c4b5}.match span,.match small{display:block;font-size:8px;line-height:1.8}.match strong{font-size:22px}.match small{font-size:7px;color:#7f8374}.project-details{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:55px 0 70px}.project-details>div>span{font-size:9px;letter-spacing:1px;color:#a0a0a8}.project-details h3{font-size:17px;font-weight:600;margin:14px 0 12px}.project-details p{font-size:12px;line-height:1.9;color:#8c8c94;margin:0}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@media(min-width:1400px){.hero{padding-top:100px}.hero-object{height:390px}}@media(max-width:760px){.wrap{padding-left:25px;padding-right:25px}.nav-inner{height:61px;padding:0 25px}.nav-note{display:none}.nav nav{gap:23px;font-size:12px}.hero{padding-top:60px}.hero h1{font-size:47px;letter-spacing:-2.7px}.hero-copy{font-size:14px;margin:23px 0}.hero-object{height:300px;margin-top:20px}.glass-tile{width:330px;height:222px;padding:20px}.tile-symbol{font-size:95px}.floating-note{bottom:27px;right:0;padding:12px 15px;font-size:10px}.floating-note div span{font-size:8px}.note-icon{font-size:27px}.hero-bottom{padding-bottom:23px}.hero-bottom>span{font-size:7px}.projects{padding-top:60px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{display:none}h2{font-size:28px}.project-feature{grid-template-columns:1fr;min-height:0}.project-copy{padding:32px 28px 15px}.project-copy h3{font-size:31px;margin:22px 0 15px}.text-link{margin-top:17px}.device-scene{min-height:315px;padding:26px 26px 52px}.feature-device{width:300px}.scene-caption{bottom:20px;right:25px}.project-notes{padding:19px;gap:12px}.project-notes p{font-size:11px}.project-notes>span:last-child{font-size:6px;letter-spacing:.5px}.about{padding-top:65px;padding-bottom:55px}.about-body{grid-template-columns:1fr;gap:26px}.about-body h2{font-size:28px}.about-body>div p{font-size:12px}.footer{height:80px;font-size:9px}.epaper-main{padding-top:25px}.epaper-heading{margin:35px 0}.epaper-heading h1{font-size:37px;letter-spacing:-1.7px}.epaper-heading>p:last-child{font-size:12px;line-height:1.8}.control-workspace{grid-template-columns:1fr}.preview-side{padding:23px 25px 26px}.control-device{max-width:340px;margin:29px 0 25px}.control-device .screen{padding:18px}.control-device .screen-clock{font-size:62px}.control-side{padding:27px 27px 31px}.control-side h2{font-size:29px;margin:21px 0 25px}.control-hint{font-size:12px}.project-details{grid-template-columns:1fr;gap:27px;margin:43px 0 55px}.project-details>div{display:grid;grid-template-columns:25px 1fr;gap:3px 14px}.project-details>div>span{grid-row:span 2;padding-top:4px}.project-details h3{margin:0 0 8px}.project-details p{font-size:12px}}@media(max-width:400px){.hero h1{font-size:40px}.nav nav{gap:17px}.glass-tile{width:275px;height:208px}.tile-symbol{font-size:84px}.floating-note{right:-5px}.control-device .screen-clock{font-size:53px}.control-device .screen-weather>div{font-size:11px}.screen-weather small{font-size:7px!important}.sports-columns{gap:8px}.sports-columns>div+div{padding-left:8px}.match span{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js-motion .reveal{opacity:1;transform:none}}