:root{color-scheme:dark;--bg:#10130f;--surface:#191d16;--text:#f2f3e9;--muted:#a7aea0;--line:#343b2e;--accent:#e0f39a;--accent-ink:#192011;--max:1200px;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{text-underline-offset:5px;text-decoration:underline}p{line-height:1.85}h1,h2,h3,p,figure{margin:0}h1,h2{letter-spacing:-.045em;font-weight:550}h3{font-weight:550}header,main,footer{max-width:var(--max);margin:auto}.review{color:#192011;background:#e0f39a;justify-content:center;align-items:center;gap:36px;padding:13px 24px;font-size:12px;display:flex}.review nav{gap:20px;display:flex}.review a{padding:5px 10px}.review [aria-current]{color:#e0f39a;background:#192011;border-radius:4px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:23px;font-weight:600;display:flex}.brand img{border-radius:10px}header nav{align-items:center;gap:34px;font-size:14px;display:flex}.nav-cta{border:1px solid var(--line);border-radius:5px;padding:12px 18px}.nav-cta span{margin-left:12px}.hero{grid-template-columns:1fr 1.07fr;align-items:center;gap:50px;padding:72px 0 70px;display:grid}.eyebrow{letter-spacing:.1em;color:var(--muted);align-items:center;gap:9px;margin-bottom:24px;font-size:12px;font-weight:500;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;width:6px;height:6px}h1{white-space:nowrap;font-size:clamp(38px,4.3vw,64px);line-height:1.28}.accent{color:var(--accent)}.lead{color:var(--muted);margin-top:28px;font-size:15px}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:35px;display:flex}.button{background:var(--accent);color:var(--accent-ink);border-radius:6px;align-items:center;gap:34px;padding:17px 24px;font-size:14px;font-weight:600;display:inline-flex}.button:hover{filter:brightness(1.04);text-decoration:none}.text-link{color:var(--muted);font-size:12px}.hero-note{color:var(--muted);margin-top:30px;font-size:11px}.scene{isolation:isolate;min-width:0;margin-bottom:24px;position:relative}.scene>img{object-fit:cover;object-position:46%;filter:brightness(.85);border-radius:8px;width:100%;height:500px;display:block}.scene:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#07110d9c);border-radius:8px;position:absolute;inset:0}.viewfinder{z-index:1;background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffff25 33.33%,#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff25 66.66%,#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#ffffff25 33.33%,#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff25 66.66%,#0000 calc(66.66% + .5px));border:1px solid #ffffff35;position:absolute;inset:18% 14%}.viewfinder i{border:2px solid #edf4de;width:24px;height:24px;position:absolute}.viewfinder i:first-child{border-bottom:0;border-right:0;top:-1px;left:-1px}.viewfinder i:nth-child(2){border-bottom:0;border-left:0;top:-1px;right:-1px}.viewfinder i:nth-child(3){border-top:0;border-right:0;bottom:-1px;left:-1px}.viewfinder i:nth-child(4){border-top:0;border-left:0;bottom:-1px;right:-1px}.target{border:1.5px solid #fff;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dot{background:#e0f39a;border-radius:50%;width:12px;height:12px;position:absolute;top:40%;left:61%;box-shadow:0 0 0 5px #10130f30}.scene-label{z-index:1;color:#fff;letter-spacing:.1em;font-size:12px;position:absolute;bottom:25px;left:25px}.scene figcaption{color:var(--muted);font-size:10px;position:absolute;top:calc(100% + 12px);right:0}.chapter{border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:.14em;color:var(--muted);justify-content:space-between;padding:21px 0;font-size:10px;display:flex}.experience{grid-template-columns:1fr 1fr;gap:65px;padding:100px 0;display:grid}h2{font-size:40px;line-height:1.45}.section-intro>p:last-child{color:var(--muted);margin-top:20px;font-size:14px}.steps article{border-bottom:1px solid var(--line);gap:27px;padding:27px 0;display:flex}.steps article:first-child{padding-top:0}.number{color:var(--accent);padding-top:3px;font-family:monospace;font-size:14px}.steps h3,.choice h3{margin-bottom:12px;font-size:18px}.steps p,.choice p{color:var(--muted);font-size:13px}.choice{background:var(--surface);border-radius:8px;padding:50px}.choice-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.choice-grid article+article{margin-top:28px}.release{text-align:center;padding:100px 0}.release>img{border-radius:16px;margin-bottom:24px}.release .eyebrow{justify-content:center;margin-bottom:15px}.release h2{font-size:42px}.release p:not(.eyebrow){color:var(--muted);margin-top:20px;font-size:14px}.platforms{justify-content:center;gap:14px;margin-top:32px;display:flex}.platforms>span{border:1px solid var(--line);text-align:left;border-radius:6px;min-width:150px;padding:17px 24px;font-size:15px}.platforms small{color:var(--muted);margin-left:20px;font-size:11px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:30px 0;font-size:10px;display:flex}footer .brand{color:var(--text);font-size:18px}.variant-b{--bg:#f6f5ef;--surface:#eaece2;--text:#222b24;--muted:#626d61;--line:#d5d9cf;--accent:#48603b;--accent-ink:#f6f5ef;background:var(--bg);color:var(--text);color-scheme:light}.variant-b .hero{flex-direction:column;gap:45px;padding-top:64px;display:flex}.variant-b .intro{text-align:center}.variant-b .intro .eyebrow,.variant-b .hero-actions{justify-content:center}.variant-b h1{letter-spacing:-.05em;font-family:Georgia,Songti SC,SimSun,serif;font-size:64px;font-weight:400;line-height:1.3}.variant-b h1 br,.variant-b .lead br{display:none}.variant-b .lead{max-width:670px;margin:22px auto 0}.variant-b .hero-note{display:none}.variant-b .scene{width:100%}.variant-b .scene>img{object-position:50% 50%;filter:brightness(.94);height:430px}.variant-b .viewfinder{inset:15% 30%}.variant-b .section-intro h2,.variant-b .choice h2,.variant-b .release h2{font-family:Georgia,Songti SC,SimSun,serif;font-weight:400}.variant-b .choice,.variant-b .scene>img,.variant-b .scene:after{border-radius:0}.variant-b .hero-actions{margin-top:25px}@media (width<=1280px){header,main,footer{margin-left:5%;margin-right:5%}.hero{gap:30px}.scene>img{height:460px}.hero-actions{gap:15px}.variant-b h1{font-size:56px}}@media (width<=760px){.review{flex-direction:column;gap:7px;padding:10px 12px}.review nav{gap:12px}header{padding:22px 0}.brand{font-size:21px}header nav{gap:10px;font-size:12px}header nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 13px}.hero{grid-template-columns:1fr;gap:36px;padding:44px 0 48px}.eyebrow{margin-bottom:18px;font-size:11px}h1{font-size:clamp(36px,9vw,58px)}.lead{margin-top:22px;font-size:14px}.hero-actions{margin-top:27px}.hero-note{margin-top:22px}.scene>img{height:390px}.chapter{gap:24px;font-size:9px;line-height:1.7}.chapter span:last-child{text-align:right;max-width:140px}.experience{grid-template-columns:1fr;gap:40px;padding:65px 0}h2{font-size:32px}.choice{padding:30px 24px}.choice-grid{grid-template-columns:1fr;gap:35px}.release{padding:70px 0}.release h2{font-size:32px}.release p:not(.eyebrow){font-size:13px}.platforms{flex-wrap:wrap}.platforms>span{min-width:130px;padding:16px}.platforms small{margin-left:12px}footer{flex-wrap:wrap;justify-content:flex-start;gap:20px}footer .brand{width:100%}.variant-b .hero{gap:35px;padding-top:44px}.variant-b h1{font-size:43px;line-height:1.4}.variant-b h1 br{display:block}.variant-b .scene>img{height:340px}.variant-b .viewfinder{inset:18% 14%}.variant-b .lead{max-width:340px}.variant-b .hero-actions{gap:20px}.variant-b .hero-actions .text-link{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.skip-link{background:var(--accent);color:var(--accent-ink);z-index:5;padding:14px 20px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:15px}header nav{gap:23px}.language-link{color:var(--muted);padding:12px 0;font-size:12px}.lead{max-width:445px}.detail-link{color:var(--accent);margin-top:28px;padding:12px 0;font-size:13px;display:inline-block}.release>p:not(.eyebrow){max-width:540px;margin:20px auto 0}.release .detail-link{margin-top:16px}footer{flex-wrap:wrap;font-size:12px}footer nav{flex-wrap:wrap;gap:22px;display:flex}footer a{padding:9px 0}.document{max-width:790px;min-height:70vh;margin:auto;padding:80px 0 100px}.document h1{white-space:normal;font-size:clamp(32px,4vw,54px);line-height:1.4}.document-intro{color:var(--muted);margin-top:28px;font-size:17px;line-height:1.9}.document-sections{margin-top:50px}.document-sections section{border-top:1px solid var(--line);padding:30px 0}.document h2{letter-spacing:-.02em;margin-bottom:16px;font-size:23px}.document-sections p{color:var(--muted);font-size:15px;line-height:1.95}.provider-links{color:var(--accent);flex-wrap:wrap;gap:24px;font-size:12px;display:flex}.english h1{white-space:normal;letter-spacing:-.045em;font-size:clamp(36px,4vw,57px);line-height:1.12}.english h2{font-size:38px;line-height:1.2}.english .eyebrow{letter-spacing:.04em}.english .hero-actions{gap:20px}.english .text-link{font-size:11px}.english .scene figcaption{text-align:right;max-width:100%;font-size:10px}.english .document h2{font-size:23px}.english .platforms>span{min-width:200px}.english .document h1{line-height:1.2}@media (width<=1060px){header nav{gap:17px}header nav .wide-nav:nth-child(2){display:none}.hero{grid-template-columns:1fr 1fr}.english h1{font-size:46px}.hero-actions .text-link{width:100%}.scene>img{height:480px}.choice-grid{gap:40px}h1{font-size:clamp(36px,4.2vw,54px)}}@media (width<=760px){header nav>a.language-link{font-size:12px;display:block}header nav{gap:16px}.hero{grid-template-columns:1fr}.hero-actions .text-link{width:auto}.scene>img{height:390px}h1{font-size:clamp(35px,8.8vw,58px)}.english h1{font-size:43px}.english h2{font-size:32px}.english .hero-actions .text-link{width:100%}.experience{gap:40px}.document{padding:55px 0 65px}.document-intro{font-size:15px}.document-sections{margin-top:35px}.document h2{font-size:21px}.document-sections p{font-size:14px}footer{font-size:11px}footer nav{gap:20px}.brand{gap:8px}.brand img{width:32px;height:32px}.nav-cta{font-size:12px}.nav-cta span{margin-left:6px}}@media (width<=420px){header{flex-wrap:wrap;gap:19px}.english header nav{justify-content:space-between;width:100%}.english .brand{width:100%}.english .scene figcaption,.chapter,.scene figcaption{font-size:9px}}
