body[data-tone=night]{background:linear-gradient(var(--night-950) 50%, var(--paper-50) 50%)}body[data-tone=night] .site-header{color:#fff;border-bottom-color:#ffffff14}body[data-tone=night] .desktop-nav a{color:var(--night-200)}body[data-tone=night] .desktop-nav a:hover{color:#fff}body[data-tone=night] .brand-period{color:var(--sun-400)}body[data-tone=night] .locale-menu nav,body[data-tone=night] .mobile-nav nav,body[data-tone=night] .site-footer{color:var(--text-primary)}body.modal-open{overflow:hidden}.home{color:var(--night-100);overflow-x:clip}.home :focus-visible{outline:3px solid var(--sky-400);outline-offset:3px;border-radius:var(--radius-xs)}.home img,.home video{max-width:100%;display:block}.home .eyebrow{letter-spacing:.14em;color:var(--sky-300);margin:0;font-size:.78rem;font-weight:700}.home h2{letter-spacing:-.02em;margin-top:var(--space-3);font-size:clamp(2rem,4.6vw,3.6rem);font-weight:800;line-height:1.15}.home h3{letter-spacing:0;font-size:1.3rem;font-weight:750;line-height:1.35}.home h2 .line,.home h1 .line{display:block}.home .section-intro p:not(.eyebrow){margin-top:var(--space-5);max-width:36em;color:var(--night-200)}.home .button{align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--motion-quick) ease, background var(--motion-base) ease;border:0;font-weight:750;display:inline-flex}.home .button.primary{background:var(--sun-400);color:var(--night-900)}.home .button.primary:hover{background:var(--sun-300)}.home .button:active{transform:scale(.97)}.home .text-link{color:var(--sky-300);border:0;gap:6px;padding:0;font-size:1rem;font-weight:650}.home .text-link:hover{text-underline-offset:4px;text-decoration:underline}.home .chip-local{border-radius:var(--radius-pill);color:var(--sky-200);background:#5aaeff24;align-items:center;gap:6px;padding:4px 12px 4px 10px;font-size:.85rem;font-weight:650;display:inline-flex}.home .hero{isolation:isolate;padding:clamp(48px,9vh,112px) 0 clamp(64px,10vh,128px);position:relative}.home .sky{z-index:-1;background:radial-gradient(60% 50% at 80% 10%, #2f8bea38, transparent 70%), radial-gradient(40% 30% at 50% 108%, #ffd43b29, transparent 70%), var(--night-950);position:absolute;inset:0;overflow:hidden}.home .sky:before{content:"";opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff,#0000),radial-gradient(1px 1px at 28% 42%,#fff,#0000),radial-gradient(1px 1px at 44% 12%,#fff,#0000),radial-gradient(1.5px 1.5px at 63% 30%,#fff,#0000),radial-gradient(1px 1px at 76% 8%,#fff,#0000),radial-gradient(1px 1px at 88% 36%,#fff,#0000),radial-gradient(1px 1px at 8% 64%,#fff,#0000),radial-gradient(1px 1px at 36% 72%,#fff,#0000),radial-gradient(1.5px 1.5px at 92% 58%,#fff,#0000),radial-gradient(1px 1px at 55% 56%,#fff,#0000);position:absolute;inset:0}.home .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.home .hero h1{letter-spacing:-.035em;margin-top:var(--space-4);color:#fff;text-wrap:balance;font-size:clamp(2.6rem,5.4vw,5.2rem);font-weight:850;line-height:1.08}html[lang=zh-Hant] .home .hero h1 .line{white-space:nowrap}html[lang=ja] .home .hero h1{letter-spacing:-.01em;word-break:auto-phrase;font-size:clamp(2.3rem,4.2vw,4rem);line-height:1.2}html[lang=en] .home .hero h1{font-size:clamp(2.5rem,4.8vw,4.6rem)}.home .marker{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 64%,#ffd43beb 64% 90%,#0000 90%);padding-inline:.04em}.home .hero .lead{margin-top:var(--space-6);color:var(--night-200);max-width:30em;font-size:1.12rem}.home .actions{align-items:center;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.home .meta{align-items:center;gap:var(--space-3);margin-top:var(--space-6);color:var(--night-300);flex-wrap:wrap;font-size:.88rem;display:flex}.home .meta>span:not(.chip-local):before{content:"・";color:var(--night-500);margin-right:var(--space-2)}.home .hero-stage{margin:0;padding:0 0 48px;position:relative}.home .mac-window{transform-origin:0;border-radius:12px;overflow:hidden;transform:perspective(1600px)rotateY(-6deg)rotateX(2deg);box-shadow:0 40px 120px -20px #000c,0 0 0 1px #ffffff14}.home .mac-window video{aspect-ratio:4/3;object-fit:cover;background:#000;width:100%;height:auto}.home .real-tag{color:var(--night-300);align-items:center;gap:8px;font-size:.8rem;display:inline-flex;position:absolute;bottom:4px;left:0}.home .real-tag i{background:var(--sun-400);width:8px;height:8px;box-shadow:0 0 12px var(--sun-400);border-radius:50%}.home .story{background:linear-gradient(var(--night-950), var(--night-900));padding:clamp(64px,12vh,140px) 0}.home .story-grid{margin-top:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);display:grid}.home .story-stage{justify-content:center;align-self:start;align-items:center;gap:var(--space-6);height:min(60vh,540px);display:flex;position:sticky;top:calc(50vh - min(30vh,270px))}.home .stage-device{aspect-ratio:4/3;background:#000;border-radius:12px;flex:1;max-height:min(56vh,520px);position:relative;overflow:hidden;box-shadow:0 30px 90px -10px #000000e6,0 0 0 1px #ffffff1a}.home .stage-device .frame{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--motion-emphasized) ease, transform .7s cubic-bezier(.2, .7, .2, 1);position:absolute;inset:0}.home .stage-device .frame.zoom-status{transform-origin:50% 97%;transform:scale(2.3)}.home .stage-device[data-step="1"] .frame[data-for="1"],.home .stage-device[data-step="2"] .frame[data-for="2"],.home .stage-device[data-step="3"] .frame[data-for="3"]{opacity:1}.home .stage-progress{gap:10px;margin:0;padding:0;list-style:none;display:grid}.home .stage-progress li{background:var(--night-700);width:6px;height:28px;transition:background var(--motion-base) ease;border-radius:3px}.home .story-stage:has(.stage-device[data-step="1"]) li[data-for="1"],.home .story-stage:has(.stage-device[data-step="2"]) li[data-for="2"],.home .story-stage:has(.stage-device[data-step="3"]) li[data-for="3"]{background:var(--sun-400)}.home .story-steps{display:grid}.home .step{opacity:.35;max-width:30em;min-height:78vh;transition:opacity var(--motion-emphasized) ease;flex-direction:column;justify-content:center;display:flex}.home .step.is-current{opacity:1}.home .step-no{letter-spacing:.12em;color:var(--sun-400);font-size:.85rem;font-weight:800}.home .step h3{margin-top:var(--space-3);color:#fff;letter-spacing:-.015em;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.25}.home .step p{margin-top:var(--space-4);color:var(--night-200);font-size:1.05rem}.home .step-frame{display:none}.home .features{background:linear-gradient(var(--night-900), color-mix(in oklab, var(--night-900), var(--sky-800) 55%) 70%, var(--sky-800));padding:clamp(80px,12vh,140px) 0}.home .bento{gap:var(--space-5);margin-top:var(--space-12);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.home .tile{border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff1a;padding:clamp(24px,3vw,36px);position:relative;overflow:hidden}.home .tile h3{color:#fff}.home .tile p{margin-top:var(--space-3);color:var(--night-200)}.home .tile-icon{width:48px;height:48px;color:var(--sky-300);margin-bottom:var(--space-5);background:#5aaeff29;border-radius:14px;place-items:center;display:inline-grid}.home .tile-captions{gap:var(--space-5);grid-area:span 2/span 8;align-content:start;display:grid}.home .tile-local{grid-column:span 4}.home .tile-local .chip-local{margin-top:var(--space-5)}.home .tile-offline{grid-column:span 4}.home .tile-scenes{grid-column:span 12}.home .lab-film{border-radius:var(--radius-md);aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.home .lab-film img{object-fit:cover;filter:saturate(.9)brightness(.82);width:100%;height:100%}.home .lab-badge{border-radius:var(--radius-pill);color:var(--night-200);background:#0000008c;padding:3px 10px;font-size:.75rem;position:absolute;top:12px;left:12px}.home .lab-caption{border-radius:var(--radius-sm);background:var(--caption-plate);text-align:center;width:max-content;max-width:88%;transition:font-size var(--motion-base) ease;justify-items:center;gap:2px;padding:.35em .8em;font-size:clamp(.95rem,1.9vw,1.35rem);line-height:1.4;display:grid;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.home .lab-caption[data-size=s]{font-size:clamp(.8rem,1.5vw,1.05rem)}.home .lab-caption[data-size=l]{font-size:clamp(1.1rem,2.4vw,1.7rem)}.home .lab-caption .original{color:var(--caption-original);opacity:var(--caption-original-opacity-bilingual);font-size:.82em}.home .lab-caption .translation{color:var(--caption-translation);font-weight:650}.home .lab-caption[data-style=classic] .translation{color:var(--caption-original);font-weight:600}.home .lab-caption[data-mode=translation] .original,.home .lab-caption[data-mode=original] .translation{display:none}.home .lab-caption[data-mode=original] .original{opacity:1;font-size:1em}.home .lab-controls{gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.home .control{align-items:center;gap:var(--space-3);color:var(--night-300);font-size:.85rem;display:flex}.home .segmented{border-radius:var(--radius-pill);background:#0000004d;border:1px solid #ffffff14;padding:3px;display:inline-flex}.home .segmented button{border-radius:var(--radius-pill);min-height:34px;color:var(--night-200);transition:background var(--motion-quick) ease;background:0 0;border:0;padding:0 14px;font-size:.85rem;font-weight:650}.home .segmented button[aria-pressed=true]{background:var(--sky-400);color:var(--night-950)}.home .scenes{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home .scene{padding-top:var(--space-5);border-top:1px solid #ffffff24}.home .scene h4{margin:var(--space-3) 0 0;color:#fff;font-size:1.08rem}.home .scene p{font-size:.95rem}.home .tag{border-radius:var(--radius-pill);color:var(--sky-200);background:#5aaeff29;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-block}.home .screens{isolation:isolate;background:linear-gradient(var(--sky-800), var(--sky-600) 28%, var(--sky-300) 62%, var(--sky-100) 86%, var(--paper-50));padding:clamp(80px,12vh,140px) 0 clamp(64px,10vh,120px);position:relative;overflow:hidden}.home .screens .sun{z-index:-1;background:radial-gradient(closest-side,#ffe07abf,#ffe89959 45%,#0000 72%);border-radius:50%;width:90vw;height:90vw;position:absolute;bottom:-38vw;left:50%;transform:translate(-50%)}.home .screens .eyebrow{color:var(--sun-200)}.home .screens h2{color:#fff}.home .screens .section-intro p:not(.eyebrow){color:var(--sky-50)}.home .gallery{gap:var(--space-6);scroll-snap-type:x mandatory;padding:var(--space-12) max(16px, calc((100% - 1200px) / 2)) var(--space-8);scrollbar-width:thin;display:flex;overflow-x:auto}.home .shot{scroll-snap-align:center;gap:var(--space-3);flex:none;margin:0;display:grid}.home .shot img{aspect-ratio:1600/1249;object-fit:cover;background:var(--paper-100);border-radius:12px;width:auto;height:clamp(220px,42vw,520px);box-shadow:0 30px 70px -20px #0c3e7a8c,0 0 0 1px #ffffff59}.home .shot figcaption{gap:0 var(--space-3);color:var(--night-800);flex-wrap:wrap;align-items:baseline;font-size:.85rem;display:flex}.home .shot figcaption b{font-weight:750}.home .shot figcaption span{color:var(--night-600)}.home .day{background:var(--paper-50);color:var(--text-primary);padding:clamp(64px,10vh,120px) 0 clamp(80px,12vh,140px)}.home .day .eyebrow{color:var(--sky-600)}.home .day h2 .muted{color:var(--text-secondary)}.home .day .text-link{color:var(--accent-interactive)}.home .how{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);display:grid}.home .how .text-link{margin-top:var(--space-6);display:inline-flex}.home .how-steps{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.home .how-steps li{gap:var(--space-5);display:flex}.home .step-number{background:var(--night-900);width:44px;height:44px;color:var(--sun-400);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.home .how-steps p{margin-top:var(--space-2);color:var(--text-secondary)}.home .release{justify-content:space-between;align-items:end;gap:var(--space-8);border-radius:var(--radius-lg);background:var(--night-900);color:#fff;flex-wrap:wrap;margin-top:clamp(80px,12vh,140px);padding:clamp(28px,4vw,48px);scroll-margin-top:24px;display:flex;position:relative;overflow:hidden}.home .release:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#ffd43b47,#0000);border-radius:50%;width:60%;position:absolute;top:-60%;right:-10%}.home .release .eyebrow{color:var(--sun-300)}.home .release p:not(.eyebrow){margin-top:var(--space-4);color:var(--night-200);max-width:34em}.home .release .fine{color:var(--night-300);font-size:.82rem}.home .store-status{z-index:1;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);border:1px solid #fff3;font-size:1.15rem;font-weight:800;display:grid;position:relative}.home .store-status small{color:var(--sun-300);font-size:.8rem;font-weight:650}.home .faq{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);margin-top:clamp(80px,12vh,140px);display:grid}.home .faq .more{margin-top:var(--space-6);color:var(--text-secondary)}.home .faq-list details{border-bottom:1px solid var(--line-subtle)}.home .faq-list summary{justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;cursor:pointer;font-weight:700;list-style:none;display:flex}.home .faq-list summary::-webkit-details-marker{display:none}.home .faq-list summary span{color:var(--sky-600);transition:transform var(--motion-base) ease}.home .faq-list details[open] summary span{transform:rotate(45deg)}.home .faq-list p{padding-bottom:var(--space-5);color:var(--text-secondary)}.home .closing{text-align:center;justify-items:center;gap:var(--space-5);margin-top:clamp(96px,14vh,160px);display:grid}.home .closing h2{margin:0}.home .launch{color:var(--text-secondary);font-size:.9rem}.home .credits{padding-top:var(--space-6);border-top:1px solid var(--line-strong);color:var(--text-secondary);margin-top:clamp(64px,10vh,112px);font-size:.85rem}.home .credits h2{letter-spacing:0;margin:0 0 var(--space-2);color:var(--text-primary);font-size:.95rem}.home .credits ul{margin:0 0 var(--space-2);padding-left:1.2em}.home .credits a{color:var(--accent-interactive);text-underline-offset:3px;text-decoration:underline}.home dialog{width:min(560px,100% - 32px);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--night-900);color:var(--night-100);border:0}.home dialog::backdrop{backdrop-filter:blur(6px);background:#05070bc7}.home .dialog-head{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.home .dialog-head h2{letter-spacing:0;margin:0;font-size:1.1rem}.home .dialog-head p{color:var(--night-300);font-size:.82rem}.home .close{background:var(--night-800);color:#fff;border:0;border-radius:50%;flex:none;width:36px;height:36px}.home dialog video{aspect-ratio:4/3;border-radius:var(--radius-md);background:#000;width:100%;max-height:72vh}.home dialog .fine{margin-top:var(--space-3);color:var(--night-300);font-size:.78rem}.home dialog .fine a{color:var(--sky-300);text-underline-offset:3px;text-decoration:underline}.home .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.home .reveal.is-visible{opacity:1;transform:none}@media (width<=960px){.home .hero-grid,.home .how,.home .faq{grid-template-columns:minmax(0,1fr)}.home .hero-stage{margin-top:var(--space-6)}.home .mac-window{transform:none}.home .story-grid{margin-top:var(--space-8);grid-template-columns:minmax(0,1fr)}.home .story-stage{display:none}.home .step{opacity:1;min-height:0;padding:var(--space-8) 0;max-width:none}.home .step-frame{aspect-ratio:4/3;object-fit:cover;width:100%;margin-top:var(--space-6);background:#000;border-radius:12px;display:block}.home .step-frame.zoom-status{aspect-ratio:3;object-position:50% 100%}.home .tile-captions,.home .tile-local,.home .tile-offline,.home .tile-scenes{grid-area:auto/span 12}.home .scenes{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.home .hero h1{font-size:clamp(2.3rem,11vw,3.2rem)}html[lang=ja] .home .hero h1{font-size:clamp(2rem,9vw,2.8rem)}.home .lab-controls{gap:var(--space-3)}.home .control{flex-wrap:wrap}.home .segmented button{padding:0 10px}}@media (prefers-reduced-motion:reduce){.home .reveal,.home .reveal.is-visible{opacity:1;transform:none}.home .step{opacity:1}}.home .store-links{align-items:stretch;gap:var(--space-4);z-index:1;flex-direction:column;max-width:100%;display:flex;position:relative}.home .store-links .button{text-align:center;padding-block:var(--space-3);justify-content:center}