:root {
      --green: #60A61F; 
      --green-600: #15803d; 
      --text: #052e16; 
      --card: #0c3b22;
      --white: #ffffff;
    }

    * { box-sizing: border-box; }
    html, body { height: 100%; }
    body {
      margin: 0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
      background: radial-gradient(1200px 800px at 50% -10%, rgba(255,255,255,0.15), transparent 60%), var(--green);
      color: var(--white);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: grid;
      place-items: center;
    }

    .container {
      width: min(92vw, 900px);
      text-align: center;
      display: grid;
      gap: 1.25rem;
      padding: 3rem 1rem;
    }

    .logo {
      width: min(500px, 60vw);
      height: auto;
      margin-inline: auto;
      filter: drop-shadow(0 8px 20px rgba(0,0,0,0.25));
    }

    h1 {
      margin: 0.25rem 0 0.5rem;
      font-size: clamp(2rem, 4vw, 3rem);
      letter-spacing: 0.5px;
    }

    .slogan {
      margin: 0 0 0.5rem;
      font-size: clamp(1.05rem, 2.2vw, 1.25rem);
      opacity: 0.95;
    }

    .soon {
      display: inline-block;
      background: rgba(255,255,255,0.12);
      padding: 0.5rem 0.9rem;
      border-radius: 999px;
      font-weight: 600;
      letter-spacing: 0.3px;
      border: 1px solid rgba(255,255,255,0.18);
      backdrop-filter: blur(4px);
    }

    .stores {
      display: flex;
      gap: 0.75rem;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 0.5rem;
    }

    .store-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      padding: 0.7rem 1rem;
      border-radius: 14px;
      background: rgba(4, 20, 10, 1);
      color: var(--white);
      text-decoration: none;
      border: 1px solid rgba(255,255,255,0.18);
      transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
      will-change: transform;
    }

    .store-badge:hover { transform: translateY(-2px); background: rgba(4, 20, 10, 0.7); border-color: rgba(255,255,255,0.28); }
    .store-badge:active { transform: translateY(0); }

    .icon { width: 22px; height: 22px; display: inline-block; }

    footer {
      margin-top: 1rem;
      font-size: 0.9rem;
      opacity: 0.85;
    }

    @media (prefers-reduced-motion: reduce) {
      .store-badge { transition: none; }
    }