.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--sp-2);padding: var(--sp-3) var(--sp-5);border-radius: var(--radius-md);font-family: var(--font-body);font-weight: 600;font-size: var(--fs-sm);line-height: 1;letter-spacing: -0.01em;white-space: nowrap;border: 1px solid transparent;cursor: pointer;transition: transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);min-height: 44px}.btn:hover{transform: translateY(-1px)}.btn:active{transform: translateY(0)}.btn-primary{background: var(--gradient-brand);color: #fff;box-shadow: 0 4px 14px var(--accent-glow)}.btn-primary:hover{box-shadow: 0 10px 28px var(--accent-glow);color: #fff}.btn-secondary{background: var(--surface-elevated);color: var(--text-primary);border-color: var(--border-strong)}.btn-secondary:hover{background: var(--surface);border-color: var(--accent-hover);color: var(--text-primary)}.btn-ghost{background: transparent;color: var(--text-secondary)}.btn-ghost:hover{color: var(--text-primary);background: var(--surface-glass)}.btn-lg{padding: var(--sp-4) var(--sp-6);font-size: var(--fs-base);min-height: 52px}.badge{display: inline-flex;align-items: center;gap: var(--sp-1);padding: 4px var(--sp-2);border-radius: var(--radius-full);font-size: var(--fs-xs);font-weight: 600;letter-spacing: 0.02em;line-height: 1}.badge-accent{background: var(--gradient-brand-soft);color: var(--accent-hover);border: 1px solid rgba(99,102,241,0.3)}.badge-cyan{background: var(--cyan-soft);color: var(--cyan);border: 1px solid rgba(6,182,212,0.3)}.badge-success{background: var(--success-soft);color: var(--success);border: 1px solid rgba(16,185,129,0.3)}.badge-warning{background: var(--warning-soft);color: var(--warning);border: 1px solid rgba(245,158,11,0.3)}.badge-live{background: rgba(239,68,68,0.18);color: #FCA5A5;border: 1px solid rgba(239,68,68,0.35);font-weight: 700;letter-spacing: 0.08em}.badge-live::before{content: '';width: 8px;height: 8px;background: var(--live);border-radius: 50%;box-shadow: 0 0 0 0 var(--live-glow);animation: live-pulse 1.5s infinite}.badge-new{background: var(--cyan-soft);color: var(--cyan);border: 1px solid rgba(6,182,212,0.4);text-transform: uppercase}.card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-xl);padding: var(--sp-6);transition: border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.card:hover{border-color: var(--border-strong);transform: translateY(-4px);box-shadow: var(--shadow-lg)}.card-glass{background: var(--surface-glass);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid var(--border)}.card-accent{border-color: rgba(99,102,241,0.35);background: var(--gradient-brand-soft),var(--surface)}.card-icon{width: 48px;height: 48px;display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-md);background: var(--gradient-brand-soft);color: var(--accent-hover);margin-bottom: var(--sp-4)}.card-icon svg{width: 24px;height: 24px;stroke-width: 2}.card h3{font-size: var(--fs-xl);margin-bottom: var(--sp-3)}.card p{color: var(--text-secondary);font-size: var(--fs-sm);margin-bottom: var(--sp-4)}.card-bullets{list-style: none;padding: 0;margin: 0 0 var(--sp-5);display: grid;gap: var(--sp-2)}.card-bullets li{display: flex;gap: var(--sp-2);align-items: flex-start;font-size: var(--fs-sm);color: var(--text-secondary);line-height: 1.5}.card-bullets li::before{content: '';flex-shrink: 0;width: 16px;height: 16px;border-radius: 50%;background: var(--gradient-brand-soft);border: 1px solid rgba(99,102,241,0.4);margin-top: 4px;position: relative}.card-bullets li::after{content: '';position: absolute;margin-left: 4px;margin-top: 8px;width: 8px;height: 4px;border-left: 2px solid var(--accent-hover);border-bottom: 2px solid var(--accent-hover);transform: rotate(-45deg)}.card-link{display: inline-flex;align-items: center;gap: var(--sp-2);font-size: var(--fs-sm);font-weight: 600;color: var(--accent-hover);transition: gap var(--dur-fast) var(--ease)}.card-link:hover{gap: var(--sp-3);color: var(--text-primary)}.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: var(--z-nav);height: var(--nav-height);background: rgba(10,10,10,0.75);backdrop-filter: saturate(1.4) blur(20px);-webkit-backdrop-filter: saturate(1.4) blur(20px);border-bottom: 1px solid transparent;transition: border-color var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}.navbar.is-scrolled{border-bottom-color: var(--border);background: rgba(10,10,10,0.9)}.navbar-content{max-width: var(--container-wide);margin-inline: auto;height: 100%;padding-inline: var(--sp-6);display: flex;align-items: center;justify-content: space-between;gap: var(--sp-6)}.logo{display: inline-flex;align-items: center;gap: var(--sp-2);font-family: var(--font-display);font-weight: 700;font-size: var(--fs-lg);color: var(--text-primary);letter-spacing: -0.02em}.logo:hover{color: var(--text-primary)}.logo-img{width: 32px;height: 32px}.navbar .logo .logo-img{display: none}.navbar .logo{font-size: var(--fs-xl);letter-spacing: -0.025em}.nav-links{display: flex;align-items: center;gap: var(--sp-6);list-style: none;padding: 0;margin: 0}.nav-links>li>a{color: var(--text-secondary);font-size: var(--fs-sm);font-weight: 500;transition: color var(--dur-fast) var(--ease);padding: var(--sp-2) 0}.nav-links>li>a:hover{color: var(--text-primary)}.nav-dropdown{position: relative}.nav-dropdown>a::after{content: '';display: inline-block;margin-left: 6px;width: 6px;height: 6px;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: translateY(-2px) rotate(45deg);transition: transform var(--dur-fast) var(--ease)}.nav-dropdown:hover>a::after,.nav-dropdown.is-open>a::after{transform: translateY(0) rotate(225deg)}.dropdown-menu{position: absolute;top: calc(100% + var(--sp-2));left: 50%;transform: translateX(-50%) translateY(-8px);width: min(560px,calc(100vw - var(--sp-6) * 2));padding: var(--sp-3);background: var(--bg-base);border: 1px solid var(--border-strong);border-radius: var(--radius-xl);box-shadow: var(--shadow-lg);list-style: none;margin: 0;display: grid;grid-template-columns: 1fr 1fr;gap: 4px;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),visibility var(--dur-base) var(--ease)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.is-open .dropdown-menu{opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(-50%) translateY(0)}.dropdown-menu a{display: flex;flex-direction: column;gap: 2px;padding: var(--sp-3);border-radius: var(--radius-md);color: var(--text-primary);font-size: var(--fs-sm);font-weight: 500;transition: background var(--dur-fast) var(--ease)}.dropdown-menu a:hover{background: var(--surface-elevated);color: var(--text-primary)}.dropdown-menu a small{color: var(--text-muted);font-size: var(--fs-xs);font-weight: 400}.nav-cta{display: flex;align-items: center;gap: var(--sp-3)}.language-selector{display: inline-flex;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-full);padding: 3px}.lang-btn{padding: 4px var(--sp-3);border-radius: var(--radius-full);font-size: var(--fs-xs);font-weight: 700;letter-spacing: 0.04em;color: var(--text-muted);transition: background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.lang-btn.active{background: var(--accent-deep);color: #fff}.mobile-toggle{display: none;width: 44px;height: 44px;align-items: center;justify-content: center;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface)}.mobile-toggle svg{width: 22px;height: 22px}@media (max-width: 1024px){.nav-links,.nav-cta .btn,.nav-cta .language-selector{display: none}.mobile-toggle{display: inline-flex}}.mobile-drawer{position: fixed;inset: 0;z-index: calc(var(--z-nav) + 1);background: var(--bg-deep);padding: calc(var(--nav-height) + var(--sp-6)) var(--sp-6) var(--sp-8);overflow-y: auto;display: flex;flex-direction: column;gap: var(--sp-4);transform: translateX(100%);transition: transform var(--dur-base) var(--ease);visibility: hidden}.mobile-drawer.is-open{transform: translateX(0);visibility: visible}.mobile-drawer .drawer-close{position: absolute;top: calc((var(--nav-height) - 44px) / 2);right: var(--sp-6);width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface)}.mobile-drawer nav ul{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: var(--sp-2)}.mobile-drawer nav a{display: block;padding: var(--sp-4);font-size: var(--fs-lg);font-weight: 600;color: var(--text-primary);border-radius: var(--radius-md);border: 1px solid transparent}.mobile-drawer nav a:hover{border-color: var(--border);background: var(--surface)}.mobile-drawer .drawer-section-title{font-size: var(--fs-xs);font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-muted);margin-top: var(--sp-4);padding-inline: var(--sp-4)}.mobile-drawer .drawer-cta{margin-top: var(--sp-4);display: grid;gap: var(--sp-3)}.mobile-drawer .drawer-cta .btn{width: 100%}.mobile-drawer .drawer-lang{display: flex;justify-content: center;margin-top: var(--sp-2)}.footer{border-top: 1px solid var(--border);background: var(--bg-deep);padding-block: var(--sp-16) var(--sp-8)}.footer-grid{display: grid;grid-template-columns: 1.5fr repeat(3,1fr);gap: var(--sp-8);margin-bottom: var(--sp-12)}@media (max-width: 768px){.footer-grid{grid-template-columns: 1fr 1fr;gap: var(--sp-6)}.footer-brand{grid-column: 1 / -1}}.footer-brand .logo-text{display: none}.footer-brand .logo-img{width: 146px;height: 146px}.footer-brand p{margin-top: var(--sp-4);font-size: var(--fs-sm);max-width: 360px}.footer-socials{display: flex;gap: var(--sp-3);margin-top: var(--sp-4)}.footer-socials a{width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border);border-radius: var(--radius-md);color: var(--text-secondary);background: var(--surface);transition: color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.footer-socials a svg{width: 20px;height: 20px;flex-shrink: 0}.footer-socials a:hover{color: var(--accent-hover);border-color: var(--accent-hover);transform: translateY(-2px)}.footer-col h4{font-size: var(--fs-xs);font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-muted);margin-bottom: var(--sp-4)}.footer-col ul{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-2)}.footer-col a{color: var(--text-secondary);font-size: var(--fs-sm);transition: color var(--dur-fast) var(--ease)}.footer-col a:hover{color: var(--text-primary)}.footer-bottom{padding-top: var(--sp-6);border-top: 1px solid var(--border);display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--sp-4);color: var(--text-muted);font-size: var(--fs-xs)}.footer-legal{display: flex;gap: var(--sp-4)}.faq-list{display: grid;gap: var(--sp-3);max-width: 880px;margin-inline: auto}.faq-item{border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);overflow: hidden;transition: border-color var(--dur-base) var(--ease)}.faq-item[open]{border-color: var(--border-strong)}.faq-item summary{display: flex;align-items: center;justify-content: space-between;gap: var(--sp-4);padding: var(--sp-5) var(--sp-6);font-family: var(--font-display);font-size: var(--fs-lg);font-weight: 600;color: var(--text-primary);cursor: pointer;list-style: none;min-height: 44px}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary::after{content: '';flex-shrink: 0;width: 12px;height: 12px;border-right: 2px solid var(--text-muted);border-bottom: 2px solid var(--text-muted);transform: rotate(45deg);transition: transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.faq-item[open] summary::after{transform: rotate(-135deg);border-color: var(--accent-hover)}.faq-item .faq-answer{padding: 0 var(--sp-6) var(--sp-5);color: var(--text-secondary);line-height: 1.7;font-size: var(--fs-base)}.wa-fab{position: fixed;bottom: var(--sp-6);right: var(--sp-6);z-index: var(--z-fab);width: 56px;height: 56px;display: inline-flex;align-items: center;justify-content: center;background: #25D366;color: #fff;border-radius: 50%;box-shadow: 0 8px 24px rgba(37,211,102,0.45);transition: transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.wa-fab:hover{transform: translateY(-2px) scale(1.05);box-shadow: 0 12px 32px rgba(37,211,102,0.6);color: #fff}.wa-fab svg{width: 28px;height: 28px}.wa-fab .wa-fab-label{position: absolute;right: 100%;margin-right: var(--sp-3);padding: var(--sp-2) var(--sp-3);background: var(--surface);border: 1px solid var(--border-strong);border-radius: var(--radius-md);font-size: var(--fs-sm);font-weight: 500;color: var(--text-primary);white-space: nowrap;opacity: 0;transform: translateX(8px);transition: opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);pointer-events: none}.wa-fab:hover .wa-fab-label{opacity: 1;transform: translateX(0)}@media (max-width: 480px){.wa-fab{bottom: var(--sp-4);right: var(--sp-4);width: 52px;height: 52px}.wa-fab .wa-fab-label{display: none}}