/* Native dialog adds no loading screen and leaves the page rendered underneath. */
.nonos-site .nonos-site-choice:not([open]),
.nonos-site [data-nonos-site-choice-open][hidden] { display: none !important; }
.nonos-site .nonos-site-choice {
  width: min(880px, calc(100vw - 40px));
  max-width: 880px;
  max-height: calc(100dvh - 40px);
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #376879;
  border-radius: 22px;
  background: #07131d;
  color: #eef8fa;
  box-shadow: 0 35px 140px #000a, 0 0 80px #2aaed515;
  font-family: Arial, Helvetica, sans-serif;
}
.nonos-site .nonos-site-choice[open] { animation: nonos-choice-enter .32s cubic-bezier(.2,.8,.2,1) both; }
.nonos-site .nonos-site-choice::backdrop { background: #02080fcb; backdrop-filter: blur(8px); }
.nonos-site .nonos-choice-content {
  position: relative;
  padding: 44px;
  background: radial-gradient(ellipse at 14% 0, #21beaf1b, transparent 56%), radial-gradient(ellipse at 95% 42%, #297dc71c, transparent 50%);
}
.nonos-site .nonos-choice-close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #365667;
  border-radius: 50%;
  background: #102331;
  color: #d8ecf3;
  font: 300 28px/1 Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.nonos-site .nonos-choice-close:hover { background: #1c3b4a; color: #fff; }
.nonos-site .nonos-choice-eyebrow { margin: 0 0 18px; color: #7fe9da; font: 600 11px/1.5 Arial, Helvetica, sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.nonos-site .nonos-site-choice h2 { margin: 0 35px 20px 0; font: 500 clamp(28px, 4vw, 44px)/1.13 Arial, Helvetica, sans-serif; letter-spacing: -.045em; }
.nonos-site .nonos-site-choice h2 span { color: #83efdf; }
.nonos-site #nonos-site-choice-description { max-width: 560px; color: #acc3cf; margin: 0 0 30px; font-size: 15px; line-height: 1.75; }
.nonos-site .nonos-choice-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.nonos-site a.nonos-choice-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 302px;
  padding: 26px;
  border: 1px solid #2e5968;
  border-radius: 13px;
  background: linear-gradient(140deg, #113039, #0b1b27);
  color: #eaf7fb;
  text-decoration: none;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.nonos-site a.nonos-choice-software { background: linear-gradient(140deg, #102839, #0b1825); border-color: #315068; }
.nonos-site a.nonos-choice-card:hover { transform: translateY(-3px); border-color: #72dacd; box-shadow: 0 10px 30px #0003, inset 0 0 28px #64e2d007; }
.nonos-site a.nonos-choice-software:hover { border-color: #66b7ef; }
.nonos-site .nonos-choice-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 22px; border: 1px solid #3d897c; border-radius: 10px; color: #87f3df; background: #16423666; }
.nonos-site .nonos-choice-software .nonos-choice-icon { color: #8ccaff; background: #19385280; border-color: #427397; }
.nonos-site .nonos-choice-icon svg { width: 34px; height: 34px; }
.nonos-site .nonos-choice-label { margin-bottom: 10px; color: #8ed6d1; font-size: 11px; line-height: 1.5; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.nonos-site .nonos-choice-software .nonos-choice-label { color: #93bedc; }
.nonos-site .nonos-choice-card strong { color: #eef9fc; font-size: 22px; line-height: 1.32; font-weight: 500; letter-spacing: -.035em; margin-bottom: 16px; }
.nonos-site .nonos-choice-copy { margin-bottom: 26px; color: #adc5d1; font-size: 13px; line-height: 1.75; }
.nonos-site .nonos-choice-destination { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 18px; margin-top: auto; padding-top: 18px; border-top: 1px solid #345464; color: #86efdf; font-size: 13px; line-height: 1.5; }
.nonos-site .nonos-choice-software .nonos-choice-destination { color: #99d2fb; }
.nonos-site .nonos-choice-destination > span { font-size: 20px; line-height: 1; }
.nonos-site .nonos-choice-note { margin: 24px 0 0; color: #8ba8b8; font-size: 11px; line-height: 1.7; }
.nonos-site .nonos-site-choice :is(a, button):focus-visible { outline: 2px solid #9bfbed; outline-offset: 4px; }
.nonos-paused .nonos-site-choice[open],
.paused .nonos-site-choice[open] { animation: none; }
.nonos-paused .nonos-choice-card,
.paused .nonos-choice-card { transition: none; }
@keyframes nonos-choice-enter { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 600px) {
  .nonos-site .nonos-site-choice { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); border-radius: 16px; }
  .nonos-site .nonos-choice-content { padding: 30px 22px 24px; }
  .nonos-site .nonos-choice-close { top: 12px; right: 12px; width: 38px; height: 38px; }
  .nonos-site .nonos-choice-eyebrow { margin-bottom: 16px; }
  .nonos-site .nonos-choice-options { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .nonos-site a.nonos-choice-card { min-height: 0; padding: 22px; }
  .nonos-site .nonos-choice-icon { margin-bottom: 16px; width: 42px; height: 42px; }
  .nonos-site .nonos-choice-card strong { font-size: 21px; }
  .nonos-site .nonos-choice-copy { margin-bottom: 18px; }
  .nonos-site .nonos-choice-note { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .nonos-site .nonos-site-choice[open] { animation: none; }
  .nonos-site a.nonos-choice-card { transition: none; }
  .nonos-site a.nonos-choice-card:hover { transform: none; }
}