/* Shared, crawlable language navigation and founding-membership invitation. */
@font-face {
    font-family: 'Lynsee Noto Sans Thai';
    src: url('../fonts/noto-sans-thai/NotoSansThai-Variable.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
html[lang="th"] body, html[lang="th"] button, html[lang="th"] input,
html[lang="th"] select, html[lang="th"] textarea {
    font-family: 'Lynsee Noto Sans Thai', Arial, sans-serif;
}
.mobile-language-picker {
    margin: 24px auto 0;
    width: min(100%, 360px);
    color: var(--text, #f0f1f3);
    text-align: left;
}
.mobile-language-picker summary {
    padding: 12px 16px;
    border: 1px solid var(--border, #232326);
    border-radius: 10px;
    cursor: pointer;
}
.mobile-language-picker ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 230px;
    overflow-y: auto;
    list-style: none;
    padding: 8px;
    margin: 8px 0 0;
    background: var(--surface, #151518);
    border-radius: 10px;
}
.mobile-language-picker a {
    display: block;
    padding: 10px 8px;
    color: var(--text, #f0f1f3);
    text-decoration: none;
    font-size: 14px;
}
.mobile-language-picker a[aria-current="page"] {
    color: #48e0c0;
    font-weight: 700;
}
.mobile-nav-overlay { overflow-y: auto; }
.mobile-nav-content {
    max-height: 100%;
    overflow-y: auto;
    justify-content: flex-start;
}
.hx-cta .btn-primary, .hx-cta .btn-primary:hover {
    color: #0f141b;
    text-decoration: none;
}
.founding-section { padding: 24px 0 64px; }
.founding-section > .container { max-width: 1328px; margin: 0 auto; padding-inline: 24px; }
.founding-poster {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(220px, 1fr);
    gap: 40px;
    align-items: center;
    padding: 42px;
    border: 1px solid rgba(72, 224, 192, .4);
    border-radius: 24px;
    background: radial-gradient(ellipse at top right, rgba(20, 184, 166, .18), transparent 65%), #101817;
    color: #f0f1f3;
    text-decoration: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
    transition: border-color .2s, transform .2s;
}
.founding-poster:hover { border-color: #48e0c0; transform: translateY(-2px); color: #f0f1f3; text-decoration: none; }
.founding-poster:focus-visible, .mobile-language-picker a:focus-visible,
.mobile-language-picker summary:focus-visible {
    outline: 3px solid #48e0c0;
    outline-offset: 5px;
}
.founding-eyebrow {
    display: block;
    margin-bottom: 12px;
    color: #48e0c0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
}
.founding-poster h2 { margin: 0 0 16px; font-size: clamp(26px, 3vw, 38px); line-height: 1.2; }
.founding-poster p { margin: 0; max-width: 620px; color: #bccdc8; line-height: 1.75; }
.founding-action { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.founding-action strong {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 22px;
    border-radius: 12px;
    background: #48e0c0;
    color: #071713;
    font-size: 16px;
}
.founding-action small { color: #b6c9c2; font-size: 13px; line-height: 1.6; }
@media (max-width: 767px) {
    /* Long translated metric labels must not enlarge the report sample grid. */
    #why-us { overflow-wrap: anywhere; }
    .founding-section { padding: 8px 0 40px; }
    .founding-poster { grid-template-columns: 1fr; gap: 24px; padding: 28px 24px; border-radius: 18px; }
    .founding-action strong { padding: 12px 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .founding-poster { transition: none; }
    .founding-poster:hover { transform: none; }
}