:root{
      --accent:#0a6fbf;
      --muted:#666;
      --bg:#ffffff;
      --card:#f9fbff;
      font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color:#111;
    }
    body{margin:0;background:var(--bg);line-height:1.6}
    .container{max-width:1100px;margin:28px auto;padding:0 20px}
    header{display:flex;align-items:center;gap:18px}
    .brand-badge{background:#eef6ff;color:var(--accent);padding:6px 10px;border-radius:6px;font-weight:600;font-size:14px}
    h1{margin:6px 0;font-size:24px}
    .hero{display:grid;grid-template-columns: 1fr 360px;gap:20px;margin-top:18px}
    .card{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 8px 20px rgba(10,50,90,0.04)}
    .specs-table{width:100%;border-collapse:collapse}
    .specs-table th,.specs-table td{padding:10px;border-bottom:1px solid #e6eef7;text-align:left;font-size:14px}
    .specs-table th{width:36%;color:var(--muted);font-weight:600}
    .feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}
    .feature-list li{background:#fff;padding:10px;border-radius:8px;border:1px solid #eef4fb}
    .cta{display:flex;gap:12px;margin-top:12px}
    .btn{display:inline-block;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:600}
    .btn-primary{background:var(--accent);color:#fff}
    .btn-outline{border:1px solid var(--accent);color:var(--accent);background:transparent}
    .tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
    .section{margin-top:22px}
    .apps{display:flex;flex-wrap:wrap;gap:12px}
    .app-pill{background:#eef6ff;padding:8px 12px;border-radius:20px;font-weight:600}
    footer{margin:40px 0 80px;color:var(--muted);font-size:13px;text-align:center}
    @media (max-width:880px){
      .hero{grid-template-columns:1fr}
      .tech-grid{grid-template-columns:1fr}
      .feature-list{grid-template-columns:1fr}
    }