:root { --bg:#0a0a0a; --card:#161616; --line:#2a2a2a; --text:#ececec; --muted:#a8a8a8; --red:#f44336; --green:#22c55e; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
a { color:var(--red); }
.wrap { max-width:880px; margin:0 auto; padding:24px 16px 48px; }
header.top { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); font-weight:700; font-size:22px; }
.brand img { width:40px; height:40px; border-radius:10px; }
.brand b { color:var(--red); }
nav.lang a { color:var(--muted); text-decoration:none; margin-left:12px; font-size:14px; }
nav.lang a.on { color:var(--text); font-weight:600; }
.hero { text-align:center; padding:56px 0 32px; }
.hero img { width:120px; height:120px; border-radius:28px; }
.hero h1 { font-size:clamp(30px,6vw,46px); line-height:1.15; margin:20px 0 10px; }
.hero p { color:var(--muted); font-size:18px; margin:0 auto; max-width:560px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin-top:28px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px; }
.card h3 { margin:0 0 6px; font-size:17px; }
.card p { margin:0; color:var(--muted); font-size:15px; }
h2 { margin-top:40px; font-size:22px; }
.legal h2 { border-top:1px solid var(--line); padding-top:28px; }
.legal h3 { margin-top:24px; font-size:17px; }
.legal li { margin:4px 0; }
.legal .meta { color:var(--muted); font-size:14px; }
footer { border-top:1px solid var(--line); margin-top:48px; padding-top:18px; color:var(--muted); font-size:14px; display:flex; gap:16px; flex-wrap:wrap; justify-content:space-between; }

/* 2026-10-16: screenshots, steps, plans */
.hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:28px; align-items:center; padding:40px 0 16px; }
.hero-grid .hero { text-align:left; padding:0; }
.hero-grid .hero img.logo { width:88px; height:88px; border-radius:22px; }
.phones { display:flex; gap:14px; justify-content:center; }
.phone { width:min(46%,230px); border-radius:22px; border:6px solid #262626; background:#000; box-shadow:0 18px 50px rgba(244,67,54,.18); }
.phone img { display:block; width:100%; height:auto; border-radius:16px; }
.cta { display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
.btn { display:inline-block; padding:12px 18px; border-radius:12px; font-weight:600; text-decoration:none; border:1px solid var(--line); color:var(--text); }
.btn.primary { background:var(--red); border-color:var(--red); color:#fff; }
.btn.soon { opacity:.85; cursor:default; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px; }
.step { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:16px; display:flex; flex-direction:column; gap:12px; }
.step .num { width:30px; height:30px; border-radius:50%; background:var(--red); color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; }
.step h3 { margin:0; font-size:17px; } .step p { margin:0; color:var(--muted); font-size:15px; }
.step .phone { width:100%; max-width:240px; align-self:center; box-shadow:none; }
.twoup { display:flex; gap:16px; justify-content:center; margin-top:18px; }
.twoup figure { margin:0; width:min(48%,260px); text-align:center; color:var(--muted); font-size:14px; }
.twoup .phone { width:100%; }
table.plans { width:100%; border-collapse:collapse; margin-top:16px; background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; }
table.plans th, table.plans td { padding:12px 14px; text-align:left; border-bottom:1px solid var(--line); font-size:15px; }
table.plans th:last-child, table.plans td:last-child { color:var(--text); font-weight:600; }
table.plans thead th { color:var(--muted); font-weight:600; } table.plans thead th:last-child { color:var(--red); }
table.plans tr:last-child td { border-bottom:0; }
.note { color:var(--muted); font-size:14px; margin-top:10px; }
.apps .card { display:flex; gap:14px; align-items:center; } .apps .card img { width:64px; height:64px; border-radius:16px; flex:none; }
@media (max-width:760px) {
  .hero-grid { grid-template-columns:1fr; } .hero-grid .hero { text-align:center; } .cta { justify-content:center; }
  .steps { grid-template-columns:1fr; }
}
.brand span { display:inline; }
.table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
table.plans { table-layout:fixed; }
table.plans td, table.plans th { overflow-wrap:anywhere; }
@media (max-width:760px) {
  table.plans th, table.plans td { padding:10px 8px; font-size:13px; }
  .wrap { overflow-x:hidden; }
  footer { flex-direction:column; }
}