body > main,body > .liquid-nav,body > .flow-footer { transition:filter .2s ease,opacity .2s ease; }
body.install-open { overflow:hidden; }
body.install-open > main,body.install-open > .liquid-nav,body.install-open > .flow-footer {
  filter:blur(11px);
  opacity:.68;
}

.install-dialog {
  width:min(720px,calc(100% - 32px));
  max-height:calc(100dvh - 32px);
  margin:auto;
  padding:0;
  border:1px solid rgba(255,255,255,.2);
  border-radius:18px;
  overflow:auto;
  background:rgba(25,25,28,.84);
  color:#f3f3f4;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 24px 70px rgba(0,0,0,.48);
  backdrop-filter:blur(38px) saturate(135%);
}
.install-dialog::backdrop { background:rgba(0,0,0,.38); backdrop-filter:blur(2px); }
.install-sheet { padding:26px; }
.install-sheet header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.install-sheet header span { color:#8d8d92; font-size:11px; }
.install-sheet h2 { margin:4px 0 0; font-size:28px; letter-spacing:-.035em; }
.install-close {
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#c6c6ca;
  font-size:21px;
  cursor:pointer;
}
.install-sheet > #install-summary { margin:11px 0 0; color:#99999e; font-size:13px; }
.install-methods { margin-top:21px; display:grid; grid-template-columns:1.08fr .92fr; gap:11px; }
.install-method {
  min-width:0;
  min-height:235px;
  padding:15px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:rgba(7,7,9,.42);
}
.method-heading { min-height:35px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.method-heading b { display:block; font-size:13px; }
.method-heading span { display:block; margin-top:3px; color:#77777d; font-size:10px; }
.copy-install {
  position:relative;
  flex:none;
  width:34px;
  height:32px;
  padding:0;
  border:1px solid rgba(255,255,255,.15);
  border-radius:7px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.07);
  color:#e6e6e8;
  cursor:pointer;
}
.copy-install svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; }
.copy-install.copied::after { content:"✓"; position:absolute; inset:0; display:grid; place-items:center; border-radius:inherit; background:#e9e9e7; color:#111; font-size:14px; }
.install-method code {
  display:block;
  height:145px;
  margin-top:11px;
  padding:12px;
  overflow-x:hidden;
  overflow-y:auto;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:rgba(0,0,0,.3);
  color:#c8c8cc;
  font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  user-select:all;
  scrollbar-width:thin;
}
.manual-method { display:flex; flex-direction:column; }
.manual-method p { margin:16px 0; color:#aaaab0; font-size:12px; line-height:1.55; }
.install-download {
  min-height:43px;
  margin-top:auto;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#f2f2f0;
  color:#111;
  font-size:13px;
  font-weight:680;
}
.install-sheet .install-requirement { margin:14px 0 0; color:#7c7c82; font-size:11px; text-align:center; }

@media(max-width:820px) {
  .install-dialog { width:calc(100% - 20px); max-height:calc(100dvh - 20px); border-radius:15px; }
  .install-sheet { padding:20px 17px; }
  .install-sheet h2 { font-size:24px; }
  .install-methods { grid-template-columns:1fr; }
  .install-method { min-height:0; }
  .manual-method p { margin:12px 0 15px; }
}

@media(max-width:390px) {
  .hero h1 { font-size:44px; }
  .hero p { font-size:16px; }
  .liquid-nav .nav-download { padding-inline:12px; }
}

@media(prefers-reduced-motion:reduce) {
  body > main,body > .liquid-nav,body > .flow-footer { transition:none; }
}