:root {
      --bg: #0b0b12;
      --card: #121222;
      --text: #e7e8f1;
      --muted: #b7b9c6;
      --accent: #ff3d6e;
      --accent-2: #6ae1ff;
      --ok: #2ad27a;
      --warn: #ffd166;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
      color: var(--text);
      background: linear-gradient(180deg, #0a0a10, #0b0b12 40%, #0b0b12);
    }
    a { color: inherit; text-decoration: none; }
    .container { width: 92%; max-width: 1200px; margin: 0 auto; }

    /* Hero */
    .hero {
      position: relative;
      min-height: 86vh;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 80px 0 40px;
      background:
        radial-gradient(1000px 500px at 50% -10%, rgba(255,61,110,.15), transparent 60%),
        url('https://cdn.abacus.ai/images/2defee84-24d2-4c5f-8fcb-6f439304f284.png') center/cover no-repeat;
    }
    .hero::after {
      content: "";
      position: absolute; inset: 0;
      background: linear-gradient(180deg, rgba(11,11,18,.55), rgba(11,11,18,.9));
    }
    .hero-inner { position: relative; z-index: 2; }
    .badge {
      display: inline-flex; align-items: center; gap: .6rem;
      padding: .5rem .8rem; border-radius: 999px;
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(6px);
      font-weight: 600; color: #fff;
      border: 1px solid rgba(255,255,255,.12);
    }
    .badge .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 10px var(--ok); }
    h1 {
      font-size: clamp(2rem, 2vw + 1.6rem, 3rem);
      line-height: 1.1; margin: 16px 0 12px;
      text-shadow: 0 4px 30px rgba(0,0,0,.5);
    }
    .sub {
      color: var(--muted);
      font-size: clamp(1rem, .6vw + .9rem, 1.2rem);
      max-width: 850px; margin: 0 auto 22px;
    }
    .price {
      display: inline-block;
      font-weight: 800; font-size: 1.1rem;
      background: linear-gradient(90deg, var(--accent), var(--accent-2));
      -webkit-background-clip: text; background-clip: text; color: transparent;
      margin-bottom: 26px;
    }
    .cta-row {
      display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;
    }
    .btn {
      padding: 14px 20px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14);
      background: #ffffff10; color: #fff; font-weight: 700;
      box-shadow: 0 10px 24px rgba(0,0,0,.25);
      transition: transform .15s ease, background .2s ease, border-color .2s ease;
    }
    .btn:hover { transform: translateY(-2px); background: #ffffff18; border-color: #ffffff26; }
    .btn-primary {
      background: linear-gradient(135deg, var(--accent), #ff6f91);
      border-color: transparent;
    }
    .btn-primary:hover { filter: brightness(1.05); }
    .deadline {
      display: inline-flex; align-items: center; gap: .6rem; margin-top: 14px;
      color: var(--warn); font-weight: 700;
    }
    #countdown { font-variant-numeric: tabular-nums; }

    /* Features */
    section { padding: 40px 0; }
    .cards {
      display: grid; gap: 16px;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
    .card {
      background: var(--card);
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 16px; padding: 20px;
      box-shadow: 0 10px 30px rgba(0,0,0,.25);
    }
    .card h3 { margin: 0 0 6px; font-size: 1.05rem; }
    .card p { margin: 0; color: var(--muted); }
    .check { color: var(--ok); margin-right: 6px; }

    /* Gallery */
    .gallery {
      display: grid; gap: 14px;
      grid-template-columns: repeat(12, 1fr);
    }
    .gallery img {
      width: 100%; height: 100%; object-fit: cover; border-radius: 14px;
      border: 1px solid rgba(255,255,255,.06);
    }
    .g1 { grid-column: span 7; aspect-ratio: 16/9; }
    .g2 { grid-column: span 5; aspect-ratio: 16/9; }
    .g3 { grid-column: span 6; aspect-ratio: 16/9; }
    .g4 { grid-column: span 6; aspect-ratio: 16/9; }
    @media (max-width: 860px){
      .g1, .g2, .g3, .g4 { grid-column: 1 / -1; }
    }

    /* Why us / Process */
    .split {
      display: grid; gap: 24px; align-items: start;
      grid-template-columns: repeat(12, 1fr);
    }
    .split .left { grid-column: span 6; }
    .split .right { grid-column: span 6; }
    @media (max-width: 900px) {
      .split .left, .split .right { grid-column: 1 / -1; }
    }
    ul { padding-left: 1.2rem; color: var(--muted); }
    li { margin: .4rem 0; }

    /* FAQ */
    details {
      background: var(--card); border: 1px solid rgba(255,255,255,.06);
      border-radius: 12px; padding: 14px 16px; margin-bottom: 10px;
    }
    summary { cursor: pointer; font-weight: 700; }
    summary::-webkit-details-marker { display:none; }
    .foot {
      text-align: center; color: var(--muted); font-size: .95rem; padding-bottom: 48px;
    }
    .tiny { font-size: .85rem; color: var(--muted); }