:root { --ink:#0B1F44; --ink2:#132B5C; --amber:#1E6BFF; --amber2:#1557D6; --sky:#8DB6FF; --cyan:#1E6BFF; --text:#0f172a; --muted:#475569; --line:#e2e8f0; --bg:#f8fafc; --card:#ffffff; }
  * { box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { margin:0; font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color:var(--text); background:var(--bg); line-height:1.55; }
  a { color:inherit; }
  .wrap { max-width:1120px; margin:0 auto; padding:0 20px; }
  header.top { position:sticky; top:0; z-index:10; background:rgba(11,31,68,.94); backdrop-filter:blur(8px); color:#fff; }
  header.top .wrap { display:flex; align-items:center; justify-content:space-between; height:64px; gap:16px; }
  .brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
  .brand svg { width:44px; height:34px; }
  .brand .sep { width:2px; height:34px; background:rgba(255,255,255,.55); }
  .brand .words { display:grid; line-height:1; }
  .brand b { font-weight:800; font-size:1.25rem; letter-spacing:-.01em; }
  .brand small { font-weight:600; color:var(--sky); font-size:.62rem; letter-spacing:.42em; margin-top:4px; }
  nav.links { display:flex; gap:22px; font-size:.95rem; font-weight:600; }
  nav.links a { text-decoration:none; color:#e2e8f0; }
  nav.links a:hover { color:var(--amber); }
  .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 20px; border-radius:14px; font-weight:800; text-decoration:none; border:0; cursor:pointer; font-size:1rem; }
  .btn-amber { background:var(--amber); color:#fff; }
  .btn-amber:hover { background:var(--amber2); }
  .btn-ghost { background:transparent; color:#fff; border:2px solid rgba(255,255,255,.35); }
  .btn-ghost:hover { border-color:#fff; }
  .hero { background:radial-gradient(1200px 500px at 85% -10%, rgba(30,107,255,.30), transparent 60%), linear-gradient(160deg, var(--ink) 0%, var(--ink2) 100%); color:#fff; padding:84px 0 96px; }
  .eyebrow { display:inline-block; font-size:.78rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--sky); }
  .hero h1 { font-size:clamp(2rem, 4.6vw, 3.4rem); line-height:1.08; margin:14px 0 18px; font-weight:900; letter-spacing:-.02em; max-width:820px; }
  .hero p.lead { font-size:clamp(1.05rem, 1.6vw, 1.25rem); color:#cbd5e1; max-width:680px; margin:0 0 30px; }
  .hero .actions { display:flex; flex-wrap:wrap; gap:12px; }
  .hero .chips { margin-top:36px; display:flex; flex-wrap:wrap; gap:10px; }
  .chip { padding:7px 14px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); font-size:.88rem; color:#e2e8f0; }
  section { padding:76px 0; }
  .section-title { font-size:clamp(1.6rem, 3vw, 2.2rem); font-weight:900; letter-spacing:-.01em; margin:8px 0 10px; }
  .section-lead { color:var(--muted); max-width:720px; margin:0 0 34px; font-size:1.05rem; }
  .product { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:34px; box-shadow:0 10px 30px rgba(15,23,42,.06); display:grid; gap:30px; grid-template-columns: 1.1fr 1fr; }
  .product h3 { font-size:1.8rem; margin:6px 0 8px; font-weight:900; }
  .badge { display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px; background:#ecfdf5; color:#065f46; font-weight:800; font-size:.8rem; }
  .product p { color:var(--muted); }
  .modules { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
  .module { border:1px solid var(--line); border-radius:16px; padding:14px 16px; background:#fcfcfd; }
  .module b { display:block; font-size:1rem; margin-bottom:2px; }
  .module span { color:var(--muted); font-size:.92rem; }
  .product .actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
  .btn-dark { background:var(--ink); color:#fff; }
  .btn-dark:hover { background:var(--ink2); }
  .btn-line { background:#fff; color:var(--ink); border:2px solid var(--line); }
  .btn-line:hover { border-color:var(--ink); }
  .soon { margin-top:22px; border:2px dashed #cbd5e1; border-radius:24px; padding:26px 30px; color:var(--muted); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
  .soon b { color:var(--text); font-size:1.1rem; }
  .why { background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .grid3 { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
  .feature { padding:24px; border-radius:20px; background:var(--bg); border:1px solid var(--line); }
  .feature .icon { width:44px; height:44px; border-radius:12px; background:rgba(30,107,255,.12); color:var(--amber); display:grid; place-items:center; font-size:1.3rem; margin-bottom:12px; }
  .feature h4 { margin:0 0 6px; font-size:1.1rem; }
  .feature p { margin:0; color:var(--muted); font-size:.97rem; }
  .contact { display:grid; grid-template-columns: .9fr 1.1fr; gap:34px; align-items:start; }
  .contact-info p { color:var(--muted); }
  .contact-info a.mail { display:block; font-weight:800; color:var(--cyan); text-decoration:none; margin:6px 0; font-size:1.05rem; }
  form.card { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:28px; box-shadow:0 10px 30px rgba(15,23,42,.06); display:grid; gap:14px; grid-template-columns:1fr 1fr; }
  form.card label { display:grid; gap:6px; font-weight:700; font-size:.92rem; }
  form.card .full { grid-column:1 / -1; }
  input, select, textarea { font:inherit; padding:12px 14px; border:1.5px solid #cbd5e1; border-radius:12px; background:#fff; color:var(--text); }
  input:focus, select:focus, textarea:focus { outline:3px solid rgba(30,107,255,.35); border-color:var(--amber2); }
  textarea { min-height:120px; resize:vertical; }
  .trap { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
  .note { font-size:.82rem; color:var(--muted); margin:0; }
  .status { grid-column:1 / -1; margin:0; padding:12px 14px; border-radius:12px; font-weight:700; display:none; }
  .status.ok { display:block; background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
  .status.bad { display:block; background:#fff1f2; color:#9f1239; border:1px solid #fecdd3; }
  footer { background:var(--ink); color:#94a3b8; padding:34px 0; font-size:.92rem; }
  footer .wrap { display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; }
  footer a { color:#e2e8f0; text-decoration:none; }
  @media (max-width: 860px) {
    nav.links { display:none; }
    .product, .contact { grid-template-columns:1fr; padding:24px; }
    .grid3 { grid-template-columns:1fr; }
    form.card { grid-template-columns:1fr; padding:22px; }
    .hero { padding:60px 0 70px; }
    section { padding:56px 0; }
  }
  @media (max-width: 480px) { .modules { grid-template-columns:1fr; } .hero .actions .btn { width:100%; } }
  .wa { position:fixed; right:18px; bottom:18px; z-index:20; display:inline-flex; align-items:center; gap:10px; background:#25D366; color:#fff; text-decoration:none; font-weight:800; padding:12px 18px 12px 14px; border-radius:999px; box-shadow:0 10px 26px rgba(0,0,0,.22); }
  .wa svg { width:26px; height:26px; }
  .wa:hover { background:#1ebe5a; }
  @media (max-width:480px) { .wa span { display:none; } .wa { padding:14px; } }
  nav.links a.client { border:1.5px solid rgba(255,255,255,.4); padding:6px 12px; border-radius:10px; }
  .news { display:grid; gap:12px; }
  .news article { background:#fff; border:1px solid var(--line); border-radius:18px; padding:18px 20px; }
  .news time { font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--amber); }
  .news h3 { margin:4px 0 4px; font-size:1.08rem; }
  .news p { margin:0; color:var(--muted); }
  .steps3 { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; counter-reset:s; }
  .steps3 div { background:#fff; border:1px solid var(--line); border-radius:20px; padding:22px; counter-increment:s; }
  .steps3 div::before { content:counter(s); display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--ink); color:#fff; font-weight:800; margin-bottom:10px; }
  .steps3 h4 { margin:0 0 6px; } .steps3 p { margin:0; color:var(--muted); }
  details.faq { background:#fff; border:1px solid var(--line); border-radius:16px; padding:16px 18px; margin-bottom:10px; }
  details.faq summary { font-weight:800; cursor:pointer; }
  details.faq p { color:var(--muted); margin:10px 0 0; }
  .audience { display:flex; flex-wrap:wrap; gap:10px; }
  .audience span { background:#fff; border:1px solid var(--line); border-radius:999px; padding:9px 16px; font-weight:700; }
  @media (max-width:860px) { .steps3 { grid-template-columns:1fr; } }