/* Landing 10: cinematic modern-age Eclesiar, isolated from shared public themes. */
:root { color-scheme: dark; background: #091725; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; background: #091725; }
.landing10 { --ink: #091725; --navy: #0d2136; --steel: #456780; --ivory: #e8dfcb; --brass: #b99451; --muted: #adbbc8; --line: #ffffff1c; font-family: "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.65; color: var(--ivory); -webkit-font-smoothing: antialiased; }
.landing10 *, .landing10 *::before, .landing10 *::after { box-sizing: border-box; }
.landing10 h1, .landing10 h2, .landing10 h3, .landing10 p { margin: 0; }
.landing10 h1, .landing10 h2, .landing10 h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; text-wrap: balance; }
.landing10 h2 { font-size: clamp(32px, 3.3vw, 48px); line-height: 1.15; letter-spacing: -.035em; }
.landing10 h3 { font-size: 27px; line-height: 1.22; letter-spacing: -.025em; }
.landing10:lang(hi-IN) h1, .landing10:lang(th) h1, .landing10:lang(ur) h1 { line-height: 1.25; letter-spacing: 0; }
.landing10 a { color: inherit; text-decoration: none; }
.landing10 button, .landing10 input, .landing10 select { font: inherit; }
.landing10 button, .landing10 select { cursor: pointer; }
.landing10 a, .landing10 button, .landing10 select, .landing10 summary { -webkit-tap-highlight-color: #b994513b; }
.landing10 :focus-visible { outline: 3px solid #e3bc75; outline-offset: 5px; }
.landing10 img { display: block; max-width: 100%; height: auto; }
.landing10 a:hover { color: #fff7e7; }
.l10-container { width: min(1280px, calc(100% - 96px)); margin-inline: auto; }
.l10-section { padding: 72px 0; }
.l10-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.l10-skip { position: fixed; inset: 8px auto auto 12px; z-index: 1000; padding: 12px 20px; background: var(--ivory); color: var(--ink) !important; transform: translateY(-200%); }
.l10-skip:focus { transform: none; }
.l10-header { min-height: 88px; padding: 8px 48px; border-bottom: 1px solid #b9945138; background: #091725f5; display: flex; align-items: center; justify-content: space-between; gap: 28px; position: relative; z-index: 5; }
.l10-brand { display: inline-flex; align-items: center; flex-shrink: 0; }
.l10-brand img { width: 240px; height: auto; object-fit: contain; }
.l10-nav, .l10-header-actions { display: flex; align-items: center; gap: 32px; }
.l10-nav a { padding: 10px 0; font-size: 14px; color: #c1cbd3; }
.l10-header-actions { gap: 22px; }
.l10-language select { border: 0; background: transparent; color: #c1cbd3; width: 134px; min-height: 44px; padding: 11px 3px; font-size: 13px; }
.l10-language option { background: var(--navy); color: var(--ivory); }
.l10-login { font-size: 14px; border: 1px solid #b994516b; padding: 9px 21px; border-radius: 3px; white-space: nowrap; }
.l10-hero { position: relative; isolation: isolate; padding: 58px 0 54px; min-height: 680px; overflow: hidden; }
.l10-hero-art, .l10-hero-shade { position: absolute; inset: 0; z-index: -2; }
.l10-hero-art img { width: 100%; height: 100%; object-fit: cover; object-position: center 56%; }
.l10-hero-shade { z-index: -1; background: linear-gradient(90deg, #091725eb 0%, #091725c2 36%, #0917250a 85%), linear-gradient(0deg, #091725d6, transparent 40%); }
.l10-hero-grid { display: grid; grid-template-columns: 1.03fr 1fr; align-items: center; gap: 64px; }
.l10-hero h1 { font-size: clamp(42px, 4.3vw, 66px); line-height: 1.07; letter-spacing: -.04em; max-width: 650px; text-shadow: 0 2px 18px #0006; }
.l10-lead { color: #d0d9de; max-width: 490px; font-size: 18px; line-height: 1.65; margin-top: 22px !important; }
.l10-hero-action { margin-top: 26px; }
.l10-button { display: inline-flex; justify-content: space-between; align-items: center; gap: 36px; min-height: 56px; padding: 15px 26px; border: 1px solid #d9b873; border-radius: 3px; background: #c4a15e; color: #0c1b29 !important; font-weight: 650; box-shadow: 0 5px 25px #0002; }
.l10-button:hover { background: #ddbe80; }
.l10-button span { font-size: 24px; line-height: 1; font-weight: 400; }
.l10-hero-action p { font-size: 12px; color: #c0cbd3; margin-top: 9px; }
.l10-proof { margin-top: 18px; font-size: 13px; color: #c1cdd6; }
.l10-proof strong { color: var(--ivory); font-size: 16px; font-weight: 600; }
.l10-proof > a { display: inline-block; padding-block: 5px; color: #dfcba0; text-decoration: underline; text-underline-offset: 4px; }
.l10-platforms { margin-top: 17px; }
.l10-platforms > p { font-size: 12px; color: #c2ced6; margin-bottom: 12px; }
.l10-store-links { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.l10-store-links a { display: inline-flex; align-items: center; height: 44px; flex-shrink: 0; }
.l10-store-apple img { height: 44px; width: auto; }
/* Official Google artwork includes transparent padding: normalize the visible mark. */
.l10-store-google { position: relative; width: 149px; overflow: hidden; }
.l10-store-google img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 57.292px; width: auto; max-width: none; }
.l10-store-google[data-badge-locale="en"] img { height: 65.476px; }
.l10-store-links .l10-steam-badge { width: 149px; height: 44px; padding: 9px 19px; border: 1px solid #a6a6a6; border-radius: 6px; background: #000; object-fit: contain; }
.l10-hero-media { margin-top: 70px; }
.l10-trailer-open { display: block; width: 100%; border: 1px solid #b994519c; background: #071320; padding: 6px; position: relative; border-radius: 4px; color: var(--ivory); box-shadow: 0 24px 65px #0006; text-align: left; }
.l10-trailer-open > img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.l10-play-symbol { position: absolute; top: 43%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; border: 1px solid #d4bd8a; border-radius: 50%; display: grid; place-items: center; background: #0b1d30d9; font-size: 24px; padding-left: 4px; }
.l10-trailer-open:hover .l10-play-symbol { background: #b99451; color: #091725; }
.l10-trailer-label { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 15px 13px 9px; font-size: 14px; }
.l10-media-caption { color: #ccd6de; font-size: 12px; margin: 12px 10px 0 !important; max-width: 400px; text-shadow: 0 1px 8px #000; }
.l10-pulse { background: linear-gradient(90deg,#0d2136f2,#0d2136d9), url('/assets/landingpages/10/world-panorama-960.webp') center 55% / cover; border-block: 1px solid #b9945145; }
.l10-pulse-inner { min-height: 112px; display: grid; grid-template-columns: 1fr 2fr; gap: 50px; align-items: center; }
.l10-pulse-title { display: flex; align-items: center; gap: 12px; font-size: 15px; }
.l10-pulse-title > span { height: 7px; width: 7px; border-radius: 50%; background: #b2c59c; box-shadow: 0 0 0 5px #b2c59c12; flex-shrink: 0; }
.l10-pulse dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; }
.l10-pulse dl > div { display: flex; flex-direction: column-reverse; padding-left: 30px; border-left: 1px solid var(--line); }
.l10-pulse dt { font-size: 12px; color: #bacbd6; }
.l10-pulse dd { margin: 0; font-family: Georgia, serif; font-size: 34px; line-height: 1.3; font-variant-numeric: tabular-nums; }
.l10-stat-unavailable { color: #8293a2; }
.l10-pulse dd.l10-stat-date { font-size: clamp(16px, 2vw, 28px); line-height: 1.6; overflow-wrap: anywhere; }
.l10-section-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 34px; }
.l10-section-intro p { max-width: 480px; color: var(--muted); }
.l10-paths { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.l10-path { min-width: 0; background: #102234; border-bottom: 1px solid #b9945145; }
.l10-path > img { width: 100%; aspect-ratio: 1.35; object-fit: cover; }
.l10-path > div { padding: 24px; }
.l10-path h3 { max-width: 320px; }
.l10-path p { color: var(--muted); font-size: 15px; margin-top: 12px; }
.l10-world-map { position: relative; isolation: isolate; overflow: hidden; margin-top: 36px; padding: 46px 36px; min-height: 390px; display: grid; grid-template-columns: .8fr 1fr; gap: 80px; align-items: center; border: 1px solid #b9945152; }
.l10-world-map::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#06131de6, #09172566 58%, #09172526); }
.landing10 .l10-world-panorama { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.l10-map-view { position: relative; aspect-ratio: 1.78; overflow: hidden; border: 1px solid #c0a36f99; box-shadow: 0 12px 42px #0007; background: #0d2136; }
.l10-map-view > iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
.l10-map-copy h3 { font-size: 36px; }
.l10-map-copy p { margin-top: 18px; color: #d2dbe1; font-size: 15px; }
.l10-text-link { display: inline-flex; gap: 18px; align-items: center; color: #dbc18f !important; padding: 12px 0; font-size: 14px; }
.l10-map-copy .l10-text-link { margin-top: 10px; }
.l10-start { padding-block: 0; }
.l10-start-layout { display: grid; grid-template-columns: 1fr 1.12fr; gap: 42px; align-items: stretch; }
.l10-first-day { position: relative; min-height: 545px; isolation: isolate; overflow: hidden; }
.l10-first-day::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg,#06131ef2,transparent 68%); }
.l10-first-day > img { position: absolute; z-index: -2; inset: 0; height: 100%; width: 100%; object-fit: cover; object-position: 42% center; }
.l10-first-day > div { position: absolute; inset: auto 30px 34px; }
.l10-first-day h2 { max-width: 470px; text-shadow: 0 2px 10px #0005; }
.l10-steps { list-style: none; padding: 4px 0; margin: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; }
.l10-steps li { display: grid; grid-template-columns: 154px 1fr; gap: 24px; align-items: center; padding-bottom: 24px; border-bottom: 1px solid #b994513d; }
.l10-steps li:last-child { padding-bottom: 0; border: 0; }
.l10-steps li > img { width: 100%; height: 150px; object-fit: cover; }
.l10-step-number { display: block; color: #d1b37a; font: 16px Georgia,serif; margin-bottom: 7px; }
.l10-steps h3 { font-size: 25px; }
.l10-steps p { font-size: 14px; color: var(--muted); margin-top: 10px; }
.l10-news-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 42px; align-items: center; margin-bottom: 32px; background: #102234; }
.l10-news-heading > img { width: 100%; height: 260px; object-fit: cover; }
.l10-news-heading > div { padding: 26px 32px 26px 0; }
.l10-news-heading p { color: var(--muted); margin-top: 15px; }
.l10-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.l10-news-card { display: flex; flex-direction: column; min-width: 0; background: #0e2031; border-bottom: 1px solid #b9945157; }
.l10-news-cover { display: block; background: #06131d; }
.l10-news-cover img { width: 100%; aspect-ratio: 2/1; object-fit: contain; }
.l10-news-body { padding: 23px; flex: 1; display: flex; flex-direction: column; align-items: flex-start; }
.l10-news-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; justify-content: space-between; align-items: baseline; width: 100%; font-size: 12px; color: #a1b5c4; margin-bottom: 18px; }
.l10-news-meta > span { color: #d3b983; }
.l10-news-card h3 { font-size: 26px; overflow-wrap: anywhere; }
.l10-news-card p { font-size: 14px; color: var(--muted); margin-top: 15px; }
.l10-news-card .l10-original-language { font-size: 11px; margin: -6px 0 12px; color: #a9bbc8; }
.l10-news-body > div[lang] { flex: 1; }
.l10-news-body > a { margin-top: 12px; }
.l10-faq { padding-top: 0; }
.l10-faq-layout { display: grid; grid-template-columns: .9fr 1.2fr; gap: 58px; align-items: stretch; }
.l10-guide { position: relative; min-height: 440px; isolation: isolate; overflow: hidden; }
.l10-guide > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.l10-guide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#06131ef5,transparent 75%); z-index: -1; }
.l10-guide h2 { position: absolute; inset: auto 30px 30px; max-width: 380px; }
.l10-questions details { border-bottom: 1px solid var(--line); }
.l10-questions details:first-child { border-top: 1px solid var(--line); }
.l10-questions summary { cursor: pointer; list-style: none; display: flex; gap: 24px; align-items: center; justify-content: space-between; padding: 22px 0; font-size: 16px; }
.l10-questions summary::-webkit-details-marker { display: none; }
.l10-questions summary span { color: #b99451; font-size: 24px; line-height: 1; flex-shrink: 0; }
.l10-questions details[open] summary span { transform: rotate(45deg); }
.l10-questions details p { color: var(--muted); font-size: 15px; padding: 0 34px 23px 0; }
.l10-join { position: relative; isolation: isolate; min-height: 400px; display: flex; align-items: center; padding: 65px 0; border-block: 1px solid #b9945166; overflow: hidden; }
.l10-join-art { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; object-position: center; z-index: -2; }
.l10-join::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#06131ee8,#09172591 45%,transparent 85%); }
.l10-join .l10-container { display: block; }
.l10-join h2 { max-width: 590px; font-size: clamp(32px, 3.2vw, 46px); text-shadow: 0 2px 12px #0005; }
.l10-join p { color: #d9e0e4; margin-top: 16px; max-width: 510px; }
.l10-join .l10-button { margin-top: 27px; }
.l10-footer { padding: 44px 0 24px; background: #071420; }
.l10-footer-top { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; padding-bottom: 30px; }
.l10-footer p { color: #a4b5c2; font-size: 13px; margin-top: 10px; }
.l10-socials { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 19px; color: #bcc8d0; font-size: 13px; }
.l10-newsletter h3 { font-size: 26px; }
.l10-newsletter > p { margin-top: 8px; }
.l10-input-row { margin-top: 21px; display: flex; border: 1px solid #ffffff2e; border-radius: 3px; background: #0e2234; }
.l10-input-row input { background: transparent; border: 0; color: var(--ivory); padding: 14px 17px; min-width: 0; width: 100%; border-radius: 3px; font-size: 14px; }
.l10-input-row input::placeholder { color: #a4b5c2; opacity: 1; }
.l10-input-row button { border: 0; border-left: 1px solid #ffffff2e; background: transparent; color: #d8bf8d; padding: 12px 20px; font-size: 14px; }
.l10-input-row button:disabled { opacity: .6; cursor: wait; }
.l10-newsletter .l10-feedback { min-height: 1.6em; color: #d4c49c; }
.l10-feedback[data-error="true"] { color: #f5b6ad; }
.l10-footer-bottom { display: flex; justify-content: space-between; gap: 30px; align-items: center; border-top: 1px solid var(--line); padding-top: 22px; font-size: 12px; color: #9aafbf; }
.l10-footer-bottom > div { display: flex; flex-wrap: wrap; gap: 25px; }
.l10-dialog { padding: 48px 0 0; border: 0; border-radius: 0; background: transparent; color: var(--ivory); width: min(1120px, calc(100% - 32px), calc((100dvh - 100px) * 16 / 9)); max-width: none; max-height: none; overflow: visible; }
.l10-dialog::backdrop { background: rgb(0 0 0 / 55%); }
.landing10 .l10-trailer-close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #fff; font-size: 36px; line-height: 1; text-shadow: 0 2px 6px #000; }
.l10-trailer-close:hover { color: var(--brass); }
.l10-trailer-player { position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: min(200px, calc(100dvh - 100px)); background: #000; }
.l10-trailer-player iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
@media (min-width: 1600px) { .l10-hero { padding-block: 76px; } }
@media (max-width: 1100px) {
    .l10-container { width: calc(100% - 64px); }
    .l10-header { padding-inline: 32px; gap: 20px; }
    .l10-nav { gap: 20px; }
    .l10-hero-grid { gap: 36px; }
    .l10-hero h1 { font-size: 51px; }
    .l10-section-intro { gap: 45px; }
    .l10-pulse-inner { grid-template-columns: .8fr 2fr; gap: 30px; }
    .l10-pulse dl > div { padding-left: 22px; }
    .l10-world-map { gap: 38px; padding: 32px; }
    .l10-start-layout, .l10-faq-layout { gap: 32px; }
    .l10-steps li { grid-template-columns: 120px 1fr; gap: 20px; }
    .l10-news-body, .l10-path > div { padding: 20px; }
}
@media (max-width: 800px) {
    .l10-nav { display: none; }
    .l10-header { padding: 8px 24px; min-height: 76px; }
    .l10-brand img { width: 190px; }
    .l10-container { width: calc(100% - 48px); }
    .l10-hero { padding: 42px 0; min-height: 0; }
    .l10-hero-grid { grid-template-columns: 1fr; gap: 32px; }
    .l10-hero-copy { max-width: 590px; }
    .l10-hero h1 { font-size: clamp(43px, 7.7vw, 60px); }
    .l10-hero-art img { object-position: 62% top; }
    .l10-hero-shade { background: linear-gradient(90deg, #091725d9, #09172577), linear-gradient(0deg, #091725c9, transparent 75%); }
    .l10-hero-media { margin-top: 0; max-width: 580px; }
    .l10-trailer-open > img { aspect-ratio: 16/8; }
    .l10-pulse-inner { display: block; padding-block: 23px; }
    .l10-pulse dl { margin-top: 20px; }
    .l10-pulse dl > div:first-child { padding-left: 0; border-left: 0; }
    .l10-section { padding-block: 52px; }
    .l10-section-intro { grid-template-columns: 1fr; gap: 20px; margin-bottom: 28px; }
    .l10-paths { gap: 16px; }
    .l10-path h3 { font-size: 23px; }
    .l10-path p { font-size: 14px; }
    .l10-path > div { padding: 18px; }
    .l10-world-map { grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 28px; min-height: 330px; padding: 26px; }
    .l10-map-copy h3 { font-size: 29px; }
    .l10-start { padding-top: 0; }
    .l10-start-layout { grid-template-columns: 1fr; gap: 28px; }
    .l10-first-day { min-height: 350px; }
    .l10-first-day > img { object-position: center 45%; }
    .l10-first-day h2 { max-width: 450px; }
    .l10-steps li { grid-template-columns: 180px 1fr; }
    .l10-news { padding-top: 0; }
    .l10-news-grid { grid-template-columns: repeat(2, 1fr); }
    .l10-news-heading { gap: 24px; }
    .l10-news-heading > div { padding-right: 24px; }
    .l10-faq { padding-top: 0; }
    .l10-faq-layout { grid-template-columns: 1fr; gap: 26px; }
    .l10-guide { min-height: 300px; }
    .l10-guide > img { object-position: center 44%; }
    .l10-guide h2 { max-width: 500px; }
    .l10-join { min-height: 380px; }
    .l10-footer-top { gap: 40px; }
}
@media (max-width: 560px) {
    .l10-container { width: calc(100% - 40px); }
    .l10-header { padding: 8px 20px; gap: 10px; flex-wrap: wrap; }
    .l10-brand img { width: 158px; }
    .l10-header-actions { gap: 10px; }
    .l10-language select { width: 88px; font-size: 11px; }
    .l10-login { padding: 9px 12px; font-size: 12px; }
    .l10-hero { padding-top: 34px; }
    .l10-hero h1 { font-size: 43px; line-height: 1.08; }
    .l10-lead { font-size: 16px; margin-top: 18px !important; }
    .l10-hero-action { margin-top: 24px; }
    .l10-button { min-height: 54px; }
    .l10-trailer-label { font-size: 12px; padding: 13px 8px 7px; }
    .l10-play-symbol { width: 56px; height: 56px; font-size: 20px; }
    .l10-pulse-title { font-size: 14px; }
    .l10-pulse dd { font-size: 29px; }
    .l10-pulse dt { font-size: 11px; max-width: 100px; }
    .l10-pulse dl > div { padding-left: 17px; }
    .l10-section { padding-block: 42px; }
    .landing10 h2 { font-size: 34px; }
    .l10-paths { grid-template-columns: 1fr; gap: 24px; }
    .l10-path > img { aspect-ratio: 1.6; }
    .l10-path > div { padding: 22px; }
    .l10-path h3 { font-size: 27px; max-width: none; }
    .l10-path p { font-size: 15px; margin-top: 10px; }
    .l10-world-map { grid-template-columns: 1fr; padding: 26px 22px; gap: 22px; }
    .l10-world-map::after { background: linear-gradient(0deg,#06131e70,#06131ed1); }
    .l10-world-panorama { object-position: 60% center; }
    .l10-map-copy h3 { font-size: 29px; }
    .l10-start, .l10-news, .l10-faq { padding-top: 0; }
    .l10-first-day { min-height: 320px; }
    .l10-first-day > div { inset: auto 24px 25px; }
    .l10-steps { gap: 22px; }
    .l10-steps li { grid-template-columns: 108px 1fr; gap: 18px; padding-bottom: 22px; align-items: start; }
    .l10-steps li > img { height: 142px; }
    .l10-steps h3 { font-size: 24px; }
    .l10-steps p { margin-top: 9px; }
    .l10-news-heading { grid-template-columns: 1fr; gap: 0; margin-bottom: 24px; }
    .l10-news-heading > img { height: 210px; }
    .l10-news-heading > div { padding: 24px; }
    .l10-news-grid { grid-template-columns: 1fr; gap: 24px; }
    .l10-news-body { padding: 24px; }
    .l10-news-card h3 { font-size: 26px; }
    .l10-news-meta { margin-bottom: 16px; }
    .l10-guide { min-height: 310px; }
    .l10-guide h2 { inset: auto 24px 24px; }
    .l10-questions summary { font-size: 15px; }
    .l10-join { padding-block: 44px; min-height: 410px; }
    .l10-join-art { object-position: 62% center; }
    .l10-join::after { background: linear-gradient(90deg,#06131ee0,#09172577); }
    .l10-footer { padding-top: 32px; }
    .l10-footer .l10-brand img { width: 210px; }
    .l10-footer-top { grid-template-columns: 1fr; gap: 32px; padding-bottom: 24px; }
    .l10-footer-bottom { flex-direction: column; align-items: flex-start; gap: 15px; }
    .l10-footer-bottom > div { gap: 18px; }
}
@media (max-width: 370px) {
    .l10-header { padding-inline: 15px; }
    .l10-header .l10-brand img { width: 136px; }
    .l10-language select { width: 79px; }
    .l10-login { padding-inline: 9px; }
    .l10-header-actions { gap: 7px; }
    .l10-hero h1 { font-size: 39px; }
    .l10-store-links { column-gap: 12px; }
    .l10-store-google, .l10-store-links .l10-steam-badge { width: 148px; }
    .l10-steps li { grid-template-columns: 88px 1fr; gap: 15px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .landing10 *, .landing10 *::before, .landing10 *::after { transition: none !important; animation: none !important; } }
/* Variant 11 shares all content; only its opening fills the viewport. */
.landing11 .l10-hero {
    min-height: calc(100vh - var(--l10-header-height, 88px));
    min-height: calc(100svh - var(--l10-header-height, 88px));
    min-height: calc(100dvh - var(--l10-header-height, 88px));
    display: flex;
    align-items: center;
}