body {
      margin: 0;
      font-family: 'Inter', sans-serif;
      background: #f5f5f7;
      color: #1d1d1f;
    }

    .container {
      max-width: 1000px;
      margin: auto;
      padding: 20px;
    }

    /* HEADER */
    .app-header {
      display: flex;
      gap: 20px;
      align-items: center;
      margin-top: 40px;
    }

    .app-icon {
      width: 100px;
      height: 100px;
      border-radius: 24px;
      object-fit: contain;
      background: rgb(108,59,170);
      padding: 12px;
      box-shadow: 
        0 4px 10px rgba(0,0,0,0.08),
        0 1px 3px rgba(0,0,0,0.1);
    }

    .app-info h1 {
      margin: 0;
      font-size: 28px;
    }

    .app-info p {
      margin: 5px 0;
      color: #6e6e73;
    }

    .download-btn {
      margin-top: 10px;
      display: inline-block;
      background: #007aff;
      color: white;
      padding: 10px 20px;
      border-radius: 20px;
      text-decoration: none;
      font-weight: 600;
    }

    .meta {
      display: flex;
      gap: 20px;
      margin-top: 10px;
      font-size: 14px;
      color: #6e6e73;
    }

    /* SCREENSHOTS */
    .screens {
      margin-top: 40px;
      display: flex;
      gap: 20px;
      overflow-x: auto;
      padding-bottom: 10px;
    }

    .screens img {
      height: 500px;
      border-radius: 30px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    }

    /* SECTIONS */
    .section {
      margin-top: 50px;
    }

    .section h2 {
      font-size: 22px;
      margin-bottom: 10px;
    }

    .section p {
      color: #444;
      line-height: 1.6;
    }

    /* FEATURES */
    .features {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      margin-top: 20px;
    }

    .feature {
      background: white;
      padding: 20px;
      border-radius: 16px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }

    .feature h3 {
      margin-top: 0;
      font-size: 16px;
    }

    /* FOOTER */
    footer {
      margin-top: 60px;
      padding: 30px 0;
      text-align: center;
      font-size: 14px;
      color: #888;
    }

    footer a {
      color: #007aff;
      text-decoration: none;
    }

  body {
      margin: 0;
      font-family: 'Inter', sans-serif;
      background: #f5f5f7;
      color: #1d1d1f;
    }

    .container {
      max-width: 820px;
      margin: auto;
      padding: 40px 20px;
    }

    h1 {
      font-size: 34px;
      margin-bottom: 5px;
    }

    .subtitle {
      color: #6e6e73;
      margin-bottom: 30px;
    }

    .card {
      background: white;
      padding: 30px;
      border-radius: 18px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
      margin-bottom: 20px;
    }

    h2 {
      font-size: 20px;
      margin-top: 0;
    }

    p {
      line-height: 1.7;
      color: #444;
    }

    ul {
      padding-left: 20px;
      color: #444;
      line-height: 1.7;
    }

    li {
      margin-bottom: 8px;
    }

    .highlight {
      background: #f2f2ff;
      padding: 15px;
      border-radius: 12px;
      margin-top: 15px;
    }

    a {
      color: #007aff;
      text-decoration: none;
      font-weight: 500;
    }

    footer {
      margin-top: 40px;
      text-align: center;
      font-size: 14px;
      color: #888;
    }