/* Levelia additions to the existing studio design. Shared styles stay intact. */
.levelia-page header { height: auto; min-height: var(--header-height); flex-wrap: wrap; gap: 12px; padding-block: 12px; }
.levelia-page .menu { flex-wrap: wrap; align-items: center; }
.levelia-page .switch { min-height: 44px; font: inherit; }
.levelia-page a { color: inherit; }
.levelia-page .btn-primary { color: white; background: linear-gradient(135deg, #007d6c, #0062b1); }
.levelia-page .text-gradient { background-image: linear-gradient(135deg, #0072cc, #007d6c); }
[data-theme="dark"] .levelia-page .text-gradient { background-image: linear-gradient(135deg, #4eabf5, #42d8bb); }
.levelia-page :focus-visible { outline: 3px solid #0078d7; outline-offset: 5px; }
.levelia-page .levelia-skip { position: fixed; inset-block-start: -200px; inset-inline-start: 16px; z-index: 1100; }
.levelia-page .levelia-skip:focus { inset-block-start: 12px; }
.levelia-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 20px; padding: 20px; }
.levelia-nav a { padding-block: 10px; text-decoration: none; }
.levelia-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 8px; font-weight: 700; }
.levelia-page .hero-app { padding-block: 50px; }
.levelia-page .hero-content, .levelia-page .hero-image { min-width: 0; }
.levelia-page .hero-image img { width: 100%; height: auto; max-width: 280px; }
.levelia-brand { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; }
.levelia-brand .app-icon { margin: 0; width: 72px; height: 72px; }
.levelia-brand h1 { font-size: clamp(2.5rem, 6vw, 3.5rem); line-height: 1.2; }
.levelia-page .hero-content h2 { font-size: 1.5rem; margin-bottom: 20px; }
.levelia-page .hero-content p, .levelia-lead { font-size: 1.1rem; line-height: 1.8; opacity: .85; }
.levelia-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-block: 30px; }
.levelia-actions > a { min-height: 44px; display: inline-flex; align-items: center; }
.levelia-notice { margin-block: 30px; padding: 20px; border-inline-start: 4px solid #0078d7; background: rgba(0,120,215,.09); border-radius: 10px; line-height: 1.8; }
.levelia-notice strong { display: block; margin-bottom: 8px; }
.levelia-section { margin-block: 70px; }
.levelia-section > h2 { text-align: center; font-size: 2rem; margin-bottom: 20px; }
.levelia-section > p { max-width: 760px; margin-inline: auto; text-align: center; line-height: 1.8; }
.levelia-page .feature-card { min-width: 0; }
.levelia-page .feature-card h2, .levelia-page .feature-card h3 { margin-bottom: 16px; font-size: 1.4rem; }
.levelia-page .feature-card p { line-height: 1.8; opacity: .85; }
.levelia-page .feature-icon { background: none; }
.levelia-section .features-grid { margin-block: 30px; }
.levelia-gallery { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin-block: 40px; }
.levelia-gallery figure { min-width: 0; text-align: center; }
.levelia-gallery a { display: block; border-radius: 24px; }
.levelia-gallery img { width: 100%; height: auto; border-radius: 24px; box-shadow: var(--glass-shadow); }
.levelia-gallery figcaption { margin-top: 16px; line-height: 1.6; }
.levelia-page .premium-section > h2 { font-size: 2.5rem; margin-bottom: 20px; }
.levelia-page .pricing-card { max-width: 620px; text-align: start; }
.levelia-page .pricing-card::before { content: none; }
.levelia-page .pricing-card h3 { font-size: 1.7rem; margin-bottom: 16px; }
.levelia-page .pricing-card p { line-height: 1.8; margin-bottom: 16px; }
.levelia-page .legal-title { overflow-wrap: anywhere; }
.levelia-page .legal-container > .glass-card:hover { transform: none; }
.levelia-page .legal-section a, .levelia-notice a { text-underline-offset: 3px; }
.levelia-page footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; margin-bottom: 20px; }
.levelia-page footer a { display: inline-block; min-height: 44px; padding-block: 12px; margin: 0; }
.levelia-page .download-buttons { flex-wrap: wrap; }
.levelia-page .store-img-btn--soon { opacity: 1; filter: none; }
.levelia-page .store-img-btn--soon img { opacity: .55; max-width: 100%; height: 50px; }
.levelia-page .store-soon-tag { color: inherit; white-space: normal; text-align: center; }
.levelia-page .lang-modal { max-height: 85vh; overflow-y: auto; }
.levelia-page .lang-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
@media (max-width: 900px) { .levelia-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 768px) {
 .levelia-brand, .levelia-actions { justify-content: center; }
 .levelia-page .hero-app { padding-inline: 0; }
 .levelia-page .hero-image { width: min(75%,280px); margin-block: 20px; }
 .levelia-page .feature-card { flex-basis: 100%; max-width: 100%; }
}
@media (max-width: 420px) {
 .levelia-page header { padding-inline: 12px; }
 .levelia-page .menu { gap: 8px; }
 .levelia-page .about-creator-link { flex-basis: 100%; }
 .levelia-page .container, .levelia-page .legal-container { padding-inline: 16px; }
 .levelia-page .glass-card { padding: 24px 20px; }
 .levelia-gallery { grid-template-columns: minmax(0,1fr); max-width: 280px; margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) {
 .levelia-page *, .levelia-page::before, .levelia-page::after { animation: none !important; transition: none !important; }
 .levelia-page .hero-image img, .levelia-page .glass-card:hover { transform: none !important; }
}