@import url("/projects/wantai-igra/styles.ea205148ac9f3b5a.css");
.hero-screen { margin: 0; }
.hero-screen img { max-height: 390px; object-fit: contain; }
.hero-screen figcaption { margin-top: 12px; color: #c6d7ef; font-size: 12px; text-align: center; }
.hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width: 1100px) { .hero { grid-template-columns: 1fr; } }

.hero-screen img { max-height: none; }
.software-screens { max-width: 1400px; margin: auto; padding: 20px 32px 80px; }
.software-screens h2 { margin: 0; font-size: clamp(30px, 4vw, 46px); }
.screens-note { color: var(--muted); line-height: 1.8; }
.screens-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 28px; }
.screens-grid figure { margin: 0; padding: 12px; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.screens-grid img { display: block; width: 100%; height: auto; border-radius: 8px; }
.screens-grid figcaption { padding: 14px 4px 2px; color: var(--muted); font-size: 13px; }
@media (max-width: 900px) { .screens-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .software-screens { padding: 20px 20px 52px; } }

.wpf-screens { grid-template-columns: 1fr; }

.example-language-switcher { position: static; flex-shrink: 0; margin-left: 18px; }
.topbar { gap: 16px; }
.back-link { margin-left: auto; }
html[lang="en"] .hero h1 { font-size: clamp(32px, 4vw, 58px); }
@media (max-width: 560px) { .topbar { height: auto; min-height: 64px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; } .example-language-switcher { margin-left: auto; } }