/* wall.app — multi-platform download page * Purpose: conversion-focused platform launcher. * Design: distinct from wall.support/wall.lu — wider max-width, * split-panel hero, numbered-step onboarding, app-store visual feel. */ :root { --bg: #080810; --surface: rgba(255, 255, 255, 0.04); --surface-md: rgba(255, 255, 255, 0.06); --surface-hi: rgba(255, 255, 255, 0.09); --border: rgba(255, 255, 255, 0.08); --border-hi: rgba(255, 255, 255, 0.15); --text: #ffffff; --text-muted: rgba(255, 255, 255, 0.62); --text-dim: rgba(255, 255, 255, 0.38); /* Wall brand cyan */ --cyan: #4FC3F7; --cyan-2: #00BCD4; --cyan-grad: linear-gradient(135deg, #4FC3F7 0%, #00BCD4 100%); /* Wall brand indigo — CTA / step numbers / active indicators */ --indigo: #6366F1; --indigo-2: #818CF8; --indigo-grad: linear-gradient(135deg, #6366F1 0%, #818CF8 100%); --max-w: 1040px; } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: radial-gradient(ellipse 900px 500px at 70% -8%, rgba(99, 102, 241, 0.14) 0%, transparent 65%), radial-gradient(ellipse 700px 400px at 10% 100%, rgba(79, 195, 247, 0.08) 0%, transparent 60%), var(--bg); background-attachment: fixed; color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100vh; } a { color: var(--cyan); text-decoration: none; } a:hover { text-decoration: underline; } .container { max-width: var(--max-w); margin: 0 auto; padding: 0 28px; } /* ─── BILINGUAL TOGGLE ───────────────────────────────────────────────────── Both EN and RU spans coexist; CSS shows the one matching . Inline