:root{--bg:#080808;--bg2:#111;--card:#161616cc;--text:#f5f5f5;--muted:#b3b3b3;--red:#e3152a;--red2:#8d101d;--border:#3b161a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 15% 10%,#2a0a10,transparent 35%),var(--bg);color:var(--text)}
.container{width:min(1120px,92%);margin:auto}.section{padding:80px 0}.alt{background:linear-gradient(180deg,#0f0f0f,#090909)}
.site-header{position:sticky;top:0;background:#0b0b0be8;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:20}
.header-inner{display:flex;align-items:center;gap:20px;padding:12px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700}.brand img{height:34px}
.nav{display:flex;gap:16px;flex:1;justify-content:center}.nav a,.site-footer a{color:#ddd;text-decoration:none}.nav a:hover,.site-footer a:hover{color:#fff}
.header-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.lang-btn{background:#141414;color:#fff;border:0;padding:7px 10px;cursor:pointer}.lang-btn.active{background:var(--red)}
.btn{padding:11px 16px;border-radius:10px;text-decoration:none;display:inline-block;font-weight:700}.btn-primary{background:linear-gradient(90deg,var(--red),#ff2e42);color:#fff;box-shadow:0 0 20px #e3152a55}.btn-outline{border:1px solid #b53845;color:#fff}
.hero{padding:76px 0 60px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.badge{display:inline-block;background:#2b0a10;border:1px solid #8d101d;padding:6px 10px;border-radius:999px;color:#ffbac2}
h1{font-size:clamp(2rem,4vw,3.2rem);margin:16px 0}.lead{color:var(--muted);font-size:1.08rem;max-width:60ch}.hero-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.app-mockup{border:1px solid var(--border);background:#101010;border-radius:16px;box-shadow:0 25px 70px #000;padding:0;overflow:hidden}.mockup-top{display:flex;justify-content:space-between;padding:11px 14px;background:#1c1c1c;border-bottom:1px solid #302023}.connected{color:#ff7a88}.mockup-body{padding:14px;display:grid;gap:10px}.panel{background:var(--card);border:1px solid #3a1a1f;border-radius:12px;padding:12px}.panel h3{margin:0 0 10px}.panel code{display:block;margin:8px 0;background:#0e0e0e;padding:8px;border-radius:8px;border:1px solid #302023;color:#ffd7dc}
.mockup-buttons{display:flex;gap:8px}.mockup-buttons button{flex:1;background:#2a1014;color:#fff;border:1px solid #5e1f28;padding:8px;border-radius:8px}
.cards{display:grid;gap:14px}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid #3a1a1f;border-radius:14px;padding:16px}
.code-grid{display:grid;gap:10px;margin:14px 0}.code-grid code,.vars code{display:block;background:#0f0f0f;border:1px solid #2e1b1d;padding:10px;border-radius:8px;color:#ffc8cf}
ol{padding-left:20px;display:grid;gap:8px}.faq-list details{background:var(--card);border:1px solid #3a1a1f;border-radius:10px;padding:12px;margin:10px 0}summary{cursor:pointer;font-weight:700}.support{text-align:center}.soon{color:#ffadb8}
.site-footer{border-top:1px solid var(--border);padding:26px 0;background:#080808}.footer-grid{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:20px;align-items:center}
.menu-toggle{display:none;background:#1a1a1a;color:#fff;border:1px solid var(--border);padding:7px 10px;border-radius:8px}
@media (max-width:980px){.nav{display:none;position:absolute;top:60px;left:4%;right:4%;background:#0d0d0d;border:1px solid var(--border);border-radius:12px;padding:12px;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.three,.four,.footer-grid{grid-template-columns:1fr}.header-inner{flex-wrap:wrap}.header-actions{margin-left:auto}.btn{width:100%;text-align:center}}