:root { --accent: #00d4ff; --accent-dark: #009fc4; --accent-soft: rgba(0,212,255,0.13); --bg: #080808; --bg-2: #0d0d0f; --text: #f4f7fb; --muted: #a6adbb; --card: #121214; --card-2: #171719; --border: rgba(255,255,255,0.10); --danger: #ff4d6d; --success: #22c55e; --shadow: 0 26px 60px rgba(0,212,255,0.12); }* { margin: 0px; padding: 0px; box-sizing: border-box; }html { scroll-behavior: smooth; }body { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; overflow-x: hidden; }body::before { content: ""; position: fixed; inset: 0px; pointer-events: none; background: radial-gradient(circle at 8% 12%, rgba(0, 212, 255, 0.16), transparent 28%), radial-gradient(circle at 88% 24%, rgba(0, 120, 255, 0.1), transparent 28%), linear-gradient(rgba(255, 255, 255, 0.024), transparent 24%); z-index: -1; }h1, h2, h3 { font-family: "Space Grotesk", sans-serif; font-weight: 700; line-height: 1.08; }h1 { font-size: clamp(2.7rem, 6vw, 5.2rem); letter-spacing: -0.055em; }h2 { font-size: clamp(2.1rem, 4.8vw, 3.7rem); letter-spacing: -0.04em; }p { color: var(--muted); }a { color: inherit; }button { font-family: inherit; }.container { max-width: 1240px; margin: 0px auto; padding: 0px 24px; }.header { position: sticky; top: 0px; z-index: 1000; background: rgba(8, 8, 8, 0.82); backdrop-filter: blur(18px); border-bottom: 1px solid var(--border); }.header-content { height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }.logo { display: flex; align-items: center; justify-content: center; height: 100%; text-decoration: none; flex-shrink: 0; overflow: hidden; }.logo-image { height: 178px; width: auto; display: block; object-fit: contain; transform: translateY(11px); filter: drop-shadow(rgba(0, 212, 255, 0.13) 0px 0px 18px); }.nav-desktop { display: flex; gap: 25px; align-items: center; }.nav-link { color: rgb(215, 220, 231); text-decoration: none; font-weight: 700; font-size: 0.92rem; transition: color 0.2s; white-space: nowrap; }.nav-link:hover { color: var(--accent); }.header-cta { display: flex; gap: 12px; align-items: center; }.btn-primary, .btn-secondary { border-radius: 999px; padding: 13px 26px; font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.24s, box-shadow 0.24s, border-color 0.24s, color 0.24s, background 0.24s; text-align: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }.btn-primary { background: linear-gradient(135deg, rgb(0, 212, 255), rgb(0, 168, 255)); color: rgb(3, 16, 20); box-shadow: rgba(0, 212, 255, 0.28) 0px 12px 32px; }.btn-primary:hover { transform: translateY(-2px); box-shadow: rgba(0, 212, 255, 0.38) 0px 18px 42px; }@keyframes progress { 
  0% { transform: translateX(-120%); }
  100% { transform: translateX(320%); }
}@keyframes waveform { 
  0%, 100% { height: 4px; }
  50% { height: 100%; }
}.problem, .features, .use-cases, .showcase, .faq, .translation-highlight { background: rgba(17, 17, 19, 0.78); border-top: 1px solid rgba(255, 255, 255, 0.04); border-bottom: 1px solid rgba(255, 255, 255, 0.04); }.problem-grid, .features-grid, .use-cases-grid, .showcase-grid, .workflow-grid, .control-grid { display: grid; gap: 24px; }.showcase-grid { grid-template-columns: repeat(4, 1fr); }.problem-card, .feature-card, .use-case-card, .showcase-card, .workflow-card, .control-card, .pricing-card, .studio-panel { background: linear-gradient(rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024)); border: 1px solid var(--border); border-radius: 24px; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; }.problem-card:hover, .feature-card:hover, .use-case-card:hover, .showcase-card:hover, .workflow-card:hover, .control-card:hover { transform: translateY(-6px); border-color: rgba(0, 212, 255, 0.32); box-shadow: var(--shadow); }@keyframes pulse { 
  0%, 100% { opacity: 0.55; transform: translate(-50%, -50%) scale(0.92); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
}.showcase-card { overflow: hidden; background: rgba(255, 255, 255, 0.04); }.showcase-label { text-align: center; padding: 16px 18px 22px; font-weight: 900; font-size: 1.05rem; }.footer { background: rgb(7, 7, 8); padding: 76px 0px 38px; border-top: 1px solid rgba(255, 255, 255, 0.07); }@media (max-width: 1180px){.problem-grid, .showcase-grid { grid-template-columns: repeat(2, 1fr); }.nav-desktop { gap: 18px; }.header-cta .btn-primary, .header-cta .btn-secondary { padding: 12px 20px; }}@media (max-width: 1024px){.language-switch { display: none; }.header-cta, .nav-desktop { display: none; }.logo-image { height: 138px; transform: translateY(8px); }}@media (max-width: 768px){.container { padding: 0px 18px; }.header-content { height: 82px; }.logo-image { height: 112px; transform: translateY(7px); }.features-grid, .workflow-grid, .problem-grid, .showcase-grid, .control-grid, .use-cases-grid { grid-template-columns: 1fr; }}@media (max-width: 480px){.container { padding: 0px 16px; }.header-content { height: 76px; }.logo-image { height: 92px; transform: translateY(6px); }}.language-switch { margin-left: 4px; }.header-cta .btn-primary, .header-cta .btn-secondary { min-width: 138px; min-height: 44px; padding: 12px 20px; white-space: nowrap; }@media (max-width: 1024px){.header-cta .btn-primary, .header-cta .btn-secondary { min-width: 0px; }}html { scroll-padding-top: 118px; }[id] { scroll-margin-top: 118px; }.header { top: 0px; padding-top: env(safe-area-inset-top,0px); }.header-content { min-height: 92px; }.logo { overflow: visible; }.header-cta .btn-secondary, .header-cta .btn-primary { white-space: nowrap; }@media (max-width: 1024px){html { scroll-padding-top: 124px; }[id] { scroll-margin-top: 124px; }.container { width: 100%; max-width: 100%; }.header-content { min-height: 92px; padding: 12px 0px; gap: 12px; height: auto !important; }.logo { min-width: 108px; justify-content: flex-start; }.logo-image { max-width: 128px; object-fit: contain; height: 66px !important; transform: none !important; }.nav-desktop, .header-cta { display: none !important; }.language-switch { margin-left: auto; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; display: inline-flex !important; }.hero-headline, .seo-hero h1, .solutions-hero h1, h1 { font-size: clamp(2.35rem, 10.5vw, 4.2rem); line-height: 1.04; letter-spacing: -0.055em; }h2 { line-height: 1.12; }}@media (max-width: 680px){html { scroll-padding-top: 116px; }[id] { scroll-margin-top: 116px; }.container { padding-left: 18px; padding-right: 18px; }.header-content { min-height: 88px; padding-top: 10px; padding-bottom: 10px; }.logo { min-width: 96px; }.logo-image { height: 58px !important; max-width: 112px; }.language-switch { gap: 4px; }.hero-headline, .seo-hero h1, .solutions-hero h1, h1 { font-size: clamp(2.15rem, 11.2vw, 3.35rem); line-height: 1.06; }}@media (max-width: 420px){.container { padding-left: 16px; padding-right: 16px; }.logo { min-width: 88px; }.logo-image { height: 52px !important; max-width: 100px; }.hero-headline, .seo-hero h1, .solutions-hero h1, h1 { font-size: clamp(2rem, 10.5vw, 3rem); }}@media (max-width: 1024px){.logo-image { object-fit: contain; width: 138px !important; max-width: 138px !important; height: auto !important; max-height: 66px !important; }h2, .section-header h2, .final-cta h2, .proof-copy h2, .trial-card h2 { font-size: clamp(2rem, 7.6vw, 3.25rem) !important; line-height: 1.12 !important; letter-spacing: -0.045em !important; }}@media (max-width: 680px){.logo-image { width: 128px !important; max-width: 128px !important; max-height: 62px !important; }.header-content { min-height: 92px !important; }.hero-headline, .seo-hero h1, .solutions-hero h1, .demo-hero h1, h1 { font-size: clamp(2.05rem, 9.4vw, 3.05rem) !important; line-height: 1.07 !important; letter-spacing: -0.05em !important; }h2, .section-header h2, .final-cta h2, .proof-copy h2, .trial-card h2 { font-size: clamp(1.82rem, 7.4vw, 2.65rem) !important; line-height: 1.14 !important; }}@media (max-width: 420px){.logo-image { width: 118px !important; max-width: 118px !important; }h1, .hero-headline, .seo-hero h1, .solutions-hero h1, .demo-hero h1 { font-size: clamp(1.95rem, 9vw, 2.75rem) !important; }}.logo-image { width: 150px !important; max-width: 150px !important; height: auto !important; max-height: 58px !important; object-fit: contain !important; }@media (max-width: 1024px){.logo { min-width: 142px !important; display: flex !important; align-items: center !important; }.logo-image { width: 138px !important; max-width: 138px !important; max-height: 54px !important; }}@media (max-width: 680px){.header-content { min-height: 92px !important; display: grid !important; grid-template-columns: 132px 1fr auto !important; align-items: center !important; column-gap: 10px !important; }.logo { min-width: 132px !important; width: 132px !important; }.logo-image { width: 128px !important; max-width: 128px !important; max-height: 50px !important; }.language-switch { justify-self: center !important; }}@media (max-width: 390px){.header-content { grid-template-columns: 116px 1fr auto !important; column-gap: 8px !important; }.logo { min-width: 116px !important; width: 116px !important; }.logo-image { width: 112px !important; max-width: 112px !important; }}.logo-image { width: 170px !important; max-width: 170px !important; height: auto !important; max-height: 66px !important; object-fit: contain !important; }@media (max-width: 1024px){.logo { min-width: 166px !important; width: 166px !important; }.logo-image { width: 162px !important; max-width: 162px !important; max-height: 62px !important; }}@media (max-width: 680px){.header-content { grid-template-columns: 160px 1fr auto !important; column-gap: 8px !important; }.logo { min-width: 160px !important; width: 160px !important; }.logo-image { width: 156px !important; max-width: 156px !important; max-height: 58px !important; }.language-switch { justify-self: center !important; }}@media (max-width: 390px){.header-content { grid-template-columns: 142px 1fr auto !important; column-gap: 6px !important; }.logo { min-width: 142px !important; width: 142px !important; }.logo-image { width: 138px !important; max-width: 138px !important; max-height: 54px !important; }}@media (min-width: 1025px){.header .logo { min-width: 188px !important; width: 188px !important; display: flex !important; align-items: center !important; }.header .logo-image { width: 180px !important; max-width: 180px !important; max-height: 70px !important; height: auto !important; object-fit: contain !important; }.header-content { grid-template-columns: 200px minmax(0px, 1fr) auto auto auto !important; column-gap: 24px !important; }}.card-link-wrap:is(h2, h3, h4, strong, p, span) { color: inherit; }@media (min-width: 1025px){.footer { padding-top: 76px !important; padding-bottom: 54px !important; }}.header .logo-image, .footer-logo { content: url("/vaniv-logo-header.webp"); }@media (min-width: 1025px){.header { min-height: 96px !important; }.header-content { min-height: 96px !important; height: 96px !important; display: grid !important; grid-template-columns: 230px minmax(0px, 1fr) auto auto auto !important; align-items: center !important; column-gap: 24px !important; }.header .logo { width: 220px !important; min-width: 220px !important; height: 96px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; overflow: visible !important; }.header .logo-image { width: 196px !important; max-width: 196px !important; height: auto !important; max-height: 60px !important; object-fit: contain !important; transform: none !important; display: block !important; filter: drop-shadow(rgba(0, 212, 255, 0.16) 0px 0px 16px) !important; }}@media (max-width: 1024px){.header .logo-image { content: url("/vaniv-logo-header.webp"); }}@media (min-width: 1025px){.footer { padding: 70px 0px 52px !important; background: radial-gradient(circle at 12% 0%, rgba(0, 212, 255, 0.07), transparent 34%), rgb(7, 7, 8) !important; }}@media (min-width: 1025px){.header .container { max-width: 1480px !important; padding-left: 44px !important; padding-right: 44px !important; }.header-content { grid-template-columns: 220px minmax(0px, 1fr) auto auto !important; column-gap: 18px !important; overflow: visible !important; }.header .logo { width: 210px !important; min-width: 210px !important; }.header .logo-image { width: 184px !important; max-width: 184px !important; }.header-actions, .header-cta, .nav-actions { display: flex !important; align-items: center !important; gap: 12px !important; flex: 0 0 auto !important; min-width: max-content !important; white-space: nowrap !important; position: relative !important; z-index: 3 !important; }.header-actions .btn, .header-actions .btn-primary, .header-actions .btn-secondary, .header-cta .btn, .header-cta .btn-primary, .header-cta .btn-secondary, .nav-actions .btn, .nav-actions .btn-primary, .nav-actions .btn-secondary { white-space: nowrap !important; min-width: 0px !important; padding-left: 22px !important; padding-right: 22px !important; }.language-switch { flex: 0 0 auto !important; min-width: max-content !important; white-space: nowrap !important; }}@media not all{.header .container { padding-left: 34px !important; padding-right: 34px !important; }.header-content { grid-template-columns: 200px minmax(0px, 1fr) auto auto !important; column-gap: 14px !important; }.header .logo { width: 190px !important; min-width: 190px !important; }.header .logo-image { width: 166px !important; max-width: 166px !important; }.header-actions .btn, .header-actions .btn-primary, .header-cta .btn, .header-cta .btn-primary, .nav-actions .btn, .nav-actions .btn-primary { padding-left: 18px !important; padding-right: 18px !important; }}@media (min-width: 1025px){.header .container { max-width: 1480px !important; padding-left: 46px !important; padding-right: 46px !important; }.header-content { height: 92px !important; min-height: 92px !important; display: grid !important; grid-template-columns: 205px minmax(0px, 1fr) auto auto !important; align-items: center !important; column-gap: 24px !important; overflow: visible !important; }.header .logo { width: 198px !important; min-width: 198px !important; height: 92px !important; }.header .logo-image { width: 178px !important; max-width: 178px !important; max-height: 58px !important; }.header-actions, .header-cta, .nav-actions { display: flex !important; align-items: center !important; gap: 12px !important; flex: 0 0 auto !important; min-width: max-content !important; white-space: nowrap !important; position: relative !important; z-index: 4 !important; }.header-actions .btn-primary, .header-cta .btn-primary, .nav-actions .btn-primary, .header .btn-primary { white-space: nowrap !important; min-width: 0px !important; padding-left: 26px !important; padding-right: 26px !important; }.language-switch { flex: 0 0 auto !important; min-width: max-content !important; white-space: nowrap !important; position: relative !important; z-index: 4 !important; }}@media not all{.header .container { padding-left: 34px !important; padding-right: 34px !important; }.header-content { grid-template-columns: 185px minmax(0px, 1fr) auto auto !important; column-gap: 16px !important; }.header .logo { width: 180px !important; min-width: 180px !important; }.header .logo-image { width: 162px !important; max-width: 162px !important; }.header-actions .btn-primary, .header-cta .btn-primary, .nav-actions .btn-primary, .header .btn-primary { padding-left: 20px !important; padding-right: 20px !important; }}@media (min-width: 1025px){.hero-showcase { position: relative !important; isolation: isolate !important; padding: 30px !important; border: 1px solid rgba(0, 212, 255, 0.2) !important; border-radius: 34px !important; background: radial-gradient(circle at 50% 38%, rgba(0, 212, 255, 0.13), transparent 45%), linear-gradient(rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)) !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 34px 90px, rgba(0, 212, 255, 0.08) 0px 0px 90px !important; }.hero-showcase::before { content: "" !important; position: absolute !important; inset: -1px !important; border-radius: inherit !important; background: linear-gradient(135deg, rgba(0, 212, 255, 0.18), transparent 32%, rgba(0, 212, 255, 0.1)) !important; opacity: 0.68 !important; z-index: -1 !important; }.showcase-copy { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 28px !important; margin-bottom: 24px !important; }.showcase-kicker { display: inline-flex !important; width: fit-content !important; padding: 8px 13px !important; border-radius: 999px !important; background: rgba(0, 212, 255, 0.1) !important; border: 1px solid rgba(0, 212, 255, 0.28) !important; color: var(--accent) !important; font-size: 0.72rem !important; font-weight: 900 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; margin-bottom: 10px !important; }.showcase-copy h2 { margin: 0px !important; max-width: 360px !important; font-size: clamp(1.45rem, 1.55vw, 2rem) !important; line-height: 1.08 !important; letter-spacing: -0.04em !important; }.showcase-copy p { margin: 0px !important; max-width: 280px !important; color: rgb(174, 184, 200) !important; font-size: 0.94rem !important; line-height: 1.55 !important; }.showcase-flow { display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 10px !important; margin-top: 20px !important; }.showcase-flow span { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; padding: 9px 10px !important; border-radius: 999px !important; color: rgb(220, 228, 241) !important; background: rgba(255, 255, 255, 0.043) !important; border: 1px solid rgba(255, 255, 255, 0.086) !important; font-size: 0.76rem !important; font-weight: 850 !important; white-space: nowrap !important; }}@media not all{.hero-showcase { padding: 24px !important; }.showcase-copy { display: block !important; }.showcase-copy p { max-width: 100% !important; margin-top: 12px !important; }.showcase-flow span { font-size: 0.7rem !important; padding-left: 6px !important; padding-right: 6px !important; }}@media (max-width: 1024px){.hero-showcase { margin-top: 34px !important; }.showcase-copy { margin-bottom: 18px !important; }.showcase-kicker { display: inline-flex !important; width: fit-content !important; padding: 8px 13px !important; border-radius: 999px !important; background: rgba(0, 212, 255, 0.1) !important; border: 1px solid rgba(0, 212, 255, 0.28) !important; color: var(--accent) !important; font-size: 0.72rem !important; font-weight: 900 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; margin-bottom: 12px !important; }.showcase-copy h2 { font-size: clamp(1.6rem, 7vw, 2.25rem) !important; line-height: 1.08 !important; letter-spacing: -0.04em !important; margin: 0px 0px 12px !important; }.showcase-copy p { color: rgb(174, 184, 200) !important; line-height: 1.55 !important; margin: 0px !important; }.showcase-flow { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 9px !important; margin-top: 18px !important; }.showcase-flow span { padding: 10px 12px !important; border-radius: 999px !important; text-align: center !important; font-size: 0.78rem !important; font-weight: 800 !important; background: rgba(255, 255, 255, 0.043) !important; border: 1px solid rgba(255, 255, 255, 0.086) !important; }}html { scroll-padding-top: 132px !important; }[id] { scroll-margin-top: 132px !important; }.header { position: sticky !important; top: 0px !important; z-index: 9999 !important; min-height: 92px !important; background: rgba(6, 7, 9, 0.94) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 16px 42px, rgba(0, 212, 255, 0.055) 0px 0px 30px !important; backdrop-filter: blur(22px) saturate(1.15) !important; }@media (min-width: 1025px){.header .container { max-width: 1500px !important; padding-left: clamp(28px, 3vw, 52px) !important; padding-right: clamp(28px, 3vw, 52px) !important; }.header-content { height: 92px !important; min-height: 92px !important; display: grid !important; grid-template-columns: 196px minmax(0px, 1fr) max-content max-content !important; align-items: center !important; column-gap: clamp(16px, 1.6vw, 26px) !important; overflow: visible !important; }.header .logo { width: 190px !important; min-width: 190px !important; height: 92px !important; overflow: visible !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; }.header .logo-image { width: 170px !important; max-width: 170px !important; height: auto !important; max-height: 56px !important; transform: none !important; object-fit: contain !important; display: block !important; filter: drop-shadow(rgba(0, 212, 255, 0.16) 0px 0px 16px) !important; }.nav-desktop { min-width: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: clamp(13px, 1.2vw, 24px) !important; overflow: hidden !important; white-space: nowrap !important; }.nav-desktop .nav-link { display: inline-flex !important; align-items: center !important; white-space: nowrap !important; flex: 0 1 auto !important; font-size: clamp(0.82rem, 0.78vw, 0.94rem) !important; line-height: 1.1 !important; }.header-cta { display: flex !important; align-items: center !important; justify-content: flex-end !important; min-width: max-content !important; position: relative !important; z-index: 8 !important; }.header-cta .btn-primary { display: inline-flex !important; padding: 12px 22px !important; min-width: max-content !important; white-space: nowrap !important; font-size: 0.86rem !important; }.language-switch { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 7px !important; min-width: max-content !important; white-space: nowrap !important; position: relative !important; z-index: 9 !important; padding: 5px 6px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.035) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; }}@media not all{.header-content { grid-template-columns: 172px minmax(0px, 1fr) max-content max-content !important; column-gap: 14px !important; }.header .logo { width: 168px !important; min-width: 168px !important; }.header .logo-image { width: 152px !important; max-width: 152px !important; }.nav-desktop { justify-content: flex-start !important; gap: 12px !important; }.nav-desktop .nav-link { font-size: 0.8rem !important; }.header-cta .btn-primary { padding-left: 17px !important; padding-right: 17px !important; font-size: 0.8rem !important; }}@media (max-width: 1024px){html { scroll-padding-top: 122px !important; }[id] { scroll-margin-top: 122px !important; }.header { min-height: 88px !important; }.header-content { min-height: 88px !important; }}@media (max-width: 680px){html { scroll-padding-top: 114px !important; }[id] { scroll-margin-top: 114px !important; }}@media (min-width: 1025px){.header .header-cta a.btn-primary, .header .header-cta a.btn-primary[href="#pricing"], .header .header-cta a.btn-primary[href="/#pricing"], .header .header-cta a.btn-primary[href="/en/#pricing"] { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; }}.nav-item-dropdown { position: relative; display: inline-flex; align-items: center; }.nav-dropdown-panel { position: absolute; left: 50%; transform: translateX(-50%) translateY(8px); min-width: 240px; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(8, 12, 18, 0.96); box-shadow: rgba(0, 0, 0, 0.42) 0px 24px 70px; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity 0.18s, transform 0.18s, visibility 0.18s; z-index: 80; backdrop-filter: blur(18px); }.nav-item-dropdown:hover .nav-dropdown-panel, .nav-item-dropdown:focus-within .nav-dropdown-panel { opacity: 1; pointer-events: auto; visibility: visible; transform: translateX(-50%) translateY(0px); }.nav-dropdown-panel a, .nav-dropdown-panel span { display: block; padding: 10px 12px; border-radius: 12px; color: rgb(203, 211, 223); font-size: 0.92rem; font-weight: 700; text-decoration: none; white-space: nowrap; }.nav-dropdown-panel a:hover { color: rgb(255, 255, 255); background: rgba(0, 212, 255, 0.1); }@media (max-width: 900px){.nav-item-dropdown { display: block; }.nav-dropdown-panel { display: none; }}.header, .header .container, .header-content, .nav-desktop { overflow: visible !important; }.nav-desktop { position: relative; z-index: 2000; }.nav-item-dropdown { position: relative; overflow: visible !important; }.nav-dropdown-panel { margin-top: 12px; min-width: 270px; top: 100% !important; left: 0px !important; right: auto !important; transform: translateY(8px) !important; z-index: 9999 !important; }.nav-item-dropdown:hover .nav-dropdown-panel, .nav-item-dropdown:focus-within .nav-dropdown-panel { opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; transform: translateY(0px) !important; }.nav-desktop .nav-item-dropdown:last-of-type .nav-dropdown-panel { left: auto !important; right: 0px !important; }.nav-dropdown-panel { margin-top: 8px !important; padding: 12px !important; min-width: 270px !important; border-radius: 22px !important; border: 1px solid rgba(0, 212, 255, 0.18) !important; background: radial-gradient(circle at 20% 0%, rgba(0, 212, 255, 0.12), transparent 34%), linear-gradient(rgba(13, 19, 29, 0.98), rgba(7, 10, 15, 0.98)) !important; box-shadow: rgba(0, 0, 0, 0.56) 0px 28px 90px, rgba(255, 255, 255, 0.035) 0px 0px 0px 1px inset !important; }.nav-dropdown-panel::before { content: ""; position: absolute; left: 0px; right: 0px; top: -16px; height: 16px; background: transparent; }.nav-dropdown-panel a, .nav-dropdown-panel span { position: relative; letter-spacing: -0.01em; padding: 12px 14px !important; border-radius: 14px !important; color: rgb(217, 225, 238) !important; font-size: 0.94rem !important; line-height: 1.15 !important; }.nav-dropdown-panel a { align-items: center; justify-content: space-between; display: flex !important; }.nav-dropdown-panel a::after { content: none !important; }.nav-item-dropdown:hover > .nav-link, .nav-item-dropdown:focus-within > .nav-link { color: rgb(0, 212, 255) !important; }@media (min-width: 901px){.header .header-content { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 22px !important; }.header .language-switch { position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; order: 4 !important; margin: 0px !important; transform: none !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; align-self: center !important; z-index: 20 !important; }.header .header-cta { order: 6 !important; flex: 0 0 auto !important; }.header .nav-desktop { order: 2 !important; flex: 1 1 auto !important; justify-content: center !important; min-width: 0px !important; }.header .logo { order: 1 !important; flex: 0 0 auto !important; }}@media (max-width: 900px){.header .language-switch { display: none !important; }}.nav-item-dropdown { position: relative; }.nav-dropdown-panel { position: absolute; left: 50%; transform: translateX(-50%) translateY(8px); min-width: 250px; display: grid; gap: 4px; padding: 18px; border: 1px solid rgba(0, 212, 255, 0.22); border-radius: 22px; background: rgba(8, 12, 20, 0.97); box-shadow: rgba(0, 0, 0, 0.45) 0px 28px 70px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.18s, transform 0.18s, visibility 0.18s; }.nav-item-dropdown:hover .nav-dropdown-panel, .nav-item-dropdown:focus-within .nav-dropdown-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0px); }.nav-dropdown-panel a, .nav-dropdown-panel span { display: block; color: rgb(215, 220, 231); text-decoration: none; font-weight: 800; font-size: 0.94rem; padding: 10px 14px; border-radius: 14px; }.nav-dropdown-panel a:hover { color: rgb(0, 212, 255); background: rgba(0, 212, 255, 0.09); }.vaniv-footer { padding: 72px 0px 30px; background: radial-gradient(circle at left top, rgba(0, 212, 255, 0.08), transparent 34%), rgb(7, 9, 13); border-top: 1px solid rgba(255, 255, 255, 0.08); }.footer-bottom { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.08); }.footer-bottom p, .footer-legal-links a { color: rgb(143, 152, 168); font-size: 0.9rem; }@media (max-width: 900px){.footer-bottom { flex-direction: column; align-items: flex-start; }}.header.site-header, .site-header, header.site-header { position: sticky !important; top: 0px !important; left: 0px !important; right: 0px !important; width: 100% !important; z-index: 999999 !important; background: rgba(3, 6, 10, 0.96) !important; backdrop-filter: blur(18px) !important; }html { scroll-padding-top: 96px; }#vaniv-cookie-banner { position: fixed; left: 0px; right: 0px; bottom: 18px; z-index: 9999; padding: 0px 18px; pointer-events: none; }.vaniv-cookie-card { pointer-events: auto; max-width: 980px; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(7, 13, 22, 0.96); box-shadow: rgba(0, 0, 0, 0.45) 0px 24px 70px; backdrop-filter: blur(18px); }.vaniv-cookie-copy strong { display: block; color: rgb(255, 255, 255); font-size: 1.02rem; margin-bottom: 5px; }.vaniv-cookie-copy p { margin: 0px; color: rgb(184, 202, 218); font-size: 0.94rem; line-height: 1.5; }.vaniv-cookie-copy a { display: inline-flex; margin-top: 7px; color: rgb(124, 236, 255); font-weight: 850; text-decoration: none; }.vaniv-cookie-actions { display: flex; gap: 10px; flex: 0 0 auto; }.vaniv-cookie-btn { border: 0px; border-radius: 999px; padding: 11px 16px; font-weight: 900; cursor: pointer; white-space: nowrap; }.vaniv-cookie-btn.primary { color: rgb(3, 16, 23); background: linear-gradient(135deg, rgb(0, 212, 255), rgb(0, 168, 255)); }.vaniv-cookie-btn.secondary { color: rgb(234, 252, 255); background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.16); }#vaniv-cookie-manage { position: fixed; left: 14px; bottom: 14px; z-index: 9998; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; padding: 8px 11px; background: rgba(7, 13, 22, 0.82); color: rgb(207, 239, 255); font-size: 0.78rem; font-weight: 850; cursor: pointer; backdrop-filter: blur(14px); }@media (max-width: 760px){#vaniv-cookie-banner { bottom: 12px; padding: 0px 12px; }.vaniv-cookie-card { display: block; padding: 16px; border-radius: 20px; }.vaniv-cookie-copy p { font-size: 0.88rem; }.vaniv-cookie-actions { margin-top: 14px; display: grid; grid-template-columns: 1fr; }.vaniv-cookie-btn { width: 100%; }#vaniv-cookie-manage { font-size: 0.72rem; padding: 7px 10px; }}.language-switch .ru-clean-lang, .vaniv-lang-dropdown { position: relative; display: inline-block; }.language-switch .ru-clean-lang summary, .vaniv-lang-dropdown summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.043); color: rgb(244, 251, 255); font-weight: 850; font-size: 0.88rem; letter-spacing: 0.02em; }.language-switch .ru-clean-lang summary::-webkit-details-marker, .vaniv-lang-dropdown summary::-webkit-details-marker { display: none; }.language-switch .ru-clean-lang summary::after, .vaniv-lang-dropdown summary::after { content: "▾"; color: rgba(157, 226, 255, 0.95); font-size: 0.78rem; margin-left: 2px; }.language-switch .ru-clean-lang-menu, .vaniv-lang-dropdown .ru-clean-lang-menu { position: absolute; right: 0px; min-width: 118px; padding: 8px; border-radius: 18px; border: 1px solid rgba(0, 212, 255, 0.22); background: rgba(6, 12, 22, 0.98); box-shadow: rgba(0, 0, 0, 0.42) 0px 24px 70px, rgba(255, 255, 255, 0.035) 0px 0px 0px 1px inset; display: grid; gap: 5px; z-index: 1200; }.language-switch .ru-clean-lang-menu a, .language-switch .ru-clean-lang-menu .active, .vaniv-lang-dropdown .ru-clean-lang-menu a, .vaniv-lang-dropdown .ru-clean-lang-menu .active { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 12px; color: rgb(216, 237, 248); text-decoration: none; font-weight: 820; font-size: 0.9rem; line-height: 1.1; }.language-switch .ru-clean-lang-menu a:hover, .vaniv-lang-dropdown .ru-clean-lang-menu a:hover { color: rgb(255, 255, 255); background: rgba(0, 212, 255, 0.12); }.language-switch .ru-clean-lang-menu .active, .vaniv-lang-dropdown .ru-clean-lang-menu .active { color: rgb(6, 16, 24); background: linear-gradient(135deg, rgb(0, 212, 255), rgb(0, 168, 255)); }.ru-clean-flag { width: 18px; height: 18px; border-radius: 999px; display: inline-flex; flex: 0 0 18px; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.18); background: linear-gradient(135deg, rgba(0, 212, 255, 0.8), rgba(255, 255, 255, 0.12)); box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset; }.language-switch .ru-clean-lang, .language-switch .vaniv-lang-dropdown { z-index: 1400; }.language-switch .ru-clean-lang summary, .language-switch .vaniv-lang-dropdown summary { min-width: 86px; justify-content: center; gap: 8px; border-radius: 999px; background: rgba(10, 18, 30, 0.88); border: 1px solid rgba(255, 255, 255, 0.16); box-shadow: rgba(0, 0, 0, 0.22) 0px 10px 28px, rgba(255, 255, 255, 0.04) 0px 0px 0px 1px inset; }.language-switch .ru-clean-lang-menu, .language-switch .vaniv-lang-dropdown .ru-clean-lang-menu { min-width: 118px; padding: 8px; border-radius: 16px; background: rgba(7, 15, 25, 0.98); border: 1px solid rgba(0, 212, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.42) 0px 22px 60px, rgba(255, 255, 255, 0.035) 0px 0px 0px 1px inset; }.language-switch .ru-clean-lang-menu a, .language-switch .ru-clean-lang-menu .active, .language-switch .vaniv-lang-dropdown .ru-clean-lang-menu a, .language-switch .vaniv-lang-dropdown .ru-clean-lang-menu .active { min-height: 32px; padding: 8px 9px; border-radius: 10px; gap: 8px; }.ru-clean-flag { width: 20px; height: 20px; flex: 0 0 20px; display: inline-flex; align-items: center; justify-content: center; border: 0px; background: transparent; box-shadow: none; overflow: visible; font-size: 0px; line-height: 1; }.ru-clean-flag::before { display: inline-block; font-size: 17px; line-height: 1; transform: translateY(0.5px); }.ru-clean-flag-de::before { content: "🇩🇪"; }.ru-clean-flag-en::before { content: "🇬🇧"; }.ru-clean-flag-es::before { content: "🇪🇸"; }.ru-clean-flag-ru::before { content: "🇷🇺"; }.language-switch .ru-clean-lang-menu .active .ru-clean-flag, .language-switch .vaniv-lang-dropdown .ru-clean-lang-menu .active .ru-clean-flag { filter: none; }@media (max-width: 760px){.language-switch .ru-clean-lang-menu, .language-switch .vaniv-lang-dropdown .ru-clean-lang-menu { right: 0px; }}.language-switch details.ru-clean-lang { position: relative !important; display: inline-block !important; }.language-switch details.ru-clean-lang > summary { display: inline-flex !important; align-items: center !important; }.language-switch details.ru-clean-lang:not([open]) > .ru-clean-lang-menu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }.language-switch details.ru-clean-lang[open] > .ru-clean-lang-menu { display: grid !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; position: absolute !important; right: 0px !important; left: auto !important; min-width: 118px !important; z-index: 9999 !important; }.language-switch details.ru-clean-lang > .ru-clean-lang-menu a, .language-switch details.ru-clean-lang > .ru-clean-lang-menu .active { white-space: nowrap !important; }.ru-clean-flag { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; display: inline-block !important; border-radius: 999px !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset !important; color: transparent !important; font-size: 0px !important; line-height: 0 !important; }.ru-clean-flag::before, .ru-clean-flag::after { content: "" !important; display: none !important; }.ru-clean-flag-de { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23000' d='M0 0h60v13.333H0z'/%3E%3Cpath fill='%23dd0000' d='M0 13.333h60v13.334H0z'/%3E%3Cpath fill='%23ffce00' d='M0 26.667h60V40H0z'/%3E%3C/svg%3E") !important; }.ru-clean-flag-en { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23012169' d='M0 0h60v40H0z'/%3E%3Cpath stroke='%23fff' stroke-width='8' d='M0 0l60 40M60 0L0 40'/%3E%3Cpath stroke='%23c8102e' stroke-width='4' d='M0 0l60 40M60 0L0 40'/%3E%3Cpath stroke='%23fff' stroke-width='14' d='M30 0v40M0 20h60'/%3E%3Cpath stroke='%23c8102e' stroke-width='8' d='M30 0v40M0 20h60'/%3E%3C/svg%3E") !important; }.ru-clean-flag-es { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23aa151b' d='M0 0h60v40H0z'/%3E%3Cpath fill='%23f1bf00' d='M0 10h60v20H0z'/%3E%3C/svg%3E") !important; }.ru-clean-flag-ru { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23fff' d='M0 0h60v13.333H0z'/%3E%3Cpath fill='%230039a6' d='M0 13.333h60v13.334H0z'/%3E%3Cpath fill='%23d52b1e' d='M0 26.667h60V40H0z'/%3E%3C/svg%3E") !important; }.vaniv-shell-dropdown-trigger { appearance: none; background: transparent; border: 0px; color: inherit; font: inherit; cursor: pointer; }.vaniv-shell-hamburger { display: none; background: transparent; border: 0px; flex-direction: column; gap: 5px; padding: 8px; margin-left: auto; cursor: pointer; }.vaniv-shell-hamburger-line { width: 30px; height: 2px; background: rgb(255, 255, 255); display: block; }@media (min-width: 901px){#vaniv-mobile-menu, .vaniv-global-mobile, .vaniv-shell-hamburger { display: none !important; }}@media (max-width: 900px){.site-header .nav-desktop, .site-header .header-cta, .site-header .language-switch { display: none !important; }.vaniv-shell-hamburger { display: flex !important; }#vaniv-mobile-menu.vaniv-global-mobile { display: none; position: fixed; top: 82px; left: 0px; right: 0px; z-index: 999; max-height: calc(-82px + 100vh); overflow-y: auto; padding: 22px 24px 28px; background: rgba(4, 8, 12, 0.984); border-top: 1px solid rgba(0, 212, 255, 0.12); border-bottom: 1px solid rgba(0, 212, 255, 0.18); box-shadow: rgba(0, 0, 0, 0.58) 0px 26px 70px; }#vaniv-mobile-menu.vaniv-global-mobile.is-open { display: block; }.vaniv-global-mobile-nav { display: grid; gap: 12px; }.vaniv-mobile-link, .vaniv-mobile-summary { display: block; width: 100%; box-sizing: border-box; color: rgb(244, 247, 251); text-decoration: none; font-weight: 900; padding: 18px 24px; border-radius: 22px; background: linear-gradient(rgba(255, 255, 255, 0.043), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.1); }.vaniv-mobile-summary { list-style: none; cursor: pointer; }.vaniv-mobile-summary::-webkit-details-marker { display: none; }.vaniv-mobile-summary::after { content: "+"; float: right; color: var(--accent,#00d4ff); font-size: 1.35rem; line-height: 1; }.vaniv-mobile-group[open] > .vaniv-mobile-summary::after, .vaniv-mobile-language[open] > .vaniv-mobile-summary::after { content: "–"; }.vaniv-mobile-submenu { display: grid; gap: 8px; padding: 8px 14px 14px; }.vaniv-mobile-subitem { padding: 13px 16px; border-radius: 16px; font-size: 0.98rem; font-weight: 760; color: rgb(215, 220, 231); background: rgba(0, 0, 0, 0.18); border: 1px solid rgba(255, 255, 255, 0.08); }.vaniv-mobile-cta { text-align: center; color: rgb(6, 16, 24); background: var(--accent,#00d4ff); border-color: rgba(0, 212, 255, 0.65); }}.ru-clean-flag { width: 1.05rem; height: 1.05rem; border-radius: 999px; display: inline-block; flex: 0 0 auto; box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px, rgba(0, 0, 0, 0.25) 0px 4px 14px; vertical-align: -0.15em; }.ru-clean-flag-de { background: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 33%, rgb(221, 0, 0) 33%, rgb(221, 0, 0) 66%, rgb(255, 206, 0) 66%, rgb(255, 206, 0) 100%); }.ru-clean-flag-en { background: linear-gradient(135deg, rgb(1, 33, 105) 0px, rgb(1, 33, 105) 42%, rgb(255, 255, 255) 42%, rgb(255, 255, 255) 48%, rgb(200, 16, 46) 48%, rgb(200, 16, 46) 55%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 61%, rgb(1, 33, 105) 61%, rgb(1, 33, 105) 100%); }.ru-clean-flag-fr { background: linear-gradient(to right, rgb(0, 85, 164) 0px, rgb(0, 85, 164) 33%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 66%, rgb(239, 65, 53) 66%, rgb(239, 65, 53) 100%); }.ru-clean-flag-es { background: linear-gradient(rgb(170, 21, 27) 0px, rgb(170, 21, 27) 25%, rgb(241, 191, 0) 25%, rgb(241, 191, 0) 75%, rgb(170, 21, 27) 75%, rgb(170, 21, 27) 100%); }.ru-clean-flag-ru { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 33%, rgb(0, 57, 166) 33%, rgb(0, 57, 166) 66%, rgb(213, 43, 30) 66%, rgb(213, 43, 30) 100%); }.ru-clean-flag-pt, .ru-clean-flag-br { background-color: rgb(0, 155, 58); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 504'%3E%3Cpath fill='%23009b3a' d='M0 0h720v504H0z'/%3E%3Cpath fill='%23ffdf00' d='M360 44 652 252 360 460 68 252z'/%3E%3Ccircle cx='360' cy='252' r='112' fill='%23002776'/%3E%3Cpath d='M247 235c72-20 151-5 226 43' fill='none' stroke='%23fff' stroke-width='12'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: cover; }.ru-clean-flag-ja { background: radial-gradient(circle, rgb(188, 0, 45) 0px, rgb(188, 0, 45) 34%, rgb(255, 255, 255) 35%, rgb(255, 255, 255) 100%); }.cookie-settings { appearance: none; color: rgba(255, 255, 255, 0.72); padding: 0px; margin: 0.75rem auto 0px; display: block; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; text-decoration: none; cursor: pointer; background: transparent !important; border: 0px !important; }.cookie-settings:hover { color: rgb(255, 255, 255); text-decoration: underline; }.vaniv-global-mobile { display: none !important; }@media (min-width: 1025px){.vaniv-global-mobile, .vaniv-shell-hamburger { display: none !important; }}@media (max-width: 1024px){.nav-desktop, .header-cta { display: none !important; }.header-content { display: flex !important; align-items: center !important; gap: 10px !important; }.header .logo, .logo { margin-right: auto !important; min-width: 0px !important; }.language-switch { display: flex !important; align-items: center !important; order: 20 !important; margin-left: auto !important; position: relative !important; z-index: 10020 !important; }.language-switch details, .language-switch .ru-clean-lang, .vaniv-lang-dropdown { position: relative !important; }.language-switch summary { min-width: 52px !important; height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; border-radius: 14px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; background: rgba(255, 255, 255, 0.055) !important; color: rgb(234, 248, 255) !important; font-size: 0.8rem !important; font-weight: 850 !important; cursor: pointer !important; list-style: none !important; }.language-switch summary::-webkit-details-marker { display: none !important; }.language-switch .ru-clean-lang-menu { position: absolute !important; top: calc(100% + 8px) !important; right: 0px !important; min-width: 132px !important; padding: 8px !important; border-radius: 16px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; background: rgba(5, 10, 22, 0.98) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 18px 50px !important; z-index: 10030 !important; }.language-switch .ru-clean-lang-menu a, .language-switch .ru-clean-lang-menu span { display: flex !important; align-items: center !important; gap: 8px !important; padding: 9px 10px !important; border-radius: 11px !important; color: rgb(234, 248, 255) !important; text-decoration: none !important; font-size: 0.86rem !important; font-weight: 780 !important; }.language-switch .ru-clean-lang-menu .active { background: rgba(0, 212, 255, 0.13) !important; color: rgb(0, 212, 255) !important; }.vaniv-shell-hamburger { display: inline-flex !important; order: 21 !important; width: 44px !important; height: 44px !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 5px !important; padding: 9px !important; border-radius: 14px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; background: rgba(255, 255, 255, 0.055) !important; cursor: pointer !important; z-index: 10020 !important; }.vaniv-shell-hamburger-line { display: block !important; width: 24px !important; height: 2px !important; border-radius: 999px !important; background: rgb(234, 248, 255) !important; }.vaniv-global-mobile { position: fixed !important; left: 12px !important; right: 12px !important; top: 76px !important; max-height: calc(-92px + 100vh) !important; overflow: auto !important; z-index: 10010 !important; border-radius: 22px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; background: rgba(5, 10, 22, 0.98) !important; box-shadow: rgba(0, 0, 0, 0.55) 0px 24px 80px !important; padding: 10px !important; }html.vaniv-shell-menu-open .vaniv-global-mobile, body.vaniv-shell-menu-open .vaniv-global-mobile { display: block !important; }.vaniv-global-mobile-nav { display: grid !important; gap: 8px !important; }.vaniv-mobile-link, .vaniv-mobile-summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; min-height: 46px !important; padding: 12px 14px !important; border-radius: 15px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; background: rgba(255, 255, 255, 0.043) !important; color: rgb(244, 251, 255) !important; text-decoration: none !important; font-weight: 800 !important; cursor: pointer !important; list-style: none !important; }.vaniv-mobile-summary::-webkit-details-marker { display: none !important; }.vaniv-mobile-summary::after { content: "+" !important; color: rgb(0, 212, 255) !important; font-size: 1.25rem !important; line-height: 1 !important; }.vaniv-mobile-group[open] > .vaniv-mobile-summary::after { content: "–" !important; }.vaniv-mobile-submenu { display: grid !important; gap: 7px !important; padding: 8px 0px 4px 14px !important; }.vaniv-mobile-subitem { min-height: 40px !important; background: rgba(0, 212, 255, 0.055) !important; color: rgb(203, 211, 223) !important; font-size: 0.94rem !important; }.vaniv-mobile-cta { color: rgb(6, 16, 24) !important; background: rgb(0, 212, 255) !important; border-color: rgba(0, 212, 255, 0.75) !important; justify-content: center !important; box-shadow: rgba(0, 212, 255, 0.18) 0px 14px 34px !important; }}.nav-desktop.vaniv-global-desktop-nav { gap: 13px; }.vaniv-shell-dropdown-trigger { white-space: nowrap; }.nav-dropdown-panel { min-width: 238px; }.nav-dropdown-panel a { white-space: nowrap; }@media (max-width: 1180px) and (min-width: 1025px){.nav-desktop.vaniv-global-desktop-nav { gap: 7px !important; }.nav-desktop.vaniv-global-desktop-nav .nav-link, .vaniv-shell-dropdown-trigger { font-size: 0.86rem !important; }.header-cta .btn-primary { padding-left: 13px !important; padding-right: 13px !important; }}@media (max-width: 1024px){.header-content { display: flex !important; align-items: center !important; gap: 9px !important; }.header-content .logo { flex: 1 1 auto !important; min-width: 0px !important; margin-right: 0px !important; }.header-content .logo-image { max-width: 148px !important; width: auto !important; height: auto !important; }.header-content > .language-switch { display: flex !important; visibility: visible !important; opacity: 1 !important; flex: 0 0 auto !important; order: 20 !important; margin-left: auto !important; position: relative !important; z-index: 10040 !important; }.header-content > .vaniv-shell-hamburger { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; flex: 0 0 44px !important; order: 21 !important; }.language-switch .ru-clean-lang-menu { right: 0px !important; left: auto !important; }.vaniv-global-mobile { display: none !important; }html.vaniv-shell-menu-open .vaniv-global-mobile, body.vaniv-shell-menu-open .vaniv-global-mobile { display: block !important; }}.vaniv-main-nav { display: flex; align-items: center; justify-content: center; gap: 4px; flex: 1 1 0%; }.vaniv-main-nav a, .vaniv-main-nav .nav-link { text-decoration: none !important; }.vaniv-main-nav .nav-link { display: flex; align-items: center; min-height: 42px; padding: 0px 11px; border-radius: 999px; color: rgb(219, 231, 243); font-weight: 800; font-size: 0.93rem; letter-spacing: -0.01em; transition: background 0.18s, color 0.18s, box-shadow 0.18s; }.vaniv-main-nav .nav-link:hover, .vaniv-main-nav .has-dropdown:focus-within > .nav-link, .vaniv-main-nav .has-dropdown:hover > .nav-link { color: rgb(255, 255, 255); background: rgba(0, 190, 255, 0.09); box-shadow: rgba(0, 190, 255, 0.18) 0px 0px 0px 1px inset; }.vaniv-main-nav .has-dropdown { position: relative; }.vaniv-main-nav .has-dropdown > .nav-link::after { content: ""; width: 6px; height: 6px; margin-left: 7px; border-right: 2px solid rgba(125, 220, 255, 0.85); border-bottom: 2px solid rgba(125, 220, 255, 0.85); transform: rotate(45deg) translateY(-2px); }.vaniv-main-nav .nav-dropdown { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%) translateY(8px); min-width: 250px; padding: 10px; border: 1px solid rgba(0, 190, 255, 0.2); border-radius: 18px; background: rgba(7, 13, 19, 0.97); box-shadow: rgba(0, 0, 0, 0.42) 0px 24px 70px, rgba(255, 255, 255, 0.035) 0px 0px 0px 1px inset; opacity: 0; visibility: hidden; pointer-events: none; z-index: 80; transition: opacity 0.16s, transform 0.16s, visibility 0.16s; }.vaniv-main-nav .has-dropdown:hover .nav-dropdown, .vaniv-main-nav .has-dropdown:focus-within .nav-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0px); }.vaniv-main-nav .nav-dropdown::before { content: ""; position: absolute; left: 0px; right: 0px; top: -12px; height: 12px; }.vaniv-main-nav .nav-dropdown a { display: block; padding: 10px 12px; border-radius: 12px; color: rgb(201, 212, 226); font-weight: 750; font-size: 0.91rem; line-height: 1.25; white-space: nowrap; }.vaniv-main-nav .nav-dropdown a:hover { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgba(0, 190, 255, 0.16), rgba(255, 255, 255, 0.04)); }@media (max-width: 1180px) and (min-width: 1025px){.vaniv-main-nav .nav-link { padding: 0px 8px; font-size: 0.88rem; }.vaniv-main-nav { gap: 1px; }}html, body { overflow-x: clip !important; }header.site-header { position: sticky !important; top: 0px !important; z-index: 100000 !important; }@media (max-width: 1024px){.header { z-index: 9000 !important; background: rgba(5, 6, 7, 0.98) !important; backdrop-filter: blur(18px) !important; }.header-content { position: relative !important; z-index: 9002 !important; }}.header .nav-dropdown-panel, .site-header .nav-dropdown-panel { width: max-content !important; min-width: 220px !important; max-width: 340px !important; padding: 14px !important; overflow: hidden !important; }.header .nav-dropdown-panel a, .site-header .nav-dropdown-panel a { display: block !important; width: 100% !important; min-height: auto !important; padding: 9px 10px !important; border-radius: 10px !important; white-space: nowrap !important; line-height: 1.25 !important; background-image: none !important; }.header .nav-dropdown-panel a:hover, .site-header .nav-dropdown-panel a:hover { background: rgba(0, 212, 255, 0.09) !important; }@media (min-width: 1025px){.header .nav-item-dropdown, .site-header .nav-item-dropdown { position: relative !important; padding: 18px 0px !important; margin: -18px 0px !important; }.header .nav-dropdown-panel, .site-header .nav-dropdown-panel { z-index: 9500 !important; }.header .nav-item-dropdown::after, .site-header .nav-item-dropdown::after { content: "" !important; position: absolute !important; left: -18px !important; right: -18px !important; top: 100% !important; height: 22px !important; background: transparent !important; pointer-events: auto !important; }.header .nav-item-dropdown:hover .nav-dropdown-panel, .header .nav-item-dropdown:focus-within .nav-dropdown-panel, .site-header .nav-item-dropdown:hover .nav-dropdown-panel, .site-header .nav-item-dropdown:focus-within .nav-dropdown-panel { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0px) !important; }}:root { --pod-bg: #05070a; --pod-panel: #0a1018; --pod-text: #f4f8fb; --pod-muted: #9fb0c2; --pod-cyan: #39d7ff; --pod-line: rgba(255,255,255,.11); --pod-max: 1180px; }* { box-sizing: border-box; }body.podcast-page { margin: 0px; background: var(--pod-bg); color: var(--pod-text); overflow-x: hidden; }.podcast-page main { display: block; background: radial-gradient(circle at 12% 4%, rgba(0, 205, 255, 0.12), transparent 27%), radial-gradient(circle at 92% 19%, rgba(115, 82, 255, 0.1), transparent 24%), rgb(5, 7, 10); }.pod-wrap { width: min(var(--pod-max),calc(100% - 40px)); margin: 0px auto; }.pod-kicker { display: inline-flex; align-items: center; gap: 8px; width: max-content; max-width: 100%; padding: 7px 12px; border: 1px solid rgba(57, 215, 255, 0.3); border-radius: 999px; background: rgba(57, 215, 255, 0.075); color: rgb(143, 234, 255); font-size: 0.76rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }.pod-hero { position: relative; padding: 76px 0px 54px; overflow: hidden; }.pod-hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -220px; top: -190px; border-radius: 50%; background: rgba(57, 215, 255, 0.07); pointer-events: none; }.pod-hero h1 { max-width: 820px; margin: 18px 0px; font-size: clamp(3rem, 7vw, 6.8rem); line-height: 0.91; letter-spacing: -0.065em; color: rgb(255, 255, 255); }.pod-gradient { background: linear-gradient(105deg, rgb(255, 255, 255) 15%, rgb(118, 234, 255) 55%, rgb(143, 169, 255)) text; color: transparent; }.pod-lead { max-width: 740px; margin: 0px; color: rgb(184, 197, 212); font-size: clamp(1.03rem, 2vw, 1.23rem); line-height: 1.72; }.pod-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }.pod-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 18px; border-radius: 999px; text-decoration: none; font-weight: 900; transition: transform 0.18s, border-color 0.18s, background 0.18s; }.pod-btn:hover { transform: translateY(-2px); }.pod-btn-primary { background: linear-gradient(135deg, rgb(50, 221, 255), rgb(0, 174, 234)); color: rgb(2, 16, 24); box-shadow: rgba(0, 190, 255, 0.2) 0px 14px 34px; }.pod-btn-secondary { border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.043); color: rgb(255, 255, 255); }.pod-section { padding: 68px 0px; }.pod-cta { padding: 72px 0px 92px; }.pod-cta-box { text-align: center; padding: clamp(30px, 6vw, 62px); border: 1px solid rgba(57, 215, 255, 0.2); border-radius: 34px; background: radial-gradient(circle at 50% 0px, rgba(57, 215, 255, 0.15), transparent 42%), rgba(255, 255, 255, 0.024); box-shadow: rgba(0, 0, 0, 0.28) 0px 28px 90px; }.pod-cta-box h2 { max-width: 850px; margin: 14px auto 12px; font-size: clamp(2.2rem, 5vw, 4.4rem); line-height: 0.98; letter-spacing: -0.055em; }.pod-cta-box p { max-width: 700px; margin: 0px auto 24px; color: rgb(165, 181, 198); line-height: 1.7; }.pod-simple-footer-links { display: flex; flex-wrap: wrap; gap: 14px; }.pod-simple-footer-links a { color: rgb(169, 186, 203); text-decoration: none; }@media (max-width: 640px){.pod-wrap { width: min(100% - 24px,var(--pod-max)); }.pod-hero { padding: 48px 0px 34px; }.pod-hero h1 { font-size: clamp(2.75rem, 15vw, 4.7rem); }.pod-section { padding: 48px 0px; }.pod-cta { padding: 48px 0px 68px; }.pod-cta-box { border-radius: 26px; }}:root { --pod-episode-copy: 760px; }.podcast-episode-page .pod-hero { padding: 38px 0px 24px; }.pod-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0px 0px 26px; color: rgb(129, 147, 167); font-size: 0.9rem; }.pod-breadcrumb a { color: rgb(184, 200, 216); text-decoration: none; }.pod-breadcrumb a:hover { color: rgb(114, 232, 255); }.pod-episode-hero { position: relative; z-index: 1; max-width: 940px; }.pod-episode-hero h1 { margin: 18px 0px 16px; font-size: clamp(2.65rem, 6.7vw, 5.9rem); line-height: 0.94; letter-spacing: -0.06em; color: rgb(255, 255, 255); }.pod-episode-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }.pod-episode-meta span { padding: 7px 11px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; background: rgba(255, 255, 255, 0.035); color: rgb(174, 191, 208); font-size: 0.86rem; font-weight: 750; }.pod-watch { padding: 22px 0px 56px; }.pod-watch-shell { padding: 18px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 30px; background: radial-gradient(circle at 0px 0px, rgba(57, 215, 255, 0.11), transparent 38%), rgba(255, 255, 255, 0.024); box-shadow: rgba(0, 0, 0, 0.32) 0px 28px 90px; }.pod-watch-frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 22px; background: rgb(7, 16, 26); }.pod-watch-frame iframe { position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; }.pod-watch-note { display: flex; justify-content: space-between; gap: 18px; padding: 14px 4px 0px; color: rgb(143, 162, 181); font-size: 0.9rem; line-height: 1.55; }.pod-episode-grid { display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(290px, 0.75fr); gap: 24px; align-items: start; }.pod-episode-prose, .pod-episode-aside { padding: 28px; border: 1px solid var(--pod-line); border-radius: 26px; background: rgba(255, 255, 255, 0.027); }.pod-episode-prose h2, .pod-episode-aside h2 { margin: 0px 0px 14px; color: rgb(255, 255, 255); font-size: clamp(1.65rem, 3vw, 2.5rem); line-height: 1.08; letter-spacing: -0.035em; }.pod-episode-prose p, .pod-episode-aside p { color: rgb(165, 181, 198); line-height: 1.72; }.pod-takeaways { display: grid; gap: 12px; margin-top: 24px; }.pod-takeaway { padding: 17px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; background: rgba(255, 255, 255, 0.024); }.pod-takeaway strong { display: block; margin-bottom: 6px; color: rgb(234, 252, 255); }.pod-takeaway p { margin: 0px; font-size: 0.95rem; }.pod-next-links { display: grid; gap: 10px; margin-top: 18px; }.pod-next-link { display: block; padding: 15px 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; background: rgba(255, 255, 255, 0.024); color: rgb(255, 255, 255); text-decoration: none; font-weight: 850; }.pod-next-link span { display: block; margin-top: 5px; color: rgb(143, 163, 184); font-size: 0.87rem; font-weight: 500; line-height: 1.45; }.pod-next-link:hover { border-color: rgba(57, 215, 255, 0.4); background: rgba(57, 215, 255, 0.055); }.pod-disclosure { margin-top: 16px; padding: 15px 16px; border-left: 3px solid rgb(53, 220, 255); background: rgba(57, 215, 255, 0.055); color: rgb(159, 178, 196); line-height: 1.6; }.pod-back-row { margin-top: 26px; }@media (max-width: 860px){.pod-episode-grid { grid-template-columns: 1fr; }.pod-watch-note { display: block; }.pod-watch-note span { display: block; margin-top: 5px; }}@media (max-width: 640px){.podcast-episode-page .pod-hero { padding-top: 28px; }.pod-episode-hero h1 { font-size: clamp(2.45rem, 13vw, 4rem); }.pod-watch { padding-top: 12px; }.pod-watch-shell { padding: 9px; border-radius: 22px; }.pod-watch-frame { border-radius: 16px; }.pod-episode-prose, .pod-episode-aside { padding: 21px; border-radius: 22px; }}

.pod-section,.pod-cta{content-visibility:auto;contain-intrinsic-size:auto 800px}.vaniv-footer{content-visibility:auto;contain-intrinsic-size:auto 240px}