@charset "UTF-8";
:root{--ink:#292437;--muted:#777281;--violet:#7960c4;--purple:#8062d7;--cream:#fffdf8;--line:#eae5ef;--lilac:#eee7ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #9c7fe0;outline-offset:6px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.page-width{width:min(1240px,calc(100% - 112px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#fffdf8eb;backdrop-filter:blur(20px);border-bottom:1px solid #ebe5f077}.nav-wrap{width:min(1328px,calc(100% - 80px));height:88px;display:flex;align-items:center;margin:auto;gap:42px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand img{border-radius:12px}.brand>span{font-size:30px;font-weight:850;letter-spacing:-1.5px}.brand-dot{color:#9477d4}nav{display:flex;gap:38px;margin-left:auto}nav a{font-size:14px;font-weight:600;color:#625d6b;transition:color .2s}nav a:hover{color:var(--violet)}.nav-download{display:flex;align-items:center;gap:16px;border:1px solid #cfc4e0;border-radius:9px;font-size:13px;font-weight:650;padding:12px 19px}.nav-download svg{width:18px;height:18px}.menu-toggle{display:none}.hero{position:relative;min-height:720px;height:min(760px,calc(100svh - 88px));overflow:hidden;background:#f5f0fb}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#fffdf8b0 0%,#fffdf840 35%,transparent 62%),linear-gradient(0deg,#fffdf8 0%,transparent 13%)}.hero-content{position:relative;padding-top:103px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:2px;color:#736087}.tiny-star{font-size:25px;color:#9477d4}.hero h1{font-size:clamp(56px,5.5vw,80px);line-height:1.25;letter-spacing:-3px;margin:25px 0 25px;font-weight:850}.highlight{position:relative;color:#8062bb}.highlight svg{position:absolute;left:0;bottom:-16px;width:100%;height:24px;stroke:#b6a0dc;stroke-width:3}.hero-description{font-size:16px;line-height:1.95;color:#777080;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;padding:17px 25px;font-size:15px;font-weight:650;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{color:white;background:#7860ba;box-shadow:0 8px 24px #7960bd2b}.button-primary:hover{background:#6c52ae;box-shadow:0 10px 28px #7960bd4a}.button svg{width:21px;height:21px}.text-link{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.text-link svg{width:18px}.version-note{font-size:11px;color:#9b91a4;margin-top:17px;letter-spacing:.4px}.version-note span{padding:0 8px}.hero-sticker{position:absolute;right:5%;bottom:110px;display:grid;gap:9px;background:#fffdf5e8;padding:20px 55px 20px 24px;border:1px solid white;box-shadow:0 8px 24px #65568812;transform:rotate(-6deg);border-radius:4px}.hero-sticker span{font-size:9px;color:#9b88b8;letter-spacing:2px}.hero-sticker strong{font-size:14px;font-weight:600}.hero-sticker svg{position:absolute;right:18px;top:29px;stroke:#c19bcc;width:22px}.scroll-cue{position:absolute;bottom:30px;left:max(56px,calc((100% - 1240px)/2));display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:2px;color:#93859e}.scroll-cue span:last-child{font-size:21px}.hero-edition{position:absolute;bottom:39px;right:55px;font-size:9px;letter-spacing:2.8px;color:#9e91ac}.intro-section{padding-block:92px 95px}.section-kicker{font-size:10px;font-weight:650;letter-spacing:2px;color:#9b8cad;display:flex;align-items:center;gap:12px}.section-kicker>span{font-size:10px;color:var(--violet);border:1px solid #d6cce4;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;letter-spacing:0}.intro-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:22px}h2{font-size:42px;line-height:1.45;letter-spacing:-1.5px;margin:0;font-weight:800}.violet{color:var(--violet)}.intro-heading>p,.watch-top>p{font-size:14px;line-height:2.1;color:var(--muted);margin:0;max-width:420px}.feature-ribbon{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-block:1px solid var(--line);padding:26px 0}.ribbon-item{display:flex;align-items:center;gap:17px;padding:6px 26px;border-right:1px solid var(--line)}.ribbon-item:first-child{padding-left:0}.ribbon-item:last-child{padding-right:0;border:0}.ribbon-icon{height:52px;width:52px;display:grid;place-items:center;border-radius:16px;flex-shrink:0;transition:transform .3s}.ribbon-item:hover .ribbon-icon{transform:rotate(-10deg)}.lilac{background:#eee6fc;color:#9b7bc4}.pink{background:#fae7ec;color:#ca91a7}.mint{background:#e2efe7;color:#7ba991}.ribbon-item h3{font-size:15px;margin:0 0 7px;font-weight:650}.ribbon-item p{font-size:11px;color:#8b8293;margin:0}.ribbon-arrow{color:#af9abb;margin-left:auto;font-size:18px}.experience-section{background:#f2eef8;position:relative;overflow:hidden}.experience-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:80px 74px}.experience-copy h2{margin:28px 0 20px;position:relative}.heading-spark{display:inline-block;font-size:41px;color:#c7b0e8;vertical-align:top;margin-left:13px;transform:rotate(12deg)}.section-description{color:var(--muted);line-height:2;font-size:14px}.experience-tabs{margin-top:32px;display:grid;gap:8px}.experience-tab{width:100%;display:flex;align-items:center;gap:18px;background:transparent;border:1px solid transparent;text-align:left;padding:19px 20px;border-radius:12px;color:#8e849c;transition:background .2s,border-color .2s}.experience-tab.active{background:#fffdfc;border-color:#e0d6ef;box-shadow:0 8px 28px #7960bd08;color:var(--ink)}.tab-number{font-size:11px;color:#b3a0c4;font-family:monospace;align-self:flex-start;padding-top:4px}.experience-tab strong{display:block;font-size:15px;font-weight:650}.experience-tab small{display:block;font-size:11px;color:#99909f;margin-top:8px;line-height:1.6}.experience-tab svg{width:19px;margin-left:auto;opacity:0;flex-shrink:0}.experience-tab.active svg{opacity:1;color:var(--violet)}.handwritten{display:block;margin:26px 0 0 36px;font-size:12px;letter-spacing:2px;color:#ad95c6;transform:rotate(-4deg)}.phone-stage{position:relative;min-height:680px;display:flex;flex-direction:column;justify-content:center;align-items:center}.phone{position:relative;width:284px;background:#fffdfd;padding:9px;border-radius:43px;box-shadow:16px 25px 60px #6d508b28,0 0 0 1px #cec4d6;z-index:2;transform:rotate(5deg);transition:transform .4s}.phone:hover{transform:rotate(0)}.phone-display{border-radius:34px;overflow:hidden;aspect-ratio:1260/2740;background:#fff4f5}.phone-display img{display:block;width:100%;height:auto;margin-top:-2px}.phone-camera{position:absolute;z-index:3;top:17px;left:50%;transform:translateX(-50%);background:#292630;width:66px;height:15px;border-radius:14px}.orbit{position:absolute;width:530px;height:530px;border:1px solid #dfd3ed;border-radius:50%;top:70px}.orbit-two{width:650px;height:650px;top:10px;border-style:dashed;opacity:.6}.floating-note{position:absolute;left:-10px;top:170px;background:#fffdfbd9;z-index:4;padding:14px 18px;border-radius:9px;transform:rotate(-9deg);box-shadow:0 9px 24px #81629a0b;font-size:12px;color:#9f7caf;letter-spacing:1px}.floating-note span{font-size:24px;margin-right:8px;vertical-align:middle;color:#be93cb}.stage-star{position:absolute;color:#b89dce;z-index:3}.star-one{font-size:45px;right:17px;top:180px;transform:rotate(20deg)}.star-two{font-size:70px;bottom:160px;left:5px}.screen-caption{position:relative;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#8d789b;background:#f2eef8;padding:10px 19px;margin-top:34px;z-index:3}.live-dot{display:inline-block;width:5px;height:5px;background:#a99ac2;border-radius:50%;flex-shrink:0}.screenshot-note{position:relative;font-size:9px;color:#b4a8bf;z-index:2}.watch-section{padding-block:100px 96px}.watch-top{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:40px}.watch-top h2{margin-top:23px}.watch-top>p{padding-bottom:7px}.cinema-frame{position:relative;overflow:hidden;border-radius:16px;background:#20202c;aspect-ratio:2.55}.cinema-frame>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cinema-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#1b172eaa,transparent 70%),linear-gradient(0deg,#17132b66,transparent 40%);color:#fff}.cinema-label{position:absolute;top:26px;left:32px;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;color:#ddd1e7}.cinema-label .live-dot{background:#c8bbdc}.cinema-quote{position:absolute;bottom:48px;left:45px;font-size:34px;line-height:1.6;letter-spacing:2px;font-weight:650;text-shadow:0 2px 20px #0003}.cinema-mark{position:absolute;bottom:27px;right:30px;font-size:20px;letter-spacing:-1px;font-weight:800;opacity:.65}.watch-features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:36px}.watch-features article>span{font-size:9px;letter-spacing:1.5px;color:#a28bb4}.watch-features h3{font-size:18px;font-weight:650;margin:13px 0 10px}.watch-features p{font-size:12px;line-height:1.9;color:#8b8293;margin:0;max-width:290px}.faq-section{border-top:1px solid var(--line);padding-block:85px 100px;display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.faq-heading h2{font-size:34px;margin-top:24px}.faq-doodle{font-size:64px;letter-spacing:-6px;color:#d8c9ea;font-weight:800;position:relative;width:150px;margin-top:28px;transform:rotate(-10deg)}.faq-doodle>span{font-size:30px;color:#bfb0cf}.faq-doodle .faq-twinkle{position:absolute;right:-10px;top:12px;font-size:28px;color:#d1be90}.faq-list details{border-bottom:1px solid var(--line);padding:0 0 1px}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;padding:24px 0;font-size:14px;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;font-weight:300;color:#b09ac7;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:#918497;line-height:2;margin:0 30px 23px 0}.download-section{position:relative;overflow:hidden;background:#ece7f7;text-align:center;padding:76px 0 68px;background-image:radial-gradient(ellipse at 20% 0,#e6e9f6 0,transparent 40%),radial-gradient(ellipse at 90% 70%,#f2e4ef 0,transparent 50%)}.download-inner{position:relative}.download-icon{border-radius:23px;box-shadow:0 8px 25px #846b9e15;transform:rotate(-8deg);margin-bottom:27px;border:5px solid #fffc}.download-section .section-kicker{justify-content:center;font-size:9px;color:#a38ab9}.download-section h2{font-size:48px;line-height:1.45;margin:20px 0 17px}.download-section h2 span{font-weight:850;letter-spacing:-2px;color:#8062b9}.download-section p{font-size:13px;color:#8d7d9c;letter-spacing:.5px;margin-bottom:28px}.download-section .button{padding-inline:28px}.outbound{width:16px!important;margin-left:16px;transform:rotate(-40deg)}.download-meta{font-size:10px;color:#9f90ad;margin-top:17px}.download-meta span{padding:0 8px}.copy-link{border:0;background:none;color:#a18bb2;font-size:10px;letter-spacing:.5px;margin-top:20px;padding:5px 10px}.copy-link:hover{color:#7554a5}.copy-link span{margin-left:8px}.download-orbit{position:absolute;top:-180px;width:1050px;height:1050px;border:1px solid #d9ccea;left:50%;transform:translateX(-50%);border-radius:50%;pointer-events:none}.download-orbit:before,.download-orbit:after{content:"";position:absolute;inset:85px;border:1px dashed #d8cce9;border-radius:50%;opacity:.6}.download-orbit:after{inset:-90px;border-style:solid}.download-spark{position:absolute;color:#b89cd2}.spark-left{top:135px;left:13%;font-size:52px;transform:rotate(15deg)}.spark-right{right:14%;bottom:120px;font-size:75px;transform:rotate(-15deg)}footer{display:flex;align-items:center;gap:24px;padding-block:30px;color:#a89cae;font-size:10px}footer .brand>span{font-size:24px;color:#63556f}footer .brand img{border-radius:9px}footer p{margin:0}footer>span{margin-left:auto}footer>a:last-child{margin-left:25px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:50;color:white;background:#514363;border-radius:10px;font-size:12px;padding:14px 22px;box-shadow:0 8px 30px #0002;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-only{display:none}
@media(min-width:1600px){.hero{max-height:850px;height:800px}.hero-art{object-position:center 40%}.hero-content{padding-top:120px}}
@media(max-width:1100px){.page-width{width:calc(100% - 72px)}.nav-wrap{width:calc(100% - 64px)}.hero{min-height:650px}.hero-content{padding-top:90px}.hero h1{font-size:65px}.hero-art{object-position:58% center}.hero-sticker{right:4%;bottom:100px;transform:rotate(-6deg) scale(.9)}.scroll-cue{left:36px}.hero-edition{right:36px}.ribbon-item{padding-inline:16px;gap:12px}.ribbon-icon{width:42px;height:42px}.ribbon-item h3{font-size:14px}.ribbon-item p{font-size:10px}.ribbon-arrow{display:none}.experience-layout{gap:40px}.phone{width:255px}.phone-stage{min-height:625px}.floating-note{left:-5px}.star-one{right:-5px}h2{font-size:36px}.experience-tab{padding-inline:12px;gap:12px}.watch-features{gap:30px}.faq-section{gap:40px}.intro-heading>p{font-size:13px}}
@media(max-width:760px){html{scroll-padding-top:78px}.page-width{width:calc(100% - 40px)}.nav-wrap{width:calc(100% - 36px);height:72px;gap:18px}.brand>span{font-size:27px}.brand img{width:35px;height:35px}.nav-download{margin-left:auto;border:none;padding:10px 0;font-size:12px;gap:7px}.nav-download svg{width:16px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:9px 0 9px 9px;border:none;background:none;position:relative}.menu-toggle span{width:20px;height:1.5px;background:#6b5b7d;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fffdf8;padding:24px;box-shadow:0 16px 30px #7960bd12;border-bottom:1px solid var(--line);margin:0;gap:28px}nav.open{display:flex;justify-content:center}nav a{font-size:12px}.hero{height:auto;min-height:860px}.hero-art{height:570px;top:290px;object-fit:cover;object-position:73% center;max-width:none}.hero-shade{background:linear-gradient(180deg,#fffdf8 0,#fffdf8 29%,#fffdf8aa 42%,transparent 61%,transparent 88%,#fffdf8 100%)}.hero-content{padding-top:43px;z-index:2}.eyebrow{font-size:10px;letter-spacing:1.4px;gap:7px}.tiny-star{font-size:20px}.hero h1{font-size:55px;line-height:1.28;letter-spacing:-2px;margin-block:18px 23px}.highlight svg{height:18px;bottom:-12px}.hero-description{font-size:12px;line-height:1.9;margin:22px 0}.hero-actions{gap:24px}.button{font-size:13px;padding:15px 20px;gap:9px}.button svg{width:18px;height:18px}.text-link{font-size:12px;gap:7px}.version-note{font-size:9px;margin-top:13px}.hero-sticker{right:auto;left:22px;bottom:93px;padding:13px 42px 13px 17px;transform:rotate(-7deg);z-index:2}.hero-sticker span{font-size:8px}.hero-sticker strong{font-size:11px}.hero-sticker svg{width:17px;right:13px;top:24px}.scroll-cue{bottom:21px;left:22px;font-size:8px;gap:12px}.hero-edition{right:22px;bottom:29px;font-size:7px;letter-spacing:1px}.intro-section{padding-block:57px 55px}.section-kicker{font-size:8px;gap:10px;letter-spacing:1.4px}.section-kicker>span{height:23px;width:23px;font-size:9px}.intro-heading{display:block;margin-top:21px}h2{font-size:31px;letter-spacing:-1px}.intro-heading>p{font-size:12px;margin-top:22px;line-height:2}.desktop-only{display:none}.feature-ribbon{display:block;margin-top:30px;padding:9px 0}.ribbon-item,.ribbon-item:first-child,.ribbon-item:last-child{border-right:0;padding:18px 0;gap:17px}.ribbon-item+.ribbon-item{border-top:1px dashed var(--line)}.ribbon-icon{width:45px;height:45px;border-radius:13px}.ribbon-item h3{font-size:14px}.ribbon-item p{font-size:11px}.ribbon-arrow{display:block;margin-right:6px}.experience-layout{grid-template-columns:1fr;gap:25px;padding-block:55px 28px}.experience-copy h2{margin:24px 0 15px;font-size:30px}.heading-spark{font-size:34px}.section-description{font-size:12px}.experience-tabs{margin-top:22px;gap:7px}.experience-tab{padding:15px 13px}.experience-tab strong{font-size:13px}.experience-tab small{font-size:10px;margin-top:5px}.tab-number{font-size:10px}.handwritten{display:none}.phone-stage{min-height:633px;margin-top:5px}.phone{width:255px;transform:rotate(4deg)}.orbit{width:380px;height:380px;top:105px}.orbit-two{width:480px;height:480px;top:55px}.floating-note{left:0;top:140px;font-size:10px;padding:9px 12px}.floating-note span{font-size:20px}.star-one{right:5px;top:185px;font-size:37px}.star-two{left:1px;bottom:140px;font-size:50px}.screen-caption{margin-top:26px;font-size:9px}.screenshot-note{font-size:8px}.watch-section{padding-block:60px 55px}.watch-top{display:block;margin-bottom:25px}.watch-top h2{margin-top:21px}.watch-top>p{font-size:12px;margin-top:16px;padding:0}.mobile-only{display:initial}.cinema-frame{aspect-ratio:1.6;border-radius:11px}.cinema-frame>img{width:145%;max-width:none;margin-left:-30%;object-fit:cover}.cinema-label{top:16px;left:17px;font-size:7px;letter-spacing:1px}.cinema-quote{font-size:22px;left:22px;bottom:29px;letter-spacing:1px}.cinema-mark{font-size:15px;bottom:17px;right:17px}.watch-features{display:block;padding-top:5px}.watch-features article{padding-block:23px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:100px 1fr;column-gap:15px}.watch-features article>span{grid-row:1/3;font-size:8px;padding-top:5px}.watch-features h3{font-size:15px;margin:0 0 10px}.watch-features p{font-size:11px;max-width:100%}.faq-section{display:block;padding-block:48px 56px}.faq-heading h2{font-size:29px;margin-top:20px}.faq-doodle{display:none}.faq-list{margin-top:30px}.faq-list summary{font-size:12px;padding-block:21px}.faq-list details p{font-size:11px}.download-section{padding:54px 0 47px}.download-icon{width:70px;height:70px;border-radius:19px;margin-bottom:22px}.download-section h2{font-size:37px;margin-block:17px}.download-section p{font-size:11px;line-height:1.8}.download-section .section-kicker{font-size:7px}.download-meta{font-size:9px}.download-orbit{width:710px;height:710px;top:-100px}.spark-left{left:0;top:140px;font-size:30px}.spark-right{right:0;bottom:145px;font-size:44px}footer{display:grid;grid-template-columns:1fr auto;gap:16px;padding-block:25px;font-size:9px}footer .brand{grid-row:1}footer .brand>span{font-size:23px}footer .brand img{width:30px;height:30px}footer p{grid-column:1;grid-row:2}footer>span{grid-column:2;grid-row:2;margin:0}footer>a:last-child{grid-column:2;grid-row:1;margin:0;text-align:right}.toast{bottom:18px;font-size:11px;width:max-content}}
@media(max-width:359px){.hero h1{font-size:48px}.hero-actions{gap:15px}.hero{min-height:830px}.hero-art{top:270px}.nav-wrap{gap:13px}.nav-download{font-size:11px}.experience-copy h2{font-size:27px}.phone{width:235px}.phone-stage{min-height:590px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}