:root{--bg:#10120f;--lime:#c5f277;--text:#f2f3eb;--muted:#a0a49a;--line:#30332b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-weight:750;font-size:34px;letter-spacing:-2px;gap:8px}.brand-icon{color:var(--lime);font-size:39px;line-height:1}.brand-dot{align-self:flex-start;font-size:10px;letter-spacing:0;margin-top:8px}.header nav{display:flex;gap:35px;font-size:13px;color:#c0c3b8}.header nav a:hover,.text-link:hover{color:var(--lime)}.header-actions{display:flex;gap:25px;align-items:center}.language{color:var(--text);border:0;background:none;font-size:12px;padding:10px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--lime);color:#17200e;padding:19px 23px;border-radius:6px;font-size:14px;font-weight:700;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#d6ff98;transform:translateY(-2px)}.button span{font-size:20px}.button.small{padding:12px 17px;gap:24px;font-size:12px}.hero{min-height:730px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero-copy{padding:65px 0 74px;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px;line-height:1.6}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);flex-shrink:0;box-shadow:0 0 10px #c5f23344}h1{font-weight:500;font-size:clamp(65px,7.5vw,108px);line-height:1.01;letter-spacing:-6px;margin:28px 0}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--lime)}.hero-description{font-size:15px;line-height:1.85;color:var(--muted);margin:28px 0 32px}.hero-actions{display:flex;gap:28px;align-items:center}.text-link{font-size:12px;display:flex;gap:20px;align-items:center}.hero-footnote{margin-top:37px;display:flex;align-items:center;gap:9px;font-size:10px;color:#95998d}.android-icon{font-size:20px}.hero-art{height:650px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 55% 49%,#a2c26a13,transparent 65%)}.orbit{position:absolute;border:1px solid #b6d87a22;border-radius:50%;width:500px;height:500px;transform:rotate(-28deg) scaleY(.75)}.orbit-two{width:660px;height:660px;transform:rotate(-28deg) scaleY(.75)}.orbit-three{width:360px;height:360px;transform:rotate(-28deg) scaleY(.75)}.orbit-point{position:absolute;width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 25px #c5f27780}.point-one{left:9%;top:46%}.point-two{right:6%;bottom:30%;width:5px;height:5px}.art-coordinate{position:absolute;top:47px;right:3px;font:9px monospace;letter-spacing:1px;color:#757c68}.art-caption{position:absolute;bottom:72px;left:0;font:8px monospace;letter-spacing:2px;color:#757c68;writing-mode:vertical-rl}.phone{position:relative;width:252px;height:516px;border:5px solid #393c32;outline:1px solid #666b53;border-radius:38px;background:#f0f0e7;color:#24291d;box-shadow:25px 35px 65px #0009,inset 0 0 0 2px #13170e;transform:rotate(8deg);padding:17px 19px;z-index:1}.phone-top{display:flex;justify-content:space-between;font-size:9px;font-weight:bold}.phone-island{position:absolute;top:10px;left:88px;width:70px;height:17px;background:#181c15;border-radius:20px}.app-top{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.app-top b{font-size:24px;letter-spacing:-1px}.app-top b span{color:#56752c;font-size:23px;margin-left:4px}.app-top>span{font-size:17px}.app-greeting{font-size:17px;line-height:1.25;letter-spacing:-.5px;margin-top:24px}.power-area{height:145px;display:grid;place-items:center}.power-ring{width:115px;height:115px;display:grid;place-items:center;border:1px solid #9dbd6570;border-radius:50%;outline:1px solid #9dbd6530;outline-offset:9px}.power-ring span{display:grid;place-items:center;border-radius:50%;width:93px;height:93px;background:var(--lime);font-size:42px;font-family:Arial;box-shadow:0 10px 20px #91a56325}.app-status{text-align:center;font-size:13px;font-weight:700}.app-hint{text-align:center;font-size:9px;color:#808474;margin-top:7px}.app-server{margin-top:27px;display:flex;align-items:center;gap:10px;background:#e3e5d8;border:1px solid #d9ddcd;padding:13px 10px;border-radius:10px}.server-symbol{font-size:24px}.app-server div{flex:1}.app-server small{font-size:6px;letter-spacing:1px;display:block;color:#787e69;margin-bottom:5px}.app-server b{font-size:10px}.app-bottom{display:flex;justify-content:space-around;margin-top:24px;color:#929787}.app-bottom>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:17px}.app-bottom small{font-size:7px}.app-bottom .selected{color:#334a19}.phone-home{position:absolute;bottom:8px;left:87px;width:70px;height:3px;background:#373c2e;border-radius:10px}.floating-label{position:absolute;right:-1px;top:180px;padding:14px 19px;display:flex;align-items:center;gap:13px;z-index:2;background:#252b20e8;border:1px solid #464e39;border-radius:10px;transform:rotate(-5deg);font-size:12px;line-height:1.5;box-shadow:0 12px 30px #0005}.floating-label>span{font-size:25px;color:var(--lime)}.preview-note{position:absolute;bottom:20px;font-size:7px;letter-spacing:1.5px;color:#7a816e}.principles{border-block:1px solid var(--line)}.principles-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px;font-size:12px}.principles-inner>span:first-child{color:var(--muted)}.principles-inner>span:not(:first-child){color:var(--lime);display:flex;align-items:center;gap:12px;font-size:20px}.principles b{color:#d4d8cd;font-size:12px;font-weight:400}.section{padding-block:105px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}h2{font-size:48px;line-height:1.12;letter-spacing:-2px;font-weight:400;margin:20px 0 0}.section-heading>p,.inside-copy>p{font-size:14px;line-height:1.9;color:var(--muted)}.section-heading>p{margin:0 35px 2px 25px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border-radius:10px;padding:26px 28px 30px;min-height:342px;position:relative;overflow:hidden}.feature-light{background:#e8eade;color:#1d2616}.feature-green{background:#c5f277;color:#1d2616}.feature-dark{background:#20251d;border:1px solid #343c2c}.feature-number{font:10px monospace;opacity:.6}.feature h3{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:17px 0 12px}.feature p{font-size:12px;line-height:1.85;opacity:.7;margin:0}.connection-illustration,.protocol-art,.language-art{height:135px;display:flex;align-items:center;justify-content:center}.connection-illustration>div{width:59px;height:59px;border:1px solid #abb89b;border-radius:50%;display:grid;place-items:center;font-size:25px}.connection-line{width:55px;height:1px;background:#a0b283;position:relative}.connection-line:after{content:'';width:5px;height:5px;background:#68894a;position:absolute;right:0;top:-2px;border-radius:50%}.connection-illustration>span:last-child{font-size:49px;margin-left:15px;color:#52693a}.protocol-art{gap:15px}.protocol-art>span:first-child{font:italic 90px Georgia;letter-spacing:-18px;margin-right:10px}.protocol-tag{font-size:12px;padding:8px 12px;border:1px solid #779847;border-radius:20px;transform:rotate(-8deg)}.language-art{position:relative;flex-direction:column;align-items:flex-start;padding-left:25px}.language-art>span:first-child{font-size:40px;letter-spacing:-2px}.language-art>span:nth-child(2){font-size:30px;color:var(--lime);margin-left:60px}.language-art i{position:absolute;right:20px;top:25px;font-size:32px;color:var(--lime)}.inside{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.inside-visual{height:360px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;background:repeating-radial-gradient(circle at center,transparent 0,transparent 39px,#c5f27716 40px,transparent 41px),#171c14;overflow:hidden}.nova-mark{font-size:205px;color:var(--lime);line-height:1;transform:rotate(-15deg)}.inside-visual>span{position:absolute;bottom:25px;font:8px monospace;letter-spacing:2px;color:#9ba58c}.inside-copy>p{margin:25px 0}.inside-detail{border-top:1px solid var(--line);display:flex;gap:17px;padding-top:18px;color:var(--muted)}.inside-detail>span{color:var(--lime);font-size:22px}.inside-detail p{margin:0;font-size:11px;line-height:1.8}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:23px 32px 23px 0;position:relative;cursor:pointer;font-size:15px;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;color:var(--lime);font-size:20px;top:20px}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 32px 24px 0}.download{border-radius:12px;background:var(--lime);color:#17200e;padding:60px 65px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:65px}.download h2{font-size:70px;letter-spacing:-3px}.download em{color:#17200e}.download-action{max-width:360px}.release-badge{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.release-badge .live-dot{background:#344d19;box-shadow:none}.download-action p{font-size:13px;line-height:1.8;margin:20px 0}.dark-button{background:#18200f;color:#eef8e2}.dark-button:hover{background:#2c3b1b}.download-action .release-feedback{font-size:11px;margin-bottom:0}footer{padding:20px 0 40px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9b9f93;gap:25px}footer .brand{font-size:28px;color:var(--text)}footer .brand-icon{font-size:32px}footer a:last-child{color:#d9ddcf}body[data-lang="zh-CN"] h1{font-size:clamp(64px,7vw,94px);letter-spacing:-3px;line-height:1.2}body[data-lang="zh-CN"] h2{line-height:1.3}body[data-lang="zh-CN"] em{font-style:normal}body[data-lang="zh-CN"] .hero-description{line-height:2}
@media(min-width:1500px){.hero{min-height:780px}.hero-art{height:700px}}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.hero{grid-template-columns:1fr 1fr}.hero-actions{gap:15px}.hero-actions .button{gap:20px}.text-link{gap:10px}.floating-label{right:0;top:145px;font-size:10px;padding:12px}.hero-art{height:620px}.phone{transform:rotate(6deg) scale(.9)}.art-coordinate{font-size:7px}.inside{gap:50px}.feature{padding:23px 22px}.feature h3{font-size:18px}.principles-inner>span:first-child{max-width:140px;line-height:1.6}.download{padding:45px}.section{padding-block:80px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:86px}.header nav{display:none}.header-actions{gap:16px}.brand{font-size:29px}.brand-icon{font-size:34px}.hero{grid-template-columns:1fr;overflow:hidden}.hero-copy{padding:55px 0 5px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:76px;letter-spacing:-4px;margin:23px 0}.hero-description{font-size:14px}.hero-actions{gap:23px}.hero-footnote{margin-top:25px}.hero-art{height:570px;margin-top:-10px}.phone{transform:rotate(7deg) scale(.92)}.floating-label{right:5%;top:170px}.art-coordinate{top:35px;right:10px}.art-caption{left:8px;bottom:80px}.preview-note{bottom:13px;font-size:6px}.orbit-two{width:590px;height:590px}.principles-inner{padding-block:25px;display:grid;grid-template-columns:1fr 1fr;gap:24px 15px}.principles-inner>span:first-child{max-width:none;font-size:10px}.principles b{font-size:10px}.principles-inner>span:not(:first-child){gap:8px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:28px}h2{font-size:39px}.section-heading>p{margin:25px 0 0;font-size:13px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature{min-height:310px;padding:25px 28px}.feature h3{font-size:23px}.feature p{font-size:13px}.connection-illustration,.protocol-art,.language-art{height:125px}.language-art{padding-left:20%;}.language-art i{right:20%}.inside{grid-template-columns:1fr;gap:38px}.inside-visual{height:290px}.inside-copy>p{font-size:13px}.faq{grid-template-columns:1fr;gap:20px}.faq h2{margin-bottom:5px}summary{font-size:14px;line-height:1.5}.download{padding:35px 28px;display:block;margin-bottom:35px}.download h2{font-size:63px}.download-action{margin-top:35px}.release-badge{font-size:7px}footer{flex-wrap:wrap;gap:22px}footer .brand{width:45%}footer>span:nth-child(2){text-align:right;flex:1}footer>span:nth-child(3){flex:1}body[data-lang="zh-CN"] h1{font-size:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:380px){h1{font-size:64px;letter-spacing:-4px}.header-actions{gap:10px}.header .button.small{gap:16px;padding:11px 13px;white-space:nowrap}.language{white-space:nowrap}.hero-actions{gap:16px}.hero-actions .button{gap:16px;padding:17px 18px}.text-link{font-size:11px}body[data-lang="zh-CN"] h1{font-size:59px}.download h2{font-size:55px}}
:root{--bg:#060711;--lime:#a391ff;--text:#f5f4ff;--muted:#9797af;--line:#242438}body{background:var(--bg);font-family:Arial,"Microsoft YaHei",sans-serif}.header{height:100px}.brand{font-size:26px;letter-spacing:-1px;gap:9px;white-space:nowrap}.brand small{font-size:16px;font-weight:400;letter-spacing:0;color:#a6a1bc}.brand-icon{width:47px;height:36px;display:block;position:relative;overflow:hidden;border-radius:9px}.brand-icon img{position:absolute;width:94px;max-width:none;left:-24px;top:-29px}.button{color:#fff;background:#7650f8;border-radius:30px;font-weight:500;box-shadow:0 6px 30px #6836ff22;padding:18px 26px}.button:hover{background:#8c6aff}.button.small{padding:12px 20px}.hero{min-height:770px;isolation:isolate;grid-template-columns:1.03fr 1fr}.hero-copy{padding:75px 0 90px}.eyebrow{color:#b6a9ed;letter-spacing:2px;font-weight:500;font-size:10px}.live-dot{background:#a68aff;box-shadow:0 0 14px #8a5fff}h1{font-size:clamp(70px,7.5vw,108px);font-weight:500;letter-spacing:-6px;line-height:1.06;margin:32px 0}em{font-family:inherit;font-style:normal;font-weight:500;color:#a18aff;background:linear-gradient(110deg,#c7b7ff,#8152ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{line-height:1.85;color:#a3a1b6;font-size:15px}.hero-footnote{color:#858299}.hero-art{background:radial-gradient(ellipse at center,#6630e91e,transparent 69%);height:690px}.hero-watermark{position:absolute;width:650px;height:650px;right:-115px;top:2px;opacity:.32;transform:rotate(-12deg);mask-image:radial-gradient(ellipse,#000 15%,transparent 68%);pointer-events:none}.hero-watermark img{width:100%}.orbit{border-color:#8e6dff28;transform:rotate(-35deg) scaleY(.62);width:550px;height:550px}.orbit-two{width:720px;height:720px;transform:rotate(-35deg) scaleY(.62)}.orbit-three{width:390px;height:390px;transform:rotate(-35deg) scaleY(.62)}.orbit-point{background:#b69aff;box-shadow:0 0 25px #9b72ff}.art-caption,.art-coordinate{color:#8f82af}.phone{background:linear-gradient(150deg,#181726,#0d0d19 65%);color:#f0edff;border:5px solid #393546;outline-color:#645a79;box-shadow:20px 40px 80px #000b,inset 0 0 0 2px #13121c;transform:rotate(7deg);width:264px;height:542px}.phone-island{background:#05050a;left:92px}.app-top b{font-size:17px;letter-spacing:-.7px;display:flex;align-items:center;gap:5px}.app-top b small{font-size:11px;color:#a8a0bb;font-weight:400}.app-logo{width:27px;height:22px;position:relative;overflow:hidden;display:inline-block;border-radius:6px}.app-logo img{position:absolute;width:55px;left:-14px;top:-17px}.app-greeting{margin-top:27px;color:#e2dff0}.power-area{height:155px}.power-ring{border-color:#9975ff55;outline-color:#9975ff22;box-shadow:0 0 45px #7c45ff15}.power-ring span{background:linear-gradient(145deg,#a583ff,#6934f5);color:white;box-shadow:0 0 40px #8e50ff55;font-size:39px}.app-status{color:#e8e2fa}.app-hint{color:#858095}.app-server{background:#232032;border-color:#3b3151;margin-top:28px}.app-server small{color:#aaa0c0}.app-server b{color:#eee6ff}.server-symbol{color:#b498ff}.app-bottom{color:#777087}.app-bottom .selected{color:#b297ff}.phone-home{background:#a9a1bd;left:91px}.floating-label{background:#201b34eb;border:1px solid #4b396a;top:172px;right:-5px;border-radius:12px;box-shadow:0 20px 50px #0005}.floating-label>span{color:#bd9fff}.preview-note{bottom:10px;color:#9082a4}.principles{background:#0d0c19}.principles-inner{min-height:86px}.principles b{color:#c0b9d1}.section{padding-block:110px}h2{font-size:46px;letter-spacing:-1.7px;line-height:1.18}.feature-grid{gap:20px}.feature{border:1px solid #302a42;border-radius:18px;min-height:350px;padding:27px 30px}.feature-light{background:linear-gradient(145deg,#232034,#151321);color:#f1ebff}.feature-green{background:linear-gradient(145deg,#6e40d8,#422780);color:#fff;border-color:#8b63db}.feature-dark{background:linear-gradient(145deg,#1a182b,#11101e)}.feature-number{color:#c3b1df}.feature h3{font-size:20px}.feature p{opacity:1;color:#a69cb9}.feature-green p{color:#ded0fa}.connection-illustration>div{border-color:#786394;color:#c4a9ff}.connection-line{background:#79608f}.connection-line:after{background:#b68aff}.inline-logo{width:65px;height:65px;position:relative;overflow:hidden;display:block;border-radius:16px;margin-left:10px}.inline-logo img{position:absolute;width:130px;left:-33px;top:-33px}.protocol-tag{border-color:#c2a4ff80}.language-art>span:nth-child(2),.language-art i{color:#af8cff}.inside{gap:100px}.inside-visual{background:#070711;border:1px solid #2b233f;height:390px;border-radius:24px}.brand-mark{width:100%;height:100%;display:grid;place-items:center}.brand-mark img{width:100%;max-width:440px}.inside-visual>span{color:#a394bd;bottom:24px}.inside-detail>span{color:#ab88ff}.faq{gap:80px}.faq h2{margin-top:22px}summary{font-size:15px}summary:after{color:#b49aff}.download{position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 15% 110%,#6631c999,transparent 60%),linear-gradient(120deg,#21153a,#151022);color:#f7f1ff;border:1px solid #4d326f;padding:65px 70px;margin-bottom:65px}.download:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #bf8bff20;border-radius:50%;right:-100px;top:-150px;pointer-events:none}.download h2{font-size:65px}.download em{color:#bc9bff}.download .eyebrow{color:#bca2e4}.release-badge{color:#c0a5e2}.release-badge .live-dot{background:#b695ff}.download-action p{color:#b8a9ca}.dark-button{background:#8252ed;color:#fff}.dark-button:hover{background:#9870f6}footer .brand{font-size:23px}footer .brand-icon{width:40px;height:32px}footer .brand-icon img{width:82px;left:-21px;top:-25px}footer{border-top:1px solid #242037;padding-top:28px}body[data-lang="zh-CN"] h1{font-size:clamp(64px,6.6vw,92px);line-height:1.3}body[data-lang="zh-CN"] h2{line-height:1.4}body[data-lang="zh-CN"] .download h2{font-size:56px}@media(max-width:1050px){.hero{min-height:720px}.hero-art{height:650px}.brand{font-size:23px}.inside{gap:45px}.download{padding:45px}.hero-actions{gap:20px}.hero .button{gap:22px}.feature{padding:24px}.hero-watermark{right:-170px}.header nav{gap:24px}}@media(max-width:760px){.header{height:88px}.header .brand{font-size:21px;gap:6px}.brand small{font-size:12px}.brand-icon{width:36px;height:30px}.brand-icon img{width:78px;left:-21px;top:-24px}.header-actions{gap:13px}.button.small{padding:11px 14px;font-size:11px;gap:13px;white-space:nowrap}.language{white-space:nowrap}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 0 10px}.hero h1{font-size:77px;letter-spacing:-4px}.hero-description{font-size:13px}.hero-art{height:600px}.hero-watermark{width:600px;height:600px;right:-150px;top:-10px}.phone{transform:rotate(6deg) scale(.93)}.floating-label{right:1%;top:150px}.preview-note{bottom:12px}.section{padding-block:66px}.feature-grid{grid-template-columns:1fr}.feature{min-height:315px;padding:26px 30px}.inside{grid-template-columns:1fr;gap:32px}.inside-visual{height:320px}.inside-visual .brand-mark img{max-width:350px}.faq{grid-template-columns:1fr;gap:25px}.download{padding:38px 27px}.download h2{font-size:53px}.download-action{margin-top:30px}.download .eyebrow{font-size:8px}.release-badge{font-size:7px}h2{font-size:36px}.header nav{display:none}footer .brand{width:auto;font-size:21px}footer>span:nth-child(2){max-width:140px}body[data-lang="zh-CN"] h1{font-size:62px;letter-spacing:-2px}body[data-lang="zh-CN"] .download h2{font-size:45px}}@media(max-width:380px){.header .brand{font-size:18px}.header-actions{gap:9px}.header .button.small{padding:10px 12px;gap:9px;font-size:10px}.hero h1{font-size:67px}body[data-lang="zh-CN"] h1{font-size:54px}.hero-actions{gap:18px}.hero-actions .button{padding:17px 20px;font-size:12px;gap:16px}.hero-art{height:575px}.phone{transform:rotate(5deg) scale(.86)}.download h2{font-size:46px}}
.status-art{height:135px;display:flex;align-items:center;justify-content:center;gap:25px}.status-orbit{font-size:70px;line-height:1;color:#ece1ff}.status-bars{display:flex;align-items:flex-end;gap:6px;height:52px}.status-bars i{width:9px;background:#dac4ff;border-radius:5px}.status-bars i:nth-child(1){height:17px}.status-bars i:nth-child(2){height:28px}.status-bars i:nth-child(3){height:39px}.status-bars i:nth-child(4){height:50px}
/* Zuppyo motion system: CSS transforms, progressive reveals, and touch-safe effects. */
body{isolation:isolate}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.aurora{position:absolute;width:75vw;height:65vh;border-radius:50%;opacity:.2;filter:blur(85px);will-change:transform;background:radial-gradient(ellipse,#7436ff 0%,#4e208f55 45%,transparent 70%);animation:aurora-drift 18s ease-in-out infinite alternate}.aurora-one{top:-30vh;left:-20vw}.aurora-two{right:-35vw;top:30vh;background:radial-gradient(ellipse,#463bfb 0%,#9c37d744 45%,transparent 70%);animation-delay:-9s;animation-duration:23s}.star-field{position:absolute;inset:0}.star-field i{position:absolute;left:calc(mod(var(--n)*37,100)*1%);top:calc(mod(var(--n)*23,100)*1%);width:2px;height:2px;background:#bda6ff;border-radius:50%;opacity:.25;box-shadow:0 0 10px #a587ff;animation:starlight calc(4s + var(--n)*.3s) ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.7s)}.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#6934f5,#cfafff,#8c71ff);box-shadow:0 0 13px #a878ff;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:15;border:1px solid #68518b66;background:#151020e8;color:#c1afd9;border-radius:25px;padding:9px 13px;font-size:10px;backdrop-filter:blur(12px)}.motion-toggle:hover{border-color:#b492ff;color:#fff}.hero-copy>.eyebrow{animation:hero-arrive .8s both}.hero h1{animation:hero-arrive 1s .1s both}.hero-description{animation:hero-arrive 1s .2s both}.hero-actions,.hero-footnote{animation:hero-arrive 1s .35s both}.hero h1 em{background-size:220% auto;background-image:linear-gradient(110deg,#e4d9ff 5%,#a180ff 30%,#7240f5 48%,#c9b4ff 65%,#e4d9ff 95%);animation:type-shimmer 8s linear infinite}.phone{animation:phone-hover 7s ease-in-out infinite}.floating-label{animation:label-hover 6s ease-in-out infinite}.hero-watermark{animation:mark-drift 14s ease-in-out infinite alternate}.orbit{border-style:dashed;border-color:#9f73ff38;animation:orbit-turn 55s linear infinite}.orbit-two{animation-duration:80s;animation-direction:reverse}.orbit-three{animation-duration:38s}.orbit:after{content:'';position:absolute;top:14%;left:14%;width:5px;height:5px;background:#d2b7ff;box-shadow:0 0 20px #be8aff;border-radius:50%}.orbit-point{animation:point-glow 3s ease-in-out infinite alternate}.point-two{animation-delay:-1.5s}.power-ring{position:relative}.power-ring:before,.power-ring:after{content:'';position:absolute;inset:-6px;border:1px solid #ae83ff65;border-radius:50%;animation:connection-wave 4s ease-out infinite;pointer-events:none}.power-ring:after{animation-delay:2s}.power-ring span{animation:power-breathe 4s ease-in-out infinite}.live-dot{animation:point-glow 3s ease-in-out infinite alternate}.button{position:relative;overflow:hidden}.button:before{content:'';position:absolute;top:-60%;left:-90%;width:45%;height:220%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-25deg);animation:button-sheen 7s ease-in-out infinite;pointer-events:none}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:1px;background:#b18aff;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover:after{transform:scaleX(1)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--reveal-delay,0ms),transform .8s var(--reveal-delay,0ms)}.reveal.revealed{opacity:1;transform:translateY(0)}.feature,.download{position:relative;--spot-x:50%;--spot-y:50%}.feature:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),#d6b1ff1f,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.feature:hover:after{opacity:1}.feature:hover{border-color:#8f65ca;box-shadow:0 15px 55px #6637b51a}.feature{transition:border-color .4s,box-shadow .4s,opacity .8s var(--reveal-delay,0ms),transform .8s var(--reveal-delay,0ms)}.status-bars i{animation:bar-wave 2s ease-in-out infinite alternate;transform-origin:bottom}.status-bars i:nth-child(2){animation-delay:-.5s}.status-bars i:nth-child(3){animation-delay:-1s}.status-bars i:nth-child(4){animation-delay:-1.5s}.inside-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#b58aff0d 50%,transparent 65%);transform:translateX(-100%);animation:logo-sweep 9s ease-in-out infinite;pointer-events:none}.brand-mark img{animation:logo-breathe 8s ease-in-out infinite}.download{box-shadow:0 0 70px #7c39d712}.download:after{animation:halo-expand 8s ease-in-out infinite alternate}.download .eyebrow{color:#d0b5ff}
@keyframes aurora-drift{to{transform:translate(22vw,15vh) scale(1.25)}}@keyframes starlight{to{opacity:.7;transform:translateY(-18px)}}@keyframes hero-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes type-shimmer{to{background-position:220% center}}@keyframes phone-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -17px;rotate:-2deg}}@keyframes label-hover{0%,100%{translate:0 0}50%{translate:7px -12px}}@keyframes mark-drift{to{translate:-15px 22px;rotate:8deg}}@keyframes orbit-turn{from{transform:rotate(-35deg) scaleY(.62) rotate(0deg)}to{transform:rotate(-35deg) scaleY(.62) rotate(360deg)}}@keyframes point-glow{to{opacity:.4;box-shadow:0 0 23px #ac7aff99}}@keyframes connection-wave{0%{transform:scale(.9);opacity:0}15%{opacity:.6}100%{transform:scale(1.65);opacity:0}}@keyframes power-breathe{50%{box-shadow:0 0 55px #a070ff77}}@keyframes button-sheen{0%,65%{left:-90%}90%,100%{left:160%}}@keyframes bar-wave{to{transform:scaleY(.45);opacity:.55}}@keyframes logo-sweep{0%,50%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes logo-breathe{50%{scale:1.04}}@keyframes halo-expand{to{scale:1.4;translate:-35px 20px}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important;transition:none!important}body.motion-paused .reveal{opacity:1;transform:none}body.motion-paused .aurora{will-change:auto}body.motion-paused{scroll-behavior:auto}html:has(body.motion-paused){scroll-behavior:auto}body.motion-paused .feature:after{display:none}@media(max-width:760px){.aurora{filter:blur(50px);opacity:.15}.star-field i:nth-child(n+10){display:none}.orbit-two{animation:none}.phone{animation-duration:8s}.motion-toggle{bottom:12px;right:12px;font-size:9px;padding:8px 11px}.feature:after{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.aurora{will-change:auto}}
/* FAQ: plus/minus built from two strokes so the icon can rotate smoothly. */
.faq-list summary:after{content:''!important;position:absolute;right:3px;top:32px;width:11px;height:1.5px;background:#b49aff;transform:rotate(0deg);transition:transform .42s cubic-bezier(.22,1,.36,1),background .3s}.faq-list summary:before{content:'';position:absolute;right:3px;top:32px;width:11px;height:1.5px;background:#b49aff;transform:rotate(90deg);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s}.faq-list details.is-expanded summary:after{transform:rotate(180deg)}.faq-list details.is-expanded summary:before{transform:rotate(180deg);opacity:0}.faq-list summary{transition:color .3s}.faq-list summary:hover,.faq-list details.is-expanded summary{color:#dfcdff}.faq-list details{overflow-anchor:none}
/* Actual app capture: preserve every pixel and its original aspect ratio. */
.phone.phone-screenshot{width:264px;height:auto;aspect-ratio:618/1387;padding:0;border:0;outline:1px solid #71618666;background:#100c1b;border-radius:35px;overflow:hidden;box-shadow:22px 35px 70px #0009,0 0 35px #8d51ff15}.phone-screenshot>img{display:block;width:100%;height:auto;max-width:100%;border-radius:inherit}.hero-art .floating-label{right:-15px;top:140px}@media(max-width:760px){.hero-art{height:650px}.hero-art .floating-label{right:0;top:155px}.phone.phone-screenshot{width:264px;transform:rotate(6deg) scale(.93)}.preview-note{bottom:12px}}@media(max-width:380px){.hero-art{height:610px}.phone.phone-screenshot{transform:rotate(5deg) scale(.86)}}
/* Live HTML/CSS illustration of the actual App home, not a flattened capture. */
.phone.app-render{width:280px;height:628px;padding:0;background:linear-gradient(155deg,#181426,#0f0c1b 70%);border:3px solid #3e354e;outline:1px solid #85739855;border-radius:38px;color:#f2edff;overflow:hidden;box-shadow:20px 35px 75px #0009,0 0 35px #8c4aff15;font-family:Arial,"Microsoft YaHei",sans-serif;transform:rotate(7deg)}.ui-icon{display:block;width:20px;height:20px;flex-shrink:0}.render-statusbar{height:40px;padding:13px 13px 0;display:flex;justify-content:space-between;font-size:9px;position:relative;align-items:flex-start}.render-camera{position:absolute;left:calc(50% - 8px);top:10px;width:16px;height:16px;border:4px solid #040309;border-radius:50%;background:radial-gradient(circle,#324768,#070711 65%);box-shadow:0 0 0 1px #221c2d}.render-content{padding:8px 15px 0}.render-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.render-brand{display:flex;align-items:center;gap:7px}.render-logo{display:block;width:30px;height:30px;border-radius:9px;overflow:hidden;position:relative}.render-logo img{position:absolute;width:60px;left:-15px;top:-15px}.render-brand b{font-size:17px;letter-spacing:-.6px}.render-brand small{font-size:10px;letter-spacing:0;color:#a69bb7;font-weight:400}.render-bell{width:28px;height:28px;border:1px solid #4a3c60;background:#241d33;border-radius:11px;display:grid;place-items:center;color:#b995ff}.render-bell svg{width:17px;height:17px}.render-state{margin:18px auto 0;width:fit-content;max-width:100%;padding:5px 8px;border:1px solid #4b4059;background:#2a2335;display:flex;gap:5px;align-items:center;border-radius:9px;font-size:9px;font-weight:600;color:#aaa0b8}.render-state i{width:7px;height:7px;background:#a59ab3;border-radius:50%}.render-title{text-align:center;font-size:18px;line-height:1.4;margin:9px -5px 0;letter-spacing:-.4px}.render-connect{height:192px;position:relative;display:grid;place-items:center}.render-power{width:126px;height:126px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#a172ff,#7736f5);border:1px solid #b592ff88;box-shadow:0 0 30px #914fff28;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;position:relative;isolation:isolate;transition:scale .25s,box-shadow .4s}.render-power>.ui-icon{width:30px;height:30px;stroke-width:2.2}.render-power>span:last-child{font-size:11px;font-weight:700}.render-power:hover{scale:1.045;box-shadow:0 0 45px #9552ff66}.render-power:active{scale:.97}.render-power:focus-visible{outline:2px solid #f1dcff;outline-offset:7px}.render-orbit{position:absolute;width:140px;height:140px;border:1px solid #a681ff22;border-radius:50%;pointer-events:none;animation:render-orbit-spin 14s linear infinite}.render-orbit:after{content:'';position:absolute;top:10%;left:18%;width:4px;height:4px;border-radius:50%;background:#b696ff;box-shadow:0 0 8px 2px #a979ff77}.render-orbit.orbit-b{width:156px;height:156px;animation-duration:21s;animation-direction:reverse}.render-orbit.orbit-c{width:172px;height:172px;animation-duration:29s}.render-orbit.orbit-c:after{display:none}.render-node{border:1px solid #49385f;border-radius:14px;background:#241d32;padding:10px 9px;display:flex;align-items:center;gap:9px;box-shadow:0 4px 15px #0001;transition:border-color .4s,translate .4s}.render-node:hover{border-color:#9972cb;translate:0 -2px}.render-flag{width:28px;height:28px;border-radius:9px;background:#30253f;display:grid;place-items:center;font-size:18px}.render-node>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}.render-node small{font-size:8px;letter-spacing:.4px;color:#afa0bd}.render-node b{font-size:10px}.render-chevron{font-size:22px;color:#ab9cba}.render-session{font-size:10px;margin:14px 0 8px}.render-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.render-stats>div{padding:11px 10px 15px;background:#241c32;border:1px solid #49375f;border-radius:15px}.render-stat-label{display:flex;align-items:center;gap:5px;font-size:8px;color:#ad9dbd;white-space:nowrap}.render-stat-label svg{width:12px;height:12px;color:#bc97ff}.render-stats b{display:block;font-size:20px;letter-spacing:-.7px;margin-top:12px;line-height:1}.render-stats b small{font-size:7px;color:#ad9dbd;letter-spacing:0}.render-nav{position:absolute;bottom:17px;left:0;right:0;border-top:1px solid #3f304f;display:flex;justify-content:space-around;padding-top:6px;color:#aaa0b7;font-size:9px}.render-nav>span{display:flex;flex-direction:column;align-items:center;gap:4px}.render-nav i{display:grid;place-items:center;width:31px;height:23px;border-radius:9px;font-style:normal}.render-nav .ui-icon{width:16px;height:16px}.render-nav-active{color:#b894ff}.render-nav-active i{background:#332442}.render-homebar{position:absolute;width:74px;height:3px;background:#e4dce9;border-radius:4px;bottom:6px;left:calc(50% - 37px)}.click-wave{position:absolute;inset:0;border-radius:50%;border:1px solid #d9b5ff;opacity:0;pointer-events:none}.demo-pulse .click-wave{animation:demo-click-wave 1.2s ease-out}.demo-pulse .render-power{box-shadow:0 0 65px #b079ff99}.demo-pulse .render-orbit{border-color:#bd91ff66}.render-power{animation:render-power-breathe 4s ease-in-out infinite}.hero-art .floating-label{right:-15px;top:150px}.hero-art{min-height:700px}@keyframes render-orbit-spin{to{transform:rotate(360deg)}}@keyframes render-power-breathe{50%{box-shadow:0 0 38px #914fff55}}@keyframes demo-click-wave{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}@media(max-width:1050px){.phone.app-render{transform:rotate(6deg) scale(.9)}}@media(max-width:760px){.hero-art{height:690px;min-height:690px}.phone.app-render{transform:rotate(5deg) scale(.92)}.hero-art .floating-label{right:0;top:150px}}@media(max-width:380px){.hero-art{height:650px;min-height:650px}.phone.app-render{transform:rotate(4deg) scale(.85)}}