:root{--ff:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Helvetica Neue",Arial,sans-serif;--lg:#f5f5f7;--d1:#1d1d1f;--g:#86868b;--bl:#0071e3;--bl2:#2997ff;--ln:#d2d2d7;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px;background:#000}body{margin:0;background:#000;color:var(--lg);font-family:var(--ff);line-height:1.47;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overflow-x:clip;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:#161617d9;z-index:80}img,video{max-width:100%}a{color:inherit;text-decoration:none}.logo{display:inline-block;background:#fff;-webkit-mask:url(/img/logo.png) center/contain no-repeat;mask:url(/img/logo.png) center/contain no-repeat}.w{max-width:1080px;margin:0 auto;padding:0 24px}.ww{max-width:1280px;margin:0 auto;padding:0 24px}.gn{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;background:#161617cc;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.gi{max-width:1080px;margin:0 auto;padding:0 24px;height:48px;display:flex;align-items:center;gap:30px;position:relative}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.brand .logo{width:36px;height:28px}.gi nav{display:flex;gap:28px;font-size:12px;color:#e8e8ed;margin-left:auto}.gi nav a{opacity:.8;transition:opacity .2s}.gi nav a:hover{opacity:1}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bl);color:#fff;border-radius:980px;padding:12px 22px;font-size:17px;font-weight:400;line-height:1.1;border:0;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s}.pill:hover{background:#0077ed;transform:scale(1.03)}.pill.s{padding:6px 14px;font-size:12px}.pill.o{background:transparent;color:var(--bl2);box-shadow:inset 0 0 0 1px var(--bl2)}.pill.o:hover{background:#2997ff1f}.tl{color:var(--bl2);font-size:21px;display:inline-flex;gap:6px;align-items:center}.tl:after{content:"\203a";font-size:1.2em;transition:transform .2s}.tl:hover{text-decoration:underline}.tl:hover:after{transform:translate(3px)}.sl .tl,.sl .pill.o{color:var(--bl);box-shadow:none}.sl .pill.o{box-shadow:inset 0 0 0 1px var(--bl)}.bg{display:none;width:44px;height:44px;margin-right:-10px;background:none;border:0;color:#fff;cursor:pointer;align-items:center;justify-content:center}.bg svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round}.sd{background:#000;color:var(--lg)}.sl{background:var(--lg);color:var(--d1)}section{padding:120px 0;position:relative}.eb{font-size:21px;font-weight:600;color:#f56300;margin:0 0 8px;letter-spacing:.004em}.sl .eb{color:#bf4800}.sd .eb{color:#ff9f0a}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.035em;line-height:1.05}h2.hd{font-size:clamp(36px,6vw,80px)}h2.hd span,h1 span{color:var(--g)}.sub{font-size:clamp(21px,2.6vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:22px 0 0}.lead{font-size:clamp(17px,1.8vw,21px);color:var(--g);max-width:700px;margin:18px auto 0;line-height:1.4}.c{text-align:center}.rv{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}.hero{padding:96px 0 0;text-align:center;overflow:hidden;background:radial-gradient(900px 500px at 50% 0,#10213a,#000 70%)}.hero h1{font-size:clamp(56px,11vw,136px);letter-spacing:-.045em;background:linear-gradient(100deg,#f5f5f7 10%,#8ec5ff,#c9a7ff 90%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}.hero .sub span{color:var(--g)}.cta{display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:34px}.meta{display:flex;gap:10px 26px;justify-content:center;flex-wrap:wrap;margin-top:30px;color:var(--g);font-size:14px}.meta span:before{content:"\2713";color:var(--bl2);margin-right:8px}.hv{position:relative;max-width:1180px;margin:70px auto 0;padding:0 24px;transform-origin:50% 100%;will-change:transform}.shot{border-radius:18px;overflow:hidden;background:#0b0b0c;box-shadow:0 0 0 1px #ffffff1a,0 60px 140px #000c,0 0 160px #2997ff2e}.shot img{display:block;width:100%;height:auto}.hv .b{position:absolute;width:52%;right:3%;bottom:-6%;animation:fb 6s ease-in-out infinite alternate}@keyframes fb{to{transform:translateY(-12px)}}.hero .grad{height:120px;background:linear-gradient(transparent,#000);margin-top:-120px;position:relative}.mgw{position:relative;margin-top:56px;aspect-ratio:1920/1140;border-radius:28px;overflow:hidden;background:#0c0d0f;box-shadow:0 0 0 1px #ffffff1a,0 50px 120px #000000b3}.mgw iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0c0d0f}.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:64px}.tile{background:#fff;border-radius:28px;padding:40px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-width:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.tile:hover{transform:scale(1.015);box-shadow:0 30px 70px #0000001f}.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.tile .k{font-size:14px;font-weight:600;color:var(--bl);margin-bottom:10px}.tile h3{font-size:clamp(24px,2.6vw,34px);margin-bottom:12px}.tile p{margin:0;font-size:17px;color:#6e6e73;line-height:1.4}.tile .ic{width:34px;height:34px;stroke:var(--bl);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}.tile.dk2{background:#000;color:#f5f5f7}.tile.dk2 p{color:#a1a1a6}.tile.dk2 .k{color:var(--bl2)}.tile .m{margin:30px -40px -40px;flex:1;min-height:0}.tile .m app-panel{border-top:1px solid #23272C}.tile .ltm{border-top:0;margin-top:24px;margin-left:0;margin-right:0;border-radius:16px;overflow:hidden;flex:none}.gal{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:60px max(24px,calc((100vw - 1280px)/2)) 20px;scrollbar-width:none;scroll-padding:0 max(24px,calc((100vw - 1280px)/2))}.gal::-webkit-scrollbar{display:none}.gc{flex:0 0 min(86vw,880px);scroll-snap-align:start;background:#000;color:#f5f5f7;border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.gc .t{padding:40px 40px 28px}.gc h3{font-size:clamp(24px,2.8vw,36px);margin-bottom:10px}.gc p{margin:0;color:#a1a1a6;font-size:17px}.gc .vi{margin-top:auto;padding:0 40px 40px}.gc .shot{border-radius:14px}.duo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:start}.gnav{display:flex;gap:12px;justify-content:flex-end;padding:0 24px;max-width:1280px;margin:0 auto}.gnav button{width:44px;height:44px;border-radius:50%;border:0;background:#e8e8ed;color:var(--d1);cursor:pointer;font-size:20px;transition:background .2s}.gnav button:hover{background:#d2d2d7}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:64px}.step{background:#fff;border-radius:28px;padding:40px}.step b{display:block;font-size:80px;font-weight:700;letter-spacing:-.05em;line-height:1;margin-bottom:18px;background:linear-gradient(100deg,#0071e3,#a45cff);-webkit-background-clip:text;background-clip:text;color:transparent}.step h3{font-size:28px;margin-bottom:10px}.step p{margin:0;color:#6e6e73;font-size:17px}.dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:64px;text-align:left}.os{position:relative;background:#1d1d1f;border-radius:28px;padding:40px;display:flex;flex-direction:column;gap:6px;transition:transform .3s}.os:hover{transform:translateY(-4px)}.os.rec{box-shadow:0 0 0 2px var(--bl2),0 30px 80px #2997ff40}.os h3{font-size:32px}.os p{margin:0 0 24px;color:#a1a1a6;font-size:17px;flex:1}.os .pill{align-self:flex-start}.tag{position:absolute;top:22px;right:22px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:99px;background:var(--bl2);color:#000;display:none}.os.rec .tag{display:block}.note{font-size:14px;color:var(--g);margin:12px 0 0}.os .note{margin-top:14px}.alts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;text-align:left}.pb{background:#1d1d1f;border-radius:28px;padding:40px;min-width:0}.pb h3{font-size:26px;margin-bottom:8px}.pb p{margin:0;color:#a1a1a6;font-size:17px}.code{position:relative;background:#000;color:#e8e8ed;border-radius:14px;padding:20px 76px 20px 22px;font:500 14px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre;margin-top:20px;max-width:100%;box-shadow:inset 0 0 0 1px #2d2d30}.code button{position:absolute;right:10px;top:10px;font:600 12px var(--ff);padding:6px 12px;border-radius:8px;border:0;background:#2d2d30;color:#f5f5f7;cursor:pointer}.pb .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}details{border-bottom:1px solid var(--ln);padding:24px 0;max-width:820px;margin:0 auto;text-align:left}summary{cursor:pointer;font-weight:600;font-size:21px;list-style:none;display:flex;justify-content:space-between;gap:20px;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--g);font-size:28px;line-height:1;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}details p{color:#6e6e73;margin:14px 0 0;font-size:17px}details a{color:var(--bl)}.by{padding:140px 0}.by h2{font-size:clamp(40px,7vw,96px)}footer{background:var(--lg);color:#6e6e73;font-size:12px;padding:20px 0 40px}footer .w{max-width:980px}.fl{display:flex;gap:10px 28px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--ln);margin-bottom:16px}.fl a{color:#424245}.fl a:hover{text-decoration:underline}footer a.dev{color:#1d1d1f;font-weight:600}#snd{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:75;width:48px;height:48px;border-radius:50%;border:0;background:#28282acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f5f5f7;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 1px #ffffff24,0 10px 30px #0006;transition:transform .2s}#snd:hover{transform:scale(1.08)}#snd svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#snd .x{display:none}#snd.off .x{display:block}#snd.off .wv{display:none}#pre{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .8s ease,visibility .8s;animation:preFb 0s linear 9s forwards}@keyframes preFb{to{opacity:0;visibility:hidden}}#pre.done{opacity:0;visibility:hidden;pointer-events:none}#pre:before{content:"";position:absolute;width:640px;height:640px;max-width:90vw;border-radius:50%;background:radial-gradient(closest-side,rgba(41,151,255,.28),transparent);animation:pg 2.4s ease-in-out infinite alternate}@keyframes pg{0%{transform:scale(.85);opacity:.6}to{transform:scale(1.1);opacity:1}}#pre .logo{position:relative;width:min(300px,72vw);aspect-ratio:461/352;background:linear-gradient(105deg,#6e6e73,#fff 40%,#8ec5ff,#fff 60%,#6e6e73);background-size:300% 100%;animation:ps 2.2s linear infinite}@keyframes ps{0%{background-position:100% 0}to{background-position:0 0}}#pre .pbar{position:relative;width:200px;height:3px;border-radius:3px;background:#2d2d30;overflow:hidden}#pre .pbar i{display:block;height:100%;width:6%;background:#fff;border-radius:3px;transition:width .4s ease}html.loading{overflow:hidden}.hero .w>*{animation:hi 1.1s cubic-bezier(.2,.8,.2,1) both}.hero .w>*:nth-child(2){animation-delay:.1s}.hero .w>*:nth-child(3){animation-delay:.2s}.hero .w>*:nth-child(4){animation-delay:.3s}.hero .w>*:nth-child(5){animation-delay:.4s}.hero .w>*:nth-child(6){animation-delay:.5s}html.loading .hero .w>*{animation-play-state:paused}@keyframes hi{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media(max-width:900px){.gi nav{display:none;position:absolute;left:0;right:0;top:48px;flex-direction:column;gap:0;margin:0;padding:6px 24px 18px;background:#161617f7}.gi nav.open{display:flex}.gi nav a{padding:14px 0;font-size:17px;border-bottom:1px solid #333}.gi nav a:last-child{border:0}.gi .pill.s{margin-left:auto}.bg{display:flex}section{padding:80px 0}.bento{grid-template-columns:minmax(0,1fr)}.s2,.s3,.s4{grid-column:auto}.steps,.dl,.alts{grid-template-columns:minmax(0,1fr)}.tile,.step,.os,.pb{padding:30px}.tile .m{margin:26px -30px -30px}.tile video{width:calc(100% + 60px);margin:24px -30px -30px}.panelcode .code{white-space:pre-wrap;word-break:break-all;overflow-x:hidden}.hv .b{display:none}.hero{padding-top:64px}.by{padding:90px 0}.duo{grid-template-columns:minmax(0,1fr)}.gc .t{padding:28px 28px 20px}.gc .vi{padding:0 28px 28px}}@media(max-width:480px){.cta{gap:16px}.pill{padding:12px 20px;font-size:16px}.gi .pill.s{padding:6px 12px}.code{font-size:12.5px;padding:50px 16px 16px}.code button{top:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}app-preloader,app-nav,app-hero,app-film,app-features,app-demo,app-gallery,app-how,app-download,app-faq,app-madeby,app-footer,app-sound-toggle{display:contents}