/* Keep demo controls compact without invoking a platform-sized native menu. */
html body .landing-language-native { display:none!important; }
.landing-language-trigger { display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #b9a2d7;border-radius:6px;background:#fff;color:#111;text-align:left;cursor:pointer;font:11px/1.4 Bungee,sans-serif; }
.landing-language-value { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.landing-language-chevron { flex:none;font:20px/1 sans-serif!important; }
.caption-meta .landing-language-trigger { width:126px;min-height:36px;padding:4px 3px;border:0;border-radius:4px;background:transparent;color:#fff;font-size:12px;text-shadow:0 1px 4px #000; }
html body .landing-language-menu { position:fixed;inset:auto;margin:0;display:flex;flex-direction:column;gap:9px;box-sizing:border-box;width:330px;max-height:330px;padding:12px;border:1px solid #b9a2d7;border-radius:12px;background:#fff;color:#111;box-shadow:0 12px 32px #0003;overflow:hidden;z-index:1000;text-shadow:none; }
html body .landing-language-menu[hidden] { display:none!important; }
.landing-language-menu-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none; }
html body .landing-language-menu-heading span { font:11px/1.4 Bungee,sans-serif!important; }
.landing-language-menu-heading button { display:grid;place-items:center;min-width:28px;height:28px;border:0;border-radius:6px;background:#f5efff;color:#111;font:22px/1 sans-serif!important; }
html body .landing-language-menu input { width:100%;min-height:42px;flex:none;padding:9px 12px;border:1px solid #888;border-radius:7px;background:#fff;color:#111;caret-color:#111;font:16px/1.4 system-ui,sans-serif!important; }
.landing-language-results { display:flex;flex-direction:column;gap:2px;min-height:0;max-height:210px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
html body .landing-language-option { display:block;width:100%;flex:none;min-height:36px;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:#fff;color:#111;text-align:left;font:12px/1.4 Bungee,sans-serif!important; }
.landing-language-option:hover,.landing-language-option:focus-visible { background:#f5efff; }
html body .landing-language-option[aria-pressed="true"] { background:#f5efff;border-color:#7133c3;color:#57229b; }
html body .landing-language-status { margin:0;flex:none;color:#555;font:12px/1.4 system-ui,sans-serif!important; }
html body .landing-language-menu :is(button,input):focus-visible { outline:2px solid #7133c3;outline-offset:-2px; }
.hero-learn-more { position:absolute;bottom:16px;left:clamp(20px,3.2vw,48px);z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:190px;min-height:42px;padding:6px 30px;border:1px solid #fff;border-radius:9px;background:#fff;color:#111;box-shadow:0 3px 15px #0003;font:11px/1.4 Bungee,sans-serif;text-shadow:none; }
.hero-learn-more:hover { background:#f5efff;border-color:#c9a7f3; }
.hero-learn-more span { font-size:14px; }
html.landing-direct-jump { scroll-behavior:auto!important; }
html body .hero-caption-dock { bottom:80px; }
@media(max-width:700px) { .hero-learn-more{left:14px;bottom:14px;min-height:44px;padding:6px 28px;gap:2px;font-size:10px}.caption-meta .landing-language-trigger{width:108px;font-size:10px;min-height:36px}.hero .scroll-cue{bottom:23px;left:auto;right:16px;transform:none;font-size:7px}.landing-language-trigger{font-size:10px;padding:8px}.landing-language-results{max-height:190px} }
@media(max-width:360px) { .caption-meta .landing-language-trigger{width:94px;font-size:9px} }