:root{--paper:#f3eedf;--ink:#161915;--blue:#4e55f5;--lime:#d2fa28;--muted:#51564e;--rule:#b7b7a8;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--blue)}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button,a{touch-action:manipulation}p,h1,h2{margin-top:0}img{display:block;max-width:100%}.skip{position:absolute;z-index:10;top:-80px;left:20px;background:var(--lime);padding:12px}.skip:focus{top:12px}.nav{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 55px;border-bottom:1.5px solid var(--ink);gap:24px}.wordmark{font-weight:900;font-size:39px;letter-spacing:-2.4px;text-decoration:none;line-height:1}.wordmark span{font-size:16px;vertical-align:top;display:inline-block;margin:3px 0 0 4px;color:var(--blue)}nav{display:flex;align-items:center;gap:29px;font-size:15px;font-weight:600}nav a{text-decoration:none;padding:8px 0;min-height:44px;display:flex;align-items:center}.language{border:1px solid var(--ink);padding:4px 11px;min-height:36px}main{max-width:1320px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:750px;overflow:hidden;padding:72px 55px 74px;gap:25px;align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:10px;line-height:1.5;text-transform:uppercase;margin-bottom:27px}.square{width:9px;height:9px;background:var(--lime);border:1px solid var(--ink)}h1{font-size:clamp(70px,7.8vw,110px);line-height:.98;letter-spacing:-6px;font-weight:900;margin-bottom:28px}h1 em{font-style:normal;color:var(--blue);position:relative;text-shadow:-2px 2px var(--ink)}.intro{font-size:20px;line-height:1.6;max-width:390px;color:var(--muted);margin-bottom:33px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 22px;background:var(--lime);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-decoration:none;font-size:16px;font-weight:750;min-height:50px;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.release{font-size:14px;font-weight:600;border-bottom:1px solid var(--rule);padding-bottom:2px}.note{font-size:13px;color:var(--muted);max-width:360px;margin:25px 0 0}.hero-art{position:relative;height:580px;isolation:isolate}.record{width:450px;height:450px;border-radius:50%;background:repeating-radial-gradient(circle at center,#171a17 0px,#171a17 3px,#30332e 4px,#171a17 5px);position:absolute;left:-28px;top:65px;display:grid;place-items:center;transform:rotate(-18deg)}.record-label{border-radius:50%;width:135px;height:135px;background:var(--blue);color:var(--paper);display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:20px;font-weight:800;letter-spacing:-.5px;border:1px solid var(--ink)}.record-label span{font-size:8px;letter-spacing:1px}.phone{width:250px;max-width:100%;border:7px solid var(--ink);border-radius:32px;background:var(--ink);overflow:hidden;box-shadow:12px 12px 0 rgba(22,25,21,.12)}.phone img{width:100%;height:auto}.hero-phone{position:absolute;top:0;right:22px;width:265px;transform:rotate(7deg);box-shadow:13px 13px 0 var(--blue)}.lime-label{position:absolute;left:4px;top:52px;background:var(--lime);border:1px solid var(--ink);transform:rotate(-9deg);font-size:12px;font-weight:800;letter-spacing:1px;padding:5px 12px;z-index:3}.art-number{position:absolute;bottom:3px;left:24px;font-weight:900;font-size:58px;letter-spacing:-4px;line-height:1;color:var(--blue)}.ticker{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--lime);font-size:24px;letter-spacing:-.6px;font-weight:900;padding:12px 20px;display:flex;justify-content:space-evenly;gap:30px;overflow:hidden;white-space:nowrap}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:660px;padding:80px 55px;gap:70px;align-items:center;border-bottom:1px solid var(--rule)}.feature-copy{max-width:460px}.feature h2{font-size:clamp(42px,5vw,65px);font-weight:850;letter-spacing:-3px;line-height:1.08;margin-bottom:26px}.feature-copy>p:not(.eyebrow){max-width:390px;color:var(--muted);line-height:1.8}.feature-art{min-height:540px;display:flex;align-items:center;justify-content:center;position:relative;border:1.5px solid var(--ink);overflow:hidden}.paper-grid{background-image:linear-gradient(#1619150d 1px,transparent 1px),linear-gradient(90deg,#1619150d 1px,transparent 1px);background-size:24px 24px;background-color:#e6e6d7}.feature-art .phone{width:225px;transform:rotate(-5deg);margin:20px 0}.stamp{position:absolute;bottom:30px;right:15px;border:3px solid var(--blue);padding:9px 17px;color:var(--blue);transform:rotate(-12deg);font-size:22px;font-weight:850;line-height:1.1;background:var(--paper)}.reverse .feature-copy{grid-column:2;grid-row:1}.reverse .feature-art{grid-column:1;grid-row:1}.blue{background:var(--blue)}.blue .phone{transform:rotate(5deg)}.track-label{position:absolute;bottom:28px;right:13px;background:var(--lime);padding:8px 15px;transform:rotate(-6deg);border:1px solid var(--ink);font-size:12px;line-height:1.4;letter-spacing:.5px}.track-label b{font-size:16px}.warm{background:#e8cf9d}.warm .phone{transform:rotate(-4deg)}.swatches{display:flex;gap:8px;margin-top:27px}.swatches i{width:28px;height:28px;border:1px solid var(--ink);background:var(--lime)}.swatches i:nth-child(2){background:var(--blue)}.swatches i:nth-child(3){background:var(--ink)}.swatches i:nth-child(4){background:var(--paper)}.text-link{font-size:15px;font-weight:650}.small-note{font-size:13px}.plus-note{display:flex;align-items:center;padding:50px 55px;gap:30px;border-bottom:1.5px solid var(--ink)}.plus-mark{font-size:65px;line-height:1;font-weight:700;color:var(--blue)}.plus-note h2{font-size:27px;line-height:1.25;letter-spacing:-.8px;margin-bottom:9px}.plus-note p{font-size:15px;color:var(--muted);margin:0;max-width:650px}.plus-note .button{white-space:nowrap;margin-left:auto}.outline{background:transparent}.footer{max-width:1320px;margin:auto;padding:48px 55px 26px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.wordmark.small{font-size:29px}.footer p{font-size:14px;color:var(--muted);grid-row:2;margin:0}.footer-links{display:flex;justify-content:flex-end;align-items:center;gap:27px;font-size:14px;grid-column:2;grid-row:1/3}.fine{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;grid-column:1/-1;border-top:1px solid var(--rule);margin-top:27px;padding-top:18px;gap:20px}.legal{max-width:1160px;padding:65px 55px 80px}.legal-header{border-bottom:1.5px solid var(--ink);padding-bottom:28px;margin-bottom:40px}.legal-header>.text-link{display:inline-block;margin-bottom:35px}.legal-header .eyebrow{margin-bottom:18px;color:var(--muted)}.legal-header h1{font-size:clamp(40px,5vw,68px);letter-spacing:-2.5px;line-height:1.12;margin-bottom:20px}.legal-header p{color:var(--muted);font-size:15px}.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px}.legal aside{display:flex;align-items:flex-start;flex-direction:column;gap:12px;align-self:start;position:sticky;top:24px;font-size:14px;line-height:1.5}.legal aside a{text-decoration:none;color:var(--muted)}.legal aside a:hover{color:var(--blue)}.legal article{min-width:0;font-size:17px;line-height:1.85}.legal article section{padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}.legal article h2{font-size:22px;line-height:1.4;letter-spacing:-.4px;margin-bottom:14px}.legal article p{color:#383d36;margin-bottom:0}.support{max-width:900px}.support .legal-header .button{margin-top:10px}.support article h2{font-size:25px}.support article section{padding:10px 0 30px;margin-bottom:20px}[lang=zh-CN] h1{letter-spacing:-4px;line-height:1.15}[lang=zh-CN] .feature h2{line-height:1.2;letter-spacing:-2px}[lang=zh-CN] .legal-header h1{letter-spacing:-2px}
@media(min-width:1500px){.hero{min-height:810px}}@media(max-width:950px){.nav{padding:24px 30px}.hero{padding:65px 30px;gap:10px;min-height:660px}.hero-art{height:490px}.hero-phone{width:220px;right:12px;top:15px}.record{width:330px;height:330px;top:80px;left:-20px}.record-label{width:110px;height:110px;font-size:17px}.hero h1{font-size:82px}.intro{font-size:18px;max-width:320px}.hero-actions{gap:18px}.feature{padding:65px 30px;gap:35px}.feature-art{min-height:500px}.feature h2{font-size:51px}.plus-note{padding:40px 30px;gap:18px}.plus-mark{display:none}.footer{padding:40px 30px 25px}.legal{padding:45px 30px 65px}.legal-layout{gap:35px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:650px){body{font-size:17px}.nav{padding:21px 22px;gap:10px}.wordmark{font-size:33px}.wordmark span{font-size:13px}nav{gap:15px;font-size:14px}nav>a:nth-child(-n+2){display:none}.hero{grid-template-columns:1fr;padding:43px 24px 40px;gap:34px}.eyebrow{font-size:11px;letter-spacing:1.3px;margin-bottom:23px}.hero h1{font-size:80px;letter-spacing:-4.5px}.intro{max-width:330px;font-size:18px}.note{font-size:13px;max-width:330px}.hero-art{height:510px;max-width:360px;width:100%;justify-self:center;margin-top:15px}.hero-phone{width:230px;right:17px;top:10px}.record{left:-25px;top:80px;width:330px;height:330px}.lime-label{left:0;top:70px}.art-number{font-size:47px;bottom:0;left:0}.ticker{font-size:21px;justify-content:flex-start;gap:23px;padding:11px 20px}.feature,.feature.reverse{display:flex;flex-direction:column;align-items:stretch;padding:50px 24px;gap:27px;min-height:0}.feature h2{font-size:49px;letter-spacing:-2px;margin-bottom:20px}.feature-copy p{font-size:17px}.feature-art{min-height:510px;width:100%;max-width:430px;align-self:center}.feature-art .phone{width:215px}.stamp{font-size:20px;right:10px;bottom:25px}.plus-note{align-items:flex-start;flex-direction:column;padding:37px 24px;gap:23px}.plus-note .button{margin:0}.plus-note h2{font-size:27px}.footer{padding:37px 24px 23px;grid-template-columns:1fr;gap:15px}.footer-links{grid-column:1;grid-row:3;justify-content:flex-start;gap:22px;flex-wrap:wrap;margin-top:10px}.fine{flex-direction:column;gap:7px;margin-top:12px}.legal{padding:40px 24px 45px}.legal-header{margin-bottom:29px}.legal-header h1{font-size:45px;letter-spacing:-2px}.legal-layout{display:block}.legal aside{position:static;border-bottom:1px solid var(--rule);margin-bottom:35px;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.legal article{font-size:17px;line-height:1.85}.legal article h2{font-size:21px}.support .legal-header h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Four-language navigation. Native details remains usable without JavaScript. */
.nav{position:relative;z-index:20}.language-picker{position:relative;line-height:1.3}.language-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 12px;border:1px solid var(--ink);cursor:pointer;list-style:none;white-space:nowrap;font-size:14px}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.language-picker[open] summary{background:var(--lime)}.chevron{font-size:16px;transition:rotate .2s}.language-picker[open] .chevron{rotate:180deg}.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:194px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--blue);padding:6px;z-index:30}.language-menu a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:10px 12px;font-size:15px;text-decoration:none;white-space:nowrap}.language-menu a[aria-current=page]{background:var(--lime);font-weight:750}.language-menu a:hover{background:#dedfd4;color:var(--ink)}.language-menu a[aria-current=page]:hover{background:var(--lime)}
/* Music-led motion: transform and opacity only, no autoplay audio or visual flashing. */
.record{will-change:auto}.hero-phone{transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) rotate(calc(7deg + var(--pointer-r,0deg)));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.ticker{display:block;padding:0;contain:paint}.ticker-track{display:flex;width:max-content}.ticker-track>div{display:flex;flex-shrink:0;gap:clamp(30px,6vw,90px);align-items:center;padding:12px clamp(25px,5vw,65px)}.ticker-track>div span{flex-shrink:0}.hero-beat{position:absolute;left:19px;bottom:77px;display:flex;align-items:flex-end;gap:4px;height:47px;z-index:3;pointer-events:none}.hero-beat i{display:block;width:5px;height:30px;background:var(--blue);transform-origin:50% 100%;transform:scaleY(.3)}.hero-beat i:nth-child(3n){height:44px;background:var(--ink)}.hero-beat i:nth-child(4n){height:21px}.hero-beat i:nth-child(5n){height:38px}.hero-beat i:nth-child(2n){animation-delay:-.37s!important}.hero-beat i:nth-child(3n){animation-delay:-.66s!important;animation-duration:1.3s!important}.hero-beat i:nth-child(5n){animation-delay:-.15s!important;animation-duration:.96s!important}.fine{flex-wrap:wrap;align-items:center}.motion-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--rule);background:transparent;color:var(--ink);padding:9px 12px;font:inherit;cursor:pointer;min-height:44px;flex-shrink:0}.motion-control[hidden]{display:none}.motion-control:hover{background:var(--lime)}.motion-control:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.motion-icon{display:block;width:10px;height:12px;border-left:3px solid;border-right:3px solid}.motion-control[aria-pressed=true] .motion-icon{height:0;width:0;border:6px solid transparent;border-right:0;border-left:9px solid var(--ink)}
html[data-motion=paused] .motion-zone *,html[data-motion=paused] .motion-zone{animation-play-state:paused!important}.motion-ready .motion-zone:not(.is-inview) *, .motion-ready .motion-zone:not(.is-inview){animation-play-state:paused!important}
[lang=zh-Hant] h1{letter-spacing:-4px;line-height:1.15}[lang=zh-Hant] .feature h2,[lang=ja] .feature h2{line-height:1.25;letter-spacing:-2px}[lang=ja] h1,[lang=ko] h1{font-size:clamp(52px,6vw,80px);line-height:1.18;letter-spacing:-2px}[lang=ko] .feature h2{font-size:clamp(36px,4.2vw,57px);line-height:1.25;letter-spacing:-1.8px;word-break:keep-all}[lang=ja] .legal-header h1,[lang=ko] .legal-header h1{font-size:clamp(34px,5vw,62px);overflow-wrap:anywhere;letter-spacing:-1.5px}[lang=ko] .legal article,[lang=ko] .feature-copy,[lang=ko] .intro{word-break:keep-all;overflow-wrap:anywhere}.legal .language-menu{letter-spacing:normal}
@media(prefers-reduced-motion:no-preference){
 .motion-ready .record{animation:record-spin 16s linear infinite}
 .motion-ready .hero-phone{animation:phone-bob 5.8s ease-in-out infinite}
 .motion-ready .feature-art .phone{animation:phone-bob 7s ease-in-out infinite}
 .motion-ready .hero-beat i{animation:beat-rise 1.1s cubic-bezier(.4,0,.5,1) infinite alternate}
 .motion-ready .ticker-track{animation:paper-feed 24s linear infinite}
 .ticker:hover .ticker-track{animation-play-state:paused}
 .has-motion .reveal{opacity:0;translate:0 27px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1)}
 .has-motion .reveal.is-visible{opacity:1;translate:0 0}
 .motion-ready .button:hover{transform:translate(2px,2px)}
}
@keyframes record-spin{to{rotate:360deg}}@keyframes phone-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes beat-rise{0%,12%{transform:scaleY(.24)}45%{transform:scaleY(.88)}72%{transform:scaleY(.42)}100%{transform:scaleY(1)}}@keyframes paper-feed{to{transform:translateX(-50%)}}
@media(max-width:950px){nav{gap:20px}.hero-beat{left:3px;bottom:61px;gap:3px}.hero-beat i{width:4px}.record-label span{font-size:8px}}
@media(max-width:650px){nav{gap:12px}.nav-feature{display:none!important}.language-picker summary{padding:8px 10px;font-size:13px;gap:9px}.language-menu{min-width:182px}.hero-beat{left:0;bottom:60px}.ticker-track>div{gap:29px;padding:11px 25px}.hero-art{margin-bottom:0}.fine{align-items:flex-start}.motion-control{margin-top:6px}[lang=zh-Hant] h1{font-size:clamp(52px,15vw,70px);letter-spacing:-2px}[lang=ja] h1,[lang=ko] h1{font-size:clamp(44px,12.8vw,62px);letter-spacing:-1.5px}[lang=ja] .feature h2{font-size:clamp(33px,9vw,46px)}[lang=ko] .feature h2{font-size:clamp(31px,8.8vw,44px)}[lang=zh-Hant] .feature h2{font-size:clamp(37px,10.5vw,49px)}[lang=ja] .legal-header h1,[lang=ko] .legal-header h1{font-size:clamp(32px,9.6vw,43px)}.stamp{max-width:135px}.feature-art .phone{animation-duration:7s!important}}
@media(max-width:370px){.nav-support{display:none!important}.nav{padding:19px 21px}.wordmark{font-size:31px}.hero{padding-left:22px;padding-right:22px}.hero-art{height:460px}.hero-phone{width:208px;right:10px}.record{width:298px;height:298px;left:-30px}.hero-beat{bottom:56px}.art-number{font-size:43px}.hero h1{font-size:70px}[lang=zh-Hant] .hero h1{font-size:54px}[lang=ja] .hero h1,[lang=ko] .hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.record,.hero-phone,.phone,.hero-beat i,.ticker-track{animation:none!important}.reveal{opacity:1!important;translate:none!important}.hero-phone{transform:rotate(7deg)!important}.ticker-track{transform:none!important}.motion-control{display:none}}