:is(html:has(.intro-devices),body:has(.intro-devices)){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}:is(html:has(.intro-download-page),body:has(.intro-download-page)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.moai-intro{--black:#000;--snow:#f5f5f7;--mist:#a1a1a6;--ash:#86868b;--ink:#1d1d1f;--copy:#6e6e73;--violet:#8b63ca;--violet-light:#b89cff;--gradient:linear-gradient(100deg, #cdb8ff 0%, #9f7df2 32%, #e07fd8 66%, #ffa47c 100%);--intro-purple:#8b63ca;--color-primary:#8b63ca;--color-primary-dark:#7046af;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--background:#fff;--foreground:#1d1d1f;min-height:100vh;color:var(--snow);overflow-wrap:break-word;font-family:var(--intro-body), system-ui, sans-serif}.moai-intro :lang(ko){word-break:keep-all}.moai-intro :lang(ja){word-break:auto-phrase}.moai-intro :is(h1,h2,h3,h4){text-wrap:balance}.moai-intro :is(p,li,dd){text-wrap:pretty}.moai-intro :is(a,button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--violet-light);outline-offset:4px}.moai-intro [id]{scroll-margin-top:var(--intro-header-h,52px)}.intro-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.intro-gradient-text{background:var(--gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.intro-header{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);color:var(--snow);background:#000000b8;position:sticky;top:0}.intro-nav{align-items:center;gap:clamp(20px,3vw,44px);max-width:1280px;min-height:52px;margin-inline:auto;padding:8px clamp(20px,4vw,48px);display:flex}.intro-wordmark{color:var(--violet-light);letter-spacing:-.06em;font-size:21px;font-weight:800;line-height:1}.intro-nav-devices{align-items:center;gap:clamp(18px,2.6vw,36px);display:flex}.intro-nav-devices a{color:#d2d2d7;white-space:nowrap;padding-block:10px;font-size:14px;font-weight:500;transition:color .2s}.intro-nav-devices a:hover,.intro-nav-devices a[aria-current=true]{color:#fff}.intro-nav-devices a[aria-current=true]{font-weight:650}.intro-nav-actions{align-items:center;gap:14px;min-width:0;margin-inline-start:auto;display:flex}.intro-nav-actions select{color:#d2d2d7;max-width:132px;min-height:36px;font:inherit;background:0 0;border:0;font-size:13px}.intro-nav-actions select option{color:#1d1d1f}.intro-download-link{background:var(--violet);color:#fff;text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:6px 16px;font-size:13px;font-weight:600;transition:background-color .2s;display:inline-flex}.intro-download-link:hover{background:#7a53bd}.intro-subnav{scrollbar-width:none;gap:clamp(20px,2.6vw,32px);max-width:1280px;margin-inline:auto;padding:0 clamp(20px,4vw,48px) 4px;display:flex;overflow-x:auto}.intro-subnav a{min-height:36px;color:var(--mist);white-space:nowrap;align-items:center;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.intro-subnav a:hover,.intro-subnav a[aria-current=location]{color:#fff}.intro-main{background:#000}.intro-opening{text-align:center;justify-items:center;padding:clamp(72px,12vh,140px) clamp(20px,5vw,80px) clamp(48px,8vh,96px);display:grid;position:relative;overflow:hidden}.intro-brand{letter-spacing:-.075em;background:var(--gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(20px,3vh,36px);font-size:clamp(88px,17vw,240px);font-weight:800;line-height:.88}.intro-opening h1{max-width:16ch;color:var(--snow);letter-spacing:-.04em;margin:0;font-size:clamp(40px,6vw,80px);font-weight:700;line-height:1.06}.intro-lead{max-width:40ch;color:var(--mist);margin:24px 0 0;font-size:clamp(19px,2vw,25px);line-height:1.45}.intro-opening-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-block:36px clamp(48px,7vh,80px);display:flex}.intro-opening-actions .intro-download-link{min-height:48px;padding:12px 26px;font-size:16px}.intro-text-link{color:var(--violet-light);font-size:17px}.intro-text-link:hover{text-underline-offset:4px;text-decoration:underline}.intro-opening .intro-media{width:100%;max-width:980px;margin:0;position:relative}.intro-opening .intro-media:before{content:"";z-index:0;filter:blur(48px);background:radial-gradient(closest-side,#9f7df28c,#e07fd838 60%,#0000);border-radius:50%;position:absolute;inset:8% 12%}.intro-media :is(img,video){z-index:1;object-fit:contain;border-radius:28px;width:auto;max-width:100%;height:auto;max-height:72svh;margin-inline:auto;display:block;position:relative;box-shadow:0 40px 100px #000000b3}.intro-media figcaption{z-index:1;color:var(--ash);margin-top:20px;font-size:14px;line-height:1.5;position:relative}.intro-devices{background:#000}.intro-device-panel[hidden]{display:none}.intro-cover{min-height:calc(100svh - var(--intro-header-h,52px));text-align:center;place-content:center;justify-items:center;padding:64px clamp(20px,6vw,96px);display:grid}.intro-device-cover h2{letter-spacing:-.06em;margin:0;font-size:clamp(76px,15vw,220px);font-weight:800;line-height:.95}.intro-device-cover p{max-width:30ch;color:var(--mist);margin:28px 0 0;font-size:clamp(20px,2.4vw,32px);font-weight:500;line-height:1.35}.intro-chapter-cover{min-height:88svh}.intro-chapter-cover h3{letter-spacing:-.055em;margin:0;font-size:clamp(64px,12vw,180px);font-weight:800;line-height:.95}.intro-cover-lead{max-width:20ch;color:var(--snow);letter-spacing:-.03em;margin:28px 0 0;font-size:clamp(28px,3.6vw,52px);font-weight:700;line-height:1.12}.intro-chapter-cover p:not(.intro-cover-lead){max-width:38ch;color:var(--mist);margin:20px 0 0;font-size:clamp(17px,1.7vw,21px);line-height:1.55}.intro-chapter-cover[data-with-screen]{text-align:start;grid-template-columns:minmax(0,6fr) minmax(0,5fr);place-content:center stretch;place-items:center stretch;gap:clamp(40px,6vw,112px);max-width:1280px;margin-inline:auto;padding-inline:clamp(24px,6vw,112px)}.intro-chapter-cover[data-with-screen] h3{font-size:clamp(60px,8.4vw,132px)}.intro-chapter-cover[data-with-screen] .intro-cover-lead{max-width:16ch}.intro-mobile-overview{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(40px,6vw,112px);max-width:1280px;margin-inline:auto;padding:clamp(24px,6vh,72px) clamp(24px,6vw,112px) clamp(96px,16vh,180px);display:grid}.intro-overview-list{gap:clamp(22px,3.6vh,40px);margin:0;padding:0;list-style:none;display:grid}.intro-overview-list button{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;opacity:.4;background:0 0;border:0;padding:0;transition:opacity .5s;display:block}.intro-overview-list li[data-active] button,.intro-overview-list button:hover{opacity:1}.intro-overview-name{width:fit-content;color:var(--snow);font-family:var(--intro-display), var(--intro-body), system-ui, sans-serif;font-size:clamp(30px,3.6vw,52px);font-weight:var(--intro-display-weight,800);letter-spacing:var(--intro-display-tracking,-.03em);line-height:1.08;display:block}.intro-overview-list li[data-active] .intro-overview-name{background:var(--gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.intro-overview-text{max-width:40ch;color:var(--mist);margin-top:10px;font-size:clamp(16px,1.5vw,19px);line-height:1.55;display:block}.intro-overview-stage{place-items:center;display:grid;position:relative}.intro-overview-stage:before{content:"";filter:blur(56px);pointer-events:none;background:radial-gradient(closest-side,#9f7df280,#e07fd833 60%,#0000);border-radius:50%;position:absolute;inset:10% 14%}.intro-overview-stage .intro-device-frame{--frame-h:min(78svh, 760px)}.moai-intro .intro-device-screen img.intro-overview-shot{opacity:0;transition:opacity .8s;position:absolute;inset:0}.moai-intro .intro-device-screen img.intro-overview-shot[data-active]{opacity:1}.intro-scene{height:calc(100svh + var(--steps,1) * 100svh);position:relative}.intro-scene-sticky{max-width:1480px;height:100svh;padding:calc(var(--intro-header-h,52px) + 28px) clamp(24px, 6vw, 112px) 32px;opacity:calc(.15 + var(--enter,1) * .85 - var(--leave,0));grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,96px);margin-inline:auto;display:grid;position:sticky;top:0}.intro-scene-copy{min-width:0}.intro-scene-copy h4{letter-spacing:-.04em;margin:0;font-size:clamp(34px,4.4vw,68px);font-weight:800;line-height:1.04}.intro-scene-captions{margin:28px 0 0;padding:0;list-style:none;display:grid}.intro-scene-captions>li{color:var(--snow);font-size:clamp(20px,2vw,30px);font-weight:var(--intro-body-strong,600);letter-spacing:-.012em;opacity:0;grid-area:1/1;line-height:1.35;transition:none;transform:translateY(16px)}.intro-scene-captions>li[data-active]{opacity:1;transition:opacity .42s ease-out,transform .42s cubic-bezier(.2,.7,.2,1);transform:none}.intro-scene-captions>li[data-leaving]{opacity:0;transition:opacity .26s ease-in,transform .26s ease-in;transform:translateY(-10px)}.intro-scene{--stage-h:calc(100svh - var(--intro-header-h,52px) - 64px)}.intro-scene[data-orientation=landscape]{--stage-h:calc(100svh - var(--intro-header-h,52px) - 230px)}.intro-scene-stage{height:var(--stage-h);min-height:0;transform:scale(calc(.92 + var(--enter,1) * .08));place-items:center;display:grid;position:relative}.intro-scene-stage:before{content:"";filter:blur(56px);opacity:var(--enter,1);pointer-events:none;background:radial-gradient(closest-side,#9f7df280,#e07fd833 60%,#0000);border-radius:50%;position:absolute;inset:12% 18%}.intro-scene-media{width:100%;height:100%;margin:0;padding:0;list-style:none;position:relative}.intro-scene-media>li{opacity:0;place-items:center;transition:opacity .6s,transform .9s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;inset:0;transform:scale(.965)}.intro-scene-media>li[data-active]{opacity:1;transform:none}.intro-scene-media :is(img,video){width:auto;max-width:100%;height:auto;max-height:var(--stage-h);object-fit:contain;background:#111;border-radius:clamp(18px,2vw,32px);display:block;box-shadow:0 40px 120px #000000bf}.intro-scene[data-orientation=landscape] .intro-scene-sticky{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:28px}.intro-scene[data-orientation=landscape] .intro-scene-copy{grid-row:1;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:0 48px;display:grid}.intro-scene[data-orientation=landscape] .intro-scene-stage{grid-row:2}.intro-scene[data-orientation=landscape] .intro-scene-captions{margin-top:6px}.intro-scene-toggle{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff29;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;inset-block-end:12px;inset-inline-end:12px}.intro-scene-toggle[hidden]{display:none}.intro-scene-toggle:before{content:"";background:linear-gradient(90deg,#fff 0 35%,#0000 35% 65%,#fff 65%);width:12px;height:14px}.intro-scene-toggle[data-state=paused]:before{background:0 0;border-block:8px solid #0000;border-inline-start:13px solid #fff;width:0;height:0;margin-inline-start:4px}.intro-scene-toggle:hover{background:#ffffff42}.intro-light{color:var(--ink);background:#fff}.intro-light>section{max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,5vw,80px)}.intro-light .intro-download-link{min-height:48px;padding:12px 26px;font-size:16px}.intro-light .intro-text-link{color:#7046af}.intro-languages{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:clamp(80px,12vh,140px);display:grid}.intro-languages-heading h2{letter-spacing:-.04em;max-width:13ch;margin:0;font-size:clamp(36px,4.6vw,64px);font-weight:800;line-height:1.06}.intro-languages-heading p{color:var(--copy);margin:24px 0 32px;font-size:19px;line-height:1.55}.intro-languages-heading label{color:var(--copy);margin-bottom:10px;font-size:14px;display:block}.intro-languages-heading select{width:min(100%,280px);min-height:48px;color:var(--ink);font:inherit;background:#f5f5f7;border:0;border-radius:14px;padding:10px 16px}.intro-language-gallery{min-width:0}.intro-language-index{flex-wrap:wrap;gap:6px 16px;margin-bottom:20px;display:flex}.intro-language-index a{color:#7046af;align-items:center;min-height:40px;font-size:14px;display:inline-flex}.intro-language-index a:hover{text-underline-offset:4px;text-decoration:underline}.intro-language-screens{scroll-snap-type:x proximity;scrollbar-width:none;gap:32px;min-width:0;padding-block:4px;display:flex;overflow:auto hidden}.intro-language-screens figure{scroll-snap-align:start;text-align:center;flex:0 0 100%;min-width:0;margin:0}.intro-language-screens img{border-radius:32px;width:min(100%,300px);height:auto;margin-inline:auto;display:block;box-shadow:0 30px 70px #1d1d1f2e}.intro-language-screens figcaption{color:var(--copy);margin-top:20px;font-size:14px;line-height:1.55}.intro-language-screens figcaption span{display:block}.intro-faq{padding-block:clamp(64px,10vh,120px)}.intro-faq h2{letter-spacing:-.035em;margin:0 0 40px;font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1.08}.intro-faq dl{max-width:72ch;margin:0}.intro-faq dl>div+div{margin-top:36px}.intro-faq dt{font-size:21px;font-weight:700;line-height:1.4}.intro-faq dd{color:var(--copy);margin:10px 0 0;font-size:17px;line-height:1.7}.intro-faq dd p{margin:0 0 12px}.intro-closing{text-align:center;padding-block:clamp(80px,12vh,140px)}.intro-closing h2{letter-spacing:-.045em;background:var(--gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,6vw,88px);font-weight:800;line-height:1.02}.intro-closing .intro-download-link{margin-top:32px}.intro-download-page{color:var(--ink);background:#fff;max-width:1080px;margin-inline:auto;padding:72px clamp(20px,5vw,80px) 120px}.intro-download-page .intro-brand{font-size:clamp(64px,11vw,140px)}.intro-download-heading{margin-bottom:64px}.intro-download-heading h1{letter-spacing:-.035em;margin-top:32px;font-size:clamp(36px,6vw,68px);font-weight:800;line-height:1.1}.intro-platform{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;display:flex}.intro-platform h2{margin:0;font-size:clamp(25px,3vw,36px);font-weight:700}.intro-platform p{color:var(--copy);margin:10px 0 0;font-size:16px}.intro-download-page .intro-download-link{min-height:44px;padding:10px 22px;font-size:15px}.moai-intro :is(h1,h2,h3,h4,.intro-overview-name):is(:lang(ar),:lang(fa)){letter-spacing:normal;line-height:1.35}@media (max-width:899px){.intro-scene{height:calc(100svh + var(--steps,1) * 90svh)}.intro-scene-sticky,.intro-scene[data-orientation=landscape] .intro-scene-sticky{padding:calc(var(--intro-header-h,52px) + 14px) 20px calc(20px + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:18px}.intro-scene,.intro-scene[data-orientation=landscape]{--stage-h:calc(100svh - var(--intro-header-h,52px) - 250px)}.intro-scene-stage{grid-row:1}.intro-scene-copy,.intro-scene[data-orientation=landscape] .intro-scene-copy{grid-row:2;display:block}.intro-scene[data-orientation=landscape] .intro-scene-sticky{grid-template-rows:auto minmax(0,1fr)}.intro-scene[data-orientation=landscape] .intro-scene-copy{grid-row:1}.intro-scene[data-orientation=landscape] .intro-scene-stage{grid-row:2}.intro-scene-copy h4{font-size:clamp(24px,6.4vw,34px)}.intro-scene-captions{margin-top:10px}.intro-scene-captions>li{font-size:clamp(16px,4.3vw,19px);line-height:1.4}.intro-scene-media :is(img,video){border-radius:18px}.intro-languages{grid-template-columns:1fr}.intro-mobile-overview{grid-template-columns:minmax(0,1fr);gap:40px;padding:8px 20px 96px}.intro-overview-stage{order:-1}.intro-overview-stage .intro-device-frame{--frame-h:min(64svh, 600px)}.intro-overview-list{gap:22px}.intro-overview-name{font-size:clamp(26px,7vw,34px)}.intro-chapter-cover[data-with-screen]{grid-template-columns:minmax(0,1fr);gap:40px;padding:56px 20px 72px}.intro-chapter-cover[data-with-screen] h3{font-size:clamp(52px,15vw,88px)}.intro-chapter-cover[data-with-screen] .intro-device-frame{--frame-h:min(62svh, 560px)}}@media (max-width:760px){.intro-nav{flex-wrap:wrap;row-gap:0;padding-block:6px 0}.intro-nav-devices{order:3;gap:24px;width:100%}.intro-nav-devices a{padding-block:8px}.intro-nav-actions{gap:8px}.intro-nav-actions select{max-width:96px}}@media (max-width:380px){.intro-nav{column-gap:12px;padding-inline:16px}.intro-nav-actions select{width:76px}.intro-download-link{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.moai-intro *,.moai-intro :before,.moai-intro :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.intro-scene-sticky{opacity:1}.intro-scene-stage{transform:none}}.moai-intro *{font-family:inherit}.moai-intro :is(h1,h2,h3,h4,.intro-brand,.intro-wordmark,.intro-cover-lead){font-family:var(--intro-display), var(--intro-body), system-ui, sans-serif;font-weight:var(--intro-display-weight,800);letter-spacing:var(--intro-display-tracking,-.03em)}.moai-intro .intro-brand{letter-spacing:calc(var(--intro-display-tracking,-.03em) - .03em)}.moai-intro :is(button,select,input){font-family:inherit}.intro-device-frame{isolation:isolate;width:min(100%, calc(var(--frame-h,var(--stage-h,80svh)) * var(--frame-ratio)));aspect-ratio:var(--frame-ar);flex:none;position:relative;container-type:inline-size}.intro-device-body{border-radius:var(--frame-outer-radius);padding:calc(var(--frame-rim) + var(--frame-bezel));border:var(--frame-rim) solid transparent;background:linear-gradient(#070708,#070708) padding-box padding-box,linear-gradient(145deg,#8d9199 0%,#3b3e44 18%,#202226 45%,#4a4e55 72%,#9ba0a8 100%) border-box;position:absolute;inset:0;box-shadow:0 0 0 .18cqw #ffffff14,inset 0 0 0 .35cqw #000,0 60px 140px #000000b3,0 18px 40px #00000073}.intro-device-screen{border-radius:var(--frame-screen-radius);isolation:isolate;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.moai-intro .intro-device-screen :is(img,video){object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;background:#000;border-radius:0;display:block}.intro-device-screen:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(125deg,#ffffff12 0%,#fff0 38%);position:absolute;inset:0}.intro-device-island{z-index:3;background:#000;border-radius:999px;width:31.8%;height:4.2%;position:absolute;top:1.37%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .25cqw #0c0c0e}.intro-device-island:after{content:"";background:radial-gradient(circle at 35% 35%,#26324a 0 30%,#0b0d12 60%);border-radius:50%;width:2.2cqw;height:2.2cqw;position:absolute;top:50%;right:11%;transform:translateY(-50%)}.intro-device-button{z-index:-1;background:linear-gradient(90deg,#6a6e76,#2b2d31 60%,#43464c);border-radius:.7cqw;width:1.4cqw;position:absolute}.intro-device-button[data-side=left]{left:-.95cqw}.intro-device-button[data-side=right]{background:linear-gradient(270deg,#6a6e76,#2b2d31 60%,#43464c);right:-.95cqw}.intro-device-camera{z-index:3;background:radial-gradient(circle at 35% 35%,#2a3450 0 30%,#07080b 65%);border-radius:50%;width:1.05cqw;height:1.05cqw;position:absolute}.intro-device-frame[data-frame=tablet][data-frame-orientation=landscape] .intro-device-camera{top:calc(var(--frame-bezel) / 2 + var(--frame-rim) / 2);left:50%;transform:translate(-50%,-50%)}.intro-device-frame[data-frame=tablet][data-frame-orientation=portrait] .intro-device-camera{right:calc(var(--frame-bezel) / 2 + var(--frame-rim) / 2);top:50%;transform:translate(50%,-50%)}.intro-device-frame[data-frame=tablet] .intro-device-body{background:linear-gradient(#070708,#070708) padding-box padding-box,linear-gradient(145deg,#c9ccd2 0%,#8f939a 30%,#6d7178 60%,#b8bcc3 100%) border-box}.intro-media .intro-device-frame{--frame-h:min(72svh, 760px);z-index:1;margin-inline:auto}.intro-language-screens .intro-device-frame{--frame-h:620px;width:min(100%, 300px, calc(var(--frame-h) * var(--frame-ratio)));margin-inline:auto}.intro-language-screens .intro-device-body{box-shadow:0 0 0 .18cqw #0000000f,inset 0 0 0 .35cqw #000,0 30px 70px #1d1d1f38}