/* Compact phone layout; controls retain comfortable touch targets. */
.language-picker { display: flex; align-items: center; gap: 7px; min-width: 0; }
.language-picker > img { width: 23px; height: 16px; object-fit: cover; border-radius: 2px; }
.language-picker select { min-height: 44px; max-width: 148px; padding: 8px 24px 8px 9px; border: 1px solid #ffffff29; border-radius: 9px; color: #eef2f9; background: #141b28; font: 14px 'Segoe UI', Arial, sans-serif; cursor: pointer; }
.language-picker option { color: #eef2f9; background: #141b28; }
@media (max-width: 760px) {
 .site-redesign { font-size: 14px; }
 .site-redesign .site-header, .site-redesign .site-header.scrolled { height: 64px !important; padding-inline: 12px !important; }
 .site-redesign .site-header .brand-name { display: none; }
 .site-redesign > main { padding-top: 64px; }
 .site-redesign .section-shell { width: calc(100% - 32px); }
 .site-redesign .site-sidebar { top: 64px; bottom: calc(60px + env(safe-area-inset-bottom)); padding: 16px 12px; overscroll-behavior: contain; }
 .nav-backdrop { top: 64px; bottom: calc(60px + env(safe-area-inset-bottom)); }
 .site-redesign .header-actions { gap: 6px; }
 .site-redesign .header-actions .discord-cta { width: auto; min-width: 108px; min-height: 44px; padding: 10px 12px; gap: 7px; font-size: 14px; }
 .language-picker { gap: 5px; }
 .language-picker select { width: 104px; max-width: 104px; font-size: 13px; padding-left: 7px; }
 .site-redesign .nav-toggle { min-width: 44px; font-size: 12px; }
 .site-redesign .restored-hero { padding-top: 20px !important; padding-bottom: 28px !important; gap: 24px !important; }
 .site-redesign .restored-hero .hero-content { padding: 24px 20px 20px !important; border: 1px solid rgba(255, 255, 255, .09); border-radius: 24px !important; box-shadow: 0 18px 48px rgba(0, 0, 0, .22); }
 .site-redesign .restored-hero h1 { max-width: 100%; font-size: clamp(32px, 9.2vw, 48px) !important; line-height: 1.03; margin-bottom: 22px; letter-spacing: -.055em; text-wrap: balance; }
 .site-redesign .restored-hero .hero-title-line { display: inline; }
 .site-redesign .restored-hero .hero-title-line::after { content: ' '; }
 .site-redesign .restored-hero .hero-story p { font-size: 14px; line-height: 1.7; margin-bottom: 14px; }
 .site-redesign .restored-hero .hero-story .hero-motto { font-size: 16px; margin-block: 18px 8px; }
 .site-redesign .restored-hero .hero-actions { display: flex; flex-direction: row; gap: 10px; margin-top: 16px; }
 .site-redesign .restored-hero .hero-actions .button { flex: 1 1 130px; min-height: 44px; padding: 10px 12px; font-size: 13px; white-space: normal; text-align: center; }
 .site-redesign .restored-hero .hero-custom-note { font-size: 12px; margin-top: 14px; }
 .site-redesign .restored-hero .hero-proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 20px; }
 .site-redesign .restored-hero .hero-proof > div { min-width: 0; padding: 12px 6px; border: 1px solid #ffffff06; border-radius: 12px; }
 .site-redesign .restored-hero .hero-proof strong { font-size: 22px; }
 .site-redesign .restored-hero .hero-proof span { font-size: 11px; white-space: normal; }
 .site-redesign .section-space { padding-block: 24px 32px !important; }
 .site-redesign .section-heading { gap: 12px; margin-bottom: 20px; }
 .site-redesign .section-heading h2, .site-redesign .about h2, .site-redesign .contact h2, .site-redesign .worldwide h2 { font-size: 27px; line-height: 1.2; }
 .site-redesign .section-heading > p, .site-redesign .highlight-copy, .site-redesign .highlight-points li, .site-redesign .addon-card p, .site-redesign .system-row p, .site-redesign .about-copy > p:not(.eyebrow), .site-redesign .contact-card > p:not(.eyebrow) { font-size: 14px; line-height: 1.7; }
 .site-redesign .highlight-card, .site-redesign .addon-card, .site-redesign .prime-tier { padding: 20px 16px; min-width: 0; }
 .site-redesign .highlight-head { gap: 12px; }
 .site-redesign .highlight-head h3 { font-size: 24px; }
 .site-redesign .highlight-icon { width: 40px; height: 40px; flex: 0 0 40px; font-size: 12px; }
 .site-redesign .card-corner-badge { position: static; display: inline-flex; max-width: 100%; margin: 0 0 16px; font-size: 11px; white-space: normal; }
 .site-redesign .highlight-sub, .site-redesign .highlight-status { font-size: 12px; }
 .site-redesign .dx11-package { padding: 16px; }
 .site-redesign .dx11-package h4, .site-redesign .product-video-heading h4 { font-size: 20px; }
 .site-redesign .dx11-package ul, .site-redesign .dx11-license-summary p { font-size: 14px; }
 .site-redesign #jtx-dx11 .dx11-license-summary { padding: 16px; }
 .site-redesign #jtx-dx11 .dx11-license-summary > strong { font-size: 16px; }
 .site-redesign .product-video-section { margin-block: 24px; padding: 16px 10px 10px; }
 .product-overview { grid-template-columns: minmax(0,1fr); gap: 20px; }
 .product-entry-image { height: auto; aspect-ratio: 16 / 7; }
 .product-entry-copy { padding: 16px; }
 .product-entry h2 { font-size: 22px; margin-bottom: 10px; }
 .product-entry-copy > p:not(.product-category) { font-size: 14px; line-height: 1.65; margin-bottom: 16px; }
 .product-category, .product-state, .product-preview-note { font-size: 11px; }
 .product-entry-action { font-size: 13px; min-height: 44px; }
 .site-redesign .contact-card { padding: 24px 16px; }
 .mobile-dock { min-height: 60px; padding: 4px 6px calc(4px + env(safe-area-inset-bottom)); }
 .mobile-dock a, .mobile-dock button { min-width: 0; min-height: 48px; font-size: 11px; line-height: 1.25; text-align: center; overflow-wrap: anywhere; padding: 5px 3px; }
 .site-redesign > .site-footer { padding-bottom: calc(88px + env(safe-area-inset-bottom)); }
 .site-redesign main [id] { scroll-margin-top: 84px; }
 .site-redesign .page-breadcrumb { padding-top: 18px; font-size: 12px; flex-wrap: wrap; }
 .site-redesign .button { white-space: normal; }
 .page-bg::after { background: linear-gradient(180deg, #04060ac9, #04060ae8 75%); }
 .site-redesign .restored-hero h1 em { font-style: normal; color: transparent; background: linear-gradient(90deg, #ff9a47, #ffd18c 75%); -webkit-background-clip: text; background-clip: text; }
}
@media (max-width: 380px) {
 /* The bottom dock retains the menu control on the narrowest phones. */
 .site-redesign .site-header .nav-toggle { display: none; }
}