:root{
       
      --card:#11131a;
      --text:#f5f6f8;
      --muted:#b7bcc6;
      --line:rgba(255,255,255,.12);
      --accent:#ffffff;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      background: radial-gradient(1200px 700px at 20% 0%, rgba(255,255,255,.08), transparent 60%),
                  radial-gradient(900px 600px at 90% 20%, rgba(255,255,255,.05), transparent 55%),
                  var(--bg);
      color:var(--text);
      line-height:1.45;
      letter-spacing:.2px;
    }
    .wrap{
      max-width: 920px;
      margin: 0 auto;
      padding: 72px 20px;
    }
    .card{
      border:1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 55%), var(--card);
      border-radius: 22px;
      padding: 44px;
      box-shadow: 0 20px 60px rgba(0,0,0,.45);
    }
    .eyebrow{
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.24em;
      color:var(--muted);
      margin:0 0 10px 0;
    }
    h1{
      font-size:40px;
      margin:0 0 14px 0;
      letter-spacing:-.02em;
    }
    .lead{
      font-size:18px;
      color:var(--muted);
      max-width: 65ch;
      margin:0 0 28px 0;
    }
    .price{
      display:inline-flex;
      align-items:baseline;
      gap:10px;
      padding:10px 14px;
      border:1px solid var(--line);
      border-radius: 999px;
      margin: 10px 0 28px 0;
      background: rgba(255,255,255,.03);
    }
    .price strong{font-size:20px}
    .price span{font-size:12px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}
    .grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px 28px;
      margin-top: 10px;
    }
    .block{
      border-top:1px solid var(--line);
      padding-top:18px;
    }
    h2{
      font-size:13px;
      margin:0 0 10px 0;
      text-transform:uppercase;
      letter-spacing:.18em;
      color:var(--muted);
    }
    ul{
      margin:0;
      padding-left: 18px;
      color: var(--text);
    }
    li{margin: 8px 0}
    .meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top: 12px;
      color:var(--muted);
      font-size:14px;
    }
    .pill{
      border:1px solid var(--line);
      border-radius:999px;
      padding:8px 12px;
      background: rgba(255,255,255,.02);
    }
    .cta{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      margin-top: 28px;
      padding-top: 22px;
      border-top:1px solid var(--line);
    }
    .cta p{
      margin:0;
      color:var(--muted);
      max-width: 55ch;
    }
    .btn{
      appearance:none;
      border:1px solid rgba(255,255,255,.22);
      background: var(--accent);
      color:#0b0c0f;
      padding: 12px 16px;
      border-radius: 14px;
      font-weight: 600;
      letter-spacing:.02em;
      cursor:pointer;
      text-decoration:none;
      transition: transform .12s ease, opacity .12s ease;
      white-space:nowrap;
    }
    .btn:hover{transform: translateY(-1px); opacity:.95}
    .btn:active{transform: translateY(0px); opacity:.9}
    @media (max-width: 720px){
      .card{padding: 28px}
      h1{font-size:32px}
      .grid{grid-template-columns: 1fr}
    }