@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#1a1817;--surface:#282522;--ink:#fff;--ink-soft:#d3cdc4;--dark:#1a1817;--dark-soft:#4a4038;--paper:#e9ebed;--navy:#0c1f3b;--dawn:#e0a65a;--peach:#f0c4a6;--earth:#4a2a17;--sand:#d9b07a;--teal:#0c7866;--red:#e0442f;--sans:"Onest Variable", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--cjk:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--step-small:.875rem;--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1rem + 1vw, 1.875rem);--step-title:clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem);--step-head:clamp(2.5rem, 1.2rem + 5vw, 5.5rem);--step-sub:clamp(2rem, 1.3rem + 2.4vw, 3.5rem);--margin:16px;--radius:12px;--bar:60px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=760px){:root{--margin:28px}}html[lang=zh]{--sans:"Onest Variable", var(--cjk)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--bar);interpolate-size:allow-keywords}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--ink);font:400 var(--step-body)/1.5 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;visibility:hidden;margin:0;animation:0s linear .8s forwards reveal;overflow-x:clip}html.ready body{visibility:visible;animation:none}@keyframes reveal{to{visibility:visible}}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote,pre{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:2px}button{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:var(--dawn);color:var(--dark)}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline-offset:3px;outline:3px solid}html{quotes:"«" "»" "„" "“"}html:is([lang=en],[lang=vi],[lang=zh]){quotes:"“" "”" "‘" "’"}.wrap{max-width:1440px;padding:0 var(--margin);margin:0 auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.defs{position:absolute}.skip{z-index:40;background:var(--paper);color:var(--dark);padding:10px 14px;position:absolute;top:-80px;left:12px}.skip:focus{top:12px}html[lang=ru] .intl{display:none}h1,h2,.stage h3,.buy__word{font-family:var(--sans);letter-spacing:-.03em;text-wrap:balance;font-weight:800;line-height:.92}h2{font-size:var(--step-head)}html[lang=zh] :is(h1,h2,.stage h3,.buy__word){letter-spacing:0;line-height:1.12}html[lang=vi] :is(h1,h2,.stage h3){line-height:1.02}p{text-wrap:pretty}.ch{min-height:90svh;padding:clamp(96px,14vh,168px) 0}.ch--navy{background:var(--navy);color:var(--ink)}.ch--red{background:var(--earth);color:var(--ink)}.resume{min-height:0}@media (prefers-reduced-motion:no-preference){.js-rise [data-rise]{opacity:0;transition:opacity .6s var(--ease-out), transform .7s var(--ease-out);transition-delay:calc(var(--d,0) * 60ms);transform:translateY(20px)}.js-rise [data-rise].in{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.js-rise [data-rise]{opacity:0;transition:opacity .4s}.js-rise [data-rise].in{opacity:1}}.bar{z-index:30;height:var(--bar);padding:0 var(--margin);background:var(--bar-bg,var(--bg));color:var(--bar-ink,var(--ink));transition:transform .2s var(--ease-out), background-color .3s ease, color .3s ease;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto;transform:translateY(-101%)}.bar.on{transition-duration:.3s,.3s,.3s;transform:none}.bar__mark{align-items:center;gap:10px;margin-right:auto;font-weight:700;text-decoration:none;display:inline-flex}.bar__mark svg{fill:currentColor;width:40px;height:18px}.bar__nav{gap:22px;display:none}.bar__nav a{text-underline-offset:.4em;text-decoration:none;text-decoration-thickness:2px;transition:opacity .15s}.bar__nav a[aria-current=true]{text-decoration-line:underline}.bar__buy{background:var(--teal);height:44px;color:var(--ink);white-space:nowrap;transition:transform .16s var(--ease-out), background-color .3s ease, color .3s ease;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.bar__buy:active{transform:scale(.97)}.bar.on-teal .bar__buy{background:var(--ink);color:var(--teal)}@media (width>=1100px){.bar__nav{display:flex}}.hero{background:var(--paper);grid-template-columns:minmax(0,1fr) clamp(150px,11vw,190px);gap:10px;height:100svh;min-height:600px;padding:10px;display:grid}.hero__panel{border-radius:var(--radius);background:var(--paper);position:relative;overflow:hidden}.hero__panel.is-sketch{color:var(--dark)}.hero__panel.is-developing{transition:color .3s 1.1s}.hero__view{position:absolute;inset:0}.hero__view img{object-fit:cover;object-position:50% 70%;width:100%;height:100%;position:absolute;inset:0}.hero__sketch{opacity:0}.is-sketch .hero__frame{opacity:0;transform:scale(1.05)}.is-sketch .hero__sketch{opacity:1}.is-developing .hero__frame{transition:opacity 1.3s var(--ease-in-out), transform 1.8s var(--ease-out)}.is-developing .hero__sketch{transition:opacity 1.3s var(--ease-in-out)}.hero__view:after{content:"";z-index:1;background:linear-gradient(#0000008a,#0000);position:absolute;inset:0 0 35%}.hero__view:before{content:"";z-index:1;background:linear-gradient(#0000 38%,#00000075 68%,#000000a8);position:absolute;inset:0}.is-sketch .hero__view:after,.is-sketch .hero__view:before{opacity:0}.is-developing .hero__view:after,.is-developing .hero__view:before{transition:opacity 1.3s var(--ease-in-out)}.hero__mark{z-index:1;font-weight:700;font-size:var(--step-body);align-items:center;gap:12px;margin:0;display:inline-flex;position:absolute;top:26px;left:28px}.hero__mark svg{fill:currentColor;width:46px;height:20px}.hero .langs{z-index:1;position:absolute;top:20px;right:22px}.hero__title{z-index:1;text-align:center;font-size:clamp(56px,8.6vw,132px);position:absolute;top:15%;left:6%;right:6%}.hero__foot{z-index:1;justify-items:start;gap:20px;width:min(42%,30em);display:grid;position:absolute;bottom:28px;left:28px}.hero__lead{font-size:1.375rem;font-weight:450;line-height:1.35}.hero__act{justify-items:start;gap:10px;display:grid}.hero__note{font-size:var(--step-small);line-height:1.35}.hero__buy{background:var(--teal);min-height:64px;color:var(--ink);white-space:nowrap;transition:background-color .15s ease, color .15s ease, transform .16s var(--ease-out);align-content:center;justify-items:start;padding:8px 32px;font-size:1.375rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-grid}.hero__buy small{font-size:var(--step-small);font-weight:500}.hero__buy:active{transform:scale(.97)}.hero__cap{z-index:1;width:min(28%,22em);font-size:var(--step-small);text-align:right;line-height:1.45;position:absolute;bottom:34px;right:28px}.swatches{grid-template-rows:repeat(4,minmax(0,1fr));gap:6px;display:grid}.sw{border-radius:var(--radius);min-width:0;color:var(--dark);overflow-wrap:anywhere;text-underline-offset:.3em;background:0 0;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;font-weight:600;text-decoration-line:underline;text-decoration-thickness:2px;transition:background-color .2s,color .2s;display:flex}.sw:before{content:"";background:var(--chip);border-radius:5px;flex:none;width:18px;height:18px}.sw:focus-visible{outline-offset:-6px}.sw--navy{--chip:var(--navy);--chip-ink:var(--ink)}.sw--red{--chip:var(--earth);--chip-ink:var(--ink)}.sw--sand{--chip:var(--sand);--chip-ink:var(--dark)}.sw--char{--chip:var(--bg);--chip-ink:var(--ink)}.langs{gap:2px;display:flex}.langs button{cursor:pointer;min-width:36px;min-height:44px;font-size:var(--step-small);opacity:.72;background:0 0;border:0;padding:0 7px;font-weight:600;transition:opacity .15s}.langs button[aria-pressed=true]{opacity:1;text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:2px}@media (width<=1099px){.hero{height:auto;min-height:0;padding:8px;display:block}.hero__panel{grid-template-columns:minmax(0,1fr);display:grid}.hero__view{grid-area:1/1;height:58svh;min-height:380px;position:relative;inset:auto}.hero__mark{top:18px;left:18px}.hero__mark span{display:none}.hero .langs{top:8px;right:6px}.hero__title{font-size:11vw;top:14%;left:5%;right:5%}.hero__foot{display:contents}.hero__act{z-index:1;grid-area:1/1;place-self:end center;justify-items:center;max-width:calc(100% - 32px);margin-bottom:18px}.hero__note{text-align:center}.hero__buy{min-height:56px;font-size:var(--step-body);justify-items:center;padding:6px 28px}.hero__lead{width:auto;color:var(--dark);font-size:var(--step-body);padding:18px 18px 6px;line-height:1.45;position:static}.hero__cap{text-align:left;width:auto;color:var(--dark-soft);padding:0 18px 18px;position:static}.swatches{grid-template-rows:none;grid-template-columns:1fr 1fr;margin-top:8px}.sw{flex-direction:row;align-items:center;gap:10px;min-height:48px;padding:8px 14px}.sw:before{border-radius:4px;width:16px;height:16px}}.board{gap:10px;margin-top:48px;margin-bottom:0;display:grid}.board__frames{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.board__frames li{position:relative}.board__frames img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;height:auto}.board__frames span{min-width:1.6em;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;background:#000000a8;border-radius:4px;padding:1px 6px;font-weight:800;position:absolute;top:6px;left:6px}.board figcaption{font-size:var(--step-small);color:var(--ink-soft)}@media (width>=760px){.board__frames{grid-template-columns:repeat(6,minmax(0,1fr))}}.how__intro{gap:24px;display:grid}.how__intro p{max-width:36em}@media (width>=1000px){.how__intro{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:24px}.how__intro h2{grid-column:1/6}.how__intro p{grid-column:7/12}}.stages{border-radius:var(--radius);flex-direction:column;gap:0;margin-top:32px;display:flex;overflow:hidden}.stage{position:relative}.stage:first-child{color:var(--ink);background:#3e2414}.stage:nth-child(2){color:var(--ink);background:#74462a}.stage:nth-child(3){color:var(--dark);background:#b07f3f}.stage:nth-child(4){background:var(--dawn);color:var(--dark)}.stage:nth-child(5){color:var(--dark);background:#efc98f}.stage:nth-child(6){color:var(--dark);background:#f7e3c4}.stage__tab{cursor:pointer;text-align:left;width:100%;min-height:64px;font-size:var(--step-body);background:0 0;border:0;align-items:center;padding:0 60px 0 20px;font-weight:700;display:flex;position:relative}.stage__label{transition:transform .2s var(--ease-out);gap:.6em;display:inline-flex}.stage__n{font-variant-numeric:tabular-nums;font-weight:500}.stage__tab:before,.stage__tab:after{content:"";background:currentColor;width:16px;height:3px;margin-top:-1.5px;position:absolute;top:50%;right:22px}.stage__tab:after{transform:rotate(90deg)}.stage.was-open .stage__tab:before{display:none}.stage.was-open .stage__tab:after{background:0 0;border:3px solid;border-width:0 3px 3px 0;width:8px;height:15px;margin-top:-10px;transform:rotate(45deg)}.stage__body:focus-visible{outline-offset:-4px;outline-width:2px}.stage__tab:focus-visible{outline-offset:-6px}.stage.is-open .stage__tab{opacity:0;pointer-events:none;position:absolute;inset:0}.stage__body{gap:22px;padding:24px 20px 28px;display:none}.stage.is-open .stage__body{display:grid}.stage__text{align-content:start;gap:16px;display:grid}.stage h3{font-size:var(--step-title)}.stage__text p{max-width:36ch}.stage__script{align-content:start;gap:14px;max-width:30em;font-size:1.375rem;line-height:1.35;display:grid}.stage__subs{align-content:start;gap:10px;margin:0;display:grid}.stage__subs figcaption{font-size:var(--step-small)}.stage__srt{white-space:pre-wrap;font:400 var(--step-body)/1.5 ui-monospace, "SF Mono", Menlo, Consolas, monospace;align-self:center}.stage__pic{align-self:center;position:relative}.stage__pic img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.stage__pic figcaption{font-size:var(--step-small);margin-top:10px;font-style:italic}.stage__prompts{align-content:start;gap:14px;display:grid}.stage__prompts ol{counter-reset:scene;gap:14px;display:grid}.stage__prompts li{counter-increment:scene;grid-template-columns:1.4em minmax(0,1fr);line-height:1.35;display:grid}.stage__prompts li:before{content:counter(scene);font-weight:800}.stage__prompts figcaption,.stage__pic--develop figcaption{font-size:var(--step-small)}.stage__pic--develop{grid-template-rows:minmax(0,1fr) auto;gap:10px;display:grid;overflow:hidden}@media (prefers-reduced-motion:no-preference){.stages.is-seen .stage.is-open .stage__frame{animation:develop 1.3s var(--ease-in-out) .25s backwards}}@keyframes develop{0%{opacity:0;transform:scale(1.04)}}.stage__next{cursor:pointer;text-underline-offset:.3em;background:0 0;border:0;grid-column:1;place-self:end start;align-items:center;gap:10px;min-height:44px;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.stage__next svg{fill:none;stroke:currentColor;stroke-width:4px;width:20px;height:20px;transition:transform .2s var(--ease-out)}.stage__next:active svg{transform:translate(4px)}.stage__subtitle{width:max-content;max-width:86%;color:var(--ink);font-size:var(--step-small);text-align:center;background:#000000a8;padding:4px 10px;font-weight:500;position:absolute;bottom:7%;left:50%;translate:-50%}.stage__cover-title{background:var(--dawn);max-width:70%;color:var(--dark);font-size:var(--step-title);letter-spacing:-.02em;padding:10px 14px 12px;font-weight:800;line-height:1;position:absolute;bottom:0;left:0}@media (width>=1280px){.stages{--strip:64px;flex-direction:row;height:540px}.stage{flex:0 0 var(--strip);min-width:0;transition:flex-grow .3s var(--ease-in-out);overflow:hidden}.stage.is-open{flex-grow:1}.stage__tab{justify-content:center;align-items:flex-end;padding:20px 0;position:absolute;inset:0}.stage__tab:before,.stage__tab:after{margin-left:-8px;top:32px;left:50%;right:auto}.stage.was-open .stage__tab:after{margin-top:-8px;margin-left:-4px}.stage__label{writing-mode:vertical-rl;white-space:nowrap;transform:rotate(180deg)}html[lang=zh] .stage__label{transform:none}.stage__body{width:calc(min(100vw, 1440px) - 2 * var(--margin) - 5 * var(--strip));grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:28px;position:absolute;inset:0 auto 0 0}.stage__body>:not(.stage__text){min-height:0}.stage__pic{align-self:stretch}.stage__pic img{aspect-ratio:auto;height:100%;min-height:0}.stage h3{font-size:40px}.stage__body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px 32px}.stage__body>:nth-child(2){grid-area:1/2/3}.stage__script,.stage__subs,.stage__prompts{align-self:center}}.stage.is-open .stage__body{opacity:1;transition:opacity .25s var(--ease-out) .12s, transform .3s var(--ease-out) .12s;transform:none}@starting-style{.stage.is-open .stage__body{opacity:0;transform:translateY(8px)}}.resume__grid{gap:40px;display:grid}.resume__text{align-content:start;gap:20px;display:grid}.resume__text h2{margin-bottom:8px}.resume__text p{max-width:34em}@media (width>=1000px){.resume__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:56px}}.scenes{flex-direction:column;display:flex;position:relative}@media (width<=999px){.scenes__bar{order:-1;margin:0 0 18px}}.scenes__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;display:grid}@media (width>=560px){.scenes__grid{grid-template-columns:repeat(18,minmax(0,1fr))}}@media (width>=1000px){.scenes__grid{grid-template-columns:repeat(22,minmax(0,1fr));gap:4px}}.scenes__grid i{aspect-ratio:16/9;opacity:.55;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);background:#5e3b23;display:block;transform:scale(.88)}.scenes__grid i:is(.done,.err,.run){opacity:1;transform:none}.scenes__grid i.done{background:var(--sprite) 0 0 / 600% 100% no-repeat}.scenes__grid i.done[data-c="1"]{background-position-x:20%}.scenes__grid i.done[data-c="2"]{background-position-x:40%}.scenes__grid i.done[data-c="3"]{background-position-x:60%}.scenes__grid i.done[data-c="4"]{background-position-x:80%}.scenes__grid i.done[data-c="5"]{background-position-x:100%}.scenes__grid i.err{background:var(--red)}.scenes__grid i.run{background:var(--navy);animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.45}}.scenes__mark{border:3px solid var(--red);pointer-events:none;clip-path:inset(0 100% 0 0);opacity:0;border-radius:50%;transition:clip-path .15s,opacity .15s;position:absolute;rotate:-4deg}.scenes__mark.on{clip-path:inset(0);opacity:1;transition:clip-path .6s var(--ease-out) .15s, opacity .1s ease .15s}.scenes__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.scenes__count{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.scenes__count b{font-size:var(--step-title);font-weight:800}.scenes__err{color:#ffb4a6;font-weight:700}.scenes__ok{color:var(--sand);font-weight:700}.scenes__fix{cursor:pointer;min-width:11em;min-height:52px;color:var(--ink);transition:transform .16s var(--ease-out), opacity .15s ease, background-color .15s ease;background:0 0;border:2px solid;padding:0 26px;font-weight:700}.scenes__fix:not([aria-disabled=true]):active{transform:scale(.97)}.scenes__fix[aria-disabled=true]{cursor:default;color:var(--ink-soft);border-color:#ffffff73}.tongues{background:var(--peach);color:var(--dark);padding:clamp(96px,14vh,168px) 0}.tongues__text{gap:20px;margin-left:0;display:grid}.tongues__text>p{max-width:40em}.tongues__cover{gap:16px;margin:12px 0 0;display:grid}.tongues__shot{border-radius:var(--radius);position:relative;overflow:hidden}.tongues__cover img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.tongues__shot p{background:var(--dawn);max-width:70%;color:var(--dark);font-size:var(--step-title);letter-spacing:-.02em;padding:10px 14px 12px;font-weight:800;line-height:1;position:absolute;bottom:0;left:0}.tongues__titles{align-content:center;gap:10px;display:grid}.tongues__titles li{font-size:var(--step-small);color:var(--dark-soft);grid-template-columns:5.5em minmax(0,1fr);align-items:center;column-gap:12px;font-weight:600;display:grid}.tongues__titles b{background:var(--dawn);color:var(--dark);font-size:var(--step-lead);letter-spacing:-.01em;justify-self:start;padding:9px 14px 11px;font-weight:800;line-height:1.15}.tongues__titles li:lang(ja) b{word-break:keep-all;overflow-wrap:anywhere}.tongues__note,.tongues__list{font-size:var(--step-small)}.tongues__list{max-width:72em;color:var(--dark-soft)}@media (width>=1000px){.tongues__text{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:24px}.tongues__text h2{grid-column:1/8}.tongues__text>p:not(.tongues__note,.tongues__list){grid-column:8/13}.tongues__cover{grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:32px}.tongues__note,.tongues__list{grid-column:1/-1}}.crew{padding:48px 0 clamp(96px,14vh,168px)}.crew__grid{gap:40px;display:grid}.crew__intro{gap:24px;display:grid}.crew__intro p{max-width:32em;font-size:var(--step-lead);color:var(--ink-soft);line-height:1.35}.crew__intro b{color:var(--ink);font-weight:700}.crew__all summary{cursor:pointer;min-height:48px;font-size:var(--step-lead);align-items:center;gap:14px;font-weight:700;list-style:none;display:inline-flex}.crew__all summary::-webkit-details-marker{display:none}.crew__all summary{padding-right:32px;position:relative}.crew__all summary:before,.crew__all summary:after{content:"";width:16px;height:3px;transition:transform .2s var(--ease-out);background:currentColor;margin-top:-1.5px;position:absolute;top:50%;right:0}.crew__all summary:after{transform:rotate(90deg)}.crew__all[open] summary:after{transform:rotate(0)}.crew__teams{gap:32px;padding-top:28px;display:grid}.crew__all:not([open]) .crew__teams{display:none}@media (width>=1000px){.crew__teams{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}}.crew__team h3{font-size:var(--step-body);color:var(--ink-soft);margin-bottom:16px;font-weight:600}.crew__team ul{gap:14px;display:grid}.crew__team li{color:var(--ink-soft);line-height:1.45}@media (width>=1000px){.crew__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:56px 24px}.crew__intro{grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:24px}.crew__intro h2{grid-column:1/7}.crew__intro p{grid-column:7/13}.crew__all{grid-column:1/-1}}.hl{color:var(--dark);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:var(--hl);padding:0 .12em;font-weight:700}mark.hl{white-space:nowrap;position:relative}mark.hl:after{content:"";background:var(--bg);transform-origin:100%;position:absolute;inset:-1px;transform:scaleX(0)}.hl--sand{--hl:var(--sand)}.hl--dawn{--hl:var(--dawn)}.hl--peach{--hl:var(--peach)}.hl--paper{--hl:var(--paper)}@media (prefers-reduced-motion:no-preference){.js-rise .crew mark.hl:after{transition:transform .5s var(--ease-in-out);transition-delay:calc(.15s + var(--h,0) * 70ms);transform:scaleX(1)}.js-rise .crew .in mark.hl:after,.js-rise .crew__all[open] mark.hl:after{transform:scaleX(0)}}.voices{padding:clamp(96px, 14vh, 168px) var(--margin);background:var(--paper);color:var(--dark);gap:40px;display:grid}.voices h2,.tongues h2,.crew h2{font-size:var(--step-sub)}.voice{gap:12px;max-width:34em;display:grid}.voice blockquote p{font-size:var(--step-body)}.voice blockquote p:before{content:open-quote}.voice blockquote p:after{content:close-quote}.voice figcaption{gap:6px;display:grid}.voice figcaption span{color:var(--dark-soft);order:-1;font-weight:500}.voice figcaption b{color:var(--dark);font-weight:700}.voice--lead{max-width:none;margin-bottom:40px}.voice--lead blockquote p{font-size:var(--step-lead);letter-spacing:-.01em;font-weight:500;line-height:1.32}.voices__note{font-size:var(--step-small);color:var(--dark-soft)}@media (width>=900px){.voices{grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 24px}.voices h2{grid-column:1/-1}.voice--lead{text-align:center;grid-column:1/-1;justify-self:center;width:min(60vw,920px);margin:0}.voice--lead figcaption{justify-items:center}.voice:nth-of-type(2){grid-column:1/5}.voice:nth-of-type(3){grid-column:5/9}.voice:nth-of-type(4){grid-column:9/13}.voices__note{grid-column:1/-1}}.needs{background:var(--sand);color:var(--dark);padding:clamp(96px,14vh,168px) 0}.needs__grid{gap:40px;display:grid}.needs__intro{align-content:start;gap:24px;display:grid}.needs__intro p{max-width:30em;font-size:var(--step-lead);line-height:1.35}.bill{border-bottom:2px solid #1a18173d;display:grid}.bill li{border-top:2px solid #1a18173d;gap:6px;padding:22px 0 24px;display:grid}.bill h3{font-size:var(--step-title);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.05}.bill__who{font-weight:700}.needs__pc{max-width:40em}.needs__easy{font-weight:700}@media (width>=760px){.bill li{grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,7fr);align-items:baseline;column-gap:24px}}@media (width>=1280px){.needs__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 24px}.needs__intro{top:calc(var(--bar) + 32px);grid-area:1/1/5/6;align-self:start;position:sticky}.bill,.needs__pc{grid-column:6/13}.bill li{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,6fr)}}.buy{min-height:60svh;padding:64px var(--margin) 0;background:var(--teal);color:var(--ink);flex-direction:column;transition:background-color .2s,color .2s;display:flex;position:relative;overflow:hidden}.buy__title{font-size:var(--step-sub);margin-bottom:22px}.buy__help{max-width:56em;padding:4px 0 48px}.buy__help h3{font-size:var(--step-body);margin-bottom:12px;font-weight:800}.buy__help ul{gap:8px;display:grid}.buy__help p{flex-wrap:wrap;gap:8px 28px;margin-top:18px;display:flex}.buy__steps b{font-weight:800}.buy__steps{counter-reset:step;gap:8px;max-width:34em;padding-right:0;display:grid}@media (width>=760px){.buy__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;max-width:72em}}@media (width>=1280px){.buy__steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.buy__steps a{font-weight:700}.buy__steps li{counter-increment:step;grid-template-columns:1.6em minmax(0,1fr);display:grid}.buy__steps li:before{content:counter(step);font-weight:800}.buy__steps li{align-content:start}.buy__steps li>*{grid-column:2}.buy__steps li>*+*{margin-top:6px}.buy__steps li>a{place-self:start}.buy__help a{font-weight:700}.buy__link{color:inherit;margin-top:auto;text-decoration:none;display:block;position:relative}.buy__link:focus-visible{outline:none}.buy:has(.buy__link:focus-visible){background:var(--ink);color:var(--teal);outline-offset:-6px;outline:3px solid}.buy__arrow{fill:none;stroke:currentColor;stroke-width:4px;width:48px;height:48px;transition:transform .2s var(--ease-out);position:absolute;top:162px;right:0}.buy__word{letter-spacing:-.01em;white-space:nowrap;transform-origin:0 100%;transition:transform .16s var(--ease-out);margin-top:150px;font-size:24vw;line-height:1.15;display:block}.buy__to{font-size:var(--step-lead);padding:8px 0 20px;font-weight:600;display:block}.buy__link:active .buy__word{transform:scale(.98)}@media (width<=759px){.buy{min-height:0;padding:22px var(--margin) 24px}.buy__to{font-size:var(--step-body);padding-bottom:16px}.buy__steps{padding-right:0}.buy__arrow{width:32px;height:32px}}.faq{padding:clamp(96px,14vh,168px) 0}.faq__grid{gap:28px;display:grid}@media (width>=1000px){.faq__grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;column-gap:24px}}.faq__head{align-content:start;gap:20px;display:grid}.faq__head p{max-width:22em}.faq__head a{font-weight:700}.faq details{scroll-margin-top:24px}.faq__groups{gap:48px;display:grid}.faq__group h3{font-size:var(--step-title);letter-spacing:-.02em;margin-bottom:16px;font-weight:800;line-height:1.05}.faq__list{gap:8px;display:grid}.faq details{background:var(--surface);border-radius:var(--radius);transition:background-color .2s,color .2s}.faq details::details-content{opacity:0;block-size:0;transition:block-size .2s var(--ease-out), opacity .15s ease, content-visibility .2s allow-discrete;overflow:clip}.faq details[open]::details-content{opacity:1;block-size:auto;transition:block-size .25s var(--ease-out), opacity .25s var(--ease-out) 60ms, content-visibility .25s allow-discrete}.faq details[open]{background:var(--paper);color:var(--dark)}.faq summary{cursor:pointer;min-height:72px;font-size:var(--step-body);align-items:center;padding:14px 64px 14px 24px;font-weight:500;line-height:1.3;list-style:none;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:before,.faq summary:after{content:"";width:16px;height:3px;transition:transform .2s var(--ease-out);background:currentColor;margin-top:-1.5px;position:absolute;top:50%;right:24px}.faq summary:after{transform:rotate(90deg)}.faq details[open] summary:after{transform:rotate(0)}.faq details p{max-width:52ch;font-size:var(--step-body);padding:0 24px 24px}.faq details a{font-weight:700}@media (width<=759px){.faq summary{min-height:64px}}.foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:grid}.foot__tile{border-radius:var(--radius);background:var(--surface);flex-direction:column;justify-content:space-between;gap:18px;min-height:180px;padding:20px;display:flex}.foot__quote p:first-child{font-size:var(--step-lead);line-height:1.3}.foot__legal{font-size:var(--step-small);color:var(--ink-soft)}.foot__get a,.foot__ask a{padding:10px 0;text-decoration:none;transition:opacity .15s;display:inline-block}.needs__pc a{font-weight:700;transition:opacity .15s}.foot__get a,.foot__ask>a{font-weight:700}.foot__ask p{color:var(--ink-soft)}@media (width<=899px){.foot__quote,.foot__get,.foot__ask{grid-column:1/-1}}@media (width>=900px){.foot{grid-template-columns:repeat(12,minmax(0,1fr))}.foot__tile{min-height:220px;padding:24px}.foot__quote{grid-column:1/6}.foot__get{grid-column:6/9}.foot__ask{grid-column:9/13}.foot__quote,.foot__get,.foot__ask{grid-row:1}}@media (hover:hover) and (pointer:fine){.bar__nav a:hover,.foot__get a:hover,.foot__ask a:hover,.needs__pc a:hover{opacity:.7}.stage__next:hover svg{transform:translate(4px)}.langs button:hover{opacity:1}.hero__buy:hover{background:var(--ink);color:var(--teal)}.sw:hover{background:var(--chip);color:var(--chip-ink)}.stage__tab:hover .stage__label{transform:translate(6px)}.scenes__fix:not([aria-disabled=true]):hover{background:var(--ink);color:var(--dark)}.buy__help a:hover,.faq__head a:hover{opacity:.7}.buy:has(.buy__link:hover){background:var(--ink);color:var(--teal)}.buy:has(.buy__link:hover) .buy__arrow{transform:translate(4px,-4px)}.faq summary:hover:before{transform:scaleX(1.25)}}@media (hover:hover) and (pointer:fine) and (width>=1280px){.stage__tab:hover .stage__label{transform:rotate(180deg)translateY(-6px)}html[lang=zh] .stage__tab:hover .stage__label{transform:translateY(-6px)}}@media (prefers-reduced-motion:no-preference){.ready .hero__title,.ready .hero__lead,.ready .hero__buy,.ready .hero__cap,.ready .hero__mark,.ready .hero .langs{animation:settle .7s var(--ease-out) backwards}.ready .hero__title{animation-delay:60ms}.ready .hero__lead{animation-delay:.16s}.ready .hero__buy{animation-delay:.22s}.ready .hero__note{animation:settle .7s var(--ease-out) .26s backwards}.ready .hero__cap{animation-delay:.3s}.ready .sw{animation:slide-in .6s var(--ease-out) backwards;animation-delay:calc(.14s + var(--s,0) * 60ms)}}@keyframes settle{0%{opacity:0;transform:translateY(16px)}}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}}.sw:nth-child(2){--s:1}.sw:nth-child(3){--s:2}.sw:nth-child(4){--s:3}@media (width<=1099px){.sw{--s:0}}html:not(.js) .stages{flex-direction:column;height:auto}html:not(.js) .stage{flex:none}html:not(.js) .stage__tab{display:none}html:not(.js) .stage__body{width:auto;display:grid;position:static}html:not(.js) .scenes{display:none}@media (prefers-reduced-motion:reduce){.scenes__grid i,.stage.is-open .stage__body{transform:none}@starting-style{.stage.is-open .stage__body{transform:none}}}