.install-page { background: #101018; color: #e8e9f0; }
.install-hero { background: radial-gradient(ellipse 620px 430px at 80% 18%, rgba(116, 72, 236, .24), transparent 72%), #101018; border-bottom: 1px solid #292837; padding: 104px 0 92px; }
.install-hero-grid { align-items: center; display: grid; gap: clamp(48px, 8vw, 110px); grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr); }
.install-hero h1 { font-size: clamp(42px, 5vw, 68px); letter-spacing: -2.5px; line-height: 1.04; margin: 0 0 22px; max-width: 11ch; }
.install-lede { color: #aaa6b5; font-size: 17px; line-height: 1.75; margin: 0 0 30px; max-width: 58ch; }
.download-button { align-items: center; display: inline-flex; }
.download-meta { color: #827d8e; font-size: 12px; margin: 15px 0 0; }
.checksum { color: #827d8e; font-size: 11px; margin-top: 12px; max-width: 620px; }
.checksum summary { color: #aaa6b5; cursor: pointer; }
.checksum p { line-height: 1.5; margin: 8px 0 0; }
.checksum code { color: #b8a5eb; overflow-wrap: anywhere; }
.package-card { background: #191923; border: 1px solid #4d3d79; border-radius: 9px; box-shadow: 0 24px 70px rgba(0, 0, 0, .24); padding: 27px; }
.package-card .availability { background: #173e32; border-radius: 20px; color: #a3eebf; display: inline-block; font-size: 10px; font-weight: 800; padding: 5px 9px; text-transform: uppercase; }
.package-card h2 { color: #f0ecf8; font-size: 22px; margin: 18px 0 8px; }
.package-card > p { color: #aaa6b5; font-size: 13px; line-height: 1.6; margin: 0 0 22px; }
.package-card ul { display: grid; gap: 0; list-style: none; margin: 0; padding: 0; }
.package-card li { border-top: 1px solid #302e40; display: grid; gap: 3px; padding: 13px 0; }
.package-card li:last-child { padding-bottom: 0; }
.package-card li strong { color: #ddd4f4; font-size: 12px; overflow-wrap: anywhere; }
.package-card li span { color: #8f8a99; font-size: 12px; line-height: 1.45; }
.install-section, .use-section, .platform-section { border-bottom: 1px solid #292837; padding: 88px 0; }
.install-section { background: #14131d; }
.use-section { background: #101018; }
.platform-section { background: #14131d; }
.section-heading { margin-bottom: 38px; max-width: 690px; }
.section-heading.centered { margin-left: auto; margin-right: auto; text-align: center; }
.section-heading h2 { color: #eeeaf5; font-size: clamp(29px, 3.5vw, 43px); letter-spacing: -1.1px; line-height: 1.15; margin: 0; }
.section-heading > p:last-child { color: #aaa6b5; line-height: 1.7; margin: 14px 0 0; }
.setup-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.setup-grid li { background: #1b1928; border: 1px solid #393448; border-radius: 7px; display: grid; gap: 17px; grid-template-columns: 36px 1fr; padding: 21px; }
.setup-grid li > span { align-items: center; background: #2b2740; border: 1px solid #4d3d79; border-radius: 5px; color: #c5afff; display: flex; font-size: 10px; font-weight: 800; height: 34px; justify-content: center; }
.setup-grid h3 { color: #eeeaf5; font-size: 15px; margin: 2px 0 6px; }
.setup-grid p { color: #aaa6b5; font-size: 13px; line-height: 1.65; margin: 0; }
.setup-grid code, .use-grid code { color: #d7c9ff; font-size: .94em; overflow-wrap: anywhere; }
.use-grid { display: grid; gap: 20px; }
.shortcut-list { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.shortcut-list article { align-items: center; background: #191923; border: 1px solid #302e40; border-radius: 7px; display: flex; flex-wrap: wrap; gap: 6px; padding: 22px; }
kbd { background: #282535; border: 1px solid #504966; border-bottom-width: 2px; border-radius: 5px; color: #eeeaf5; font: 700 11px/1 system-ui, sans-serif; padding: 7px 8px; }
.shortcut-list i { color: #6f697b; font-size: 11px; font-style: normal; }
.shortcut-list div { display: grid; flex-basis: 100%; gap: 6px; margin-top: 13px; }
.shortcut-list strong { color: #d7c9ff; font-size: 15px; }
.shortcut-list span { color: #9994a3; font-size: 12px; line-height: 1.55; }
.security-note, .warning-note { border-radius: 6px; font-size: 13px; line-height: 1.65; margin: 0; padding: 15px 18px; }
.security-note { background: rgba(116, 72, 236, .1); border: 1px solid #453865; color: #bcb6c8; }
.warning-note { background: rgba(207, 156, 67, .08); border: 1px solid #55452d; color: #bcb6c8; }
.security-note strong { color: #d7c9ff; }
.warning-note strong { color: #f0cf91; }
.platform-grid { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.platform-grid article { background: #1b1928; border: 1px solid #393448; border-radius: 7px; padding: 24px; }
.platform-grid span { background: #352e44; border-radius: 20px; color: #c6b7dc; display: inline-block; font-size: 10px; font-weight: 800; padding: 5px 9px; text-transform: uppercase; }
.platform-grid h3 { color: #eeeaf5; font-size: 17px; margin: 21px 0 8px; }
.platform-grid p { color: #9994a3; font-size: 13px; line-height: 1.6; margin: 0; }

@media (max-width: 900px) {
  .install-hero-grid { grid-template-columns: 1fr; }
  .package-card { max-width: 620px; }
  .shortcut-list { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .install-hero, .install-section, .use-section, .platform-section { padding: 66px 0; }
  .install-hero h1 { font-size: 40px; letter-spacing: -1.5px; }
  .setup-grid, .platform-grid { grid-template-columns: 1fr; }
  .package-card { padding: 21px; }
}