.install-page {
      min-height: 100vh;
      padding: 3rem 0 4rem;
      background:
        radial-gradient(circle at 15% 15%, rgba(255, 136, 36, 0.13), transparent 24rem),
        linear-gradient(180deg, var(--cream-bg), var(--surface));
    }
    .install-shell {
      width: min(100% - 2rem, 46rem);
      margin-inline: auto;
    }
    .install-back {
      display: inline-flex;
      margin-bottom: 1.5rem;
      color: var(--brown);
      font-weight: 700;
    }
    .install-card {
      padding: clamp(1.4rem, 5vw, 2.5rem);
      border: 2px solid rgba(221, 193, 176, 0.5);
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: var(--shadow-soft);
    }
    .install-brand {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 1.25rem;
      font-family: var(--font-display);
      font-size: 1.35rem;
      font-weight: 800;
    }
    .install-brand img {
      width: 48px;
      height: 48px;
      border-radius: 14px;
    }
    .install-title {
      margin-bottom: 0.65rem;
      font-family: var(--font-display);
      font-size: clamp(1.65rem, 5vw, 2.25rem);
      line-height: 1.35;
    }
    .install-lead {
      margin-bottom: 1.75rem;
      color: var(--brown-muted);
      font-size: 1.02rem;
    }
    .install-steps {
      display: grid;
      gap: 1rem;
      margin: 1.5rem 0 2rem;
      list-style: none;
      counter-reset: install-step;
    }
    .install-steps li {
      position: relative;
      min-height: 3rem;
      padding: 0.75rem 3.8rem 0.75rem 0.9rem;
      border: 1px solid var(--outline);
      border-radius: 16px;
      background: var(--cream-bg);
      color: var(--brown);
      counter-increment: install-step;
    }
    .install-steps li::before {
      content: counter(install-step);
      position: absolute;
      top: 50%;
      right: 0.8rem;
      display: grid;
      width: 2.25rem;
      height: 2.25rem;
      place-items: center;
      border-radius: 50%;
      background: var(--primary);
      color: var(--white);
      font-family: var(--font-display);
      font-weight: 800;
      transform: translateY(-50%);
    }
    .install-note {
      margin: 1rem 0;
      padding: 1rem;
      border-right: 4px solid var(--primary);
      border-radius: 12px;
      background: var(--cream-warm);
      color: var(--brown-muted);
    }
    .install-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 0.75rem;
      margin-top: 1.75rem;
    }
    .install-download-meta {
      color: var(--brown-muted);
      font-size: 0.92rem;
      font-weight: 700;
    }
    .install-actions--top { margin-top: 0; flex-direction: column; }
    .install-actions--top .btn { width: 100%; }
    .install-troubleshooting { margin: 1.2rem 0; padding: 1rem; border: 1px solid var(--outline); border-radius: 14px; background: var(--cream-bg); }
    .install-troubleshooting summary { cursor: pointer; font-weight: 700; }
    .install-troubleshooting p { margin: .8rem 0; }
    .install-troubleshooting label { display: block; margin: .8rem 0 .4rem; }
    .install-copy-row { display: flex; gap: .5rem; }
    .install-copy-row input { min-width: 0; flex: 1; padding: .65rem; border: 1px solid var(--outline); border-radius: 8px; font: inherit; font-size: .85rem; }
    .install-steps-title { font-size: 1.2rem; margin-top: 1.5rem; }
    [hidden] { display: none !important; }
    @media (max-width: 520px) {
      .install-page { padding-top: 1.5rem; }
      .install-card { border-radius: 20px; }
    }