:root{--paper:#fafafa;--white:#fff;--ink:#121214;--muted:#77777c;--green:#111113;--dark:#080809;--lime:#fff;--line:#e1e1e4;--radius:22px}
body{background:#fafafa;color:#121214}.brand{width:181px;height:33px;display:block;position:relative}.brand .brand-lockup{width:181px;height:33px;object-fit:contain;object-position:left center;max-width:none}.brand-name{display:none}.site-header{height:82px;background:#fafafaf2;border-color:#e6e6e8}.main-nav>a,.nav-disclosure>summary{font-size:12px;color:#69696f}.main-nav{gap:28px}.header-cta{border-color:#d4d4d8;font-size:11px;padding:8px 16px;border-radius:50px}.btn{background:#141416;color:white;border-radius:50px;padding:14px 26px;min-height:51px}.btn:hover{background:#353538}.btn.secondary{border-color:#cfcfd4;background:transparent;color:#222226}.btn.secondary:hover{background:#eeeeef}.btn.light{background:#fff;color:#111}.btn.light:hover{background:#e5e5e8}.eyebrow{color:#8a8a91;font-size:10px;letter-spacing:.12em}.eyebrow:before{width:5px;height:5px}.text-link{font-size:13px;gap:22px;color:#333338}.quiet{color:#98989e}.section-title{font-weight:600;letter-spacing:-.05em}.home .site-header{background:#080809f2;border-bottom-color:#252528;color:#fafafa}.home .site-header .brand img{filter:invert(1)}.home .main-nav>a,.home .nav-disclosure>summary{color:#a6a6ad}.home .header-cta{border-color:#414147;color:#ededf1}.home .nav-panel{background:#171719;border-color:#333338;color:#eee}.home .nav-panel a:hover{background:#242428}.home .nav-panel img{filter:none}.home .nav-panel small{color:#9b9ba1}.home .mobile-nav{background:#111113;color:white}.home .mobile-nav>a{border-color:#333338}.home .site-header .icon-btn{color:#ececf0}
.brand-hero{background:#080809;color:#fff;overflow:hidden;position:relative}.hero-v2-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:0;align-items:center;min-height:595px;padding-block:45px}.hero-v2-copy{position:relative;z-index:2;padding-bottom:20px}.hero-v2-eyebrow{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.16em;color:#8b8b93;margin-bottom:31px}.hero-v2-eyebrow>span{width:5px;height:5px;background:#e1e1e8;border-radius:50%}.hero-v2-copy h1{font-size:clamp(54px,6.25vw,89px);font-weight:650;letter-spacing:-.06em;line-height:1.21}.hero-v2-copy h1>span{color:#98989f}.hero-v2-copy>p{font-size:13px;line-height:1.95;color:#92929b;margin-top:25px}.hero-v2-copy .actions{gap:13px;margin-top:32px}.hero-v2-copy .btn{background:#f8f8fa;color:#111}.hero-v2-copy .btn:hover{background:#d6d6db}.hero-v2-copy .btn.secondary{background:transparent;color:#e5e5ea;border-color:#45454b}.hero-v2-copy .btn.secondary:hover{background:#222225}.hero-v2-note{font-size:8px;letter-spacing:.16em;color:#606069;margin-top:45px}.hero-v2-art{height:490px;position:relative;isolation:isolate}.hero-v2-halo{position:absolute;inset:5% -20% -8% -25%;background:radial-gradient(ellipse at 55% 52%,#77778028,transparent 58%);z-index:-1}.xs-metal{position:absolute;left:-4%;top:8%;width:118%;height:75%;background:linear-gradient(158deg,#fafaff 0,#e9e9f0 22%,#777780 39%,#fafaff 49%,#a7a7b1 57%,#fefeff 69%,#62626b 86%,#cfcfd8 100%);mask:var(--xs-display-mask) center/contain no-repeat;-webkit-mask:var(--xs-display-mask) center/contain no-repeat;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 16px 1px #55555f) drop-shadow(0 35px 25px #000);transform:perspective(900px) rotateY(-13deg) rotateX(11deg) rotateZ(-5deg);animation:xsHover 9s ease-in-out infinite}.xs-shadow{position:absolute;left:12%;right:0;bottom:6%;height:10%;border-radius:50%;background:#000;filter:blur(15px);opacity:.8}.art-v2-caption{position:absolute;right:3%;bottom:3%;font-size:8px;letter-spacing:.13em;color:#52525c}.hero-v2-index{border-top:1px solid #28282e;display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px;margin-top:5px}.hero-v2-index a{display:flex;align-items:center;gap:16px;padding-left:30px;border-right:1px solid #29292e;color:#e9e9ee;font-size:12px}.hero-v2-index a:first-child{padding-left:0}.hero-v2-index a:last-child{border:0}.hero-v2-index img{width:32px;height:32px;border-radius:9px;filter:grayscale(1);opacity:.85;transition:filter .3s,opacity .3s}.hero-v2-index a:hover img{filter:grayscale(0);opacity:1}.hero-v2-index small{display:block;color:#6b6b75;font-size:9px;margin-top:2px}.hero-v2-index .arrow{margin-left:auto;margin-right:25px;color:#777781}.story-v2{display:grid;grid-template-columns:.4fr 1fr;gap:50px;align-items:start}.story-v2 .eyebrow{margin-top:12px}.story-v2 h2{font-size:clamp(31px,3.8vw,51px);line-height:1.4;font-weight:550;letter-spacing:-.055em}.story-v2 h2>span{color:#99999f}.story-v2 p{font-size:14px;line-height:2;margin-top:25px}.story-v2 .text-link{margin-top:20px}.family-v2{background:#f0f0f2}.showcase-v2{margin-top:65px}.showcase-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}.product-v2-label{color:#96969d;letter-spacing:.12em;font-size:9px;margin-bottom:20px}.showcase-heading h3,.tice-copy-v2 h3{font-size:38px;font-weight:650;letter-spacing:-.045em}.showcase-heading>div>p{font-size:18px;color:#9999a0;margin-top:12px}.showcase-summary>p{font-size:13px;line-height:1.9}.showcase-summary .text-link{margin-top:15px;font-size:12px}.music-screen-v2{position:relative;background:#121214;border:1px solid #242428;border-radius:17px;padding:35px 42px 42px;overflow:hidden}.screen-bar{display:flex;gap:6px;align-items:center;margin-bottom:25px}.screen-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#53535c}.screen-bar span{margin-left:auto;font-size:8px;letter-spacing:.13em;color:#64646c}.music-screen-v2>img{width:100%;border-radius:9px;border:1px solid #45454b;box-shadow:0 20px 50px #0008}.screen-note{font-size:8px;letter-spacing:.08em;color:#85858e;display:block;text-align:right;margin-top:20px}.showcase-tice{display:grid;grid-template-columns:.83fr 1.17fr;gap:60px;align-items:center;padding-top:90px;padding-bottom:50px;border-top:1px solid #d7d7dd}.tice-copy-v2 h3{font-size:28px;margin-bottom:27px}.tice-copy-v2 h4{font-size:52px;font-weight:550;letter-spacing:-.05em;line-height:1.28;margin-bottom:25px}.tice-copy-v2>p{font-size:13px;line-height:2}.product-v2-status{display:block;font-size:10px;color:#a0a0a6;margin-top:23px;margin-bottom:13px}.phone-stage-v2{height:520px;display:flex;position:relative;align-items:flex-start;justify-content:center;gap:20px;background:linear-gradient(135deg,#e8e8eb,#f9f9fa);border-radius:20px;overflow:hidden;padding-top:45px}.phone-stage-v2 img{width:35%;border-radius:26px;box-shadow:0 22px 45px #0002;border:5px solid #1b1b20;transform:rotate(-6deg)}.phone-stage-v2 img+img{transform:translateY(45px) rotate(6deg)}.phone-stage-v2 .screen-note{position:absolute;right:25px;bottom:17px;color:#8b8b95;max-width:90%;font-size:8px}.showcase-run{padding-top:70px;border-top:1px solid #d7d7dd}.run-stage-v2{position:relative;overflow:hidden;background:#e4e4e8;border-radius:18px;padding:50px 55px 25px}.run-stage-v2 img{width:100%;border-radius:9px;box-shadow:0 16px 35px #0002;transform:perspective(1400px) rotateX(4deg)}.run-stage-v2 .screen-note{color:#8b8b95}.connection-v2{background:#0b0b0d;color:#fafafa;overflow:hidden}.connection-v2-heading{position:relative;text-align:center;max-width:800px;margin:auto}.connection-v2-heading .eyebrow{justify-content:center;color:#777781}.connection-v2-heading h2{font-size:clamp(41px,4.7vw,66px);font-weight:550;letter-spacing:-.055em;line-height:1.3}.connection-v2-heading h2>span{color:#92929c}.connection-v2-heading p{font-size:14px;line-height:1.95;margin-top:25px;color:#7c7c87}.connection-v2-heading .text-link{color:#dddde5;margin-top:25px}.ecosystem-v2-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #303037;margin-top:65px}.ecosystem-v2-link{display:block;padding:38px 28px 0;border-right:1px solid #303037}.ecosystem-v2-link:first-child{padding-left:0}.ecosystem-v2-link:last-child{border:0}.ecosystem-v2-link .num{font-size:9px;letter-spacing:.12em;color:#5c5c67;display:block;margin-bottom:22px}.ecosystem-v2-link>div{display:flex;align-items:center;gap:16px;margin-bottom:20px}.ecosystem-v2-link img{width:44px;height:44px;border-radius:12px}.ecosystem-v2-link h3{font-size:25px;font-weight:550}.ecosystem-v2-link>p{font-size:12px;color:#777783;line-height:1.95;min-height:72px}.ecosystem-v2-link .text-link{color:#b3b3bd;font-size:11px;margin-top:17px;border-color:#45454e}.scene-card,.scene-card:first-child .scene-art,.scene-card:nth-child(2) .scene-art{background:#f0f0f2}.scene-card{border-color:#e2e2e6}.scene-copy h3{font-weight:600}.scene-card .scene-art{background:#e5e5e9}.scene-copy p{color:#96969e}.circle-arrow{border-color:#cfcfd5}.journal-art.a1,.journal-art.a2,.journal-art.a3{background:#f0f0f2}.journal-art.a1>img{width:160px;height:auto;transform:none}.journal-art.a2>img,.journal-art.a3>img{transform:none}.journal-card h3{font-weight:550}.journal-card .text-link{border-color:#c2c2c9}.cta-panel{padding-block:85px}.cta-panel h2{font-weight:600;letter-spacing:-.05em}.site-footer{background:#eeeef0}.footer-col a{color:#888892}.footer-brand p{color:#888892}.footer-wordmark{color:#ddddE1;font-weight:650}.footer-bottom{border-color:#d7d7dd;color:#8e8e98}.page-hero .display{font-weight:650;letter-spacing:-.055em}.page-hero .lead{font-size:15px;line-height:2;color:#888892}.page-hero{padding-top:65px;padding-bottom:75px}.hero-brand{background:#ececef!important}.hero-brand:before,.hero-brand:after{border-color:#d5d5dc}.notice{background:#f0f0f3;border-color:#85858f;color:#777781}.tags span{color:#8a8a94;border-color:#d7d7dd}.badge{background:#f1f1f3;border-color:#d8d8de;color:#777781}.filter-btn[aria-pressed=true]{background:#141416;border-color:#141416}.filter-btn{border-color:#d3d3d9}.product-card .card-art,.product-card.tongxue .card-art,.product-card.run .card-art{background:#eeeef1}.brand-showcase{background:#f0f0f3}.brand-showcase>.brand-combination{width:min(640px,100%);height:auto;border-radius:0}.brand-showcase strong,.brand-showcase small{display:none}.network-core{background:#232328;border-color:#50505a;box-shadow:0 0 80px #ffffff08}.network-core img{width:75%;height:auto}.network-node{background:#25252b;border-color:#484852}.network:before,.network:after{border-color:#55556070}.network-note{color:#7b7b88}.dark-section p{color:#a4a4ae}.copy-box{background:#f0f0f3}.copy-box code{color:#333338}.copy-box button{border-color:#d5d5dd}.info-card{border-top-color:#c8c8d0}.info-card .num{color:#a2a2ad}.directory-link .num{color:#ababB5}.side-nav a{color:#93939e}.side-nav a:hover{color:#222226}.compare-table th{background:#f0f0f3}.wide-visual{background:#ededf1!important}.back-top{background:#fafafaf0;border-color:#d4d4dc}.search-dialog{background:#fafafa}.search-dialog::backdrop{background:#08080b88}.search-dialog input{border-color:#bcbcc8}.display em,.statement em{color:#111113}.brand-samples{display:grid;grid-template-columns:1fr 1fr;gap:22px}.brand-sample{border:1px solid #e0e0e6;min-height:220px;border-radius:18px;display:grid;place-items:center;background:#fff;padding:35px}.brand-sample.dark{background:#101013;border-color:#101013}.brand-sample img{width:min(330px,90%);max-height:130px;object-fit:contain}.brand-sample.dark img{filter:invert(1)}
@keyframes xsHover{0%,100%{transform:perspective(900px) rotateY(-13deg) rotateX(11deg) rotateZ(-5deg) translateY(0)}50%{transform:perspective(900px) rotateY(-8deg) rotateX(7deg) rotateZ(-3deg) translateY(-10px)}}
@media(max-width:1100px){.hero-v2-grid{min-height:560px}.hero-v2-copy h1{font-size:68px}.hero-v2-art{height:430px}.hero-v2-copy>p{font-size:12px}.hero-v2-copy .btn{font-size:12px;padding:12px 21px;gap:23px}.showcase-tice{gap:40px}.phone-stage-v2{height:445px}.tice-copy-v2 h4{font-size:46px}.ecosystem-v2-link h3{font-size:22px}.main-nav{gap:22px}}
@media(max-width:850px){.site-header{height:74px}.mobile-nav{top:74px}.hero-v2-grid{grid-template-columns:1.05fr 1fr;min-height:495px;padding-block:38px}.hero-v2-copy h1{font-size:53px}.hero-v2-eyebrow{font-size:7px;margin-bottom:25px}.hero-v2-art{height:365px}.hero-v2-copy>p{font-size:11px;line-height:1.95}.hero-v2-copy .actions{gap:10px;margin-top:27px}.hero-v2-copy .btn{padding:11px 17px;min-height:45px;font-size:11px;gap:16px}.hero-v2-note{font-size:7px;margin-top:32px}.hero-v2-index{padding-block:21px}.hero-v2-index a{padding-left:18px;gap:11px;font-size:11px}.hero-v2-index img{width:28px;height:28px}.hero-v2-index small{font-size:8px}.hero-v2-index .arrow{margin-right:17px}.story-v2{grid-template-columns:.35fr 1fr;gap:30px}.story-v2 h2{font-size:35px}.story-v2 p{font-size:12px}.showcase-heading h3{font-size:32px}.showcase-heading>div>p{font-size:16px}.showcase-summary>p{font-size:12px}.showcase-tice{gap:30px;padding-top:65px}.tice-copy-v2 h3{font-size:24px}.tice-copy-v2 h4{font-size:39px}.tice-copy-v2>p{font-size:12px}.phone-stage-v2{height:380px;gap:13px;padding-top:36px}.phone-stage-v2 img{border-radius:20px;border-width:4px;width:37%}.ecosystem-v2-link{padding-left:19px;padding-right:19px}.ecosystem-v2-link h3{font-size:19px}.ecosystem-v2-link>p{font-size:11px}.ecosystem-v2-link img{width:35px;height:35px}.ecosystem-v2-link>div{gap:11px}.run-stage-v2{padding:35px 35px 22px}.music-screen-v2{padding:25px 27px 25px}.screen-note{font-size:7px}.footer-wordmark{font-size:11.7vw}}
@media(max-width:600px){.brand{width:160px;height:29px}.brand .brand-lockup{width:160px;height:29px}.site-header{height:70px}.mobile-nav{top:70px}.hero-v2-grid{grid-template-columns:1fr;gap:0;padding-top:40px;padding-bottom:0;min-height:0}.hero-v2-copy{padding:0;z-index:2}.hero-v2-eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:25px}.hero-v2-copy h1{font-size:clamp(46px,12.2vw,69px);line-height:1.22;letter-spacing:-.065em}.hero-v2-copy>p{font-size:12px;margin-top:22px;line-height:1.95}.hero-v2-copy .actions{margin-top:26px;gap:12px}.hero-v2-copy .btn{padding:12px 20px;gap:22px;font-size:12px;min-height:47px}.hero-v2-note{display:none}.hero-v2-art{height:230px;max-width:400px;width:100%;margin:14px auto 0}.xs-metal{left:1%;top:2%;width:96%;height:85%;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 9px 1px #4c4c55) drop-shadow(0 18px 20px #000)}.xs-shadow{bottom:7%;left:16%;right:12%;height:9%}.art-v2-caption{font-size:6px;right:3%;bottom:0;letter-spacing:.1em}.hero-v2-index{padding-block:21px;margin-top:21px}.hero-v2-index a{display:block;padding-left:12px;font-size:10px;line-height:1.7}.hero-v2-index a:first-child{padding-left:0}.hero-v2-index img{width:26px;height:26px;margin-bottom:9px;filter:none}.hero-v2-index small{font-size:7px;margin-top:2px}.hero-v2-index .arrow{display:none}.story-v2{display:block}.story-v2 .eyebrow{margin-bottom:25px}.story-v2 h2{font-size:31px;line-height:1.55}.story-v2 p{font-size:13px;line-height:1.95}.story-v2 p br{display:none}.story-v2 .text-link{font-size:12px}.family-v2 .section-head{margin-bottom:20px}.showcase-v2{margin-top:42px}.showcase-heading{display:block;margin-bottom:25px}.product-v2-label{font-size:8px;margin-bottom:17px}.showcase-heading h3{font-size:32px}.showcase-heading>div>p{font-size:18px;margin-top:10px}.showcase-summary{margin-top:20px}.showcase-summary>p{font-size:12px;line-height:1.9}.showcase-summary .text-link{margin-top:12px;font-size:12px}.music-screen-v2{padding:18px 13px 20px;border-radius:12px}.screen-bar{margin-bottom:17px;gap:4px}.screen-bar i{width:4px;height:4px}.screen-bar span{font-size:6px;letter-spacing:.1em}.screen-note{font-size:6px;letter-spacing:.03em;margin-top:15px}.showcase-tice{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:0}.tice-copy-v2 h3{font-size:25px;margin-bottom:20px}.tice-copy-v2 h4{font-size:43px;line-height:1.25;margin-bottom:20px}.tice-copy-v2>p{font-size:13px}.product-v2-status{font-size:9px;margin-top:20px;margin-bottom:10px}.tice-copy-v2 .text-link{font-size:12px}.phone-stage-v2{height:400px;padding-top:35px;gap:16px;border-radius:13px}.phone-stage-v2 img{width:36%;border-width:4px;border-radius:21px}.phone-stage-v2 img+img{transform:translateY(30px) rotate(6deg)}.phone-stage-v2 .screen-note{font-size:6px;right:13px;bottom:14px}.showcase-run{padding-top:40px}.run-stage-v2{padding:25px 13px 18px;border-radius:12px}.connection-v2-heading{text-align:left}.connection-v2-heading .eyebrow{justify-content:flex-start}.connection-v2-heading h2{font-size:38px;line-height:1.4}.connection-v2-heading p{font-size:13px;margin-top:20px}.connection-v2-heading .text-link{font-size:12px;margin-top:20px}.ecosystem-v2-links{grid-template-columns:1fr;margin-top:40px}.ecosystem-v2-link,.ecosystem-v2-link:first-child{padding:27px 0;border:0;border-bottom:1px solid #303037;display:grid;grid-template-columns:1fr auto;gap:0 20px}.ecosystem-v2-link:last-child{border-bottom:0;padding-bottom:0}.ecosystem-v2-link .num{grid-column:1/3;margin-bottom:17px;font-size:8px}.ecosystem-v2-link>div{margin:0;gap:14px}.ecosystem-v2-link img{width:37px;height:37px}.ecosystem-v2-link h3{font-size:23px}.ecosystem-v2-link>p{grid-column:1/3;margin-top:17px;min-height:0;font-size:12px}.ecosystem-v2-link .text-link{grid-column:1/3;justify-self:start;font-size:11px;margin-top:15px}.cta-panel{padding-block:55px}.page-hero{padding-top:42px;padding-bottom:45px}.page-hero .display{font-size:42px}.page-hero .lead{font-size:14px}.brand-samples{grid-template-columns:1fr;gap:17px}.brand-sample{min-height:165px;padding:25px}.brand-showcase{padding:30px 20px;min-height:180px}.brand-showcase>.brand-combination{width:100%;height:auto}.footer-wordmark{font-size:11.7vw}}
.xs-metal{left:0;width:100%}
@media(prefers-reduced-motion:reduce){.xs-metal{animation:none;transform:none}}