:root{color-scheme:dark;--bg:#0a0c0e;--surface:#14171a;--text:#f2f5f7;--muted:#9ca4ae;--gold:#ffb236;--line:#282c32}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%}.shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-60px;left:20px;background:var(--gold);color:#111;padding:12px;z-index:100}.skip:focus{top:10px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:43px;height:43px;border-radius:12px}.brand strong{font-size:23px;line-height:1.1;letter-spacing:2px}.brand strong span{display:block;font-size:9px;letter-spacing:2.5px;margin-top:6px}.header nav{display:flex;gap:34px;font-size:13px;color:#c3bdcc}.header nav a:hover,.footer a:hover{color:var(--gold)}.button{display:inline-flex;gap:30px;justify-content:center;align-items:center;min-height:54px;padding:0 25px;border:1px solid #ffcf71;border-radius:8px;background:linear-gradient(120deg,#ffce70,#ffb236);color:#211704;font-weight:750;font-size:15px;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-3px);filter:brightness(1.07)}.button span{font-size:22px;font-weight:400}.button.small{min-height:39px;padding:0 17px;font-size:12px;gap:20px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;padding-top:90px;min-height:800px}.hero-scenery{position:absolute;inset:0;background:linear-gradient(90deg,#090b0fea 0%,#0c0c1670 50%,#0a0c0e20),linear-gradient(0deg,#0a0c0e 0%,transparent 60%),url('assets/landscape.webp') center top/cover;opacity:.85}.hero-inner{position:relative;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;min-height:675px;gap:50px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.4px;color:var(--gold);margin:0 0 25px;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #ffb23688;display:inline-block}.hero h1{font-size:clamp(43px,4.5vw,66px);line-height:1.27;letter-spacing:-2px;margin:0 0 26px;font-weight:850;white-space:nowrap}em{font-style:normal;color:var(--gold)}.intro{font-size:16px;color:#b8b6c1;line-height:1.95;margin:0}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:600}.text-link:hover{color:var(--gold)}.hero-notes{display:flex;align-items:center;gap:12px;font-size:10px;color:#96919f;margin-top:26px}.hero-notes i{width:2px;height:2px;background:#777;border-radius:50%}.hero-product{position:relative;display:flex;justify-content:center;align-items:center;padding:35px 0 45px}.phone{width:288px;border:5px solid #36333a;border-radius:43px;background:#0e1014;box-shadow:0 0 0 1px #9d8b7055,25px 40px 70px #0009;transform:rotate(6deg);padding:17px 14px 10px;position:relative;overflow:hidden}.phone:before{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);height:18px;width:75px;border-radius:15px;background:#000}.phone-top{display:flex;justify-content:space-between;padding:0 10px;font-size:9px;margin-bottom:30px}.phone-brand{font-weight:800;font-size:24px}.phone-brand small{font-size:8px;letter-spacing:2px;color:#9e9d9f}.phone-brand>span{float:right;color:var(--gold)}.phone-greeting{font-size:10px;color:#a1a0a9;margin:9px 0 20px}.phone-feature{height:207px;border-radius:14px;overflow:hidden;position:relative;border:1px solid #9b67383d}.phone-feature>img{width:100%;height:100%;object-fit:cover;opacity:.9}.phone-feature>div{position:absolute;top:20px;left:13px}.phone-feature small{font-size:8px;color:var(--gold)}.phone-feature h3{font-size:23px;line-height:1.35;margin:8px 0}.phone-feature div>span{font-size:8px;color:#bab3a7}.mini-cta{position:absolute;left:13px;bottom:18px;background:var(--gold);color:#1a1406;padding:8px 13px;border-radius:6px;font-size:9px;font-weight:700}.phone-heading{margin:22px 0 12px;font-size:12px;font-weight:650}.phone-heading span{float:right;color:#929098}.phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phone-tiles a{border-radius:10px;overflow:hidden;background:#1c1a22;padding-bottom:11px}.phone-tiles img{height:75px;width:100%;object-fit:cover}.phone-tiles b,.phone-tiles small{display:block;padding:0 9px}.phone-tiles b{font-size:11px;margin-top:9px}.phone-tiles small{font-size:7px;color:#a6a0af;margin-top:4px}.phone-bottom{display:flex;justify-content:space-around;margin-top:20px;border-top:1px solid #ffffff0d;padding:14px 0 4px;color:#7d7987}.phone-bottom span{text-align:center;font-size:15px}.phone-bottom small{display:block;font-size:7px;margin-top:4px}.phone-bottom .active{color:var(--gold)}.demo-label{text-align:center;font-size:6px;color:#88818b;margin:9px 0 0}.float-tag{position:absolute;z-index:2;border:1px solid #71664e7d;background:#1b1b23e8;backdrop-filter:blur(10px);box-shadow:0 15px 40px #0005;border-radius:12px}.top-tag{right:0;top:57px;font-size:9px;letter-spacing:1.2px;padding:15px;display:flex;align-items:center;gap:8px;transform:rotate(5deg)}.bottom-tag{left:-10px;bottom:90px;padding:15px 19px;display:flex;align-items:center;gap:15px;transform:rotate(-5deg);font-size:16px;font-weight:700}.bottom-tag>span{font-size:32px;color:var(--gold)}.bottom-tag small{display:block;font-size:7px;color:#aba2ae;letter-spacing:2px;margin-top:6px}.hero-foot{position:relative;display:flex;justify-content:space-between;padding:10px 0 27px;color:#817987;font-size:10px;letter-spacing:1px}.hero-foot a{font-size:8px;letter-spacing:2px}.ticker{border-block:1px solid var(--line);display:flex;justify-content:space-evenly;gap:30px;align-items:center;padding:21px 24px;white-space:nowrap;overflow:hidden;background:#111215;color:#c6c6cc;font-weight:650;font-size:13px;letter-spacing:2px}.ticker b{color:#9a7436}.section{padding-top:108px;padding-bottom:108px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(30px,3.1vw,44px);line-height:1.35;letter-spacing:-1.3px;margin:0;font-weight:750}.section-heading>p,.live-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:0}.mode-tabs{display:flex;border-bottom:1px solid #343039;margin-bottom:28px;gap:36px}.mode-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#87848b;padding:0 4px 19px;font-size:13px}.mode-tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}.mode-panel{min-height:420px;border-radius:16px;overflow:hidden;position:relative;background:#141114}.mode-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.mode-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101114 3%,#101114dd 23%,transparent 77%)}.mode-copy{position:relative;z-index:1;padding:48px;max-width:470px}.pill{font-size:10px;padding:6px 10px;border:1px solid #a47a3555;color:#e5bd78;border-radius:4px;display:inline-block}.mode-copy h3{font-size:34px;line-height:1.4;margin:20px 0 14px}.mode-copy p{font-size:13px;line-height:1.9;color:var(--muted);max-width:315px}.mode-facts{display:flex;gap:15px;font-size:10px;color:#d2c5ad;margin:22px 0 25px}.mode-facts span:before{content:'·';margin-right:6px;color:var(--gold)}.mode-copy .text-link{color:var(--gold)}.live-section{background:#101015;border-block:1px solid #1d1c23}.live-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px}.live-art{position:relative;height:420px;border-radius:16px;overflow:hidden;background:#17111f}.live-art>img{height:100%;width:100%;object-fit:cover;object-position:68% center}.voice-note{position:absolute;bottom:48px;left:24px;right:24px;border:1px solid #957bc653;border-radius:12px;background:#19131edb;backdrop-filter:blur(12px);padding:20px;display:flex;align-items:center;gap:20px;font-size:15px}.wave{display:flex;align-items:center;gap:4px;height:30px}.wave i{width:4px;background:#b48cff;border-radius:5px;height:12px;animation:voice 1.4s ease-in-out infinite alternate}.wave i:nth-child(2n){height:25px;animation-delay:-.4s}.wave i:nth-child(3n){height:18px;animation-delay:-.9s}@keyframes voice{to{transform:scaleY(.45)}}.art-caption{position:absolute;bottom:14px;left:24px;font-size:8px;color:#aaa0b8}.live-copy .eyebrow{color:#b48cff}.live-copy h2{font-size:36px;margin-bottom:24px}.live-copy h2 em{color:#b48cff}.feature-list{padding:0;list-style:none;margin:28px 0}.feature-list li{display:flex;gap:20px;margin:24px 0}.feature-list li>span{color:#8c719f;font-size:11px;margin-top:5px}.feature-list h3{font-size:15px;margin:0 0 8px}.feature-list p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.live-copy .text-link{color:#c4a7ef}.honor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.honor-main{position:relative;overflow:hidden;min-height:410px;border-radius:15px;background:#161417}.honor-main>img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;opacity:.8}.honor-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101114 0%,#10111455 65%,transparent)}.honor-main>div{position:absolute;bottom:32px;left:34px;right:34px;z-index:1}.honor-main h3{font-size:30px;line-height:1.4;margin:18px 0 12px}.honor-main p,.honor-side p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.honor-side{display:grid;gap:20px}.honor-side article{padding:29px 32px;background:#14171a;border:1px solid #ffffff05;border-radius:15px}.card-index{font-size:9px;letter-spacing:2px;color:#cead6d}.honor-side h3{font-size:20px;margin:17px 0 11px}.rank-track{display:flex;gap:8px;margin-top:22px}.rank-track i{height:5px;flex:1;background:#aa7549;border-radius:5px}.rank-track i:nth-child(2){background:#c4cdd6}.rank-track i:nth-child(3){background:#e3b854}.rank-track i:nth-child(4){background:#8bdacb}.rank-track i:nth-child(5){background:#8eb8f6}.rank-track i:nth-child(6){background:#b990e5}.download-section{position:relative;border:1px solid #7358256b;overflow:hidden;border-radius:20px;padding:58px 64px;background:radial-gradient(ellipse at 90% 100%,#57412666,transparent 60%),#191713;display:flex;align-items:center;justify-content:space-between;gap:30px}.download-section .eyebrow{font-size:9px;margin-bottom:22px}.download-section h2{font-size:38px}.download-section p:not(.eyebrow){font-size:13px;color:#bbb09c;margin-top:20px}.download-buttons{display:flex;gap:12px;margin-top:28px}.secondary{background:#24211c;color:#f1dfbb;border-color:#746449}.download-section .download-note{font-size:9px!important;color:#938774!important;line-height:1.8}.download-section>img{width:260px;filter:drop-shadow(0 20px 30px #0008)}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq-section h2{font-size:32px}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 0;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;color:#8b8790;font-weight:300}details[open] summary>span{transform:rotate(45deg);color:var(--gold)}details>p{color:var(--muted);line-height:1.9;font-size:13px;margin:0 24px 24px 0}.footer{border-top:1px solid var(--line);padding-block:35px 25px}.footer-top{display:flex;align-items:center;gap:45px;margin-bottom:35px}.footer-top p{font-size:12px;color:#c2bcc7;line-height:1.7}.footer-top p span{font-size:8px;letter-spacing:2px;color:#716c79}.back-top{margin-left:auto;font-size:11px;color:#9e97a3}.footer-bottom{border-top:1px solid #1c1d21;padding-top:22px;display:flex;justify-content:space-between;gap:18px;font-size:9px;color:#706e77}.footer-bottom nav{display:flex;gap:25px}dialog{width:min(420px,calc(100% - 36px));border:1px solid #4b4131;background:#15171b;color:var(--text);border-radius:18px;padding:36px;text-align:center;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog>img{width:58px;border-radius:15px;margin:0 auto 24px}dialog .eyebrow{justify-content:center;font-size:9px}dialog h2{font-size:25px}dialog>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;margin:18px 0 25px}.dialog-close{position:absolute;right:13px;top:10px;background:none;border:0;color:#aaa;font-size:25px}.dialog-confirm{width:100%}
@media(min-width:1600px){.hero-inner{min-height:740px}.hero-product{transform:scale(1.1)}}
@media(max-width:1000px){.shell{width:calc(100% - 56px)}.header{padding:0 28px}.header nav{gap:22px}.hero-inner{gap:15px}.hero h1{font-size:46px}.phone{width:260px}.top-tag{right:-10px;font-size:7px}.bottom-tag{left:-10px;font-size:13px}.live-grid{gap:38px}.live-copy h2{font-size:29px}.section{padding-block:80px}.download-section{padding:45px 35px}.download-section>img{width:200px}.download-section h2{font-size:33px}.hero-notes{font-size:8px}.hero-actions{gap:20px}.faq-section{gap:40px}.honor-side article{padding:24px}}
@media(max-width:700px){html{scroll-padding-top:25px}.shell{width:calc(100% - 40px)}.header{height:76px;padding:0 20px}.brand img{width:36px;height:36px}.brand strong{font-size:20px}.brand strong span{font-size:7px}.header>.button{margin-left:auto;margin-right:18px;padding:0 12px;min-height:34px;font-size:10px;gap:12px}.menu-toggle{display:block;order:3;background:none;border:0;color:#ddd;font-size:22px;padding:5px}.header nav{display:none;position:absolute;top:75px;left:0;right:0;padding:22px;background:#131219f5;border-bottom:1px solid #37303c;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{padding:13px 5px}.hero{padding-top:76px;min-height:auto}.hero-scenery{background-position:65% top}.hero-inner{display:flex;flex-direction:column;gap:0;min-height:auto}.hero-copy{text-align:center;padding-top:50px;width:100%}.hero-copy .eyebrow{justify-content:center;font-size:9px;letter-spacing:2px;margin-bottom:20px}.hero h1{font-size:clamp(37px,9.5vw,53px);letter-spacing:-1px;line-height:1.3;margin-bottom:20px}.intro{font-size:13px}.hero-actions{justify-content:center;margin-top:27px;gap:24px}.hero-actions .button{min-height:48px;font-size:13px;padding:0 20px;gap:25px}.text-link{font-size:12px}.hero-notes{justify-content:center;margin-top:22px;font-size:8px;gap:12px}.hero-product{width:min(370px,100%);padding:42px 0 34px}.phone{width:246px;border-radius:35px;transform:rotate(5deg);padding:14px 12px 8px}.phone-top{margin-bottom:24px}.phone-feature{height:180px}.phone-feature h3{font-size:20px}.phone-heading{margin-top:17px}.phone-tiles img{height:65px}.phone-bottom{margin-top:13px;padding-top:10px}.top-tag{top:65px;right:0;padding:12px;font-size:7px}.bottom-tag{bottom:80px;left:-2px;padding:12px;gap:10px;font-size:12px}.bottom-tag>span{font-size:24px}.bottom-tag small{font-size:6px;letter-spacing:1px}.hero-foot{padding:17px 0 23px;font-size:8px}.hero-foot a{font-size:6px;letter-spacing:1px}.ticker{justify-content:flex-start;padding:18px 20px;font-size:11px;gap:24px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:20px;font-size:12px}h2{font-size:32px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:18px}.mode-tabs{gap:0;justify-content:space-between;margin-bottom:20px}.mode-tabs button{font-size:11px;padding-bottom:15px}.mode-panel{min-height:515px}.mode-panel>img{height:300px;top:auto;bottom:0;object-position:68% center}.mode-panel:after{background:linear-gradient(180deg,#101114 15%,#101114e6 40%,transparent 80%)}.mode-copy{padding:27px 25px}.mode-copy h3{font-size:28px;margin-top:15px}.mode-copy p{font-size:12px;max-width:100%;margin-bottom:12px}.mode-facts{margin:15px 0 20px;font-size:9px}.live-grid{display:flex;flex-direction:column-reverse;gap:33px}.live-copy h2{font-size:30px}.live-copy>p:not(.eyebrow){font-size:13px}.feature-list{margin:24px 0}.live-art{height:285px;width:100%}.voice-note{left:18px;right:18px;bottom:37px;padding:14px;font-size:12px}.honor-grid{grid-template-columns:1fr;gap:15px}.honor-main{min-height:345px}.honor-main>div{left:25px;bottom:25px;right:25px}.honor-main h3{font-size:27px}.honor-side{gap:15px}.honor-side article{padding:26px}.honor-side h3{font-size:18px}.download-section{padding:35px 25px 0;display:flex;flex-direction:column;gap:10px;text-align:center}.download-section .eyebrow{justify-content:center;font-size:7px}.download-section h2{font-size:29px}.download-section>img{width:180px;margin-top:8px;margin-bottom:-16px}.download-buttons{justify-content:center;gap:9px}.download-buttons .button{font-size:12px;gap:18px;padding:0 15px;min-height:48px}.download-section .download-note{font-size:8px!important}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:29px}summary{font-size:13px;padding:21px 0}details>p{font-size:12px}.footer-top{gap:20px;flex-wrap:wrap;margin-bottom:20px}.footer-top p{font-size:10px;margin-left:auto}.footer-top p span{font-size:6px;letter-spacing:1px}.back-top{margin-left:0;font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:8px;line-height:1.7}.footer-bottom nav{gap:16px}.footer-bottom>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Real simulator captures: the complete App screens stay intact. */
.app-showcase{flex-direction:column;padding-top:34px;padding-bottom:22px;gap:25px}.screenshot-phone{position:relative;width:270px;flex-shrink:0;border:5px solid #39343d;border-radius:43px;background:#0a0c0e;overflow:hidden;transform:rotate(5deg);box-shadow:0 0 0 1px #a28a6455,25px 40px 70px #0009}.screenshot-phone>img{display:block;width:100%;height:auto;aspect-ratio:1206/2622;object-fit:cover}.screen-glare{pointer-events:none;position:absolute;inset:0;border-radius:38px;box-shadow:inset 1px 0 0 #ffffff20}.app-showcase .top-tag{top:55px}.app-showcase .bottom-tag{bottom:154px}.screenshot-controls{position:relative;z-index:3;width:280px;max-width:100%}.screenshot-tabs{display:flex;padding:5px;background:#19171ecc;border:1px solid #524836;border-radius:12px;backdrop-filter:blur(12px)}.screenshot-tabs button{flex:1;background:transparent;border:0;border-radius:7px;padding:10px 8px;font-size:12px;color:#a6a0b1;min-height:40px}.screenshot-tabs button[aria-selected=true]{background:#ffbc4b;color:#241705;font-weight:750;box-shadow:0 3px 12px #ffb23616}.screenshot-tabs button:hover{color:#fff}.screenshot-tabs button[aria-selected=true]:hover{color:#241705}.screenshot-controls>p{text-align:center;font-size:9px;letter-spacing:1px;color:#938a9d;margin:12px 0 0}.hero-inner{min-height:740px}
@media(max-width:1000px){.screenshot-phone{width:250px;border-radius:38px}.hero-inner{min-height:710px}.app-showcase .bottom-tag{left:-10px}}
@media(max-width:700px){.hero-inner{min-height:auto}.app-showcase{gap:28px;padding-top:43px;padding-bottom:22px}.screenshot-phone{width:246px;border-radius:37px}.screen-glare{border-radius:32px}.app-showcase .top-tag{top:64px}.app-showcase .bottom-tag{bottom:146px;left:-2px}.screenshot-controls{width:270px}}
/* Shared duotone icon system. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}.icon-fill{fill:currentColor;fill-opacity:.18;stroke:none}.button .icon{width:20px;height:20px}.button.small .icon{width:17px;height:17px}.button>span{display:inline-flex}.text-link .icon,.back-top .icon{width:16px;height:16px}.hero-foot a{display:inline-flex;align-items:center;gap:10px}.hero-foot .icon{width:13px;height:13px}.bottom-tag>span{display:flex}.bottom-tag .icon{width:33px;height:33px;stroke-width:1.3}.ticker b{display:flex}.ticker .icon{width:15px;height:15px}.mode-tabs button{display:flex;align-items:center;gap:10px}.mode-tabs .icon{width:19px;height:19px}.screenshot-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;transition:color .2s,background .25s,box-shadow .25s}.screenshot-tabs .icon{width:17px;height:17px}.feature-list li>.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid #8b5cf63d;border-radius:11px;background:linear-gradient(145deg,#b48cff18,#8b5cf606);color:#c4a7ef;margin-top:0}.feature-icon .icon{width:23px;height:23px}.card-index{display:flex;align-items:center;gap:8px}.card-index .icon{width:21px;height:21px}summary>span{display:flex;transition:transform .3s}.dialog-close{width:36px;height:36px;display:grid;place-items:center}.download-buttons .button{gap:12px}.download-buttons .button>span{margin-left:10px}.menu-toggle{width:36px;height:36px}.menu-toggle .icon{width:23px;height:23px}.menu-toggle[aria-expanded=true] .icon{transform:rotate(90deg)}
/* Motion is decorative: content never depends on animation to be visible. */
.hero-embers{position:absolute;inset:10% 0 0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 30%,#000 75%,transparent)}.hero-embers i{position:absolute;left:var(--x);bottom:-10px;width:3px;height:3px;border-radius:50%;background:#ffd58d;box-shadow:0 0 10px 2px #ffb23640;opacity:0;animation:ember-rise var(--duration) var(--delay) linear infinite}.hero-embers i:nth-child(3n){width:2px;height:2px;background:#d1b7ff;box-shadow:0 0 8px #b48cff80}@keyframes ember-rise{0%{transform:translate3d(0,0,0);opacity:0}20%{opacity:.55}75%{opacity:.35}100%{transform:translate3d(35px,-650px,0);opacity:0}}.screenshot-phone{animation:phone-float 7s ease-in-out infinite;transition:box-shadow .4s;will-change:transform}@keyframes phone-float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-9px) rotate(3.5deg)}}.app-showcase .top-tag{animation:tag-drift 6s ease-in-out infinite}.app-showcase .bottom-tag{animation:tag-drift-bottom 7s -2s ease-in-out infinite}@keyframes tag-drift{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-7px) rotate(3deg)}}@keyframes tag-drift-bottom{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(6px) rotate(-3deg)}}.hero.is-offscreen .hero-embers i,.hero.is-offscreen .screenshot-phone,.hero.is-offscreen .float-tag{animation-play-state:paused}.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:-80% auto -80% -60%;width:35%;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:rotate(25deg) translateX(-140px);pointer-events:none}.button:hover:after{animation:button-shine .7s ease-out}.button .icon,.text-link .icon,.back-top .icon{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.button:hover .icon,.text-link:hover .icon{transform:translate(2px,-2px)}.back-top:hover .icon{transform:translateY(-3px)}@keyframes button-shine{to{left:150%}}.header nav a{position:relative;padding-block:10px}.header nav a:after{content:"";height:2px;position:absolute;bottom:1px;left:0;right:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after,.header nav a:focus-visible:after{transform:scaleX(1)}.honor-side article,.live-art,.honor-main{transition:transform .35s,border-color .35s,box-shadow .35s}.mode-panel>img,.honor-main>img,.live-art>img{transition:transform .7s cubic-bezier(.2,.7,.3,1)}.faqs details[open]>p{animation:faq-in .3s ease-out}@keyframes faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}dialog[open]{animation:dialog-in .25s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-tabs button{transition:color .2s,border-color .2s}.status-dot{animation:status-glow 3s ease-in-out infinite}@keyframes status-glow{50%{box-shadow:0 0 12px 3px #ffb23655}}.menu-toggle .icon{transition:transform .25s}
@media(hover:hover) and (pointer:fine){.honor-side article:hover{transform:translateY(-5px);border-color:#c1934b55;box-shadow:0 18px 40px #0003}.live-art:hover>img,.honor-main:hover>img,.mode-panel:hover>img{transform:scale(1.035)}.screenshot-phone:hover{animation-play-state:paused;box-shadow:0 0 0 1px #d4af7155,25px 40px 80px #000a,0 0 55px #a77a2e1a}}
@media(max-width:700px){.mode-tabs button{gap:6px;font-size:10px}.mode-tabs .icon{width:16px;height:16px}.screenshot-tabs button{gap:5px;font-size:11px}.screenshot-tabs .icon{width:16px;height:16px}.download-buttons .button{gap:7px;padding-inline:12px}.download-buttons .button>span{margin-left:2px}.bottom-tag .icon{width:26px;height:26px}.hero-embers i:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){.hero-embers{display:none}.screenshot-phone{will-change:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hero-actions .button,.hero-actions .text-link{white-space:nowrap}.hero-actions .button{flex-shrink:0}
@media(max-width:350px){.hero-actions{gap:15px}.hero-actions .button{padding-inline:14px;gap:16px;font-size:12px}.hero-actions .text-link{font-size:11px;gap:8px}.download-buttons .button{gap:5px;padding-inline:10px;font-size:11px}.download-buttons .icon{width:17px;height:17px}}

/* Locale controls and longer English copy. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-control{margin-left:auto;margin-right:20px}.language-control select{color:#eee;background:#19171e;border:1px solid #524836;border-radius:7px;padding:9px 8px;font:inherit;font-size:12px;cursor:pointer;min-height:38px}
.footer-bottom{flex-wrap:wrap;align-items:center}.icp-link{font-size:12px;color:#b7b2be}.icp-link:hover{color:var(--gold)}
html[lang=en] .hero h1{font-size:clamp(35px,4vw,57px);letter-spacing:-1.5px}html[lang=en] .hero-copy .eyebrow{letter-spacing:1.5px}html[lang=en] .intro{max-width:530px}html[lang=en] .mode-panel{min-height:460px}html[lang=en] .mode-copy{max-width:510px}html[lang=en] .mode-copy h3{font-size:30px}html[lang=en] .mode-facts{flex-wrap:wrap}html[lang=en] .footer-bottom nav{flex-wrap:wrap;gap:12px 22px}html[lang=en] .download-buttons{flex-wrap:wrap}html[lang=en] .screenshot-controls>p{letter-spacing:0;line-height:1.6}
@media(max-width:1000px){.header nav{gap:15px}.language-control{margin-right:12px}html[lang=en] .header nav{font-size:11px}}
@media(max-width:700px){.language-control{margin-left:auto;margin-right:10px}.header>.button{margin-left:0;margin-right:8px}.language-control select{padding:6px;font-size:11px;min-height:34px}html[lang=en] .hero h1{font-size:clamp(32px,8.3vw,48px)}html[lang=en] .hero-notes{flex-wrap:wrap;gap:8px}html[lang=en] .mode-panel{min-height:560px}html[lang=en] .mode-tabs button{font-size:10px;gap:4px}html[lang=en] .mode-tabs .icon{display:none}html[lang=en] .mode-copy h3{font-size:27px}html[lang=en] .honor-main{min-height:390px}html[lang=en] .download-section h2{font-size:27px}.footer-bottom .icp-link{width:100%}}
@media(max-width:380px){.header{padding-inline:12px}.header>.button{font-size:9px;padding-inline:8px;gap:4px}.brand{gap:7px}}