@font-face{font-family:ShouxuanEditorial;src:url('assets/fonts/editorial.ae2d67fe756f.woff2') format('woff2');font-display:swap;font-weight:600}
@font-face{font-family:ShouxuanSlogan;src:url('assets/slogan.ee44d51efc23.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--ink:#25251f;--muted:#75756e;--yellow:#ffdf40;--serif:ShouxuanEditorial,'Songti SC',serif;--sans:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}.wrap{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px}.brand img{border-radius:11px}.brand span{font-family:ShouxuanSlogan,serif;font-size:29px;font-weight:700}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding:25px 0 92px;min-height:850px}.hero-copy{position:relative;z-index:2;padding-bottom:30px}.hero h1{font-family:ShouxuanSlogan,serif;font-size:clamp(52px,5.6vw,80px);font-weight:700;line-height:1.4;letter-spacing:-2.8px;margin-bottom:30px}.highlight{position:relative;white-space:nowrap;background:linear-gradient(transparent 85%,var(--yellow) 85%,var(--yellow) 97%,transparent 97%)}.hero-copy>p{font-size:21px;line-height:1.8;letter-spacing:.8px;color:var(--muted)}.phone-stage{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-width:0;padding:14px 0}.phone-stage:before{content:'';position:absolute;z-index:-2;width:125%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#fff8d8 0%,#fffdf2 35%,#fff 70%)}.orbit{position:absolute;z-index:-1;width:100%;height:70%;border:1px solid #e6dcaa70;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.orbit:after{content:'';position:absolute;inset:25px -20px;border:1px solid #e6dcaa40;border-radius:50%}.iphone{position:relative;width:366px;padding:10px;border-radius:59px;background:linear-gradient(105deg,#aaa99e,#f0eee6 12%,#a4a499 28%,#e6e3d8 49%,#8b8d83 70%,#eeeade 90%,#a8a59a);box-shadow:0 38px 62px -25px #4d49393a,0 12px 23px -14px #3c3b3230,inset 0 0 0 1px #8a897b,inset 0 0 0 3px #e0ddd0;flex-shrink:0}.iphone:before{content:'';position:absolute;inset:6px;border-radius:54px;background:#20211d;box-shadow:0 0 0 1px #45463c}.iphone:after{content:'';position:absolute;left:-2px;top:24%;width:3px;height:43px;border-radius:2px;background:linear-gradient(90deg,#a4a092,#dad6c6);box-shadow:0 57px #aaa797}.app-screen{position:relative;z-index:1;width:100%;height:auto;border-radius:48px;background:white}.dynamic-island{position:absolute;top:3.1%;left:50%;transform:translateX(-50%);width:26%;height:3.1%;border-radius:30px;background:#111;z-index:2}.dynamic-island:after{content:'';position:absolute;right:12%;top:32%;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 40%,#233b58,#111620 55%,#060606);box-shadow:0 0 0 2px #151515}
.feature{padding:0;margin:0}.feature-inner{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding:78px 0;min-height:900px;border-top:1px solid #edede7;overflow:clip;background:#fff}.section-copy{position:relative;z-index:2;padding-bottom:30px}.section-copy h2{font-family:var(--serif);font-size:clamp(36px,3.6vw,52px);font-weight:600;line-height:1.6;letter-spacing:-1.5px;margin-bottom:23px}.section-copy p{font-size:20px;color:var(--muted);line-height:1.8;letter-spacing:.3px}.closing{position:relative;overflow:hidden;margin-top:70px;background:var(--yellow)}.closing-inner{min-height:470px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-block:55px}.closing h2{font-family:var(--serif);font-size:52px;font-weight:600;line-height:1.5;letter-spacing:-1.5px;margin-bottom:29px}.coming-soon{display:inline-block;border-radius:999px;background:var(--ink);color:#fff;padding:18px 28px;font-size:14px;letter-spacing:1px;box-shadow:0 7px 15px #6a550d10}.mascot-stage{position:relative;display:grid;place-items:center;isolation:isolate;min-height:360px}.mascot-stage>img{width:330px;height:auto;animation:crown-float 6s ease-in-out infinite}.mascot-ring{position:absolute;z-index:-1;width:450px;height:290px;border:1px solid #b8912050;border-radius:50%;transform:rotate(-22deg)}.mascot-ring:after{content:'';position:absolute;inset:20px -30px;border:1px solid #b8912030;border-radius:50%}.spark{position:absolute;color:var(--ink);font-size:38px;font-family:serif;font-weight:normal}.spark-one{right:8%;top:12%}.spark-two{left:12%;bottom:10%;font-size:29px}footer{padding:42px 0 30px;font-size:12px;color:#87887e}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px}.footer-top .brand{color:var(--ink)}.footer-top .brand span{font-size:26px}.footer-legal{display:flex;flex-wrap:wrap;gap:16px 24px}.footer-legal a:hover{color:var(--ink)}.footer-bottom{display:flex;flex-wrap:wrap;gap:16px 30px;border-top:1px solid #eaeae3;padding-top:23px;font-size:11px}.footer-bottom>a:last-child{margin-left:auto}.skip{position:absolute;left:16px;top:-80px;background:white;padding:15px;z-index:20}.skip:focus{top:12px}
@keyframes crown-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(min-width:1500px){.hero{min-height:920px}.iphone{width:390px}.feature-inner{min-height:1030px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{gap:20px;min-height:780px;padding-bottom:65px}.hero h1{font-size:56px}.hero-copy>p{font-size:18px}.iphone{width:320px;padding:9px;border-radius:53px}.iphone:before{border-radius:48px}.app-screen{border-radius:43px}.feature-inner{padding:64px 0;gap:20px;min-height:820px}.section-copy h2{font-size:37px;letter-spacing:-1px}.section-copy p{font-size:17px}.closing h2{font-size:45px}.mascot-stage>img{width:290px}.mascot-ring{width:350px}}
@media(max-width:760px){.wrap{width:calc(100% - 44px)}.site-header{height:80px}.brand img{width:34px;height:34px}.brand span{font-size:25px}.hero{grid-template-columns:1fr;gap:35px;padding-top:36px;padding-bottom:60px;min-height:0;overflow:hidden}.hero-copy{text-align:center;padding-bottom:0}.hero h1{font-size:47px;letter-spacing:-1.9px;line-height:1.43;margin-bottom:22px}.hero-copy>p{font-size:16px;letter-spacing:.2px}.hero-stage{padding-top:20px}.phone-stage:before{width:120%}.iphone{width:300px;padding:9px;border-radius:51px}.iphone:before{inset:5px;border-radius:46px}.app-screen{border-radius:42px}.iphone:after{height:33px;box-shadow:0 46px #aaa797}.feature-inner{grid-template-columns:1fr;gap:36px;padding:58px 0;min-height:0}.section-copy{padding:0;text-align:center}.section-copy h2{font-size:32px;letter-spacing:-1px;line-height:1.6;margin-bottom:18px}.section-copy p{font-size:15px;letter-spacing:0}.feature .phone-stage{padding:10px 0}.closing{margin-top:45px}.closing-inner{grid-template-columns:1fr;padding-block:48px 32px;gap:10px}.closing-copy{text-align:center}.closing h2{font-size:39px;line-height:1.5;margin-bottom:25px}.coming-soon{padding:16px 25px;font-size:12px}.mascot-stage{min-height:265px}.mascot-stage>img{width:245px}.mascot-ring{width:310px;height:205px}.spark-one{top:12%;right:8%;font-size:30px}.spark-two{left:13%;bottom:10%;font-size:26px}.footer-top{padding-bottom:23px}.footer-legal{gap:18px}.footer-top .brand span{font-size:23px}.footer-bottom{font-size:10px;flex-direction:column;gap:12px}.footer-bottom>a:last-child{margin-left:0}footer{padding-block:29px}.dynamic-island:after{width:6px;height:6px}}
@media(max-width:380px){.hero h1{font-size:41px}.iphone{width:270px}.section-copy h2{font-size:28px}.section-copy p{font-size:14px}.hero-copy>p{font-size:14px}.closing h2{font-size:36px}.mascot-ring{width:270px}}
.reveal-pending{opacity:0}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1!important}html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero{overflow:clip}
.mascot-stage{isolation:isolate;background:var(--yellow)}.mascot-ring{z-index:0}.mascot-stage>img{position:relative;z-index:1}.spark{z-index:2}
.phone-stage:before{width:100%}.hero-stage .orbit{width:100%}

/* Platform availability belongs to the hero, directly below its introduction. */
.platform-releases{display:flex;align-items:center;gap:14px;margin-top:38px}
.platform-release{appearance:none;display:inline-flex;align-items:center;justify-content:flex-start;gap:15px;min-height:76px;min-width:204px;padding:16px 22px;border:0;border-radius:18px;background:var(--ink);color:#fff;font-family:var(--sans);opacity:1;cursor:default;white-space:nowrap;box-shadow:0 8px 20px #25251f0d}
.platform-icon{display:block;width:36px;height:38px;fill:currentColor;flex-shrink:0}.android-icon{width:36px}
.platform-label{display:flex;flex-direction:column;gap:5px;text-align:left}.platform-label strong{font-size:17px;font-weight:600;line-height:1.25;letter-spacing:.2px}.platform-label>span{font-size:12px;line-height:1.25;color:#ffffffa6;letter-spacing:1px}
@media(max-width:760px){.platform-releases{justify-content:center;gap:12px;margin-top:28px}.platform-release{min-width:0;width:calc((100% - 12px)/2);max-width:204px;min-height:72px;padding:15px 16px;gap:10px;border-radius:16px}.platform-label strong{font-size:15px}.platform-icon{width:32px;height:34px}.android-icon{width:32px}.feature-inner .phone-stage:before{width:100%}}
@media(max-width:380px){.platform-release{padding-inline:10px;gap:8px}.platform-icon{width:30px;height:32px}.android-icon{width:30px}.platform-label strong{font-size:14px}.platform-label>span{font-size:11px}}

/* Remove the cutout's faint alpha floor so its canvas cannot tint the yellow background. */
.asset-filters{position:absolute;pointer-events:none}.mascot-stage>img{filter:url(#crown-alpha)}