:root{
      --ink:#0a0a0a;
      --muted:#5f6368;
      --bg:#eef2f7;
      --card:#ffffff;
      --border:#e6e7eb;
      --accent:#007aff;
      --ok:#16a34a;
      --radius:18px;
      --soft:#f8fafc;
    }

    *{ box-sizing:border-box; -webkit-tap-highlight-color: transparent; }
    html,body{ height:auto; min-height:100%; }

    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      background:var(--bg);
      color:var(--ink);
      min-height:100svh;
      display:flex;
      justify-content:center;
      align-items:flex-start;
      padding: max(16px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));
      font-size:16px;
      line-height:1.45;
    }

    .container{
      width:100%;
      max-width:720px;
      margin:0 auto;
    }

    /* Screen switching (FIX) */
    .screen{ display:none; }
    .screen.is-active{ display:block; }
    .fade-in{ animation:fadeIn .35s ease-out both; }
    @keyframes fadeIn{
      from{ opacity:0; transform:translateY(6px); }
      to{ opacity:1; transform:none; }
    }

    /* Loading spinner (FIX) */
    .loader{
      margin:18px auto 0;
      width:44px; height:44px;
      border:4px solid #e9eaee;
      border-top:4px solid var(--accent);
      border-radius:50%;
      animation:spin .9s linear infinite;
    }
    @keyframes spin{ to{ transform:rotate(360deg); } }

    /* Top status line */
    .status-line{
      display:flex;
      align-items:center;
      gap:10px;
      font-weight:800;
      color:var(--ok);
      font-size:18px;
      margin:6px 2px 12px;
    }

    .card{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:0 10px 30px rgba(0,0,0,0.08);
      padding: clamp(18px, 4.2vw, 34px);
      text-align:center;
    }

    .icon-tile{
      width:56px;
      height:56px;
      border-radius:14px;
      background:#f2f6ff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:26px;
      margin: 2px auto 14px;
      user-select:none;
    }

    h1{
      margin:0 0 6px;
      font-size: clamp(26px, 5vw, 42px);
      line-height:1.12;
      letter-spacing:-0.02em;
    }

    .brand{
      margin:0 0 10px;
      font-weight:800;
      color:#4b5563;
      font-size:16px;
    }

    .copy{
      margin:0 auto;
      max-width: 560px;
      font-size: clamp(16px, 3.4vw, 20px);
      color:#111827;
    }
    .copy strong{ font-weight:900; }

    .cta-group{
      display:flex;
      gap:12px;
      margin:18px auto 8px;
      justify-content:center;
      flex-wrap:wrap;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:16px 18px;
      border-radius:12px;
      font-weight:800;
      text-decoration:none;
      border:1px solid transparent;
      cursor:pointer;
      min-height:52px;
      font-size:16px;
      line-height:1;
      transition: transform .08s ease;
      flex: 1 1 240px;
      max-width: 340px;
    }
    .btn:active{ transform: translateY(1px); }
    .btn:focus-visible{ outline:3px solid #b9d6ff; outline-offset:3px; }

    .btn-accept{
      background:var(--ok);
      color:#fff;
      box-shadow:0 10px 22px rgba(22,163,74,0.22);
    }
    .btn-decline{
      background:#e5e7eb;
      color:#4b5563;
    }

    .fine{
      margin: 8px 0 0;
      font-size:14px;
      color:var(--muted);
    }

    .features{
      list-style:none;
      padding:0;
      margin:16px auto 0;
      text-align:left;
      max-width:520px;
    }
    .features li{
      display:flex;
      gap:10px;
      align-items:flex-start;
      margin:10px 0;
      font-size:16px;
      color:var(--ink);
    }
    .features li .check{
      color:#111827;
      font-weight:900;
      line-height:1;
      margin-top:1px;
    }

    /* Trust area */
    .trust-wrap{ margin-top:12px; }

    .meta-item{
      font-size:12px;
      color:var(--muted);
      background:var(--soft);
      border:1px solid #eef2f7;
      padding:10px 10px;
      border-radius:12px;
      line-height:1.2;
      margin:10px 0 10px;
    }
    .meta-item.alert{
      background:#fff7ed;
      border-color:#fed7aa;
      color:#7c2d12;
      text-align:left;
    }
    .meta-item.alert strong{ color:#7c2d12; font-weight:900; }

    /* Reviews rows (RESTORED) */
    .reviews{
      display:flex;
      flex-direction:column;
      gap:10px;
      margin-top:6px;
    }
    .review-row{
      border:1px solid var(--border);
      background:#ffffff;
      border-radius:14px;
      padding:10px 12px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }
    .review-left{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }
    .logo{
      height:16px;
      width:auto;
      display:block;
      flex:0 0 auto;
    }
    .stars{
      display:flex;
      align-items:center;
      line-height:0;
    }
    .starstrip{
      height:14px;
      width:82px;
      display:block;
      object-fit:contain;
    }
    .review-right{
      font-size:14px;
      color:#0b1a3a;
      white-space:nowrap;
      flex:0 0 auto;
    }
    .review-right span{
      color:var(--muted);
      font-weight:600;
    }

    .divider{
      height:1px;
      background:#eef2f7;
      margin:14px 0 12px;
    }

    /* Bottom trust tiles: smaller + clean */
    .trust-badges{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      justify-content:center;
      margin-top:10px;
    }
    .trust-pill{
      flex: 1 1 140px;
      max-width: 170px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      background:#ffffff;
      border:1px solid var(--border);
      border-radius:14px;
      padding:10px 10px;
      color:var(--muted);
      font-size:12px;
      line-height:1.15;
      white-space:nowrap;
    }
    .trust-pill img{
      width:18px;
      height:18px;
      object-fit:contain;
      display:block;
    }

    @media (max-width:420px){
      .btn{ flex:1 1 100%; max-width:100%; }
      .trust-pill{ max-width:none; }
      .review-right{ font-size:13px; }
    }

    @media (prefers-reduced-motion: reduce){
      .loader{ animation:none; }
      .fade-in{ animation:none; }
    }
    /* Badge pills that are image-only */
.trust-pill--img{
  padding:12px;
  justify-content:center;
}

/* Big badge images */
.trust-pill--img img{
  width:100%;
  max-width:120px;   /* increase to 140 if you want bigger */
  height:34px;       /* controls visual size */
  object-fit:contain;
  display:block;
}

/* Mobile: make them bigger and stack nicer */
@media (max-width:420px){
  .trust-pill{ flex: 1 1 45%; }
  .trust-pill--img img{
    max-width:140px;
    height:38px;
  }
}

  

/* Static-copy footer and deployment hardening */
body { flex-direction: column; }
.page-shell { width: 100%; }
.site-footer {
  width: 100%;
  max-width: 1040px;
  margin: 18px auto 0;
  padding: 0 12px 12px;
  text-align: center;
  color: #202124;
}
.disclaimer {
  margin: 0 auto 10px;
  font-size: 11px;
  line-height: 1.25;
  max-width: 1000px;
}
.legal-links { margin: 8px 0; font-size: 12px; }
.legal-links a { color: #111827; text-decoration: none; }
.legal-links a:hover, .legal-links a:focus-visible { text-decoration: underline; }
.copyright { margin: 8px 0 0; font-size: 13px; }
@media (max-width: 420px) {
  .disclaimer { font-size: 10px; }
}