/* GETAPP_V1 (10/9/2026): "Get the app" section on the Field Survey page. Dark theme, volt accents, no white panels. */
.fs-get { position: relative; overflow: hidden; }
.fs-get::before { content: ""; position: absolute; inset: auto -20% -40% -20%; height: 70%; pointer-events: none;
  background: radial-gradient(60% 60% at 50% 100%, rgba(191,255,0,.10), transparent 70%); }
.fs-get__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: start; margin-top: clamp(28px, 4vw, 44px); }
.fs-get__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; counter-reset: gs; }
.fs-get__step { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; align-items: start;
  padding: 18px 20px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.025); }
.fs-get__no { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #000; border: 1px solid rgba(191,255,0,.55);
  font: 700 15px/1 var(--font-mono); color: var(--volt); box-shadow: 0 0 26px -6px var(--volt-glow); }
.fs-get__step h3 { margin: 4px 0 6px; font: 600 clamp(18px, 1.9vw, 21px)/1.25 var(--font-display); color: var(--white); }
.fs-get__step p { margin: 0; color: var(--muted, #a8a8b0); font-size: 15.5px; line-height: 1.55; }
.fs-get__step a { color: var(--volt); text-decoration: none; border-bottom: 1px solid rgba(191,255,0,.35); }
.fs-get__step a:hover { border-bottom-color: var(--volt); }
.fs-get__os { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.fs-get__os li { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; font-size: 14.5px; line-height: 1.45; color: var(--muted, #a8a8b0); }
.fs-get__os b { color: var(--white); font-weight: 600; }
.fs-get__card { position: sticky; top: 96px; display: grid; justify-items: center; gap: 16px; text-align: center;
  padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(191,255,0,.28); border-radius: 22px;
  background: linear-gradient(180deg, rgba(191,255,0,.06), rgba(255,255,255,.015)); box-shadow: 0 30px 80px -40px rgba(191,255,0,.35); }
.fs-get__qr { width: min(220px, 60vw); aspect-ratio: 1; border-radius: 14px; padding: 10px; background: #BFFF00; box-shadow: 0 0 0 1px rgba(0,0,0,.4), 0 0 40px -8px var(--volt-glow); }
.fs-get__qr img { display: block; width: 100%; height: 100%; image-rendering: pixelated; }
.fs-get__card h3 { margin: 0; font: 600 20px/1.25 var(--font-display); color: var(--white); }
.fs-get__card p { margin: 0; color: var(--muted, #a8a8b0); font-size: 14.5px; line-height: 1.5; }
.fs-get__url { font: 600 13.5px/1.3 var(--font-mono); color: var(--volt); word-break: break-all; }
.fs-get__card .fs-cta { margin-top: 4px; width: 100%; grid-auto-flow: row; }
.fs-get__card .fs-cta .btn { min-width: 0; width: 100%; }
.fs-get__note { margin-top: 18px; color: var(--muted, #a8a8b0); font-size: 14px; }
/* hero: second button */
.fs-cta--duo { display: inline-flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.fs-cta--duo .btn { min-width: 0; }
@media (max-width: 900px) {
  .fs-get__grid { grid-template-columns: minmax(0, 1fr); }
  .fs-get__card { position: static; }
}
@media (max-width: 480px) {
  .fs-get__step { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; gap: 12px; }
  .fs-get__no { width: 44px; height: 44px; font-size: 14px; }
  .fs-get__os li { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}
/* top bar: on phones only Sign in shows; the hero and the section carry Get the app */
@media (max-width: 640px) { .fs-top__links .btn--ghost.fs-top__cta { display: none; } }
/* phones: no QR (you are already on the phone), the card is just the buttons; hero buttons the same width */
.fs-get__phone { display: none; }
@media (max-width: 640px) {
  .fs-get__qr, .fs-get__desk, .fs-get__url { display: none; }
  .fs-get__phone { display: block; }
  .fs-cta--duo { flex-direction: column; align-items: center; }
  .fs-cta--duo > * { width: min(100%, 320px); }
  .fs-cta--duo .fs-price, .fs-cta--duo .fs-price__btn { width: 100%; justify-content: center; }
}
/* INSTALL_LINKS_V1: install buttons carry a download icon; the extra row in "Works everywhere" centers */
.fs-inst { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.fs-inst svg { flex: 0 0 auto; }
.fs-inst-row { display: flex; justify-content: center; margin-top: 28px; }
.fs-band .fs-cta { grid-auto-columns: auto; }