:root {
      --accent: #1f8dd6;
      --muted: #667085;
      --bg: #f6f8fb;
      --card: #fff;
      --accent-2: #7b3fe4;
    }
    body {
      font-family: Inter, system-ui, Arial, sans-serif;
      background: var(--bg);
      color: #0f1724;
      margin: 0;
      padding: 26px;
      -webkit-font-smoothing:antialiased;
    }
    .wrap { max-width: 1100px; margin: 0 auto; }
    header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
    .brand { font-weight:800; color:var(--accent-2); font-size:20px; }
    .sub { color:var(--muted); font-size:13px; }
    .hero { background:var(--card); padding:22px; border-radius:12px; box-shadow:0 8px 30px rgba(20,30,60,0.06); display:grid; grid-template-columns: 1fr 360px; gap:20px; align-items:start; }
    h1 { margin:0 0 8px; font-size:26px; color:#0b2540; }
    p.lead { margin:0 0 12px; color:var(--muted); }
    ul.bullets { padding-left:18px; margin-top:10px; }
    ul.bullets li { margin-bottom:8px; }
    .cta { display:inline-block; background:var(--accent-2); color:#fff; padding:12px 18px; border-radius:10px; text-decoration:none; font-weight:700; margin-top:10px; }
    .card { background:var(--card); padding:18px; border-radius:12px; box-shadow:0 6px 20px rgba(10,10,20,0.04); }
    .specs table { width:100%; border-collapse:collapse; margin-top:10px; }
    .specs td { padding:8px 10px; border-bottom:1px solid #eef2fb; color:var(--muted); }
    .grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:12px; }
    .roi { background:#fff; padding:14px; border-radius:10px; box-shadow:inset 0 0 8px rgba(123,63,228,0.03); font-weight:700; color:var(--accent-2); }
    .images { display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; justify-content:center; }
    .images img { width:100%; max-width:520px; border-radius:12px; object-fit:cover; box-shadow:0 8px 24px rgba(0,0,0,0.06); }
    .side-by-side { display:flex; gap:12px; flex-wrap:wrap; margin-top:12px; }
    .side-by-side img { width:calc(50% - 6px); border-radius:10px; object-fit:cover; box-shadow:0 8px 20px rgba(0,0,0,0.06); }
    .faq .faq-item { margin-bottom:12px; padding:12px; border-radius:10px; background:#fff; cursor:pointer; box-shadow:0 6px 18px rgba(10,10,20,0.03); }
    .faq .question { color:var(--accent-2); font-weight:700; margin:0; }
    .faq .answer { display:none; margin-top:8px; color:var(--muted); }
    footer { text-align:center; color:var(--muted); font-size:13px; margin-top:28px; }
    @media (max-width:900px) {
      .hero { grid-template-columns:1fr; }
      .side-by-side img { width:100%; }
    }