@import url('/countries/shared/geography.css?v=1930-map-1');
@import url('/countries/shared/chapter-fixes.css');
@import url('/countries/shared/surfaces.css');
@import url('/countries/shared/controls.css');
@import url('/countries/shared/native-controls.css');
@import url('/countries/shared/header-themes.css?v=1930-headers-4');
/* Production navigation/content bridge. Original scene styles remain variant-owned. */
html[data-ypa-variant] {overflow-x:clip}
:root { --ypa-ink:#eef5f1; --ypa-surface:rgba(10,24,25,.88); --ypa-border:rgba(223,239,233,.18); --ypa-accent:#e3b64f; --ypa-subtle:rgba(235,244,240,.68); }
html[data-ypa-theme="light"] { --ypa-ink:#163b35; --ypa-surface:rgba(248,253,249,.88); --ypa-border:rgba(20,68,54,.16); --ypa-subtle:#527269; }
html[data-ypa-variant="diorama"] { --ypa-accent:#63d6ff; }
html[data-ypa-variant="core"] { --ypa-accent:#d9b66f; }
html[data-ypa-variant="thread"] { --ypa-accent:#ddb36f; }
.ypa-header,.ypa-header * { box-sizing:border-box; }
.ypa-header { position:absolute; z-index:10000; inset:12px 20px auto; display:flex; align-items:center; gap:24px; min-height:58px; padding:10px 18px; color:var(--ypa-ink); background:var(--ypa-surface); border:1px solid var(--ypa-border); border-radius:15px; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); font-family:inherit; font-size:13px; font-weight:500; line-height:1.3; box-shadow:0 5px 20px #0000000a; }
.ypa-brand { flex:none; display:flex; align-items:center; min-height:38px; }
.ypa-brand img { width:108px; height:auto; }
.ypa-navigation { display:flex; align-items:center; gap:20px; margin:auto; }
.ypa-navigation a { display:flex; align-items:center; gap:6px; color:var(--ypa-subtle); text-decoration:none; font-size:12px; white-space:nowrap; min-height:36px; }
.ypa-navigation a[aria-current] { color:var(--ypa-ink); }
.ypa-navigation small { font-size:9px; opacity:.6; }
.ypa-navigation .ypa-mobile-demo { display:none; }
.ypa-settings { display:flex; gap:7px; align-items:center; }
.ypa-select { display:grid; gap:2px; }
.ypa-select span { font-size:8px; letter-spacing:.04em; color:var(--ypa-subtle); }
.ypa-select select { appearance:auto; color:var(--ypa-ink); background:transparent; border:0; font:inherit; font-size:12px; padding:0; max-width:146px; cursor:pointer; min-height:25px; }
.ypa-select select option { background:#f5faf6; color:#143c34; }
.ypa-languages { display:flex; padding:3px; gap:2px; border:1px solid var(--ypa-border); border-radius:9px; }
.ypa-languages button { min-width:32px; min-height:30px; border:0; border-radius:6px; padding:5px; background:transparent; color:var(--ypa-subtle); font:inherit; font-size:11px; cursor:pointer; }
.ypa-languages [aria-pressed="true"] { background:var(--ypa-ink); color:var(--ypa-surface); }
.ypa-demo { flex:none; display:flex; align-items:center; gap:9px; min-height:37px; border:1px solid color-mix(in srgb,var(--ypa-accent),transparent 55%); border-radius:9px; padding:8px 14px; background:var(--ypa-accent); color:#14312d; font-family:inherit; font-size:12px; font-weight:600; line-height:1.2; text-decoration:none; }
.ypa-menu-toggle { display:none; width:40px; height:40px; border:0; color:inherit; background:transparent; cursor:pointer; }
.ypa-menu-toggle i { display:block; width:22px; height:1px; margin:6px auto; background:currentColor; }
.ypa-header :focus-visible,.ypa-geo-panel :focus-visible { outline:2px solid var(--ypa-accent); outline-offset:3px; }
[data-ypa-page] { scroll-margin-top:0; }
.ypa-geo-panel { position:relative; margin:24px 0 8px; padding:18px; border:1px solid var(--ypa-border); border-radius:18px; background:var(--ypa-surface); color:var(--ypa-ink); backdrop-filter:blur(16px); max-width:560px; z-index:5; font:inherit; }
/* Shift's appended geography card is outside the native .sec bottom reserve.
   Keep the same 6.4rem clearance below it for the fixed timeline at every width. */
html[data-ypa-country-site="true"][data-ypa-variant="shift"] #ypa-geography { padding-bottom:6.4rem; }
.ypa-geo-panel h3 { margin:0 0 6px; font-size:19px; font-weight:600; }
.ypa-geo-panel p { margin:0 0 13px; font-size:12px; line-height:1.5; color:var(--ypa-subtle); }
.ypa-geo-controls { display:flex; flex-wrap:wrap; gap:8px; }
.ypa-geo-controls button { border:1px solid var(--ypa-border); border-radius:20px; background:transparent; color:var(--ypa-ink); padding:8px 12px; min-height:38px; font:inherit; font-size:12px; cursor:pointer; }
.ypa-geo-controls [aria-pressed="true"] { border-color:var(--ypa-accent); background:color-mix(in srgb,var(--ypa-accent),transparent 85%); }
.ypa-geo-destinations { margin-top:10px; }
.ypa-partners { margin:15px 0 0; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.ypa-partners img { max-width:92px; max-height:36px; object-fit:contain; }
.ypa-catalog-status {font-size:12px;line-height:1.5;color:var(--ypa-subtle)}
.ypa-catalog-retry {margin:6px 10px;border:1px solid var(--ypa-border);border-radius:8px;padding:7px 10px;font:inherit;color:var(--ypa-ink);background:transparent;cursor:pointer}
.ypa-extra-model { padding:30px 0; }
.ypa-model-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ypa-model-grid article { padding:20px; border:1px solid var(--ypa-border); border-radius:20px; background:var(--ypa-surface); color:var(--ypa-ink); }
.ypa-model-grid h3 { margin:0 0 16px; font-size:19px; }
.ypa-model-grid ol { padding-left:20px; }
.ypa-model-grid li { margin:10px 0; font-size:13px; line-height:1.6; }
.ypa-load-error { position:fixed; z-index:11000; bottom:12px; left:12px; padding:12px 16px; background:#fff1dc; color:#3c2515; border-radius:10px; font-size:13px; }
.ypa-inline-demo-hidden { display:none!important; }
.ypa-demo-teaser { position:relative; max-width:640px; margin:auto; padding:90px 24px; text-align:center; color:var(--ypa-ink); }
.ypa-demo-teaser h2 { font-size:clamp(36px,5vw,66px); margin:18px 0; }
.ypa-demo-teaser p { font-size:16px; line-height:1.7; color:var(--ypa-subtle); }
.ypa-demo-teaser .ypa-demo { display:inline-flex; margin:18px auto; }
.ypa-proof-dialogue { grid-column:1/-1; width:min(760px,100%); margin:30px auto; padding:24px; color:var(--ypa-ink); background:var(--ypa-surface); border:1px solid var(--ypa-border); border-radius:22px; backdrop-filter:blur(16px); }
.ypa-proof-dialogue h3 { margin:0 0 12px; font-size:24px; }
.ypa-proof-dialogue p { font-size:13px; line-height:1.5; color:var(--ypa-subtle); }
.ypa-proof-dialogue ol { display:grid; gap:10px; padding:0; list-style:none; }
.ypa-proof-dialogue li { display:grid; gap:6px; max-width:85%; padding:12px 16px; border-radius:15px; font-size:13px; line-height:1.6; border:1px solid var(--ypa-border); }
.ypa-proof-dialogue small { font-size:10px; opacity:.6; }
.ypa-proof-dialogue .ypa-message-ai { margin-left:auto; background:color-mix(in srgb,var(--ypa-accent),transparent 92%); }
html[data-ypa-locale="th"] h1,html[data-ypa-locale="ka"] h1 { line-height:1.2; letter-spacing:0; font-size:clamp(36px,4.8vw,68px); }
html[data-ypa-locale="vi"] h1,html[data-ypa-locale="id"] h1 { line-height:1.12; }
@media(max-width:1200px) { .ypa-header { gap:14px; } .ypa-navigation { gap:12px; } .ypa-navigation small { display:none; } .ypa-navigation a { font-size:11px; } .ypa-select select { max-width:100px; } }
@media(max-width:980px) {
 .ypa-header { inset:8px 12px auto; gap:10px; min-height:58px; padding:8px 12px; }
 .ypa-navigation { display:none; }
 .ypa-settings { margin-left:auto; }
 .ypa-brand img { width:92px; }
 .ypa-demo { display:none; }
 .ypa-menu-toggle { display:block; }
 /* A backdrop-filter on the header itself makes it the Backdrop Root of the open menu, which then
    blurs only the header. The same glass moves to a background layer; the menu blurs the page. */
 .ypa-header { background:transparent; border-color:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; }
 .ypa-header::before { content:""; position:absolute; inset:-1px; z-index:-1; border:1px solid var(--ypa-border); border-radius:inherit; background:var(--ypa-surface); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); pointer-events:none; }
 .ypa-header[data-open="true"] .ypa-navigation { display:flex; position:absolute; top:calc(100% + 6px); inset-inline:0; flex-wrap:wrap; gap:8px 16px; padding:14px; background:var(--ypa-surface); border:1px solid var(--ypa-border); border-radius:14px; backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
 .ypa-header[data-open="true"] .ypa-navigation a { font-size:13px; min-height:35px; }
 .ypa-header[data-open="true"] .ypa-navigation .ypa-mobile-demo { display:flex; color:var(--ypa-accent); }
}
@media(max-width:540px) {
 .ypa-header { gap:6px; }
 .ypa-brand img { width:64px; }
 .ypa-select select { max-width:75px; font-size:11px; }
 .ypa-select span { max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
 .ypa-settings { gap:4px; }
 .ypa-languages { position:static;background:transparent; border-color:var(--ypa-border); }
 .ypa-languages button { min-width:24px;min-height:30px;padding:3px;font-size:10px; }
 .ypa-model-grid { grid-template-columns:1fr; }
 .ypa-geo-panel { padding:14px; }
 .ypa-geo-controls { gap:5px; }
 .ypa-geo-controls button { font-size:11px; padding:8px 10px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } }
html[data-ypa-variant="core"] .tabs [role="tab"] .ypa-model-title {color:inherit;font-weight:inherit}
html[data-ypa-variant="core"] .pane li .ypa-model-copy {color:inherit;padding-top:0}
html[data-ypa-variant="core"] #rail {display:none!important}
.ypa-header {gap:14px}
.ypa-navigation {gap:14px;min-width:0}
.ypa-navigation a {max-width:150px;white-space:normal}
.ypa-settings {flex:none}
@media(max-width:540px){.ypa-header {gap:6px}.ypa-settings {min-width:0}}
.ypa-header .ypa-menu-toggle {display:block;flex:none}
.ypa-utility-links {display:none}
.ypa-header[data-open="true"] .ypa-utility-links {display:flex;gap:12px;flex-wrap:wrap}
@media(min-width:981px){.ypa-header[data-open="true"] .ypa-utility-links {position:absolute;right:0;top:calc(100% + 6px);padding:14px 18px;background:var(--ypa-surface);border:1px solid var(--ypa-border);border-radius:12px;backdrop-filter:blur(20px)}}
.ypa-view-actions {display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:13px}
.ypa-view-actions a {color:var(--ypa-ink);text-decoration:none;border-bottom:1px solid var(--ypa-border);padding:8px 0}
.ypa-guest-replaced {display:none!important}
.ypa-guest-demo {display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;color:var(--ypa-ink);font:inherit;font-size:14px;line-height:1.5;position:relative;z-index:4}
.ypa-guest-demo * {box-sizing:border-box}
html[data-ypa-variant="shift"] #ml .ypa-guest-demo {--ypa-ink:var(--ink);--ypa-subtle:var(--ink2);--ypa-border:rgba(20,40,42,.16)}
.ypa-guest-head {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.ypa-guest-head span {border:1px solid var(--ypa-border);border-radius:20px;padding:2px 9px}
.ypa-guest-head button {font:inherit;font-weight:600;text-align:left;color:inherit;background:transparent;border:0;border-bottom:1px solid transparent;padding:6px 0;cursor:pointer;min-height:40px}
.ypa-guest-head button[aria-pressed="true"] {border-bottom-color:var(--ypa-accent)}
.ypa-guest-languages {display:flex;gap:5px;flex-wrap:wrap}
.ypa-guest-languages button {flex:0 0 auto;font:inherit;font-size:12px;min-width:40px;min-height:40px;border:1px solid var(--ypa-border);border-radius:9px;padding:6px 8px;background:transparent;color:inherit;cursor:pointer}
.ypa-guest-languages button[aria-pressed="true"] {background:var(--ypa-ink);color:var(--ypa-surface)}
.ypa-guest-demo :focus-visible {outline:2px solid var(--ypa-ink);outline-offset:3px}
.ypa-guest-messages {display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;overscroll-behavior:contain}
html[data-ypa-variant="glass-v2"] .rail-now,
html[data-ypa-variant="glass-v3"] .rail-now {display:none}
.ypa-guest-messages article {padding:12px 16px;border:1px solid var(--ypa-border);border-radius:14px;max-width:94%}
.ypa-guest-messages .ypa-guest-answer {margin-left:auto;background:color-mix(in srgb,var(--ypa-accent),transparent 91%)}
.ypa-guest-messages small {font-size:11px;color:var(--ypa-subtle)}
.ypa-guest-messages p {font:inherit;line-height:1.6;margin:5px 0 0;word-break:normal;overflow-wrap:anywhere}
.ypa-guest-messages details {padding:8px 0;font-size:12px}
.ypa-guest-messages summary {cursor:pointer;min-height:32px;color:var(--ypa-subtle)}
.ypa-guest-note {margin:0;font-size:11px;line-height:1.5;color:var(--ypa-subtle)}
.ypa-auto-conversation .ypa-guest-head strong {font:inherit;font-weight:600}
.ypa-auto-conversation .ypa-guest-messages article {flex:none}
html[data-ypa-country-site="true"] .ypa-auto-conversation .ypa-guest-messages {max-height:min(54svh,420px)}
html[data-ypa-country-site="true"][data-ypa-variant="holo"] #ml-panel {display:flex;flex-direction:column;height:calc(100svh - var(--hud-h) - 40px)}
html[data-ypa-country-site="true"][data-ypa-variant="holo"] #ml-panel > .ypa-auto-conversation {flex:1;min-height:0;overflow:hidden}
html[data-ypa-country-site="true"][data-ypa-variant="holo"] #ml-panel .ypa-guest-messages {flex:1}
@media(max-width:899px){html[data-ypa-country-site="true"][data-ypa-variant="holo"] #ml-panel {height:64svh}}
.ypa-auto-ready .ypa-guest-messages article {opacity:0;transform:translateY(10px)}
.ypa-auto-playing .ypa-guest-messages article {animation:ypa-proof-step-in .56s ease both}
.ypa-auto-playing .ypa-guest-messages [data-proof-step="1"] {animation-delay:.2s}
.ypa-auto-playing .ypa-guest-messages [data-proof-step="2"] {animation-delay:.85s}
.ypa-auto-playing .ypa-guest-messages [data-proof-step="3"] {animation-delay:2.55s}
.ypa-auto-playing .ypa-guest-messages [data-proof-step="4"] {animation-delay:3.35s}
.ypa-auto-playing .ypa-guest-messages [data-proof-step="5"] {animation-delay:5.05s}
.ypa-auto-playing .ypa-guest-messages [data-proof-step="6"] {animation-delay:5.85s}
@keyframes ypa-proof-step-in {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ypa-auto-conversation .ypa-guest-messages article {opacity:1;transform:none;animation:none}}
html[data-ypa-variant^="glass-"] #mc .inner > .ypa-guest-demo,html[data-ypa-variant="glass-v1"] #lc .inner > .ypa-guest-demo {height:100%;padding:18px 20px;gap:10px}
html[data-ypa-variant^="glass-"] .ypa-guest-demo .ypa-guest-messages {flex:1}
html[data-ypa-variant^="glass-"] .ypa-guest-demo .ypa-guest-note {flex:none;font-size:10px}
@media(min-width:821px){
 html[data-ypa-variant="glass-v2"] #multilingual .sbox > .sw:first-of-type {width:100%!important}
 html[data-ypa-variant="glass-v2"] .ypa-guest-demo {font-size:18px}
 html[data-ypa-variant="glass-v2"] .ypa-guest-demo small {font-size:13px}
 html[data-ypa-variant="glass-v2"] .ypa-guest-demo .ypa-guest-languages button {font-size:14px;min-height:44px}
 html[data-ypa-variant="glass-v2"] .ypa-guest-demo .ypa-guest-head {font-size:16px}
}
@media(max-width:540px){.ypa-guest-demo {font-size:13px}.ypa-guest-languages button{min-width:38px;min-height:44px}.ypa-guest-messages article{padding:10px 12px}.ypa-guest-note{font-size:10px}}
html[data-ypa-variant="cutaway"] #hero h1 {font-size:clamp(44px,6.2vw,82px)}
html[data-ypa-variant="diorama"] #platform .col {position:relative;isolation:isolate}
html[data-ypa-variant="diorama"] #platform .col::before {content:"";position:absolute;z-index:-1;inset:-22px -30px;background:linear-gradient(90deg,rgba(4,9,19,.88) 0%,rgba(4,9,19,.78) 78%,transparent);filter:blur(16px);pointer-events:none}
@media(max-width:700px){
 html[data-ypa-variant="cutaway"] #hero .copy{top:84px}
 html[data-ypa-variant="cutaway"] #hero h1{font-size:40px;line-height:1.03}
 html[data-ypa-variant="cutaway"] #hero .hatch{-webkit-text-stroke:1.1px var(--ink);background-image:repeating-linear-gradient(135deg,var(--ink) 0 1.1px,transparent 1.1px 6px)}
 html[data-ypa-variant="cutaway"] #heroTags .tag{width:145px;max-width:150px;padding:3px 6px;background:rgba(251,250,246,.96);border:1px solid var(--ink);border-radius:8px;transform:translateX(calc(-100% - 18px))!important;align-items:center;gap:5px}
 html[data-ypa-variant="cutaway"] #heroTags .tag .t{display:block;font-size:12px;line-height:22px;white-space:nowrap}
 html[data-ypa-variant="diorama"] #platform .col::before{background:linear-gradient(90deg,rgba(4,9,19,.96) 0%,rgba(4,9,19,.9) 92%,transparent)}
}
@media(max-width:700px){.flow-demo-controls #flow-previous,.flow-demo-controls #flow-next{display:none}.flow-demo-controls #flow-final{width:100%}}
html[data-ypa-country-site="true"][data-ypa-variant="cutaway"] body{overflow-x:clip;overflow-y:visible}
@media(min-width:701px){
 html[data-ypa-country-site="true"][data-ypa-variant="cutaway"] #hero>.copy{transform:translateY(calc(-1*var(--ypa-copy-scroll,0px)))}
 html[data-ypa-country-site="true"][data-ypa-variant="cutaway"] #hero>.foot{left:auto;right:calc(var(--u)*22);bottom:32px;max-width:calc(var(--u)*30)}
}
@media(max-width:700px){
 html[data-ypa-country-site="true"][data-ypa-variant="cutaway"] #hero>#msg{left:20px!important;top:calc(var(--ypa-copy-end,380px) + 12px)!important;transform:none!important;max-width:170px}
 html[data-ypa-country-site="true"][data-ypa-variant="cutaway"] #hero>#ans{display:block!important;left:auto!important;right:20px;top:calc(var(--ypa-copy-end,380px) + 90px)!important;transform:none!important;max-width:190px}
}
@media(max-width:600px){
 html[data-ypa-country-site="true"][data-ypa-variant="shift"] #night{padding-top:calc(var(--top) + 2rem)}
}
.ypa-country-hero-pair {position:absolute;right:var(--gut);bottom:5svh;width:min(32rem,43vw);z-index:5}
.ypa-country-hero-pair time {display:block;text-align:right;font-size:10px;color:var(--mute);margin-top:4px}
@media(max-width:900px){
 html[data-ypa-country-site="true"][data-ypa-variant="thread"] #platform .ch__pin{position:relative;display:block;height:auto;min-height:100svh;overflow:visible;padding-top:100px}
 .ypa-country-hero-pair {position:relative;inset:auto;width:auto;margin:24px var(--gut) 0}
}