:root{
      --bg: #ffffff;
      --panel: #e3e3e32b;
      --text: #222222;
      --muted: #3e3e3e;
      --border: rgb(255 255 255 / 7%);
      --accent: #004ef9;
      --accent2: #0d9488;
      --shadow: 1px 1px 9px rgb(0 0 0 / 13%);
      --max: 980px;
      --radius: 14px;
      --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
    }
    html,body{margin:0}
    body{
      font-family:var(--font);
      background:var(--bg);
      color:var(--text);
      line-height:1.55;
    }
    a{color:var(--accent); text-decoration:none; font-weight:600;}
    a:hover{text-decoration:underline}
    .top-stripe{
      height:8px;
      background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent));
    }
    header{padding:40px 16px 20px}
    .wrap{max-width:var(--max); margin:0 auto}
    .hero{
      background:var(--panel);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:26px;
    }
    h1{
      margin:0 0 8px;
      font-size:clamp(28px,4vw,42px);
      letter-spacing:.3px;
    }
    .sub{
      color:var(--muted);
      max-width:72ch;
      margin:0 0 16px;
    }
    .sub-blue{
      color:var(--accent);
      max-width:72ch;
      margin:15px 0 16px;
    }
    .btn{
      display:inline-block;
      padding:10px 16px;
      border-radius:999px;
      border:1px solid var(--border);
      background:rgba(255,255,255,.05);
      font-weight:600;
    }
    .btn.primary{
      background:linear-gradient(180deg, rgb(0 81 255 / 67%), rgb(0 80 255 / 59%));
      color:white;
      font-weight:700;
    }
    main{padding:10px 16px 40px}
    section{
      background:var(--panel);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:26px;
      margin-bottom:16px;
      box-shadow:1px 1px 9px rgb(0 0 0 / 13%);
    }
    section h2{
      margin:0 0 12px;
      font-size:22px;
    }
    .qa{margin-top:14px}
    .q{font-weight:700; margin:0 0 6px}
    .a{margin:0; color:#3e3e3e}
    ul{margin:8px 0 0 18px}
    li{margin:6px 0}
    footer{
      padding:18px 16px 30px;
      color:#2e2e2e;
      font-size:14px;
    }
    footer .wrap{
      border-top:1px solid var(--border);
      padding-top:16px;
      display:flex;
      justify-content:space-between;
      flex-wrap:wrap;
      gap:10px;
    }