:root{color-scheme:dark;--bg:#08140f;--surface:#0b1912;--line:#294033;--text:#f0f1e8;--muted:#bec9bf;--dim:#9bae9e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b4d6bd;outline-offset:6px}button:disabled{cursor:default;opacity:.4}h1,h2,p{margin:0}button,img{ -webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.portal-header{height:76px;border-bottom:1px solid #203329}.portal-header-inner{max-width:1640px;height:100%;margin:auto;padding:0 62px;display:flex;justify-content:space-between;align-items:center;gap:30px}.portal-brand{display:inline-flex;align-items:center;flex-shrink:0}.portal-brand>img{width:132px;filter:none;height:auto;object-fit:contain}.portal-nav{display:flex;gap:40px;align-items:center}.compare-button{border:0;background:transparent;padding:10px 0;font-size:14px;font-weight:400}.compare-button:hover{color:#bad6c2}.language-switch{display:flex;gap:14px;align-items:center;border:1px solid #8b9d8e;border-radius:5px;padding:3px 17px;min-height:39px}.language-switch>button{border:0;background:none;font-size:13px;color:#84998b;min-width:27px;min-height:31px;padding:3px 0}.language-switch>button[aria-pressed=true]{color:#f3f5ec;font-weight:650}.language-switch>span{font-size:11px;color:#53695b;user-select:none}.cinema-main{max-width:1640px;padding:0 32px 100px;margin:auto}.cinema-intro{padding:90px 30px 48px}.cinema-intro h1{font-size:80px;font-weight:620;line-height:1.2;letter-spacing:-.035em}.version-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.version-card{position:relative;display:block;min-width:0;height:604px;overflow:hidden;border:1px solid #2c4033;background:#0c1912;border-radius:0;isolation:isolate;transition:border-color .18s,transform .18s}.version-card>img.card-art{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;z-index:-1;transition:transform .3s}.version-card:hover{border-color:#8da595;transform:translateY(-4px)}.version-card:hover>img.card-art{transform:scale(1.025)}.card-number{position:absolute;top:17px;left:21px;font-size:27px;font-weight:400;line-height:1.4;letter-spacing:-.03em;color:#a1b4a4}.card-copy{position:absolute;bottom:0;left:0;right:0;padding:18px 21px 21px;background:#08140fe0;min-height:148px}.card-copy h2{font-size:26px;font-weight:600;line-height:1.35;letter-spacing:-.02em}.card-copy p{font-size:14px;font-weight:400;line-height:1.7;letter-spacing:0;color:#c3ccc4;margin-top:9px;min-height:47px}.card-arrow{display:flex;justify-content:flex-end;align-items:center;margin-top:11px}.card-arrow>img{width:23px;height:23px}.comparison-dialog{color:var(--text);background:#102018;border:1px solid #5f7966;border-radius:7px;width:calc(100vw - 40px);max-width:1180px;max-height:calc(100dvh - 60px);padding:0;overscroll-behavior:contain}.comparison-dialog::backdrop{background:#020a06cf}.comparison-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;gap:25px;border-bottom:1px solid var(--line)}.comparison-heading h2{font-size:23px;font-weight:550;letter-spacing:-.02em}.comparison-close{border:0;background:transparent;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:3px;flex-shrink:0}.comparison-close>img{width:23px;height:23px}.comparison-content{padding:24px 26px 25px}.comparison-table-wrap{overflow:auto;border:1px solid #3a5242}.comparison-table{border-collapse:collapse;width:100%;min-width:830px;text-align:left;font-size:13px}.comparison-table th,.comparison-table td{padding:18px 16px;border-bottom:1px solid #324b3b;vertical-align:top}.comparison-table th{font-size:13px;font-weight:550;background:#1b3022;color:#e3ece4;white-space:nowrap}.comparison-table td{color:#b5c9bb;line-height:1.9}.comparison-table td:first-child{font-weight:550;color:#deeadf;min-width:100px}.comparison-table tr:last-child td{border-bottom:0}.comparison-note{font-size:12px;color:#9bb5a3;line-height:1.8;margin-top:19px}.comparison-records{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#c4dfcc}.comparison-records a:hover{text-decoration:underline;text-underline-offset:3px}html[lang=en] .card-copy h2{font-size:24px;letter-spacing:-.03em}html[lang=en] .card-copy p{font-size:14px;line-height:1.65}
@media(min-width:1600px){.cinema-intro{padding-top:96px;padding-bottom:55px}.version-card{height:650px}.cinema-intro h1{font-size:86px}}
@media(max-width:1200px){.portal-header-inner{padding:0 38px}.cinema-main{padding-left:24px;padding-right:24px}.cinema-intro{padding:75px 14px 40px}.cinema-intro h1{font-size:68px}.version-grid{gap:14px}.version-card{height:540px}.card-copy{padding:16px 15px 18px;min-height:162px}.card-copy h2{font-size:23px}.card-copy p{font-size:13px}.card-number{left:15px;font-size:25px}html[lang=en] .card-copy h2{font-size:21px}html[lang=en] .card-copy p{font-size:13px}}
@media(max-width:1000px){.version-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.version-card{height:520px}.card-copy{min-height:157px;padding:18px 20px 20px}.card-copy h2{font-size:25px}.card-copy p{font-size:14px}.card-number{left:20px}.cinema-intro{padding-top:64px;padding-bottom:36px}.cinema-intro h1{font-size:62px}.portal-nav{gap:26px}html[lang=en] .card-copy h2{font-size:24px}html[lang=en] .card-copy p{font-size:14px}}
@media(max-width:700px){.portal-header{height:66px}.portal-header-inner{padding:0 22px;gap:15px}.portal-brand>img{width:119px}.portal-nav{gap:19px}.compare-button{font-size:12px}.language-switch{gap:10px;padding:2px 11px;min-height:35px}.language-switch>button{font-size:12px;min-width:22px;min-height:27px}.cinema-main{padding:0 20px 55px}.cinema-intro{padding:49px 0 32px}.cinema-intro h1{font-size:52px;line-height:1.2}.version-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.version-card{height:440px}.card-copy{padding:15px 15px 18px;min-height:161px}.card-copy h2{font-size:23px}.card-copy p{font-size:13px;line-height:1.7;margin-top:8px}.card-number{font-size:23px;top:15px;left:16px}.card-arrow{margin-top:9px}.card-arrow>img{width:21px;height:21px}.comparison-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 30px)}.comparison-heading{padding:16px 18px}.comparison-heading h2{font-size:20px}.comparison-content{padding:18px}.comparison-note{font-size:11px}.comparison-records{gap:13px 22px;font-size:11px}html[lang=en] .card-copy h2{font-size:22px}html[lang=en] .card-copy p{font-size:13px}}
@media(max-width:500px){.version-grid{grid-template-columns:1fr;gap:22px}.version-card{height:510px}.card-copy{padding:20px 22px 22px;min-height:146px}.card-copy h2{font-size:27px}.card-copy p{font-size:14px;min-height:24px;max-width:290px;line-height:1.8}.card-number{font-size:27px;left:22px;top:18px}.card-arrow{margin-top:13px}.card-arrow>img{width:23px;height:23px}.cinema-intro h1{font-size:48px}.portal-header-inner{padding:0 20px}.portal-brand>img{width:112px}.portal-nav{gap:14px}.compare-button{font-size:11px}.language-switch{gap:8px;padding:2px 9px}html[lang=en] .card-copy h2{font-size:27px}html[lang=en] .card-copy p{font-size:14px}}
@media(max-width:370px){.portal-header-inner{padding:0 16px;gap:10px}.portal-brand>img{width:101px}.portal-nav{gap:10px}.language-switch{gap:6px;padding:2px 7px}.compare-button{font-size:10px}.cinema-main{padding-left:16px;padding-right:16px}.cinema-intro h1{font-size:43px}.version-card{height:470px}.card-copy{padding-left:20px;padding-right:20px}.card-number{left:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Match the selected desktop poster proportions; smaller screens keep their own flow. */
@media(min-width:1201px){.cinema-intro{padding-bottom:58px}.cinema-intro h1{font-size:84px}.version-card{height:624px}.card-copy{height:150px;min-height:150px;padding:12px 21px 18px}.card-copy h2{font-size:29px;line-height:1.3}.card-copy p{height:45px;min-height:0;line-height:1.6;margin-top:8px}.card-arrow{position:absolute;right:21px;bottom:18px;margin:0}.version-card[data-testid=version-v2]>.card-art{transform:scale(1.35);transform-origin:50% 46%}.version-card[data-testid=version-v2]:hover>.card-art{transform:scale(1.375)}}
