:root{--bg:#100b17;--panel:#181020;--panel2:#21142c;--line:#3a2b47;--text:#fff;--muted:#b0a4b7;--purple:#a341ef;--violet:#7542ff;--orange:#f05c12;--pink:#ef59b4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1480px,calc(100% - 72px));margin:auto}.site-header{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:84px;padding:0 3.8vw;border-bottom:1px solid #ffffff12;background:#100b17ee;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:9px;font-weight:950;font-style:italic}.logo i{font-size:34px;color:#ff5ac8;text-shadow:0 0 18px #d638ff}.logo b{font-size:22px}.logo small{color:#9a8fa1;font-size:9px;letter-spacing:.1em;font-style:normal}.pill-nav{display:flex;align-items:center;padding:3px;border:1px solid #41344b;border-radius:999px;background:#130d1a}.pill-nav a{padding:12px 23px;border-radius:999px;color:#d8d1dc;font-size:13px;font-weight:800}.pill-nav a.active,.pill-nav a:hover{background:linear-gradient(110deg,#8136b9,#5d2691);box-shadow:inset 0 0 0 1px #b559f6}.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.header-actions button,.join{display:grid;place-items:center;min-height:44px;border:1px solid #50445a;border-radius:14px;background:#26202c;color:#fff}.search,.menu{width:44px;font-size:21px}.join{padding:0 20px;border:0;background:linear-gradient(105deg,#b143ed,#7c43f4);font-weight:900;box-shadow:0 8px 26px #8f3ceb58}.promo{height:44px;overflow:hidden;background:linear-gradient(90deg,#3f170d,#f25b0c 20%,#f25b0c 80%,#3f170d);display:flex;align-items:center;white-space:nowrap}.promo div{min-width:max-content;color:#fff;font-size:12px;font-weight:900;letter-spacing:.15em;animation:marquee 22s linear infinite}.hero-slider{position:relative;width:min(1480px,calc(100% - 72px));height:510px;margin:32px auto 0;overflow:hidden;border:1px solid #49335d;border-radius:24px;background:#1c1025;box-shadow:0 30px 70px #0007}.hero-slider>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0714 0%,#0b0714dd 24%,transparent 58%),linear-gradient(0deg,#0d0717a8,transparent 45%)}.hero-copy{position:absolute;z-index:2;left:7%;top:50%;max-width:570px;transform:translateY(-50%)}.hero-copy>p,.discover .section-top p,.create-copy>p,.feature-head>p,.faq>div>p,.final-cta p{color:#dc7cff;font:900 10px ui-monospace,monospace;letter-spacing:.16em}.hero-copy h1{margin:17px 0 32px;font-size:clamp(48px,4.8vw,78px);line-height:1.02;letter-spacing:-.065em;text-shadow:0 4px 30px #000}.hero-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:58px;padding:0 27px;border-radius:16px;background:linear-gradient(105deg,#bd43f0,#7444ff);font-size:17px;font-weight:900;box-shadow:0 12px 35px #8f3cff72;overflow:hidden;transition:.25s}.hero-button:after{position:absolute;top:-35%;bottom:-35%;left:-30%;width:17%;background:#fff7;content:"";transform:rotate(17deg);animation:shine 4s infinite}.hero-button:hover{transform:translateY(-3px) scale(1.02)}.slide-arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:44px;height:80px;border:0;background:#0f091a9e;color:#fff;font-size:34px;cursor:pointer;transform:translateY(-50%)}.slide-arrow.left{left:0;border-radius:0 13px 13px 0}.slide-arrow.right{right:0;border-radius:13px 0 0 13px}.slide-dots{position:absolute;right:18px;top:50%;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%)}.slide-dots i{width:7px;height:7px;border-radius:50%;background:#93889b}.slide-dots i.active{height:28px;background:var(--purple)}.playable,.discover,.features,.faq{padding-top:70px;padding-bottom:95px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-top h2{margin:0;font-size:31px}.section-top>a:not(.join){color:#bd72dc;font-size:13px;font-weight:800}.play-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:25px}.play-card{overflow:hidden;border:1px solid #5a3571;border-radius:20px;background:var(--panel);box-shadow:0 18px 40px #0003;transition:.25s}.play-card:hover{transform:translateY(-6px);border-color:#a94ce3}.play-visual{position:relative;height:260px;overflow:hidden;background:linear-gradient(145deg,#342041,#0e0916)}.play-copy{padding:19px}.play-copy>span{color:#d172ef;font:900 9px ui-monospace,monospace;letter-spacing:.13em}.play-copy h3{margin:9px 0;font-size:18px}.play-copy p{margin:0;color:#9d91a5;font-size:12px;line-height:1.65}.phone{position:absolute;display:flex;align-items:center;justify-content:center;width:120px;height:210px;border:2px solid #a94bf0;border-radius:16px;background:linear-gradient(160deg,#6b3a8e,#2a1239);font-size:27px;box-shadow:0 15px 35px #0008}.phone small{position:absolute;right:8px;bottom:8px;font-size:9px}.phone.one{left:14px;top:25px;transform:rotate(-8deg)}.phone.two{left:32%;top:5px;z-index:2;background:linear-gradient(160deg,#8b3c66,#2a1239)}.phone.three{right:12px;top:30px;transform:rotate(8deg);background:linear-gradient(160deg,#324775,#221634)}.trio{display:flex;align-items:flex-end;justify-content:center;gap:0;padding-bottom:20px;background:radial-gradient(circle at 50% 15%,#9654ce,#21102e 62%)}.trio i{width:30%;height:78%;margin:0 -9px;border-radius:46% 46% 12% 12%;background:linear-gradient(#f0b0d7,#693e8b)}.trio i:nth-child(2){height:92%;z-index:2;background:linear-gradient(#f0ceb0,#8e4a76)}.trio i:nth-child(3){background:linear-gradient(#a6c4ff,#564887)}.trio b,.versus span,.wheel>span{position:absolute;left:14px;top:14px;padding:7px 9px;border-radius:99px;background:linear-gradient(90deg,#ff7a42,#d347d2);font-size:9px}.versus{display:flex;align-items:center;justify-content:center;gap:0;background:linear-gradient(110deg,#421332 50%,#271446 50%)}.versus div{display:grid;place-items:center;width:42%;height:80%;border-radius:50% 50% 15% 15%;font-size:45px;font-weight:950}.versus div:first-child{background:linear-gradient(#ff9fbe,#702e58)}.versus div:last-child{background:linear-gradient(#c3b0ff,#553c8e)}.versus b{z-index:2;padding:13px;border-radius:50%;background:#fff;color:#24122e}.wheel{display:grid;place-items:center;background:radial-gradient(circle,#b33ce3,#351346 55%,#130b1c)}.wheel>div{display:grid;place-items:center;width:155px;height:155px;border:10px solid #8c45ef;border-radius:50%;background:conic-gradient(#ff7d40 0 25%,#5728a3 25% 50%,#e246b1 50% 75%,#3d65bd 75%);font-size:40px;box-shadow:0 0 45px #9d3af4}.wheel small{font-size:10px}.discover{border-top:1px solid #ffffff12}.discover .section-top h2,.create-copy h2,.feature-head h2,.faq h2,.final-cta h2{margin:12px 0 0;font-size:clamp(38px,4.2vw,67px);line-height:1.06;letter-spacing:-.055em}.join.small{min-height:48px}.filters{display:flex;gap:9px;margin:35px 0 24px;overflow:auto}.filters button{padding:10px 15px;border:1px solid #463551;border-radius:99px;background:transparent;color:#9f93a7;white-space:nowrap;cursor:pointer}.filters button.active,.filters button:hover{border-color:#a749e4;background:#412054;color:white}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.character{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.character.hidden{display:none}.character>div:last-child{padding:18px}.avatar{position:relative;height:300px;overflow:hidden}.tone-violet{background:linear-gradient(145deg,#592d80,#be5ddd)}.tone-orange{background:linear-gradient(145deg,#64202a,#f17842)}.tone-blue{background:linear-gradient(145deg,#24315a,#6e65d3)}.person{position:absolute;left:50%;bottom:-50px;width:70%;height:270px;border-radius:48% 48% 20% 20%;background:linear-gradient(145deg,#ffd0d4,#c174ca);transform:translateX(-50%)}.person:before{position:absolute;left:16%;top:-50px;width:68%;height:150px;border-radius:50%;background:#24152d;box-shadow:-35px 55px 0 #24152d,35px 55px 0 #24152d;content:""}.avatar>span{position:absolute;left:13px;top:13px;padding:7px 9px;border-radius:99px;background:#130c1ebd;color:#b7ffca;font:900 8px ui-monospace,monospace}.character h3{margin:0;font-size:20px}.character h3 small{color:#8f8397;font-weight:500}.character p{color:#a99daf;font-size:12px;line-height:1.6}.chips{display:flex;gap:6px}.chips b{padding:6px 8px;border:1px solid #41324b;border-radius:99px;color:#8e8295;font-size:8px}.create-card{display:flex;min-height:405px;padding:30px;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 80% 20%,#5d2673,transparent 32%),#171020}.create-icon{display:grid!important;place-items:center;width:70px;height:70px!important;padding:0!important;border:1px solid #8951a6;border-radius:24px;background:#281638;font-size:34px}.create-card a{color:#db80f6;font-weight:900}.create-section{padding:105px 0;background:radial-gradient(circle at 80% 20%,#4e225d,transparent 32%),#1e1328}.create-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.create-copy>p{color:#e879ff}.create-copy>p:not(:first-child){max-width:650px;color:var(--muted);line-height:1.8}.create-copy .hero-button{margin-top:22px}.builder-ui{overflow:hidden;border:1px solid #5a4168;border-radius:23px;background:#120c1a;box-shadow:20px 30px 70px #0006}.builder-head{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);font:900 10px ui-monospace,monospace}.builder-head span{color:#d56ff2}.builder-body{display:grid;grid-template-columns:1fr 1fr;min-height:390px}.preview-person{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(150deg,#502b64,#1d1028)}.preview-person>div{position:absolute;bottom:-55px;width:210px;height:320px;border-radius:48% 48% 17% 17%;background:linear-gradient(#f2b5cf,#985eae)}.preview-person>div:before{position:absolute;left:32px;top:-45px;width:145px;height:160px;border-radius:50%;background:#201126;content:"";box-shadow:-30px 55px 0 #201126,30px 55px 0 #201126}.preview-person span{position:absolute;left:15px;bottom:15px;color:#d899eb;font:900 9px ui-monospace,monospace}.options{padding:32px}.options p{color:#a797ae;font-size:11px}.options button{margin:0 6px 8px 0;padding:9px 12px;border:1px solid #493754;border-radius:9px;background:transparent;color:#b9aebe}.options button.active{border-color:#b349e8;background:#48225b;color:white}.voice-line{display:flex;align-items:center;gap:7px;height:60px}.voice-line i{width:6px;border-radius:9px;background:linear-gradient(var(--pink),var(--violet));height:25%}.voice-line i:nth-child(2){height:80%}.voice-line i:nth-child(3){height:45%}.voice-line i:nth-child(4){height:95%}.voice-line i:nth-child(5){height:55%}.feature-head{max-width:1000px}.feature-list{margin-top:55px;border-top:1px solid var(--line)}.feature-list article{display:grid;grid-template-columns:75px .85fr 1.15fr;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.feature-list article>span{color:#8d7f95;font:900 10px ui-monospace,monospace}.feature-list b{color:#d168ec;font:900 9px ui-monospace,monospace}.feature-list h3{margin:7px 0 0;font-size:21px}.feature-list p{color:var(--muted);line-height:1.75}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;border-top:1px solid #ffffff12}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;padding:24px 0;list-style:none;font-weight:850;cursor:pointer}summary span{color:#c85ee8;font-size:22px}details p{margin:0;padding:0 40px 25px 0;color:var(--muted);line-height:1.7}.final-cta{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:80px 7vw;background:radial-gradient(circle at 80% 30%,#632679,transparent 30%),linear-gradient(120deg,#25102e,#100b17)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 4vw;border-top:1px solid var(--line);color:#8c8192;font-size:11px}@keyframes marquee{to{transform:translateX(-30%)}}@keyframes shine{0%,65%{left:-30%}100%{left:130%}}@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.pill-nav{display:none}.play-grid,.character-grid{grid-template-columns:repeat(2,1fr)}.create-layout{grid-template-columns:1fr}.faq{grid-template-columns:1fr}}@media(max-width:650px){.shell,.hero-slider{width:min(100% - 28px,1480px)}.site-header{min-height:68px;padding:0 15px}.logo small,.search,.join{display:none}.hero-slider{height:520px;margin-top:18px}.hero-slider>img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#0b0714e8 0%,#0b0714b5 55%,transparent),linear-gradient(0deg,#0b0714cc,transparent 50%)}.hero-copy{left:25px;right:25px}.hero-copy h1{font-size:45px}.slide-arrow{display:none}.playable,.discover,.features,.faq{padding-top:55px;padding-bottom:70px}.section-top{align-items:flex-start;flex-direction:column}.play-grid,.character-grid{grid-template-columns:1fr}.play-visual{height:280px}.avatar{height:360px}.create-layout{padding:0 2px}.create-section{padding:70px 0}.builder-body{grid-template-columns:1fr}.preview-person{min-height:340px}.options{padding:25px}.feature-list article{grid-template-columns:45px 1fr}.feature-list p{grid-column:2}.final-cta{align-items:flex-start;flex-direction:column;padding:65px 20px}footer{align-items:flex-start;flex-direction:column}}