.dc128-home-orientation-trigger {
  min-height: 42px;
  padding: 0 16px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #8bc9dc;
  border-radius: 13px;
  background: linear-gradient(135deg, #f5fcff, #e9f8fc);
  color: #075b86;
  box-shadow: 0 7px 18px rgba(13, 93, 129, .09);
  font: 800 12px/1.15 "Nunito Sans", Arial, sans-serif;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.dc128-home-orientation-trigger:hover { transform: translateY(-1px); border-color: #25a8c5; box-shadow: 0 10px 24px rgba(13, 93, 129, .14); }
.dc128-home-orientation-trigger:focus-visible { outline: 3px solid rgba(255, 203, 35, .65); outline-offset: 2px; }
.dc128-home-orientation-trigger svg { width: 20px; height: 20px; flex: 0 0 auto; }
.dc128-home-orientation-trigger--desktop { display: inline-flex; margin-right: auto; }
.dc128-home-orientation-trigger--mobile { width: 100%; margin: 0 0 16px; display: none; }

.dc128-orientation-dialog {
  width: min(780px, calc(100vw - 32px));
  max-width: 780px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  background: #fff;
  color: #113d65;
  box-shadow: 0 32px 90px rgba(0, 35, 64, .32);
}
.dc128-orientation-dialog::backdrop { background: rgba(2, 26, 48, .68); backdrop-filter: blur(7px); }
.dc128-orientation-dialog__card { display: grid; }
.dc128-orientation-dialog header {
  padding: 22px 24px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid #dbeaf1;
  background: linear-gradient(135deg, #f7fcff, #edf9fc);
}
.dc128-orientation-dialog__icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: #0b7fb0; color: #fff; box-shadow: 0 10px 22px rgba(11, 127, 176, .22); }
.dc128-orientation-dialog__icon svg { width: 25px; height: 25px; }
.dc128-orientation-dialog header small { color: #138a91; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.dc128-orientation-dialog header h2 { margin: 2px 0 1px; color: #0d3f70; font-size: 25px; line-height: 1.1; }
.dc128-orientation-dialog header p { margin: 0; color: #61798b; font-size: 13px; }
.dc128-orientation-dialog__close { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #c9dce6; border-radius: 13px; background: #fff; color: #315971; font-size: 27px; line-height: 1; cursor: pointer; }
.dc128-orientation-dialog__video { padding: 20px; background: #f4f9fb; }
.dc128-orientation-dialog__video video { width: 100%; aspect-ratio: 16 / 9; display: block; border-radius: 16px; background: #000; box-shadow: 0 16px 35px rgba(6, 37, 65, .18); }

@media (max-width: 900px) {
  .dc128-home-orientation-trigger--desktop { display: none; }
  .dc128-home-orientation-trigger--mobile { display: flex; }
}

@media (max-width: 560px) {
  .dc128-orientation-dialog { width: calc(100vw - 18px); border-radius: 19px; }
  .dc128-orientation-dialog header { padding: 17px; grid-template-columns: 42px minmax(0, 1fr) 38px; gap: 10px; }
  .dc128-orientation-dialog__icon { width: 42px; height: 42px; border-radius: 13px; }
  .dc128-orientation-dialog header h2 { font-size: 20px; }
  .dc128-orientation-dialog header p { font-size: 11px; line-height: 1.35; }
  .dc128-orientation-dialog__close { width: 38px; height: 38px; }
  .dc128-orientation-dialog__video { padding: 10px; }
  .dc128-orientation-dialog__video video { border-radius: 12px; }
}