:root{--ink:#30243e;--purple:#8061b7;--muted:#84798f;--paper:#fcfaff;--line:#eae3f3;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}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,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,video:focus-visible,.gallery:focus-visible{outline:3px solid #a283d4;outline-offset:5px}img{display:block;max-width:100%;height:auto}button{color:inherit}p{line-height:1.85}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.04em}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(252,250,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(128,97,183,.07)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-.04em}.brand img{border-radius:24%}.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:.12em;font-weight:400;margin-top:3px}.nav-links{display:flex;gap:35px;align-items:center;font-size:14px}.nav-links>a:not(.button):hover{color:var(--purple)}.button{border:0;display:inline-flex;gap:16px;align-items:center;justify-content:center;min-height:58px;padding:17px 29px;border-radius:18px;background:var(--purple);color:white;font-size:16px;font-weight:600;box-shadow:0 8px 24px #8061b721;transition:transform .3s var(--ease),background .2s,box-shadow .3s}.button:hover{transform:translateY(-3px);background:#6e4ca8;box-shadow:0 12px 28px #8061b739}.button:active{transform:translateY(0)}.button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.button.small{min-height:44px;padding:12px 22px;font-size:14px;border-radius:14px}.hero{min-height:720px;padding-block:65px 68px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--purple);margin-bottom:22px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{height:7px;width:7px;background:#bba2e0;border-radius:50%}h1{font-size:clamp(49px,5.4vw,76px);line-height:1.33;font-weight:800}.colored{color:var(--purple);position:relative;white-space:nowrap}.colored svg{position:absolute;bottom:-10px;left:-5px;width:100%;height:22px;overflow:visible}.colored path{fill:none;stroke:#d8b8f0;stroke-width:5;stroke-linecap:round}.intro{font-size:17px;line-height:2;color:var(--muted);margin-top:30px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.text-link{font-size:14px;color:var(--purple);border-bottom:1px solid #c9b8e1;padding-block:7px;white-space:nowrap}.availability{font-size:11px;color:#958a9d;margin-top:19px}.availability span{padding-inline:7px}.hero-art{position:relative;isolation:isolate;width:min(480px,100%);margin-left:auto;padding:0 24px}.art-main{position:relative;z-index:1;transform:rotate(4deg);animation:float-art 7s ease-in-out infinite;will-change:transform}.art-orbit{position:absolute;border-radius:50%;z-index:-1}.orbit-one{background:#eee2fc;width:110%;height:86%;top:5%;left:-5%;transform:rotate(-15deg);border-radius:42% 58% 57% 43%}.orbit-two{background:#f9e5e2;width:160px;height:160px;bottom:-8px;left:-28px}.floating-note{position:absolute;z-index:2;display:flex;gap:7px;align-items:center;white-space:nowrap;background:#fffdf9;border:1px solid #f1e9ed;border-radius:12px;padding:13px 19px;box-shadow:0 12px 32px #4b346b13;color:#7d668f;font-size:12px}.note-one{top:20%;left:-45px;transform:rotate(-8deg)}.note-one span{color:#edb658;font-size:23px}.note-two{bottom:7%;right:-25px;transform:rotate(-5deg)}.note-two i{width:14px;height:14px;border-radius:5px;background:#bca2df;transform:rotate(12deg)}.note-two i:nth-child(2){background:#f3b7bd}.note-two i:nth-child(3){background:#f3d47e}.note-two i:nth-child(4){background:#98c9b4}.note-two i:nth-child(5){background:#91b9dc;margin-right:6px}@keyframes float-art{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-12px) rotate(2deg)}}.section{padding-block:76px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:38px;line-height:1.45}.section-heading>p{color:var(--muted);font-size:14px}.mobile-break{display:none}.mode-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:37px}.mode-strip article{display:flex;gap:22px;padding-inline:26px;border-right:1px solid var(--line);align-items:center}.mode-strip article:first-child{padding-left:0}.mode-strip article:last-child{border:0}.mode-symbol{width:70px;height:78px;display:flex;justify-content:center;align-items:center;border-radius:21px 28px 19px 27px;font-size:44px;flex:none}.lilac{color:#a385cb;background:#eee4f9}.peach{color:#d79587;background:#fbe8df}.mint{color:#79a99a;background:#e6f0e9}.mode-strip h3{font-size:21px;margin-bottom:8px}.mode-strip p{font-size:13px;color:var(--muted);line-height:1.8}.showcase{background:#f4effa;overflow:hidden}.gallery{display:flex;gap:24px;overflow-x:auto;padding:2px max(48px,calc((100vw - 1200px)/2)) 24px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cfc0e5 transparent;overscroll-behavior-x:contain}.gallery figure{flex:0 0 272px;scroll-snap-align:center}.gallery img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:20px;border:1px solid #e8dff2;box-shadow:0 8px 18px #54327709}.gallery figcaption{padding-top:17px;font-size:13px}.gallery figcaption span{margin-right:12px;font-size:11px;color:var(--purple)}.gallery-controls{display:flex;gap:12px}.gallery-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #e0d6ec;background:#fff9;transition:background .2s}.gallery-controls button:hover{background:white}.gallery-hint{margin-top:16px;color:#998ba7;font-size:12px}.gallery-hint span{float:right}.film video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:26px;background:#eee6f7;box-shadow:0 18px 60px #52327110}.download-section{margin-top:20px;background:#efe7f8;position:relative;overflow:hidden}.download-section:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #d8c5ef;border-radius:50%;top:-290px;right:-160px;pointer-events:none}.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.download-icon{border-radius:22px;box-shadow:0 6px 25px #5c487115;margin-bottom:26px}.download-layout .eyebrow{margin-bottom:15px}.download-layout h2{font-size:46px}.download-copy{font-size:15px;color:var(--muted);margin-top:20px}.qr-block{display:flex;align-items:center;gap:17px;margin-top:24px}.qr-block img{background:white;border-radius:10px}.qr-block span{font-size:13px}.qr-block small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.platform{display:flex;align-items:center;gap:18px;padding:26px 22px;margin-bottom:17px;border:1px solid #e7dcef;border-radius:20px;background:#ffffff80}.platform.active{background:#fff;box-shadow:0 12px 30px #51316c09;border-color:white}.platform h3{font-size:18px;letter-spacing:0}.platform p{font-size:11px;color:var(--muted);margin-top:7px}.platform-badge{width:46px;height:46px;border-radius:14px;background:#f0e8fb;display:grid;place-items:center;font-size:21px;color:var(--purple);font-weight:600;flex:none}.active .platform-badge{font-size:29px}.platform .button,.soon{margin-left:auto;white-space:nowrap}.soon{font-size:12px;color:#a498b0;border:1px solid #e2d7eb;padding:10px 14px;border-radius:12px}.download-note{color:#998aa7;font-size:12px;padding-inline:10px}.pending{color:#82718f}.pending .platform-badge{background:#eae3f0;color:#a193ad}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.footer-main>div{display:flex;gap:30px;font-size:12px;color:var(--muted)}footer{padding-block:44px}footer p{font-size:11px;color:#a196aa}footer a:hover{color:var(--purple)}.filing{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.skip{position:absolute;z-index:40;left:20px;top:-100px;background:white;padding:15px}.skip:focus{top:10px}dialog{border:0;border-radius:25px;padding:38px;width:min(450px,calc(100% - 36px));color:var(--ink);box-shadow:0 25px 80px #2c1a4940}dialog::backdrop{background:#24133666;backdrop-filter:blur(4px)}dialog h2{font-size:24px;margin-block:10px 20px}dialog p{font-size:14px;color:var(--muted)}dialog .button{width:100%;margin-top:26px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:#f4eff8;border-radius:50%;width:33px;height:33px;font-size:23px}.tip-arrow{font-size:46px;color:var(--purple)}.reveal{transition:opacity .7s var(--ease),transform .7s var(--ease)}.js-motion .reveal:not(.seen){opacity:0;transform:translateY(24px)}.legal{max-width:840px;padding-block:50px}.legal h2{font-size:29px;margin-bottom:22px}.legal h3{margin:30px 0 14px}.legal p,.legal li{line-height:1.9;color:#6b5e77;font-size:15px}.legal a{text-decoration:underline;color:var(--purple)}
main{overflow-x:clip}
@media(min-width:1500px){.hero{gap:90px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{min-height:620px}.hero-art{padding:0 15px}.note-one{left:-15px;font-size:10px}.note-two{right:-10px;font-size:10px}.hero-actions{gap:15px}.hero-actions .button{padding-inline:20px}.mode-strip article{gap:12px;padding-inline:15px}.mode-symbol{width:51px;height:63px;font-size:32px}.download-layout{gap:35px}.platform{padding:22px 16px;gap:10px}.platform .button{padding-inline:14px}.platform-badge{width:38px;height:42px}.gallery{padding-inline:28px}}
@media(max-width:720px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.nav{height:76px}.brand{font-size:22px}.brand img{width:40px;height:40px}.nav-links{gap:0}.nav-links>a:not(.button){display:none}.button.small{padding:11px 18px}.hero{grid-template-columns:1fr;padding-block:40px 40px;gap:26px;min-height:0}.hero-copy{position:relative;z-index:3}.hero .eyebrow{font-size:11px;margin-bottom:17px}h1{font-size:52px;line-height:1.3}.intro{font-size:15px;margin-top:23px}.hero-actions{margin-top:25px;gap:20px}.hero-actions .button{min-height:52px;font-size:14px;border-radius:15px}.text-link{font-size:12px}.availability{font-size:10px}.hero-art{width:min(375px,calc(100% - 40px));margin:auto;padding-inline:24px}.art-main{max-height:420px;object-fit:contain}.note-one{left:-14px;top:19%;padding:9px 12px;font-size:10px}.note-two{right:-18px;bottom:8%;padding:11px 13px;font-size:9px}.note-two i{width:11px;height:11px}.orbit-two{width:100px;height:100px;left:-15px}.section{padding-block:44px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:15px;font-size:13px}.section-heading h2{font-size:29px}.eyebrow{font-size:11px}.mobile-break{display:block}.mode-strip{grid-template-columns:1fr;padding-block:6px}.mode-strip article,.mode-strip article:first-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--line);gap:22px}.mode-strip article:last-child{border:0}.mode-symbol{width:64px;height:69px;font-size:38px}.mode-strip h3{font-size:19px}.mode-strip p{font-size:13px}.mode-strip p br{display:none}.showcase .section-heading{display:flex;align-items:end}.gallery-controls{gap:8px}.gallery-controls button{width:36px;height:36px}.gallery{padding-inline:20px;gap:17px}.gallery figure{flex-basis:240px}.gallery-hint{font-size:11px}.film video{border-radius:16px}.download-layout{grid-template-columns:1fr;gap:30px}.download-layout h2{font-size:38px}.download-icon{width:67px;height:67px;border-radius:17px;margin-bottom:22px}.download-section{margin-top:0}.qr-block{display:none}.platform{padding:22px 16px;gap:12px;border-radius:16px}.platform .button{padding-inline:15px}.platform h3{font-size:16px}.platform-badge{width:40px;height:42px}.platform p{font-size:10px}.soon{font-size:11px;padding:10px 11px}.download-note{font-size:11px}.footer-main{display:block}.footer-main>div{margin-top:25px;gap:24px}.filing{display:block;line-height:2}.filing span{padding-inline:7px}footer{padding-block:30px 35px}.legal{padding-block:30px}.legal h2{font-size:25px}}
@media(max-width:360px){h1{font-size:46px}.hero-actions{gap:12px}.hero-actions .button{padding-inline:15px}.platform{padding:17px 11px;gap:9px}.platform-badge{display:none}.filing a{display:block}.filing span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal:not(.seen){opacity:1;transform:none}}
