body.appdemo{background:var(--hero-bg);background-attachment:fixed;min-height:100vh}.back-link{text-decoration:none}.back-link:hover{color:var(--fg)}.ad{display:grid;grid-template-columns:1fr minmax(0,470px);gap:clamp(30px,6vw,100px);align-items:center;padding-top:clamp(100px,13vh,140px);padding-bottom:40px;min-height:100vh}.ad h1{font-size:clamp(2.8rem,1.4rem + 5vw,6rem)}.ad h1 .dot{color:var(--accent)}.ad-sub{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.3rem);margin:8px 0 18px;line-height:1.15}.feat{list-style:none;counter-reset:f;padding:0;margin:30px 0 0;display:grid;gap:2px;max-width:560px}.feat button{width:100%;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:2px 14px;padding:12px 14px;border:0;border-radius:var(--r);background:transparent;color:var(--fg);font:inherit;cursor:pointer;transition:background .25s}.feat li{counter-increment:f}.feat button:before{content:counter(f,decimal-leading-zero);grid-row:span 2;font:800 var(--t-xs)/1.9 var(--sans);color:var(--muted)}.feat button:hover,.feat button[aria-current=true]{background:var(--bg-2)}.feat button[aria-current=true]:before{color:var(--accent-text)}.feat b{font-weight:700}.feat span{color:var(--muted);font-size:var(--t-sm)}.ad-note{margin-top:24px}.ad-foot{padding-block:20px 80px}.ad-stage{display:grid;place-items:center}.phone{--s: 1;width:402px;height:874px;border-radius:64px;padding:11px;background:linear-gradient(145deg,#3a3d44,#15171c 40%,#2a2c32);box-shadow:inset 0 0 0 2px #50545c,inset 0 0 0 4px #0c0d10,0 60px 120px -40px #1e140a8c,0 30px 60px -30px #00000080;transform:scale(var(--s));transform-origin:top center;position:relative}.ph-screen{position:relative;width:380px;height:852px;border-radius:54px;overflow:hidden;background:#0a1224;color:#eef2f7;font-family:var(--sans);isolation:isolate;-webkit-user-select:none;user-select:none}.ph-status{position:absolute;z-index:30;top:0;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:6px 34px 0 46px;font:600 16px/1 -apple-system,"SF Pro Text",var(--sans);pointer-events:none}.ph-icons{display:flex;gap:6px;align-items:center}.ph-icons svg{height:12px;width:auto}.island{position:absolute;z-index:31;top:11px;left:50%;width:124px;height:36px;margin-left:-62px;border-radius:20px;background:#000;transition:width .5s cubic-bezier(.2,.9,.2,1),height .5s cubic-bezier(.2,.9,.2,1),margin .5s cubic-bezier(.2,.9,.2,1),border-radius .5s;display:grid;place-items:center;color:#fff;font:600 13px var(--sans);overflow:hidden}.island.wide{width:300px;margin-left:-150px;height:44px;border-radius:24px}.homebar{position:absolute;z-index:40;bottom:8px;left:50%;width:136px;height:5px;margin-left:-68px;border-radius:3px;background:#ffffffb3}.views{position:absolute;top:0;right:0;bottom:0;left:0}.view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding:60px 18px 110px;scrollbar-width:none;background:radial-gradient(120% 60% at 50% -10%,#1e2c50,#0f1830 45%,#0a1224 80%)}.view::-webkit-scrollbar{display:none}.vh{display:flex;justify-content:space-between;align-items:center;margin:8px 2px 18px}.vh h2{font-family:Bodoni Moda Variable,Didot,serif;font-weight:500;font-size:32px;letter-spacing:-.01em;line-height:1.05}.vh small{display:block;color:#8a97ad;font-size:14px;margin-bottom:2px}.ava{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--sans);background:linear-gradient(135deg,#d6b370,#9c7a3c);color:#0a1224;flex:none}.ava.s{width:34px;height:34px;font-size:12px}.c{background:#ffffff0f;border-radius:22px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff12;margin-bottom:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.c h3{font:700 15px var(--sans);margin:0 0 4px;letter-spacing:0}.c p{margin:0;color:#a9b5c9;font-size:13.5px;line-height:1.45}.lbl{font:600 12px var(--sans);color:#8a97ad;margin:18px 4px 8px;display:block}.count{display:flex;gap:8px;margin-top:10px}.count div{flex:1;text-align:center;background:#0a12248c;border-radius:14px;padding:10px 0 8px}.count b{display:block;font:500 28px/1 Bodoni Moda Variable,serif;color:#f1dda9;font-variant-numeric:tabular-nums}.count span{font-size:11px;color:#8a97ad}.track{display:flex;align-items:center;margin:14px 2px 6px}.track i{flex:1;height:3px;background:#ffffff1f;position:relative}.track i.on{background:#d6b370}.track em{width:12px;height:12px;border-radius:50%;background:#fff3;flex:none}.track em.on{background:#d6b370}.track em.now{background:#f1dda9;box-shadow:0 0 0 5px #d6b37040;animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #d6b37014}}.track-l{display:flex;justify-content:space-between;font-size:11px;color:#8a97ad}.track-l .now{color:#f1dda9;font-weight:700}.qa{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.qa button{border:0;background:#ffffff0f;color:#eef2f7;border-radius:18px;padding:14px 4px 10px;display:grid;justify-items:center;gap:6px;font:600 11px var(--sans);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff12}.qa svg,.tabbar svg,.ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qa button svg{color:#d6b370}.row{display:flex;gap:12px;align-items:center}.row .grow{flex:1;min-width:0}.thumb{width:64px;height:64px;border-radius:14px;flex:none;overflow:hidden;background:#1a2848;position:relative;display:grid;place-items:center}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .play{position:absolute;width:26px;height:26px;border-radius:50%;background:#ffffffe6;display:grid;place-items:center}.thumb .play svg{width:12px;height:12px;fill:#0a1224;stroke:none;margin-left:2px}.pill{border:0;border-radius:999px;padding:9px 14px;font:700 12.5px var(--sans);background:#d6b370;color:#0a1224;cursor:pointer;white-space:nowrap}.pill.ghost{background:#ffffff1a;color:#eef2f7}.pill.done{background:#8fd3b0}.big-btn{width:100%;border:0;border-radius:16px;padding:16px;font:700 15px var(--sans);background:#d6b370;color:#0a1224;cursor:pointer;margin-top:8px}.carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 6px;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.pkc{flex:0 0 290px;scroll-snap-align:center;border-radius:22px;overflow:hidden;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14;transition:box-shadow .3s,transform .3s}.pkc.sel{box-shadow:inset 0 0 0 2px #d6b370}.pkc img{width:100%;aspect-ratio:16/11;object-fit:cover}.pkc .t{padding:12px 14px 14px}.pkc h3{font:500 24px Bodoni Moda Variable,serif;margin:0}.pkc .ln{font:italic 400 14px Bodoni Moda Variable,serif;color:#f1dda9}.pkc ul{margin:8px 0 10px;padding-left:16px;color:#a9b5c9;font-size:12.5px;line-height:1.5}.vt{list-style:none;margin:0;padding:0 0 0 4px}.vt li{position:relative;padding:0 0 18px 26px;font-size:13.5px;color:#a9b5c9}.vt li:before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:#fff3}.vt li:after{content:"";position:absolute;left:5.5px;top:18px;bottom:0;width:1px;background:#ffffff24}.vt li:last-child:after{display:none}.vt li.on:before{background:#d6b370}.vt li.now:before{background:#f1dda9;box-shadow:0 0 0 5px #d6b37040}.vt b{display:block;color:#eef2f7;font-size:14px}.cardwrap{perspective:900px;margin:6px 0 16px}.cardwrap img{border-radius:14px;box-shadow:0 30px 50px -20px #000c;transform-style:preserve-3d;transition:transform .2s}.polrows{background:#eef2f7;color:#0a1224;border-radius:18px;padding:16px;position:relative;overflow:hidden}.polrows div{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(10,18,36,.1);font-size:13px}.polrows dt{color:#5b6884}.polrows dd{margin:0;font-weight:600}.polrows .stampm{position:absolute;right:14px;bottom:10px;width:86px;height:86px;border-radius:50%;border:2.5px solid #1F3A8A;color:#1f3a8a;display:grid;place-items:center;font:800 13px var(--sans);letter-spacing:.2em;transform:rotate(-14deg);opacity:0;mix-blend-mode:multiply}.gwrap{position:relative;height:380px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#0f1830,#15213f);box-shadow:inset 0 0 0 1px #ffffff14}.gwrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ghud{position:absolute;top:10px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:12px;color:#8a97ad;pointer-events:none}.ghud b{color:#eef2f7;font-size:16px;margin-left:4px}.gover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#0a122499;text-align:center;padding:20px}.gover p{font:italic 400 22px/1.2 Bodoni Moda Variable,serif;margin:0}.lb{list-style:none;padding:0;margin:0}.lb li{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}.lb li .r{width:22px;color:#8a97ad;font-weight:700;font-size:13px}.lb li .n{flex:1}.lb li b{font-variant-numeric:tabular-nums}.lb li.me{color:#f1dda9}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 2px}.chip{border:0;border-radius:999px;padding:8px 12px;font:600 12.5px var(--sans);background:#ffffff14;color:#eef2f7;cursor:pointer}.chip.on{background:#d6b370;color:#0a1224}.kudo .meta{font-size:12px;color:#8a97ad;margin-bottom:6px}.kudo .meta b{color:#eef2f7}.kudo .tag{display:inline-block;font-size:11px;font-weight:700;color:#0a1224;background:#f1dda9;padding:2px 8px;border-radius:999px;margin-top:8px}.react{border:0;background:#ffffff14;color:#eef2f7;border-radius:999px;padding:6px 10px;font:600 12px var(--sans);display:inline-flex;gap:6px;align-items:center;cursor:pointer;margin-top:8px;float:right}.react svg{width:15px;height:15px}.react.on{color:#ff8fa3}.react.on svg{fill:currentColor}.fab{position:absolute;right:18px;bottom:102px;z-index:20;width:56px;height:56px;border-radius:50%;border:0;background:#d6b370;color:#0a1224;display:grid;place-items:center;box-shadow:0 14px 30px -10px #d6b370b3;cursor:pointer}.fab svg{width:26px;height:26px;stroke-width:2.2}.prof{text-align:center;margin:10px 0 18px}.prof .ava{width:84px;height:84px;font-size:28px;margin:0 auto 10px}.prof h2{font:500 26px Bodoni Moda Variable,serif;margin:0}.prof p{color:#8a97ad;margin:4px 0 0;font-size:14px}.set{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14.5px}.set:last-child{border:0}.tog{width:50px;height:30px;border-radius:999px;border:0;background:#ffffff2e;position:relative;cursor:pointer;transition:background .25s;flex:none}.tog:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.2,.9,.2,1);box-shadow:0 2px 6px #0000004d}.tog.on{background:#8fd3b0}.tog.on:after{transform:translate(20px)}.nfc{display:flex;gap:12px;align-items:center}.nfc .ok{color:#8fd3b0;font-weight:700;font-size:12px}.tabbar{position:absolute;z-index:25;left:12px;right:12px;bottom:22px;height:66px;border-radius:26px;display:flex;justify-content:space-around;align-items:center;background:#121c34b8;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 0 0 1px #ffffff1a,0 20px 40px -20px #000c}.tabbar button{border:0;background:none;color:#8a97ad;display:grid;justify-items:center;gap:3px;font:600 10.5px var(--sans);cursor:pointer;padding:6px 8px;border-radius:16px;position:relative;z-index:1;transition:color .25s}.tabbar button[aria-current=true]{color:#f1dda9}.tabbar .ind{position:absolute;height:52px;top:7px;border-radius:19px;background:#d6b37024;transition:left .45s cubic-bezier(.2,.9,.2,1),width .45s}.sheet{position:absolute;z-index:35;left:0;right:0;bottom:0;background:#121c34;border-radius:30px 30px 54px 54px;padding:10px 18px 40px;transform:translateY(105%);box-shadow:0 -20px 60px #0009}.sheet .grab{width:40px;height:5px;border-radius:3px;background:#ffffff40;margin:0 auto 14px}.sheet h3{font:500 24px Bodoni Moda Variable,serif;margin:0 0 12px}.sheet textarea{width:100%;min-height:80px;border-radius:14px;border:0;background:#ffffff14;color:#eef2f7;font:500 14px var(--sans);padding:12px;resize:none;margin:10px 0 4px}.toast{position:absolute;z-index:45;top:62px;left:16px;right:16px;padding:12px 14px;border-radius:18px;background:#eef2f7f2;color:#0a1224;font:600 13.5px var(--sans);box-shadow:0 20px 40px -14px #0009;transform:translateY(-30px);opacity:0;visibility:hidden;display:flex;gap:10px;align-items:center}.toast .ic{color:#1f8a5b}.lock{background:radial-gradient(90% 60% at 50% 20%,#24375f,#0f1830 55%,#070c18);padding:0;overflow:hidden}.lock .lk-date{text-align:center;margin-top:78px;font:600 18px var(--sans);color:#eef2f7d9}.lock .lk-time{text-align:center;font:200 96px/1 -apple-system,"SF Pro Display",var(--sans);letter-spacing:-.02em;margin-top:2px}.lock .lk-logo{position:absolute;left:50%;top:360px;width:220px;margin-left:-110px;opacity:.14}.notif{position:absolute;left:12px;right:12px;top:380px;background:#eef2f729;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:22px;padding:12px 14px;display:flex;gap:10px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a}.notif .ap{width:38px;height:38px;border-radius:9px;background:#0a1224;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px #fff3}.notif .ap img{width:26px}.notif .nh{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.notif .nh span{font-weight:500;color:#eef2f799}.notif p{margin:2px 0 0;font-size:13.5px;line-height:1.35;color:#eef2f7eb}.notif.n2{top:470px;transform:scale(.94);opacity:.7}.lk-hint{position:absolute;bottom:44px;left:0;right:0;text-align:center;font-size:13px;color:#eef2f799}.faceid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#070c188c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none}.faceid svg{width:70px;height:70px;stroke:#fff;stroke-width:2.4;fill:none;stroke-linecap:round}@media (max-width: 1000px){.ad{grid-template-columns:1fr}.ad-stage{order:-1}}@media (max-width: 520px){.ad{padding-top:0;padding-inline:0;width:100%}.ad-copy{padding:30px 16px 0}.phone{width:100vw;height:100svh;padding:0;border-radius:0;box-shadow:none;background:none;transform:none!important}.ph-screen{width:100vw;height:100svh;border-radius:0}.island,.ph-status{display:none}.view{padding-top:24px}.toast{top:14px}.appdemo .topbar,.appdemo .theme-sw{display:none}}