/* CyberGuard — Remote Deep Scan public checkout.
   Extracted for cacheable static delivery. */

:root {
      --bg: #040d1a;
      --text: #eef6ff;
      --muted: #8fa8be;
      --cyan: #4bdcff;
      --green: #34d399;
      --panel: rgba(10, 24, 44, 0.92);
      --border: rgba(75, 220, 255, 0.14);
    }
    *, *::before, *::after { box-sizing: border-box; }
    body { margin: 0; font-family: Inter, system-ui, sans-serif; color: var(--text); background: var(--bg); line-height: 1.6; }
    a { color: var(--cyan); text-decoration: none; }
    a:hover { text-decoration: underline; }
    .wrap { width: min(1080px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 56px; }
    .nav { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 28px; }
    .brand { font-weight: 800; color: #fff; letter-spacing: .02em; }
    .grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 24px; align-items: start; }
    .hero, .card {
      background: var(--panel); border: 1px solid var(--border); border-radius: 22px;
      padding: 28px; box-shadow: 0 24px 70px rgba(0,0,0,.4);
    }
    .eyebrow {
      display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px;
      background: rgba(52,211,153,.1); border: 1px solid rgba(52,211,153,.28);
      color: #bbf7d0; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px;
    }
    h1 { margin: 0 0 12px; color: #fff; font-size: clamp(30px, 4vw, 42px); line-height: 1.1; }
    .lead { margin: 0 0 20px; color: var(--muted); font-size: 17px; max-width: 56ch; }
    .product-pick { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
    .pick {
      border: 1px solid rgba(95,190,255,.18); border-radius: 16px; padding: 16px; background: rgba(8,17,31,.8); cursor: pointer;
    }
    .pick input { margin-right: 8px; }
    .pick strong { display: block; color: #fff; font-size: 15px; margin-bottom: 4px; }
    .pick .amt { color: #7aeec3; font-size: 22px; font-weight: 800; margin: 6px 0; }
    .pick span { color: #9bbbd7; font-size: 12px; line-height: 1.45; display: block; }
    .pick.selected { border-color: rgba(122,238,195,.45); box-shadow: 0 0 0 1px rgba(122,238,195,.18); }
    ul.clean { margin: 0; padding-left: 18px; color: #d7ecff; }
    ul.clean li { margin: 8px 0; }
    .steps { margin-top: 18px; display: grid; gap: 10px; }
    .step {
      display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start;
      padding: 12px 14px; border-radius: 14px; background: rgba(8,17,31,.8); border: 1px solid rgba(95,190,255,.12);
    }
    .step-num { color: var(--green); font-weight: 800; }
    .step strong { color: #fff; display: block; }
    .step span { color: #9bbbd7; font-size: 13px; }
    .field { margin-bottom: 14px; }
    .field label { display: block; color: #9ec8e8; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; }
    .input, .textarea {
      width: 100%; background: #0f1b2d; color: #fff; border: 1px solid rgba(95,190,255,.28); border-radius: 12px; padding: 12px;
    }
    .textarea { min-height: 84px; resize: vertical; }
    .check { display: flex; gap: 10px; align-items: flex-start; color: #cfe6fb; font-size: 14px; margin: 16px 0; }
    .check input { margin-top: 4px; }
    .btn {
      display: inline-block; width: 100%; border: 0; border-radius: 12px; padding: 14px 16px;
      color: #fff !important; font-weight: 800; text-align: center; cursor: pointer;
      background: linear-gradient(135deg,#087a54,#10b981); text-decoration: none;
    }
    .note {
      margin-top: 14px; padding: 12px 14px; border-radius: 14px;
      background: rgba(8,17,31,.8); border: 1px solid rgba(95,190,255,.14); color: #9bbbd7; font-size: 13px;
    }
    .flash {
      margin-bottom: 16px; padding: 12px 14px; border-radius: 14px;
      background: rgba(255,107,129,.12); border: 1px solid rgba(255,107,129,.28); color: #ffc7d1;
    }
    .alt-links {
      display: flex; flex-wrap: wrap; gap: 10px 14px; margin: 0 0 20px;
      font-size: 13px; color: #9bbbd7;
    }
    .alt-links a { font-weight: 700; }
    .mobile-cta-bar {
      display: none;
      position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
      padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
      background: rgba(4,13,26,.97); backdrop-filter: blur(12px);
      border-top: 1px solid rgba(75,220,255,.18);
      box-shadow: 0 -12px 32px rgba(0,0,0,.45);
      gap: 8px;
    }
    .mobile-cta-bar .btn {
      flex: 1; width: auto; padding: 12px 10px; font-size: 13px;
    }
    .mobile-cta-bar .btn.ghost {
      background: rgba(255,255,255,.06); border: 1px solid rgba(148,163,184,.25);
    }
    @media (max-width: 900px) {
      .grid, .product-pick { grid-template-columns: 1fr; }
      .mobile-cta-bar { display: flex; }
      body { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
      .card { scroll-margin-top: 16px; }
    }