:root{
      --bg:#ffffff;
      --text:#111;
      --accent:#0b74de;
      --muted:#666;
      --card:#fafafa;
      --border:#e6e6e6;
      --maxw:980px;
      --radius:10px;
      font-family: Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    body{
      background:var(--bg);
      color:var(--text);
      margin:24px;
      display:flex;
      justify-content:center;
    }
    .container{
      max-width:1200px !important;
      margin:0 auto !important;
	  box-shadow:0 6px 18px rgba(20,20,20,0.06);
      border-radius:var(--radius);
      overflow:hidden;
      border:1px solid var(--border);
      background:linear-gradient(180deg, #fff 0%, #fbfbfb 100%);
    }
	.container a {color:red !important; text-decoration:underline !important;}
    .container p, .container ul, .container li, .container h2, .container h3, .container h4 {marign:1rem 0 !important;}
	header{
      padding:28px 32px;
      background:linear-gradient(90deg, rgba(11,116,222,0.06), rgba(0,0,0,0.02));
      border-bottom:1px solid var(--border);
    }
    header h1{ margin:0; font-size:20px; letter-spacing:0.2px; }
    header p{ margin:6px 0 0; color:var(--muted); font-size:14px; }

    main{ padding:28px 32px; }
    h2{ margin-top:1rem; color:var(--accent); font-size:18px; }
    h3{ margin:1rem 0 6px; font-size:16px; }
    p{ margin:1rem 0; line-height:1.45 rem; color:var(--text); }
    ul{ margin:8px 0 12px 20px; color:var(--text); }
    .criteria{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
    .chip{
      background:var(--card);
      border:1px solid var(--border);
      padding:8px 12px;
      border-radius:999px;
      font-size:13px;
      color:var(--muted);
    }

    .company {
      padding:14px;
      margin:12px 0;
      border-radius:8px;
      background:#fff;
      border:1px solid #f0f0f0;
    }
    .company .title { display:flex; justify-content:space-between; align-items:center; gap:12px; }
    .company h3 { margin:0; font-size:15px; }
    .meta { color:var(--muted); font-size:13px; }

    table.compare{
      width:100%;
      border-collapse:collapse;
      margin-top:18px;
      font-size:14px;
      table-layout:fixed;
    }
    table.compare th, table.compare td{
      padding:12px;
      border:1px solid var(--border);
      text-align:left;
      vertical-align:top;
    }
    table.compare th{
      background:#fafcff;
      color:var(--accent);
      font-weight:600;
    }

    .conclusion{
      margin-top:18px;
      padding:16px;
      background:linear-gradient(180deg,#fffef6, #fff);
      border:1px solid #f3ead1;
      border-radius:8px;
    }

    footer{
      padding:18px 32px;
      border-top:1px solid var(--border);
      color:var(--muted);
      font-size:13px;
    }

    /* responsive */
    @media (max-width:720px){
      header, main, footer{ padding-left:16px; padding-right:16px; }
      .criteria{ gap:8px; }
      table.compare th, table.compare td{ font-size:13px; padding:10px; }
    }