:root {
  --font-body: 'Inter', sans-serif;
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --dark: #101213;
  --light-dark: #1a1c1e;
  --semi-dark: #2b2f32;
  --blue: #1873d3;
  --gray: #686a6b;
  --white: #fff;
  --light: #e6e8e9;
  --yellow: #EECA02;
  --red: #E94B35;
  --site-footer-gradient: linear-gradient(180deg, #000 0%, #000 30%, #02070c 60%, #071827 100%);
  --site-footer-end: #071827;
}

::-moz-selection {
    color: var(--blue);
    background: rgb(26, 28, 30, .8);
}
::selection {
    color: var(--blue);
    background: rgb(26, 28, 30, .8);
}

body {
  background: var(--dark);
  font-family: var(--font-body);
  overflow-x: hidden;
  overflow-y: auto;
}

/* Billing portal — aligned with the imported Konnect storefront */
.dashboard-page,
.portal-service-page {
  --portal-blue: #1873d3;
  --portal-blue-bright: #2b9cff;
  --portal-cyan: #16c6f4;
  --portal-bg: #05090d;
  --portal-panel: #09131d;
  --portal-panel-soft: #0d1924;
  --portal-border: rgba(43, 156, 255, .22);
  --portal-muted: #8d9bab;
  background: #000 !important;
  color: #eaf2f9;
}

.dashboard-page::before,
.portal-service-page::before {
  display: none !important;
}

.dashboard-page > main.container,
.portal-service-page > main.container {
  background:
    radial-gradient(ellipse 74% 34% at 50% 4%, rgba(0, 126, 255, .22) 0%, rgba(0, 76, 170, .10) 42%, transparent 76%),
    radial-gradient(ellipse 54% 30% at 76% 48%, rgba(0, 99, 214, .10) 0%, transparent 72%),
    radial-gradient(ellipse 48% 25% at 20% 66%, rgba(0, 83, 181, .08) 0%, transparent 72%),
    linear-gradient(180deg, #02070d 0%, #010409 52%, #000 88%, #000 100%);
  isolation: isolate;
  max-width: none;
  min-height: 760px;
  padding: 0 !important;
  position: relative;
}

.dashboard-page > main.container::before,
.portal-service-page > main.container::before {
  background-image:
    linear-gradient(115deg, transparent 0 48.7%, rgba(47, 156, 255, .065) 48.8% 49%, transparent 49.1%),
    linear-gradient(25deg, transparent 0 48.7%, rgba(47, 156, 255, .05) 48.8% 49%, transparent 49.1%),
    radial-gradient(circle, rgba(47, 156, 255, .32) 0 1px, transparent 1.7px);
  background-position: center top, center top, 28px 20px;
  background-size: 330px 184px, 370px 206px, 176px 132px;
  content: '';
  inset: 0;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .9) 64%, transparent 94%);
  opacity: .58;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.dashboard-page footer,
.portal-service-page footer {
  background: linear-gradient(180deg, #000 0%, #000 34%, #02070c 64%, #071827 100%);
}

.dashboard-page .dashboard-hero {
  background: transparent;
  border: 0;
  margin: 0 auto;
  max-width: 1480px;
  overflow: visible;
  padding: 70px 32px 28px;
}

.dashboard-page .dashboard-hero::before { display: none; }

.dashboard-page .dashboard-hero-content {
  align-items: flex-end !important;
  gap: 42px;
  padding: 0 !important;
}

.portal-eyebrow {
  align-items: center;
  color: var(--portal-blue-bright);
  display: inline-flex;
  font: 700 12px/1 var(--font-display);
  gap: 9px;
  letter-spacing: .14em;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.dashboard-page .dashboard-title {
  color: #fff;
  font: 800 clamp(34px, 4vw, 58px)/1.05 var(--font-display);
  letter-spacing: -.045em;
  margin: 0 0 14px !important;
  text-shadow: none;
}

.dashboard-page .dashboard-title .glow-text {
  animation: none;
  background: linear-gradient(100deg, #2b9cff, #16c6f4);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dashboard-page .dashboard-subtitle {
  color: var(--portal-muted);
  font-size: 16px;
  line-height: 1.65;
}

.dashboard-page .dashboard-stats {
  display: grid !important;
  flex: 1 1 680px;
  gap: 12px !important;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  justify-content: stretch;
  max-width: 720px;
  width: 100%;
}

.dashboard-page .dashboard-stat-card {
  background: linear-gradient(145deg, rgba(14, 29, 42, .96), rgba(7, 17, 27, .98));
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .025);
  min-width: 0;
  padding: 18px;
  position: relative;
  text-align: left;
}

.dashboard-page .dashboard-stat-card:hover {
  background: linear-gradient(145deg, #102538, #091722);
  border-color: rgba(43, 156, 255, .48);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .28);
  transform: translateY(-2px);
}

.dashboard-page .stat-icon {
  color: var(--portal-blue-bright);
  font-size: 16px;
  position: absolute;
  right: 17px;
  top: 16px;
}

.dashboard-page .dashboard-stat-card .stat-number {
  color: #fff;
  font: 800 25px/1.1 var(--font-display);
  margin: 0 0 9px;
  text-shadow: none;
}

.dashboard-page .dashboard-stat-card .stat-label {
  color: #77899a;
  font: 700 10px/1.35 var(--font-body);
  letter-spacing: .08em;
}

.dashboard-page > main > .container,
.dashboard-page > main > .container.mt-4 {
  max-width: 1480px;
  padding-left: 32px;
  padding-right: 32px;
}

.dashboard-page .dashboard-tabs-card {
  background: rgba(7, 16, 25, .96);
  border: 1px solid var(--portal-border);
  border-radius: 14px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
  margin-bottom: 72px;
  overflow: hidden;
}

.dashboard-page .dashboard-tabs-card:hover {
  border-color: var(--portal-border);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
}

.dashboard-page .gaming-tabs {
  background: #08121b;
  border: 0;
  border-bottom: 1px solid var(--portal-border);
  gap: 6px;
  padding: 11px 16px;
}

.dashboard-page .gaming-tab,
.dashboard-page .nav-tabs .nav-link {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #8191a2;
  font: 700 13px/1 var(--font-body);
  margin: 0;
  overflow: visible;
  padding: 13px 18px;
  transform: none;
}

.dashboard-page .gaming-tab::before,
.dashboard-page .gaming-tab.active::after { display: none; }

.dashboard-page .gaming-tab:hover,
.dashboard-page .gaming-tab.active,
.dashboard-page .nav-tabs .nav-link.active {
  background: rgba(24, 115, 211, .14);
  border-color: rgba(43, 156, 255, .3);
  box-shadow: none;
  color: #fff;
  transform: none;
}

.dashboard-page .gaming-tab i { color: var(--portal-blue-bright); }

.dashboard-page .tab-content {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 34px;
}

.dashboard-page .tab-pane.fade { transform: none; }

.dashboard-page .tab-section-title {
  color: #f5f9fc;
  font: 750 18px/1.3 var(--font-display);
  letter-spacing: -.015em;
  margin-bottom: 22px;
  text-shadow: none;
}

.dashboard-page .form-label-gaming,
.dashboard-page .modal .form-label {
  color: #aebbc7;
  font-size: 12px;
  letter-spacing: .045em;
}

.dashboard-page .form-control-gaming,
.dashboard-page .modal .form-control,
.dashboard-page .modal .form-select {
  background: #07111a;
  border: 1px solid #203548;
  border-radius: 9px;
  color: #fff;
  min-height: 46px;
  padding: 11px 13px;
  width: 100%;
}

.dashboard-page .form-control-gaming:focus,
.dashboard-page .modal .form-control:focus,
.dashboard-page .modal .form-select:focus {
  background: #091620;
  border-color: var(--portal-blue-bright);
  box-shadow: 0 0 0 3px rgba(43, 156, 255, .12);
  color: #fff;
}

.dashboard-page .form-control-gaming[readonly] { background: #0a1219; color: #758493; }
.dashboard-page .form-text-gaming,
.dashboard-page .form-text { color: #667787; }

.dashboard-page .btn-gaming,
.portal-service-page .btn {
  border-radius: 8px;
  font: 700 13px/1 var(--font-body);
  padding: 12px 18px;
  text-transform: none;
}

.dashboard-page #services a.btn-gaming,
.dashboard-page #services a.btn-gaming:hover,
.dashboard-page #services a.btn-gaming:focus-visible {
  text-decoration: none;
}

.dashboard-page .btn-gaming::before,
.portal-service-page .btn::before {
  content: none !important;
  display: none !important;
}

.dashboard-page .empty-services-content,
.dashboard-page .empty-billing-content,
.dashboard-page .empty-tickets-content {
  isolation: isolate;
  overflow: hidden;
}

.dashboard-page .btn-gaming-primary,
.portal-service-page .btn-primary,
.portal-service-page .btn-outline-primary:hover {
  background: linear-gradient(135deg, #238ce8, #1265c2);
  border: 1px solid #349bf0;
  box-shadow: 0 10px 25px rgba(12, 101, 194, .22);
  color: #fff;
}

.dashboard-page .btn-gaming-outline,
.portal-service-page .btn-outline-primary,
.portal-service-page .btn-outline-secondary {
  background: rgba(255, 255, 255, .025);
  border: 1px solid #294156;
  color: #bdc9d4;
}

.dashboard-page .btn-gaming-outline:hover,
.portal-service-page .btn-outline-primary:hover,
.portal-service-page .btn-outline-secondary:hover {
  border-color: var(--portal-blue-bright);
  color: #fff;
}

/* Keep the profile action icon-and-label groups centered within their full-width buttons. */
.dashboard-page .account-settings-actions .btn-gaming {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}

.dashboard-page .service-card,
.dashboard-page .credits-card,
.dashboard-page .ticket-card,
.dashboard-page .empty-services-content,
.dashboard-page .empty-billing-content,
.dashboard-page .empty-tickets-content {
  background: var(--portal-panel-soft);
  border: 1px solid var(--portal-border);
  border-radius: 11px;
  box-shadow: none;
}

.dashboard-page .service-card:hover,
.dashboard-page .ticket-card:hover {
  background: #10202e;
  border-color: rgba(43, 156, 255, .45);
  box-shadow: none;
  transform: translateY(-2px);
}

.dashboard-page .card-body-gaming { padding: 22px; }
.dashboard-page .service-title,
.dashboard-page .ticket-subject { font-family: var(--font-display); text-shadow: none; }
.dashboard-page .service-plan,
.dashboard-page .invoice-amount,
.dashboard-page .credits-amount { color: var(--portal-blue-bright); text-shadow: none; }
.dashboard-page .service-billing,
.dashboard-page .service-status,
.dashboard-page .support-subtitle,
.dashboard-page .ticket-message { color: var(--portal-muted); }

.dashboard-page .table-gaming {
  background: #08121b;
  border: 1px solid var(--portal-border);
  border-radius: 10px;
}

.dashboard-page .table-gaming thead { background: #0c1b28; }
.dashboard-page .table-gaming th {
  border-bottom: 1px solid #244158;
  color: #a9b7c4;
  font-size: 11px;
  letter-spacing: .08em;
}
.dashboard-page .table-gaming td { border-bottom-color: #142636; color: #c0ccd6; }
.dashboard-page .table-gaming tbody tr:hover { background: rgba(24, 115, 211, .08); }

.dashboard-page .status-badge,
.portal-service-page .badge {
  border-radius: 999px;
  box-shadow: none;
  font-size: 10px;
  letter-spacing: .07em;
  padding: 6px 10px;
}

.dashboard-page .help-link {
  background: #0a1722;
  border: 1px solid var(--portal-border);
  color: #aebbc7;
}
.dashboard-page .help-link:hover { background: #0f2231; border-color: #2b9cff; color: #fff; transform: none; }

.dashboard-page .modal-content {
  background: #08131d;
  border: 1px solid rgba(43, 156, 255, .3);
  border-radius: 13px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .55);
  color: #dce6ef;
}
.dashboard-page .modal-header,
.dashboard-page .modal-footer { border-color: #1b3042; }
.dashboard-page .modal-title { color: #fff; font-family: var(--font-display); }
.dashboard-page .btn-close { filter: invert(1) grayscale(1); }

body.dashboard-page.modal-open,
html:has(body.dashboard-page.modal-open) { overflow: hidden !important; overscroll-behavior: none; }
body.dashboard-page #changePasswordModal { z-index: 1055; }
body.dashboard-page #changePasswordModal .modal-dialog { max-width: min(440px, calc(100vw - 28px)); }
body.dashboard-page #changePasswordModal .modal-content {
  background: #0c1722 !important;
  border: 1px solid #254057 !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48) !important;
  backdrop-filter: none !important;
}
body.dashboard-page #changePasswordModal .modal-header {
  align-items: flex-start;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 24px 24px 0 !important;
}
body.dashboard-page #changePasswordModal .password-modal-heading { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
body.dashboard-page #changePasswordModal .password-modal-icon {
  align-items: center;
  background: #0e304c;
  border: 1px solid #245c87;
  border-radius: 10px;
  color: #4aafff;
  display: inline-flex;
  flex: 0 0 38px;
  font-size: 19px;
  height: 38px;
  justify-content: center;
}
body.dashboard-page #changePasswordModal .modal-title {
  color: #f2f7fb !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em;
  line-height: 1.3;
  text-shadow: none !important;
}
body.dashboard-page #changePasswordModal .password-modal-heading p {
  color: #91a4b5;
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0;
}
body.dashboard-page #changePasswordModal .modal-body { padding: 23px 24px 4px !important; }
body.dashboard-page #changePasswordModal .password-modal-field { margin-bottom: 16px; }
body.dashboard-page #changePasswordModal .form-label {
  color: #b8c8d5 !important;
  font-size: 12px;
  font-weight: 600 !important;
  margin-bottom: 7px !important;
  text-shadow: none !important;
}
body.dashboard-page #changePasswordModal .form-control {
  background: #101f2b !important;
  border: 1px solid #2a4356 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  color: #f2f7fb !important;
  height: 44px;
  padding: 10px 12px !important;
  backdrop-filter: none !important;
}
body.dashboard-page #changePasswordModal .form-control:focus {
  border-color: #3299ee !important;
  box-shadow: 0 0 0 3px rgba(35, 145, 239, .16) !important;
}
body.dashboard-page #changePasswordModal .modal-footer {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 8px;
  padding: 4px 24px 24px !important;
}
body.dashboard-page #changePasswordModal .modal-footer .btn {
  border-radius: 8px !important;
  font-size: 13px;
  font-weight: 700 !important;
  min-height: 40px;
  padding: 9px 14px !important;
  transition: background-color .2s ease, border-color .2s ease !important;
}
body.dashboard-page #changePasswordModal .modal-footer .btn::before { display: none !important; }
body.dashboard-page #changePasswordModal .modal-footer .btn-secondary {
  background: transparent !important;
  border: 1px solid #2a4356 !important;
  box-shadow: none !important;
  color: #c3d0db !important;
}
body.dashboard-page #changePasswordModal .modal-footer .btn-secondary:hover { background: #162a3a !important; }
body.dashboard-page #changePasswordModal .modal-footer .btn-primary {
  background: #187ad3 !important;
  border: 1px solid #187ad3 !important;
  box-shadow: none !important;
  color: #fff !important;
}
body.dashboard-page #changePasswordModal .modal-footer .btn-primary:hover { background: #2395eb !important; border-color: #2395eb !important; }
body.dashboard-page #changePasswordModal .modal-footer .btn:hover { box-shadow: none !important; transform: none !important; }
body.dashboard-page #changePasswordModal .btn-close {
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #dceaf5 !important;
  filter: none !important;
  opacity: 1 !important;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
}
body.dashboard-page #changePasswordModal .btn-close::before {
  content: "×";
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
}
body.dashboard-page #changePasswordModal .btn-close:hover { background: #182b3a !important; border-color: #2a4356 !important; box-shadow: none !important; transform: none !important; }
@media (max-width: 480px) {
  body.dashboard-page #changePasswordModal .modal-header { padding: 20px 20px 0 !important; }
  body.dashboard-page #changePasswordModal .modal-body { padding: 21px 20px 4px !important; }
  body.dashboard-page #changePasswordModal .modal-footer { padding: 4px 20px 20px !important; }
  body.dashboard-page #changePasswordModal .modal-footer .btn-primary { flex: 1; }
}

/* Service detail uses the same portal design tokens. */
.portal-service-page .portal-service-shell {
  margin: 0 auto;
  max-width: 1480px;
  padding: 62px 32px 72px !important;
}
.portal-service-page .breadcrumb { margin-bottom: 25px; }
.portal-service-page .breadcrumb a { color: var(--portal-blue-bright); text-decoration: none; }
.portal-service-page .breadcrumb-item,
.portal-service-page .breadcrumb-item.active { color: #738597; }
.portal-service-page .breadcrumb-item + .breadcrumb-item::before { color: #536575; }
.portal-service-page .card {
  background: rgba(8, 19, 29, .97);
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .24);
  color: #ccd7e0;
  overflow: hidden;
}
.portal-service-page .card-header {
  background: #0c1b28;
  border-bottom: 1px solid var(--portal-border);
  padding: 19px 22px;
}
.portal-service-page .card-header h4,
.portal-service-page .card-header h5,
.portal-service-page .card-body h5 { color: #fff; font-family: var(--font-display); font-weight: 750; }
.portal-service-page .card-body { padding: 23px; }
.portal-service-page .list-unstyled li { border-bottom: 1px solid rgba(43, 156, 255, .1); color: #8fa0ae; padding: 8px 0; }
.portal-service-page .list-unstyled strong { color: #dbe5ed; font-weight: 650; }
.portal-service-page .table { --bs-table-bg: transparent; --bs-table-color: #aebbc7; --bs-table-border-color: #1a3042; margin: 0; }
.portal-service-page .table th { color: #fff; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.portal-service-page .progress { background: #03090e; border-radius: 99px; height: 9px; }
.portal-service-page .progress-bar { background: linear-gradient(90deg, #1873d3, #20bff0) !important; color: transparent; }
.portal-service-page .text-muted { color: var(--portal-muted) !important; }

@media (max-width: 1199px) {
  .dashboard-page .dashboard-hero-content { align-items: flex-start !important; }
  .dashboard-page .dashboard-stats { max-width: none; }
}

@media (max-width: 767px) {
  .dashboard-page .dashboard-hero { padding: 44px 18px 18px; }
  .dashboard-page > main > .container,
  .dashboard-page > main > .container.mt-4 { padding-left: 18px; padding-right: 18px; }
  .dashboard-page .dashboard-stats { grid-template-columns: repeat(2, 1fr); }
  .dashboard-page .gaming-tabs { flex-wrap: nowrap; overflow-x: auto; }
  .dashboard-page .gaming-tab,
  .dashboard-page .nav-tabs .nav-link { white-space: nowrap; }
  .dashboard-page .tab-content { padding: 22px 17px; }
  .portal-service-page .portal-service-shell { padding: 42px 18px 55px !important; }
}

.konnect-chat-launcher {
  align-items: center;
  background: linear-gradient(145deg, #2898ff, #0868e7);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  bottom: 22px;
  box-shadow: 0 14px 34px rgba(0, 87, 224, .36), inset 0 1px 0 rgba(255, 255, 255, .18);
  cursor: pointer;
  display: flex;
  height: 58px;
  justify-content: center;
  padding: 0;
  position: fixed;
  right: 22px;
  transition: box-shadow .2s ease, transform .2s ease;
  width: 58px;
  z-index: 1045;
}

.konnect-chat-launcher[hidden] {
  display: none;
}

.konnect-chat-launcher:hover,
.konnect-chat-launcher:focus-visible {
  box-shadow: 0 17px 42px rgba(0, 105, 235, .46), inset 0 1px 0 rgba(255, 255, 255, .24);
  outline: none;
  transform: translateY(-2px) scale(1.035);
}

.konnect-chat-launcher:active {
  transform: translateY(0) scale(.97);
}

.konnect-chat-launcher img {
  height: 27px;
  width: 27px;
}

@media (max-width: 575.98px) {
  .konnect-chat-launcher {
    bottom: 16px;
    height: 54px;
    right: 16px;
    width: 54px;
  }
}

a {
  color: var(--blue);
}

code {
  color: var(--blue);
}

.container-custom {
  max-width: 1300px;
}

.blue {
  color: var(--blue);
}

.yellow {
  color: var(--yellow);
}

.red {
  color: var(--red);
}

/* websitepolicies.io Custom CSS */
.wpcc-color-custom--1305681743.wpcc-container {
  background: rgba(26, 28, 30, .6) !important;
}

.wpcc-container {
  font-size: 14px !important;
}

.wpcc-btn {
  border: none !important;
}

/* Swal Alert */
.swal2-icon.swal2-success .swal2-success-ring {
  border: .25em solid var(--blue) !important;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: var(--blue) !important;
}

.swal2-icon.swal2-success {
  border-color: var(--blue) !important;
}

.swal2-icon.swal2-success {
  color: var(--blue) !important;
}

.swal2-popup {
  background: var(--semi-dark) !important;
}

.swal2-title {
  color: var(--white) !important;
}

.swal2-html-container {
  color: var(--light) !important;
}

.swal2-styled.swal2-confirm {
  border-radius: 50px !important;
  padding: 8px 32px !important;
  font-weight: 700 !important;
  background: var(--blue) !important;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow:0 0 0 3px rgba(24, 115, 211, .5) !important;
}

/* Sale Banner */
.sale_banner {
  background: var(--blue);
  padding: 6px 0;
  color: #fff !important;
}

.sale_banner .sale-l {
  font-size: 20px;
  font-weight: 800;
}

.sale_banner .sale-i {
  font-weight:500;
  font-size:14px;
  color: #f9f9f9;
}

.sale_banner .sale-i span {
  font-size: 20px;
  font-weight: 800;
  color: var(--white);
  margin-right: 2px;
}

.sale_banner .sale-r {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  padding: 4px 24px;
  border: 2px dashed var(--white);
  border-radius: 5px;
  cursor: pointer;
  letter-spacing: 1px;
}

@media (max-width: 992px) {
  .sale_banner .sale-l {
    font-size: 20px;
  }

  .sale_banner-left,
  .sale_banner-right {
    margin:0 auto
  }
  .sale_banner .sale-l, .sale_banner .sale_banner-center {
    margin-bottom:1rem !important;
  }
  .sale_banner .sale-r {
    margin-bottom:.6rem !important;
  }
}

@media (max-width: 410px) {
  .sale_banner .sale-i {
    font-size: 14px;
    letter-spacing: -0.04rem;
  }

  .sale_banner .sale-i span {
    font-size: 18px;
    font-weight: 800;

  }
}

.object_1 {
  position: absolute;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  z-index: -1;
}

.object_1 img {
  filter: drop-shadow(0px 0px 30px rgba(26, 28, 30, 0.2)); 
  animation: pulsate 3s ease-out;
  animation-iteration-count: infinite;
  -webkit-animation: pulsate 3s ease-out;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulsate { 
  0% { opacity: 0.5;}
  50% { opacity: 1.0;}
  100% {  opacity: 0.5;} 
}

 
@-webkit-keyframes pulsate {
  0% { opacity: 0.5; } 
  50% {opacity: 1.0; }
  100% { opacity: 0.5;} 
}

@media (max-width: 768px) {
  .object_1 img {
    width: 60%;
  }
}

@media (max-width: 576px) {
  .object_1 img {
    width: 50%;
  }
}

/* Navbar */
.navbar-shell {
  max-width: none;
  padding-left: clamp(18px, 3vw, 56px);
  padding-right: clamp(18px, 3vw, 56px);
  position: relative;
}

.offcanvas {
  background: var(--semi-dark);
  height: 100vh;
}

.fixed-top {
  backdrop-filter: blur(14px);
  background: rgba(16, 18, 19, .9);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  padding: 20px 0 !important;
  top: -40px;
  transform: translateY(40px);
  transition: transform .3s;
}

.navbar-dark {
  padding: 24px 0;
}

.navbar-dark:not(.fixed-top) {
  background: transparent;
  border-bottom-color: transparent;
}

.navbar-toggler {
  outline: none !important;
  box-shadow: none !important;
  color: #fff !important;
  border: none !important;
}

.navbar-dark .navbar-brand {
  margin-right: 0;
  position: relative;
  z-index: 3;
}

.navbar-dark .navbar-brand .konnect-brand-logo,
.offcanvas-header .konnect-brand-logo {
  height: 46px;
  margin-right: 0;
  object-fit: contain;
  object-position: left center;
  width: auto;
}

.navbar-dark .navbar-brand h2, .offcanvas-header h2 {
  font-size: 21px;
  font-weight: 700;
  font-style: italic;
  color: var(--white);
  letter-spacing: 0.04rem;
}

.navbar-dark .navbar-brand h2 span, .offcanvas-header h2 span {
  text-transform: uppercase;
  font-weight: 800;
  color: var(--blue);
}

footer .footer_about img {
  height: 30px;
  margin-right: 5px;
  width: 30px;
}

footer .konnect-footer-lockup {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

footer .konnect-footer-lockup img {
  flex: 0 0 30px;
  height: 30px;
  margin: 0;
  object-fit: contain;
  width: 30px;
}

/* Dashboard condition labels use the same semantic palette as their checks. */
.admin-page .health-summary--healthy { color: #46d99a; }
.admin-page .health-summary--attention,
.admin-page .health-summary--warning { color: #f4ba5b; }
.admin-page .health-summary--degraded { color: #ff8a4c; }
.admin-page .health-summary--critical,
.admin-page .health-summary--unhealthy,
.admin-page .health-summary--offline { color: #ff6474; }

footer .footer_about .konnect-footer-logo {
  height: 42px;
  margin-right: 0;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  width: auto;
}

footer .footer_about h2 {
  color: var(--white);
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.04rem;
}

footer .footer_about h2 span {
  color: var(--blue);
  font-weight: 800;
  text-transform: uppercase;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: .9rem;
  padding-right: .9rem;
}

.navbar-dark .navbar-nav .nav-link {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--white);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.01em;
  opacity: .88;
  padding: 9px .9rem;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, opacity .2s ease;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:active,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link[aria-expanded="true"] {
  background: rgba(24, 115, 211, .16);
  border-color: rgba(24, 115, 211, .7);
  box-shadow: 0 0 14px rgba(24, 115, 211, .12), 0 12px 20px -12px rgba(22, 145, 255, .48);
  color: var(--white);
  opacity: 1;
}

.navbar-account .btn img, .header .btn img, .game_info .game_info_content .btn_watch img {
  position: relative;
  top: -1px;
}

.navbar-account .btn {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  box-shadow: none;
  color: var(--white);
  display: inline-flex;
  font-size: 15px;
  font-weight: 600;
  gap: 7px;
  outline: none;
  padding: 9px 16px;
  text-transform: none;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

#fixedR .navbar-account > .btn:not(:hover):not(:focus-visible):not([aria-expanded="true"]) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.navbar-account .btn img {
  height: 16px;
  width: 16px;
}

.navbar-account .btn:hover,
.navbar-account .btn:focus,
.navbar-account .btn[aria-expanded="true"] {
  background: rgba(24, 115, 211, .16);
  border-color: rgba(24, 115, 211, .7);
  box-shadow: 0 0 14px rgba(24, 115, 211, .12), 0 12px 20px -12px rgba(22, 145, 255, .48);
  color: var(--white);
}

.navbar-actions {
  align-items: center;
  display: flex;
  gap: 8px;
}

.navbar-discord-link {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #fff;
  display: inline-flex;
  height: 46px;
  justify-content: center;
  position: relative;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
  width: 48px;
}

.navbar-discord-link svg {
  fill: currentColor;
  height: 34px;
  stroke: none;
  width: 34px;
}

.navbar-discord-label {
  display: none;
}

.navbar-discord-link::after {
  background: #0a1b28;
  border: 1px solid #28516e;
  border-radius: 7px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .38);
  color: #eaf6ff;
  content: attr(data-label);
  font-size: 12px;
  font-weight: 700;
  left: 50%;
  opacity: 0;
  padding: 6px 9px;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 10px);
  transform: translate(-50%, -4px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  visibility: hidden;
  white-space: nowrap;
  z-index: 1100;
}

.navbar-discord-link:hover,
.navbar-discord-link:focus-visible {
  background: rgba(36, 148, 235, .14);
  border-color: rgba(46, 158, 244, .58);
  box-shadow: 0 10px 24px rgba(20, 119, 204, .34);
  color: #299cf5;
  outline: none;
  transform: translateY(-1px);
}

.navbar-discord-link:hover::after,
.navbar-discord-link:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
}

.dropdown-menu {
  background: var(--light-dark);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.dropdown-menu .dropdown-item {
  padding: 6px 20px;
  color: rgba(255, 255, 255, .8);
  background: transparent;
  font-weight: 500;
}

.dropdown-menu .dropdown-item span {
  font-size: 12px;
  font-weight: 300;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item:focus {
  color: var(--white);
  background: var(--dark);
}

.navbar-link-menu {
  background: rgba(6, 16, 26, .98);
  border: 1px solid rgba(24, 115, 211, .4);
  border-radius: 10px;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .48);
  min-width: 290px;
  padding: 12px;
}

.navbar-link-menu li + li {
  margin-top: 4px;
}

.navbar-link-menu .navbar-link-menu__item {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  color: rgba(255, 255, 255, .9);
  display: grid;
  gap: 11px;
  grid-template-columns: 38px minmax(0, 1fr) 10px;
  padding: 10px;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
  white-space: normal;
}

.navbar-link-menu .navbar-link-menu__item:hover,
.navbar-link-menu .navbar-link-menu__item:focus {
  background: rgba(24, 115, 211, .15);
  border-color: rgba(24, 115, 211, .72);
  color: var(--white);
  transform: translateX(2px);
}

.navbar-link-menu__icon {
  align-items: center;
  border-radius: 50%;
  color: var(--white);
  display: inline-flex;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.navbar-link-menu__icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.navbar-link-menu__icon svg circle,
.navbar-link-menu__icon svg rect {
  vector-effect: non-scaling-stroke;
}

.navbar-link-menu__icon--orange {
  background: linear-gradient(145deg, #d94f1f, #823318);
}

.navbar-link-menu__icon--purple {
  background: linear-gradient(145deg, #a32d79, #5a175b);
}

.navbar-link-menu__icon--blue {
  background: linear-gradient(145deg, #2587eb, #15549a);
}

.navbar-link-menu__icon--green {
  background: linear-gradient(145deg, #00aa82, #00674f);
}

.navbar-link-menu__icon--discord {
  background: linear-gradient(145deg, #7b83ef, #4a50a7);
}

.navbar-link-menu__copy {
  min-width: 0;
}

.navbar-link-menu .navbar-link-menu__copy strong,
.navbar-link-menu .navbar-link-menu__copy small {
  display: block;
}

.navbar-link-menu .navbar-link-menu__copy strong {
  color: var(--white);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.navbar-link-menu .navbar-link-menu__copy small {
  color: rgba(255, 255, 255, .48);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 2px;
}

.navbar-link-menu__arrow {
  color: rgba(255, 255, 255, .34);
  font-family: var(--font-body);
  font-size: 19px;
  line-height: 1;
  transition: color .18s ease, transform .18s ease;
}

.navbar-link-menu__item:hover .navbar-link-menu__arrow,
.navbar-link-menu__item:focus .navbar-link-menu__arrow {
  color: #2b9cff;
  transform: translateX(2px);
}

.navbar-link-menu .navbar-link-menu__item--disabled {
  cursor: default;
  opacity: .58;
}

.navbar-link-menu .navbar-link-menu__item--disabled:hover {
  background: transparent;
  border-color: transparent;
  transform: none;
}

@media (min-width: 992px) {
  .navbar-link-dropdown > .navbar-link-menu {
    min-width: 310px;
    padding: 14px;
  }
  .navbar-link-dropdown > .navbar-link-menu .navbar-link-menu__item {
    grid-template-columns: 42px minmax(0, 1fr) 12px;
    min-height: 66px;
    padding: 11px 12px;
  }
  .navbar-link-dropdown > .navbar-link-menu .navbar-link-menu__icon {
    width: 42px;
    height: 42px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 22px rgba(0,0,0,.22);
  }
  .navbar-link-dropdown > .navbar-link-menu .navbar-link-menu__copy strong { font-size: 14px; }
  .navbar-link-dropdown > .navbar-link-menu .navbar-link-menu__copy small { font-size: 12px; line-height: 1.35; }
  .navbar-account-menu { min-width: 320px; }
}

.navbar-games-menu {
  background: rgba(6, 16, 26, .98);
  border: 1px solid rgba(24, 115, 211, .48);
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .52);
  color: var(--white);
  overflow: hidden;
  padding: 0;
}

.navbar-games-search {
  align-items: center;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(24, 115, 211, .8);
  border-radius: 10px;
  display: flex;
  gap: 11px;
  margin: 16px;
  padding: 11px 13px;
}

.navbar-games-search__icon {
  background: url('../images/ui/search.svg') center / contain no-repeat;
  flex: 0 0 16px;
  height: 16px;
  opacity: .55;
  width: 16px;
}

.navbar-games-search input {
  background: transparent;
  border: 0;
  color: var(--white);
  font-size: 14px;
  outline: 0;
  padding: 0;
  width: 100%;
}

.navbar-games-search input::placeholder {
  color: rgba(255, 255, 255, .46);
}

.navbar-games-content {
  border-top: 1px solid rgba(255, 255, 255, .06);
  padding: 14px 16px 16px;
}

.navbar-games-section + .navbar-games-section {
  margin-top: 15px;
}

.navbar-games-heading {
  color: rgba(255, 255, 255, .46);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  margin: 0 4px 10px;
  text-transform: uppercase;
}

.navbar-popular-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.navbar-popular-game {
  align-items: center;
  background: rgba(15, 77, 131, .19);
  border: 1px solid transparent;
  border-radius: 11px;
  color: rgba(255, 255, 255, .86);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  min-width: 0;
  padding: 12px 8px 10px;
  text-align: center;
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.navbar-popular-game:hover,
.navbar-popular-game:focus {
  background: rgba(24, 115, 211, .22);
  border-color: rgba(24, 115, 211, .52);
  color: var(--white);
  transform: translateY(-2px);
}

.navbar-game-art {
  border-radius: 10px;
  display: block;
  height: 48px;
  overflow: hidden;
  width: 48px;
}

.navbar-game-art img,
.navbar-game-link img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.navbar-all-games-grid {
  display: grid;
  gap: 3px 9px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.navbar-game-link {
  align-items: center;
  border-radius: 8px;
  color: rgba(255, 255, 255, .76);
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 9px;
  min-width: 0;
  padding: 7px 8px;
  text-decoration: none;
  transition: background .18s ease, color .18s ease;
}

.navbar-game-link:hover,
.navbar-game-link:focus {
  background: rgba(24, 115, 211, .16);
  color: var(--white);
}

.navbar-game-link img {
  border-radius: 6px;
  flex: 0 0 29px;
  height: 29px;
  width: 29px;
}

.navbar-game-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar-games-empty {
  color: rgba(255, 255, 255, .58);
  font-size: 13px;
  margin: 18px 0;
  text-align: center;
}

.navbar-games-footer {
  align-items: center;
  background: rgba(0, 0, 0, .18);
  border-top: 1px solid rgba(255, 255, 255, .07);
  display: flex;
  justify-content: flex-end;
  padding: 11px 16px;
}

.navbar-games-footer a {
  align-items: center;
  background: var(--primary);
  border-radius: 8px;
  color: var(--white);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 9px;
  padding: 9px 16px;
  text-decoration: none;
  transition: background .18s ease, transform .18s ease;
}

.navbar-games-footer a:hover,
.navbar-games-footer a:focus {
  background: #2587eb;
  color: var(--white);
  transform: translateY(-1px);
}


@media (min-width: 992px) {
  #fixedR:not(.fixed-top) {
    position: relative;
    z-index: 1040;
  }

  #fixedR.fixed-top {
    z-index: 1040;
  }

  #fixedR .dropdown-menu {
    z-index: 1041;
  }

  .offcanvas {
    background: none;
    border: none;
    color: inherit;
    flex: 1 1 auto;
    height: auto;
    position: static;
    visibility: visible;
  }

  .offcanvas-body {
    align-items: center;
    display: flex;
    justify-content: center;
    position: static;
  }

  .navbar-primary-nav {
    align-items: center;
    flex-direction: row;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }

  .navbar-actions {
    position: absolute;
    right: clamp(18px, 3vw, 56px);
    top: 50%;
    transform: translateY(-50%);
  }

  .navbar-actions .navbar-account { position: relative; }

  #fixedR .dropdown-menu {
    display: block;
    margin-top: 12px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    visibility: hidden;
  }

  #fixedR .navbar-primary-nav .dropdown {
    position: relative;
  }

  #fixedR .navbar-primary-nav .dropdown::before,
  #fixedR .navbar-account.dropdown::before {
    content: '';
    height: 12px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
  }

  #fixedR .dropdown:hover > .nav-link,
  #fixedR .dropdown:focus-within > .nav-link,
  #fixedR .navbar-account:hover > .btn,
  #fixedR .navbar-account:focus-within > .btn {
    box-shadow: 0 0 14px rgba(24, 115, 211, .12), 0 12px 20px -12px rgba(22, 145, 255, .48);
  }

  #fixedR .dropdown:hover > .dropdown-menu,
  #fixedR .dropdown:focus-within > .dropdown-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
  }

  #fixedR .navbar-account .dropdown-menu {
    left: auto;
    right: 0;
  }

  #fixedR .navbar-games-menu {
    left: 50%;
    margin-top: 12px;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    right: auto;
    top: 100%;
    transform: translate(-50%, 10px);
    width: min(720px, calc(100vw - 32px));
  }

  #fixedR .navbar-games-dropdown:hover > .navbar-games-menu,
  #fixedR .navbar-games-dropdown:focus-within > .navbar-games-menu {
    transform: translate(-50%, 0);
  }
}

@media (max-width: 991.98px) {
  .navbar-dark {
    padding: 18px 0;
  }

  .navbar-shell {
    padding-left: 18px;
    padding-right: 18px;
  }

  .offcanvas {
    width: 280px !important;
  }

  .offcanvas-start-lg {
    top: 0;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(-100%);
  }

  .offcanvas-body {
    display: flex;
    flex-direction: column;
  }

  .navbar-primary-nav {
    align-items: flex-start;
    margin-top: 1rem;
  }

  .navbar-dark .navbar-nav .nav-link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    padding: 10px 14px;
    width: fit-content;
  }

  .navbar-actions {
    align-items: stretch;
    border-top: 1px solid rgba(255, 255, 255, .08);
    flex-direction: column;
    margin-top: 1rem;
    padding-top: 1rem;
    width: 100%;
  }

  .navbar-discord-link { width: 100%; }
  .navbar-discord-link::after { display: none; }

  .navbar-account .btn {
    justify-content: center;
    width: 100%;
  }

  .navbar-account .dropdown-menu {
    margin-top: .5rem;
    position: static;
    width: 100%;
  }

  .navbar-link-menu {
    min-width: 0;
    padding: 8px;
    width: 100%;
  }

  #fixedR .navbar-games-menu {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    position: static;
    transform: none !important;
    width: 100%;
  }

  .navbar-popular-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .navbar-all-games-grid {
    grid-template-columns: 1fr;
  }
}

/* Header */
.header {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.header_game {
  background-position: right !important;
  background-repeat: no-repeat !important;
}

.header :is(h1, h2) {
  color: var(--white);
  font-weight: 800;
  font-size: 52px;
  z-index: 1;
}

.header p {
  color: var(--light);
  z-index: 1;
}

.header .header_h2 {
  width: 80%;
}

.header .header_p {
  width: 90%;
}

.header .btn-swicher {
  width:310px;
}

.header .btn-swicher {
  background:var(--semi-dark);
  border-radius:50px;
  padding:10px;
  max-width:100%;
  display:inline-flex;
  margin:0 auto;
}
.header .btn-swicher .nav-link {
  color:var(--white);
  border-radius:50px;
  box-shadow:none;
  outline:none;
  text-transform:uppercase;
  font-size:16px;
  font-weight:600;
}
.header .btn-swicher .active {
  background:var(--blue);
}

.header .btn, .game_info .game_info_content .btn_watch {
  background: var(--blue);
  border: 1px solid var(--blue);
  color: var(--white);
  border-radius: 50px;
  padding: 10px 40px;
  font-weight: 500;
  color: var(--white);
}

.header .btn img, .game_info .game_info_content .btn_watch img {
  transition: .4s;
  left: 0;
}

.header .btn:hover,
.header .btn:active,
.header .btn:focus,
.game_info .game_info_content .btn_watch:hover {
  background: var(--blue);
  border: 1px solid var(--blue);
  color: var(--white);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(24,115,211,0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(24,115,211,0.4);
  box-shadow: 0px 0px 10px 0px rgba(24,115,211,0.4);
}

.header .btn:hover img, .game_info .game_info_content .btn_watch:hover img {
  left: 10px;
}

.header .header_img {
  display: flex;
}

.header .header_img img {
  margin-left: auto;
}

/* Homepage hero */
.home-page .header {
  overflow: hidden;
  padding-bottom: 6.5rem;
  padding-top: 6.5rem;
  position: relative;
}

.home-page .header::before {
  background: radial-gradient(circle, rgba(0, 135, 255, .14), rgba(0, 135, 255, 0) 68%);
  content: "";
  height: 620px;
  pointer-events: none;
  position: absolute;
  right: -120px;
  top: -120px;
  width: 760px;
}

.home-hero__copy {
  max-width: 680px;
  position: relative;
  z-index: 2;
}

.home-page .home-hero__trust {
  align-items: center;
  color: #f4f4f5;
  display: flex;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 650;
  gap: 10px;
  margin: 0 0 24px;
}

.home-hero__trust span {
  color: #087ff5;
  font-size: 13px;
  letter-spacing: 2px;
}

.home-page .header .home-hero__title {
  color: #fff;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(52px, 5.25vw, 82px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: .98;
  margin: 0;
  max-width: none;
  width: 100%;
}

.home-hero__title span {
  background: linear-gradient(180deg, #1391ff 0%, #087ff5 58%, #0874e4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.home-page .header .home-hero__subtitle {
  color: #f2f2f3;
  font-family: Inter, sans-serif;
  font-size: clamp(17px, 1.25vw, 20px);
  line-height: 1.55;
  margin: 28px 0 30px;
  max-width: 610px;
  width: 100%;
}

.home-page .header .button .btn {
  align-items: center;
  border-radius: 9px;
  box-shadow: 0 14px 34px rgba(0, 116, 230, .25);
  display: inline-flex;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  gap: 12px;
  padding: 14px 24px;
}

.home-hero__cta-arrow {
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  display: inline-block;
  height: 8px;
  position: relative;
  transform: translateY(1px) rotate(45deg);
  transition: transform .3s ease;
  width: 8px;
}

.home-hero__cta:hover .home-hero__cta-arrow,
.home-hero__cta:focus-visible .home-hero__cta-arrow {
  transform: translate(7px, 1px) rotate(45deg);
}

.home-page .header_img {
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}

.home-hero__visual {
  aspect-ratio: 1.18 / 1;
  border: 1px solid rgba(45, 161, 255, .34);
  border-radius: 28px;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .55), 0 0 70px rgba(0, 119, 231, .12);
  isolation: isolate;
  max-width: 650px;
  overflow: hidden;
  position: relative;
  transform: perspective(1200px) rotateY(-4deg);
  width: 100%;
}

.home-hero__visual::after {
  content: none;
}

.home-hero__slide {
  color: #fff;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity .8s ease, transform 5.8s ease;
  transform: scale(1.035);
  z-index: 0;
}

.home-hero__slide::after {
  background: linear-gradient(180deg, rgba(1, 7, 13, .04) 30%, rgba(1, 7, 13, .88) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.home-hero__slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  z-index: 2;
}

.home-page .header .home-hero__slide img {
  height: 100%;
  margin: 0;
  object-fit: cover;
  width: 100%;
}

.home-hero__slide-copy,
.home-hero__visual-stat {
  bottom: 24px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-family: Inter, sans-serif;
  position: absolute;
  pointer-events: none;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .95);
  z-index: 4;
}

.home-hero__slide-copy {
  z-index: 3;
}

.home-hero__slide-copy { left: 26px; }
.home-hero__visual-stat { align-items: flex-end; right: 26px; }
.home-hero__slide-copy small,
.home-hero__visual-stat span { color: #fff; font-size: 12px; font-weight: 650; }
.home-hero__slide-copy small { color: #168fff; }
.home-hero__slide-copy strong {
  display: block;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2;
}

/* The longer Garry's Mod label carries more visual mass at the same measured
   size, so a slight optical adjustment keeps all three slides balanced. */
.home-hero__slide:first-child .home-hero__slide-copy strong {
  font-size: 19px;
}
.home-hero__visual-stat strong { color: #168fff; font-size: 20px; }

.home-hero__arrow {
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(0, 119, 231, .22);
  border: 1px solid rgba(75, 180, 255, .42);
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(0, 52, 108, .28), inset 0 1px 0 rgba(255, 255, 255, .13);
  color: rgba(224, 244, 255, .96);
  display: inline-flex;
  height: 42px;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  width: 42px;
  z-index: 6;
}

.home-hero__arrow--previous { left: 16px; }
.home-hero__arrow--next { right: 16px; }

.home-hero__arrow svg {
  fill: none;
  height: 22px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  width: 22px;
}

.home-hero__arrow:hover {
  background: rgba(8, 127, 245, .62);
  border-color: rgba(126, 207, 255, .8);
  box-shadow: 0 10px 30px rgba(0, 105, 215, .4), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.home-hero__arrow--previous:hover { transform: translate(-2px, -50%); }
.home-hero__arrow--next:hover { transform: translate(2px, -50%); }

.home-hero__dots {
  display: flex;
  gap: 7px;
  left: 50%;
  position: absolute;
  bottom: 25px;
  transform: translateX(-50%);
  z-index: 5;
}

.home-hero__dots button {
  background: rgba(255, 255, 255, .42);
  border: 0;
  border-radius: 999px;
  height: 7px;
  padding: 0;
  transition: background .25s ease, width .25s ease;
  width: 7px;
}

.home-hero__dots button.is-active {
  background: #087ff5;
  width: 22px;
}

.home-hero__dots button:focus-visible,
.home-hero__arrow:focus-visible,
.home-hero__slide:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

@media (prefers-reduced-motion: reduce) {
  .home-hero__slide { transition: none; }
  .home-hero__arrow { transition: none; }
}

@media (max-width: 991.98px) {
  .home-page .header { padding-bottom: 4.5rem; padding-top: 4.5rem; }
  .home-page .header_img { justify-content: center; margin-top: 48px; }
  .home-hero__visual { max-width: 720px; transform: none; }
}

@media (max-width: 767.98px) {
  .home-page .header .home-hero__trust { justify-content: center; }
  .home-page .header .home-hero__title { font-size: clamp(43px, 13vw, 62px); text-align: center; }
  .home-page .header .home-hero__subtitle { margin-left: auto; margin-right: auto; text-align: center; }
  .home-hero__visual { border-radius: 18px; }
  .home-hero__arrow { height: 38px; width: 38px; }
  .home-hero__arrow--previous { left: 10px; }
  .home-hero__arrow--next { right: 10px; }
}

@media (max-width : 1280px) {
  .header :is(h1, h2) {
    width: 100%;
  }
}

@media (max-width : 1040px) {
  .header :is(h1, h2) {
    font-size: 48px;
  }
}

@media (max-width : 992px) {
  .header :is(h1, h2) {
    font-size: 46px;
  }

  .header p {
    font-size: 15px;
  }

  .header .header_h2, .header .header_p {
    width: 100%;
  }

  .header_img {
    margin-top: 40px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
  }

  .header_img img {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 768px) {
  .header :is(h1, h2), .header p, .header .btn {
    text-align: center;
  }
  .header .button {
    text-align: center;
  }
}

@media (max-width: 576px) {
  .header_game {
    background-position: center !important;
    background-size: 96% !important;
  }
  .header :is(h1, h2) {
    font-size: 40px;
  }
}

/* Features */
.features .features_box img {
  width: 80px;
  height: 80px;
}

.features .features_box h5 {
  color: var(--white);
  font-weight: 700;
  font-size: 24px;
}

.features .features_box p {
  color: var(--gray);
  font-weight: 300;
}

.home-page .features {
  background: #000;
  position: relative;
}

.home-features__heading {
  margin: 0 auto 44px;
  max-width: 760px;
}

.home-features__heading p {
  color: #168fff;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.home-features__heading h2 {
  color: #fff;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 800;
  letter-spacing: -.035em;
  margin: 0;
}

.home-page .features .features_box {
  background: linear-gradient(145deg, rgba(12, 28, 43, .95), rgba(5, 10, 16, .98) 72%);
  border: 1px solid rgba(29, 139, 232, .36);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 18px 45px rgba(0, 0, 0, .24);
  height: 100%;
  min-height: 248px;
  padding: 30px;
  text-align: left;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.home-page .features .features_box:hover {
  border-color: rgba(36, 157, 255, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 20px 55px rgba(0, 100, 210, .14);
  transform: translateY(-4px);
}

.home-feature-icon {
  align-items: center;
  background: linear-gradient(145deg, #25a8ff, #0877db);
  border: 1px solid rgba(101, 195, 255, .48);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 12px 28px rgba(0, 121, 230, .26);
  color: #fff;
  display: inline-flex;
  height: 54px;
  justify-content: center;
  margin-bottom: 24px;
  width: 54px;
}

.home-feature-icon svg {
  fill: none;
  height: 27px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 27px;
}

.home-page .features .features_box h5 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 21px;
  margin-bottom: 10px;
}

.home-page .features .features_box p {
  color: rgba(255, 255, 255, .7);
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 767.98px) {
  .home-page .features .features_box { min-height: 0; padding: 25px; }
}

.site_title h2 {
  color: var(--white);
  font-weight: 700;
  font-size: 26px;
}

.site_title p {
  color: var(--light);
}

/* Products */
.products {
  background: -moz-linear-gradient(0deg, rgba(16, 18, 19, .2) 0%, rgba(26, 28, 30, .6) 100%);
  background: -webkit-linear-gradient(0deg, rgba(16, 18, 19, .2) 0%, rgba(26, 28, 30, .6) 100%);
  background: linear-gradient(0deg, rgba(16, 18, 19, .2) 0%, rgba(26, 28, 30, .6) 100%);
}

.products .site_title, .game_plans .site_title {
  margin-bottom: 20px;
}

.products .card, .games .card, .game_plans .card, .meet_team .card {
  border: none;
  background: var(--light-dark);
  transition: all 1s;
  position: relative;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  overflow: hidden;
}

.products .card img, .games .card img {
  opacity: 1;
}

.games .card img.card-img-top {
  aspect-ratio: 36 / 25;
  display: block;
  object-fit: cover;
  width: 100%;
}

.products .card:hover img, .games .card:hover img {
  opacity: .4;
}

.products .card:hover .products_content, .games .card:hover .products_content {
  transform: translateY(0);
}

.products .card .products_content, .games .card .products_content {
  position: absolute;
  bottom: 10px;
  left: 10px;
  transform: translateY(calc(50px + 1em));
  transition: transform 0.3s;
}

.products .card .products_content h2, .games .card .products_content h2 {
  color: var(--white);
  font-weight: 700;
  font-size: 24px;
}

.products .card .products_content span, .games .card .products_content span {
  color: var(--light);
  font-weight: 300;
  letter-spacing: 0.04rem;
}

.products .card:hover:before, .games .card:hover:before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: " ";
  display: block;
  background: var(--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493,url('../images/site/products_hover.png')) center bottom repeat-x;
  border-radius: 5px;
}

#products .owl-nav {
  position: absolute;
  right: 0;
  top: -50px;
}

#products .owl-nav .owl-next {
  margin-left: 10px;
}

#products .owl-nav .btn {
  background: var(--blue);
  border: none;
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
  border-radius: 50px;
}

#products .owl-nav .btn:hover {
  background: var(--blue);
  border: none;
  color: var(--white);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(24,115,211,0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(24,115,211,0.4);
  box-shadow: 0px 0px 10px 0px rgba(24,115,211,0.4);
}

@media (max-width: 720px) {
  .site_title h2 {
    text-align: center;
    margin-bottom: 70px;
  }

  #products .owl-nav {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
  }
}

/* Locations */
.locations {
  background: transparent;
}

.locations > .container-custom,
.about-story-panel {
  background:
    radial-gradient(circle at 18% 25%, rgba(43, 156, 255, .07), transparent 34%),
    linear-gradient(145deg, rgba(16, 18, 21, .99), rgba(8, 10, 12, .98));
  border: 1px solid rgba(43, 156, 255, .35);
  border-radius: 18px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .035);
  overflow: hidden;
  padding: 38px 46px;
}

.locations .map_content {
  position: relative;
}

.dallas_mark {
  left: 19%;
  top: 38%;
}

.london_mark {
  left: 45%;
  top: 24%;
}

.finland_mark {
  left: 53.5%;
  top: 19%;
}


.loc_mark {
  width: 14px;
  height: 14px;
  display: block;
  background: #fff;
  position: absolute;
  border-radius: 100%;
}

.loc_mark span {
  font-weight: 700;
  display: block;
  background: var(--blue);
  width: 110px;
  height: 34px;
  display: block;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  line-height: 34px;
  position: absolute;
  border: 1px solid var(--blue);
  box-shadow: 19px 19px 27px 0 rgb(16, 18, 19 / 30%);
}
.arrow_top span {
  bottom: 18px;
  left: -3rem;
}

.arrow_left span {
  bottom: -0.6rem;
  right: 16px;
}

.arrow_right span {
  bottom: -0.6rem;
  left: 20px;
}

.arrow_top span::before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: 8px solid var(--blue);
  border-top-color: var(--blue);
  border-right-color: var(--blue);
  border-bottom-color: var(--blue);
  border-left-color: var(--blue);
  border-color: var(--blue) transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: auto;
}

.arrow_top span::after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: 7px solid var(--blue);
  border-top-color: var(--blue);
  border-right-color: var(--blue);
  border-bottom-color: var(--blue);
  border-left-color: var(--blue);
  border-color: var(--blue) transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: auto;
}

.arrow_left span::before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: 8px solid var(--blue);
  border-top-color: var(--blue);
  border-right-color: var(--blue);
  border-bottom-color: var(--blue);
  border-left-color: var(--blue);
  border-color: transparent transparent transparent var(--blue);
  position: absolute;
  right: -15px;
  top: 0;
  bottom: 0px;
  margin: auto;
}

.arrow_left span::after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: 7px solid var(--blue);
  border-top-color: var(--blue);
  border-right-color: var(--blue);
  border-bottom-color: var(--blue);
  border-left-color: var(--blue);
  border-color: transparent transparent transparent var(--blue);
  position: absolute;
  right: -15px;
  top: 0;
  bottom: 0px;
  margin: auto;
}

.arrow_right span::before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: 8px solid var(--blue);
  border-top-color: var(--blue);
  border-right-color: var(--blue);
  border-bottom-color: var(--blue);
  border-left-color: var(--blue);
  border-color: transparent var(--blue) transparent transparent;
  position: absolute;
  left: -15px;
  top: 0;
  bottom: 0px;
  margin: auto;
}

.arrow_right span::after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border: 7px solid var(--blue);
  border-top-color: var(--blue);
  border-right-color: var(--blue);
  border-bottom-color: var(--blue);
  border-left-color: var(--blue);
  border-color: transparent var(--blue) transparent transparent;
  position: absolute;
  left: -15px;
  top: 0;
  bottom: 0px;
  margin: auto;
}

.locations h2 {
  font-weight: 700;
  font-size: 30px;
  color: var(--white);
  letter-spacing: -0.04rem;
}

.locations p {
  color: var(--light);
}

@media (max-width: 1160px) {
  .locations h2 {
    font-size: 28px;
  }
}

@media (max-width: 992px) {
  .locations > .container-custom,
  .about-story-panel {
    padding: 34px 28px;
  }

  .locations .map_content {
    margin-bottom: 40px;
  }

  .locations h2, .locations p {
    text-align: center;
  }
}

/* Reviews */
.reviews #reviews .owl-stage {
  display: flex;
  align-items: flex-start;
}

.reviews #reviews .owl-stage-outer {
  margin: -3px;
  padding: 3px;
}

.reviews #reviews .owl-item {
  display: flex;
  align-items: flex-start;
  height: auto;
}

.reviews .card {
  background:
    radial-gradient(circle at 88% 12%, rgba(43, 156, 255, .07), transparent 34%),
    linear-gradient(145deg, rgba(22, 25, 29, .99), rgba(11, 13, 15, .98));
  border: 1px solid rgba(43, 156, 255, .32);
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .035);
  height: 253px;
  overflow: hidden;
  width: 100%;
}

.reviews .card .card-body {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.reviews .card .reviews_star {
  display: flex;
}

.reviews .card .reviews_star img {
  width: 30px;
  height: 30px;
  margin: 4px;
  border-radius: 5px;
}

.reviews .card .reviews_star img:first-child {
  margin-left: 0;
}

.reviews .card h3 {
  font-weight: 600;
  color: var(--white);
  font-size: 20px;
  min-height: 24px;
}

.reviews .card p {
  flex: 1 1 auto;
  font-size: 14px;
  color: var(--gray);
  margin-bottom: .6rem;
}

.reviews .review-card--expandable .review-copy {
  max-height: 92px;
  overflow: hidden;
  position: relative;
  transition: max-height .25s ease;
}

.reviews .review-card--expandable .review-copy::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 24px;
  background: linear-gradient(transparent, rgba(11, 13, 15, .98));
  pointer-events: none;
}

.reviews .review-card--expandable .review-copy p {
  flex: 0 0 auto;
}

.reviews .review-card--expandable.is-expanded .review-copy {
  max-height: 520px;
}

.reviews .review-card--expandable.is-expanded {
  height: auto;
  min-height: 253px;
}

.reviews .review-card--expandable.is-expanded .review-copy::after {
  display: none;
}

.reviews .review-toggle {
  appearance: none;
  align-self: flex-start;
  border: 0;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 .65rem;
  padding: 0;
}

.reviews .review-toggle:hover,
.reviews .review-toggle:focus-visible {
  color: var(--white);
  text-decoration: underline;
}

.reviews .card a {
  color: var(--blue);
  font-size: 16px;
  font-weight: 500;
  align-self: flex-end;
  margin-top: auto;
  text-decoration: none;
}

.reviews .reviews_footer h3 {
  font-size: 14px;
  font-weight: 400;
  color: var(--white);
}

.reviews .reviews_footer img {
  width: 100%;
  height: 24px;
}

/* Footer */
footer {
  background: var(--site-footer-gradient);
  margin-top: 6.4rem;
}

footer .need_more {
  background:
    radial-gradient(circle at 18% 25%, rgba(43, 156, 255, .07), transparent 34%),
    linear-gradient(145deg, rgba(16, 18, 21, .99), rgba(8, 10, 12, .98));
  border: 1px solid rgba(43, 156, 255, .35);
  border-radius: 18px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .035);
  position: relative;
  clear: both;
  overflow: hidden;
  margin-top: -150px;
}

footer .need_more h2 {
  color: var(--white);
  font-weight: 700;
}

footer .need_more p {
  color: var(--light);
}

footer .need_more .need_more_right {
  margin-left: auto !important;
}

footer .need_more .need_more_right .btn {
  align-items: center;
  background: rgba(255, 255, 255, .025);
  border: 1px solid #294156;
  border-radius: 8px;
  box-shadow: none;
  color: #c6d2dc;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  min-width: 190px;
  padding: 11px 18px;
  text-align: center;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

footer .need_more .need_more_right .btn:hover {
  background: rgba(47, 156, 255, .1);
  border-color: #2f9cff;
  box-shadow: none;
  color: #fff;
  transform: translateY(-1px);
}

footer .need_more .need_more_icon {
  float: right;
  transform: rotate(-24deg);
  z-index: 1;
}

footer .need_more .need_more_icon::before {
  position: absolute;
  content: "";
  background: url('../images/ui/chat.svg');
  opacity: .2;
  width: 100px;
  height: 100px;
  top: -52px;
  right: -60px;
}

footer .footer_links h4 {
  color: var(--white);
  font-weight: 600;
  font-size:18px;
}

footer .footer_links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


footer .footer_links ul li {
  line-height: 30px;
}

footer .footer_links ul li a {
  display: inline-block;
  text-decoration: none;
  color: var(--light);
  font-size: 14px;
  position: relative;
  transition: all .3s ease;
}

footer .footer_links ul li a::before {
  position:absolute;
  content:"";
  left:0;
  bottom:0;
  height:1px;
  width:0%;
  background-color: var(--light);
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
}

footer .footer_links ul li a:hover::before {
  width:100%;
  opacity:.5;
  visibility:visible
}

footer .footer_links ul li a:hover {
  color: var(--white);
  letter-spacing:1px;
}


footer .footer_about p {
  color: var(--light);
  font-size: 14px;
}

.footer_bottom {
  background: var(--site-footer-end);
  border-top: 1px solid rgba(43, 156, 255, .09);
  color: var(--light);
}

.footer_bottom img {
  height: 20px;
}

.footer_bottom p {
  font-size: 14px;
}

@media (max-width: 768px) {
  .need_more h2, .need_more p {
    text-align: center;
  }

  .need_more .need_more_right {
    text-align: center;
    margin-right: auto !important;
  }

  .footer_links {
    text-align: center;
  }

  .footer_about {
    text-align: center;
    margin-top: 40px;
  }

  .footer_about .d-flex {
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .footer_links h4 {
    margin-top: 20px;
  }

  .footer_bottom img {
    margin-bottom: 4px;
  }

  .footer_bottom .ms-auto {
    margin-right: auto !important;
  }

  .footer_bottom .me-auto {
    margin-left: auto !important;
  }
}

.header .form_box {
  position: relative;
}

.header .form-control {
  background-color: var(--semi-dark);
  color: var(--light);
  border-radius: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid rgba(8,24,40,0.08);
  box-shadow: 0px 0px 10px 0px rgba(8,24,40,0.08);
  box-shadow: none;
  color: var(--light);
}

.header .form_box .form-control-icon {
  position: absolute;
  z-index: 2;
  display: block;
  background: var(--light-dark);
  border-radius: 50px;
  width: 36px;
  height: 36px;
  right: 6px;
  top: 5px;
}

.header .form_box .form-control-icon:before {
  content: "";
  position: absolute;
  background: url('../images/ui/search.svg');
  width: 1.25rem;
  height: 1.25rem;
  top: 8px;
  right: 8px;
}

/* Homepage game server showcase */
.game-showcase {
  isolation: isolate;
  margin: 30px 0 70px;
  min-height: 800px;
  overflow: hidden;
  padding: 82px 0 92px;
  position: relative;
}

.game-showcase::before,
.game-showcase::after {
  background: linear-gradient(90deg, transparent 0%, rgba(43, 156, 255, .12) 12%, rgba(43, 156, 255, .62) 50%, rgba(43, 156, 255, .12) 88%, transparent 100%);
  content: '';
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

.game-showcase::before {
  top: 0;
}

.game-showcase::after {
  bottom: 0;
}

.game-showcase__backdrop,
.game-showcase__overlay {
  inset: 0;
  position: absolute;
}

.game-showcase__backdrop {
  filter: blur(1.25px) brightness(.72) saturate(.82) contrast(.96);
  height: 100%;
  object-fit: cover;
  opacity: .9;
  transform: scale(1.045);
  transition: opacity .24s ease;
  width: 100%;
  z-index: -2;
}

.game-showcase__backdrop.is-changing {
  opacity: .18;
}

.game-showcase__overlay {
  background:
    radial-gradient(circle at 50% 47%, rgba(255, 255, 255, .05), transparent 48%),
    linear-gradient(90deg, rgba(8, 9, 10, .76) 0%, rgba(10, 11, 12, .42) 48%, rgba(7, 8, 9, .68) 100%),
    linear-gradient(180deg, rgba(16, 18, 19, .88) 0%, transparent 18%, transparent 76%, rgba(16, 18, 19, .92) 100%);
  z-index: -1;
}

.game-showcase__inner {
  position: relative;
  z-index: 1;
}

.game-showcase__header {
  margin: 0 auto 44px;
  max-width: 780px;
  text-align: center;
}

.game-showcase__header h2 {
  color: var(--white);
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.05;
  margin-bottom: 16px;
}

.game-showcase__header h2 span {
  color: #2b9cff;
}

.game-showcase__header p {
  color: rgba(255, 255, 255, .68);
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
}

.game-showcase__layout {
  align-items: stretch;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(330px, .9fr) minmax(520px, 1.45fr);
  margin: 0 auto;
  max-width: 1160px;
}

.game-showcase__detail {
  align-items: flex-start;
  background: linear-gradient(145deg, rgba(14, 17, 21, .97), rgba(13, 23, 31, .92));
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 15px;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .34);
  display: flex;
  flex-direction: column;
  min-height: 320px;
  padding: 30px;
}

.game-showcase__detail-icon {
  border: 2px solid rgba(43, 156, 255, .55);
  border-radius: 13px;
  box-shadow: 0 10px 28px rgba(0, 99, 221, .24);
  height: 64px;
  margin-bottom: 25px;
  object-fit: cover;
  width: 64px;
}

.game-showcase__detail h3 {
  color: var(--white);
  font-size: clamp(24px, 2.3vw, 31px);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.18;
  margin: 0 0 14px;
}

.game-showcase__detail h3 em {
  color: #2b9cff;
  font-style: normal;
}

.game-showcase__detail p {
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 20px;
}

.game-showcase__locations {
  color: rgba(255, 255, 255, .64);
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 17px;
  margin-bottom: 24px;
}

.game-showcase__locations span::before {
  background: #2b9cff;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 6px;
  margin-right: 7px;
  vertical-align: 1px;
  width: 6px;
}

.game-showcase__detail > a {
  align-items: center;
  color: #2b9cff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 8px;
  margin-top: auto;
  text-decoration: none;
}

.game-showcase__detail > a > span:last-child {
  align-items: center;
  display: inline-flex;
  font-size: 21px;
  height: 1em;
  justify-content: center;
  line-height: 1;
  position: relative;
  top: -1px;
  transition: transform .18s ease;
}

.game-showcase__detail > a:hover > span:last-child,
.game-showcase__detail > a:focus > span:last-child {
  transform: translateX(3px);
}

.game-showcase__choices {
  display: flex;
  flex-direction: column;
}

.game-showcase__grid {
  display: grid;
  column-gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 28px;
}

.game-showcase__choice {
  background: #12161a;
  border: 2px solid transparent;
  border-radius: 11px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
  color: var(--white);
  height: 146px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.game-showcase__choice img,
.game-showcase__choice-shade {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.game-showcase__choice img {
  object-fit: cover;
  transition: filter .3s ease, transform .45s ease;
}

.game-showcase__choice-shade {
  background: linear-gradient(180deg, rgba(5, 8, 10, .04) 18%, rgba(5, 8, 10, .82) 100%);
}

.game-showcase__choice-copy {
  bottom: 14px;
  display: flex;
  flex-direction: column;
  left: 14px;
  position: absolute;
  right: 32px;
  z-index: 1;
}

.game-showcase__choice-copy strong {
  color: var(--white);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.game-showcase__choice-copy small {
  color: rgba(255, 255, 255, .68);
  font-size: 10px;
  margin-top: 2px;
}

.game-showcase__choice-arrow {
  align-items: center;
  bottom: 16px;
  color: #2b9cff;
  display: flex;
  font-size: 22px;
  height: 22px;
  justify-content: center;
  line-height: 1;
  opacity: 0;
  position: absolute;
  right: 13px;
  transform: translateX(-4px);
  transition: opacity .2s ease, transform .2s ease;
  z-index: 1;
}

.game-showcase__choice:hover,
.game-showcase__choice:focus,
.game-showcase__choice.is-active {
  border-color: #1593ff;
  box-shadow: 0 15px 38px rgba(0, 102, 220, .26);
  color: var(--white);
  outline: none;
  transform: translateY(-2px);
}

.game-showcase__choice:hover img,
.game-showcase__choice:focus img,
.game-showcase__choice.is-active img {
  filter: saturate(1.1) brightness(1.03);
  transform: scale(1.055);
}

.game-showcase__choice:hover .game-showcase__choice-arrow,
.game-showcase__choice:focus .game-showcase__choice-arrow,
.game-showcase__choice.is-active .game-showcase__choice-arrow {
  opacity: 1;
  transform: translateX(0);
}

.game-showcase__all {
  align-items: center;
  align-self: flex-start;
  background: linear-gradient(135deg, #169bff, #0876dd);
  border-radius: 9px;
  box-shadow: 0 12px 28px rgba(0, 94, 211, .25);
  color: var(--white);
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 9px;
  margin-left: calc((100% - 28px) / 6);
  margin-top: 42px;
  padding: 12px 20px;
  text-decoration: none;
  transform: translateX(-50%);
  transition: box-shadow .2s ease, transform .2s ease;
}

.game-showcase__all:hover,
.game-showcase__all:focus {
  box-shadow: 0 15px 34px rgba(0, 112, 235, .35);
  color: var(--white);
  transform: translate(-50%, -2px);
}

.game-showcase__all span {
  align-items: center;
  display: inline-flex;
  font-size: 19px;
  height: 1em;
  justify-content: center;
  line-height: 1;
  position: relative;
  top: -1px;
}

@media (max-width: 991.98px) {
  .game-showcase {
    min-height: 0;
    padding: 60px 0 66px;
  }

  .game-showcase__layout {
    grid-template-columns: 1fr;
    max-width: 760px;
  }

  .game-showcase__detail {
    min-height: 280px;
  }
}

@media (max-width: 767.98px) {
  .game-showcase__header {
    margin-bottom: 32px;
  }

  .game-showcase__header p {
    font-size: 14px;
  }

  .game-showcase__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .game-showcase__all {
    align-self: center;
    justify-content: center;
    margin-left: 0;
    max-width: 100%;
    transform: none;
    white-space: nowrap;
  }

  .game-showcase__all:hover,
  .game-showcase__all:focus {
    transform: translateY(-2px);
  }

  .game-showcase__choice { height: 132px; }
}

@media (max-width: 480px) {
  .game-showcase__detail {
    padding: 24px;
  }

  .game-showcase__choice { height: 116px; }
}

/* Homepage: Why Konnect Hosting and control-panel suite */
.home-page {
  background: #000;
}

.home-page #fixedR:not(.fixed-top),
.home-page .header,
.home-page .features,
.home-page .home-why,
.home-page .locations {
  background: #000;
}

.home-why {
  padding: 54px 20px 72px !important;
  position: relative;
  text-align: center;
}

.home-why__inner {
  margin: 0 auto;
  max-width: 920px;
}

.home-why h2 {
  color: var(--white);
  font-size: clamp(38px, 5vw, 60px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.06;
  margin: 0 0 22px;
}

.home-why h2 span {
  color: #2b9cff;
}

.home-why p {
  color: rgba(255, 255, 255, .58);
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 1.72;
  margin: 0 auto;
  max-width: 850px;
}

.home-why p strong {
  color: rgba(255, 255, 255, .93);
  font-weight: 700;
}

.home-why__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 50px auto 0;
  max-width: 1160px;
}

.home-why-card {
  background: linear-gradient(145deg, rgba(25, 28, 32, .96), rgba(13, 15, 18, .99));
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 7px;
  min-width: 0;
  padding: 24px;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.home-why-card--performance {
  border-color: rgba(43, 156, 255, .48);
  grid-column: span 2;
}

.home-why-card__visual {
  background: linear-gradient(145deg, rgba(20, 23, 27, .98), rgba(12, 14, 17, .98));
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 12px;
  min-height: 240px;
  margin-bottom: 21px;
  overflow: hidden;
  padding: 14px;
  position: relative;
}

.home-why .home-why-card__status {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  color: rgba(255, 255, 255, .48);
  display: flex;
  font-size: 9px;
  font-weight: 500;
  gap: 8px;
  justify-content: center;
  letter-spacing: .16em;
  line-height: 1.5;
  margin: -1px -1px 0;
  max-width: none;
  padding: 0 0 12px;
}

.home-why-card__status-icon {
  color: #52afff;
  flex: 0 0 14px;
  height: 14px;
  width: 14px;
}

.home-why-card__status-icon--network { color: #56ddb4; }
.home-why .home-why-card__status-copy { color: inherit; font: inherit; letter-spacing: inherit; min-width: 0; }
.home-why-performance .home-why-card__status-copy {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 7px;
  justify-content: center;
}
.home-why-card__status-item { white-space: nowrap; }
.home-why-card__status-separator { color: rgba(255, 255, 255, .65); font-weight: 700; margin-right: 5px; }

.home-why-card h3 {
  color: #fff;
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 800;
  letter-spacing: -.035em;
  margin: 0 0 8px;
}

.home-why-card h3 span { color: #2b9cff; }

.home-why-card h3::after {
  color: rgba(255, 255, 255, .48);
  content: '\203A';
  float: right;
  font-size: 25px;
  font-weight: 400;
  line-height: .7;
  transform: rotate(90deg);
  transition: color .25s ease, transform .25s ease;
}

.home-why-card > p {
  color: rgba(255, 255, 255, .54);
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  transition: max-height .3s ease, margin .3s ease, opacity .2s ease, transform .3s ease;
}

.home-why-card:hover {
  border-color: rgba(43, 156, 255, .85);
  box-shadow: 0 0 34px rgba(0, 111, 230, .16), inset 0 1px 0 rgba(255, 255, 255, .04);
  transform: translateY(-2px);
}

.home-why-card:hover h3::after {
  color: #5bb6ff;
  transform: rotate(-90deg);
}

.home-why-card:hover > p {
  margin-top: 8px;
  max-height: 90px;
  opacity: 1;
  transform: translateY(0);
}

.home-why-performance__compare {
  align-items: center;
  display: flex;
  min-height: 174px;
  padding-bottom: 29px;
  justify-content: center;
  gap: clamp(28px, 6vw, 72px);
}

.home-why-gauge {
  align-items: center;
  background: conic-gradient(from 220deg, #2b9cff 0 68%, rgba(255,255,255,.07) 68% 100%);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 116px;
  justify-content: center;
  position: relative;
  width: 116px;
}

.home-why-gauge::before { background: #12161a; border-radius: 50%; content: ''; inset: 13px; position: absolute; }
.home-why-gauge strong, .home-why-gauge small, .home-why-gauge em { position: relative; z-index: 1; }
.home-why-gauge strong { color: #a9d7ff; font-size: 35px; line-height: 1; }
.home-why-gauge small { color: #6ca5ce; font-size: 9px; font-weight: 700; letter-spacing: .15em; margin-top: 4px; }
.home-why-gauge em { bottom: -29px; color: #52afff; font-size: 9px; font-style: normal; font-weight: 800; letter-spacing: .18em; position: absolute; }
.home-why-gauge--gold { background: conic-gradient(from 220deg, #ffb11d 0 40%, rgba(255,255,255,.07) 40% 100%); }
.home-why-gauge--gold strong, .home-why-gauge--gold em { color: #ffd451; }
.home-why-performance__versus { color: #58afff; font-size: 31px; text-shadow: 0 0 24px rgba(43,156,255,.55); }

.home-why-network { background: radial-gradient(circle at 78% 56%, rgba(0, 214, 163, .2), transparent 25%), linear-gradient(145deg, #10181d, #0c0e11); }
.home-why-network__shield { align-items: center; background: rgba(0, 203, 154, .18); border: 1px solid rgba(0, 222, 168, .55); border-radius: 50%; box-shadow: 0 0 35px rgba(0, 219, 165, .3); color: #6ff3cb; display: flex; font-size: 24px; height: 52px; justify-content: center; position: absolute; right: 52px; top: 83px; width: 52px; }
.home-why-network > span { color: #8fe1cc; display: block; font-size: 9px; font-weight: 700; margin: 32px 0 0 14px; }
.home-why-network > span + span { color: #ff9b9b; margin-top: 51px; }
.home-why-network > b { bottom: 15px; color: #ff9696; font-size: 10px; letter-spacing: .12em; position: absolute; right: 15px; }

.home-why-metrics__line { align-items: end; border-bottom: 1px solid rgba(43,156,255,.4); display: flex; gap: 7px; height: 70px; margin: 15px 0 14px; }
.home-why-metrics__line i { background: linear-gradient(#38a6ff, rgba(43,156,255,.1)); flex: 1; height: 32%; clip-path: polygon(0 100%, 50% 0, 100% 100%); }
.home-why-metrics__line i:nth-child(2) { height: 56%; }.home-why-metrics__line i:nth-child(3) { height: 42%; }.home-why-metrics__line i:nth-child(4) { height: 84%; }.home-why-metrics__line i:nth-child(5) { height: 65%; }.home-why-metrics__line i:nth-child(6) { height: 48%; }
.home-why-metrics > b, .home-why-metrics > span { color: rgba(255,255,255,.63); display: block; font-size: 10px; margin: 9px 0; }.home-why-metrics > b { color: #ffe265; }.home-why-metrics em { float: right; font-style: normal; }.home-why-metrics > b em { color: #ffe265; }

.home-why-support > div { margin: 17px 4px 0; padding-left: 27px; position: relative; }.home-why-support > div::before { background: #3da8ff; border-radius: 50%; content: ''; height: 18px; left: 0; position: absolute; top: 1px; width: 18px; }.home-why-support > div + div::before { background: #26d7ab; }.home-why-support b { color: #62b7ff; display: block; font-size: 10px; }.home-why-support span { color: rgba(255,255,255,.67); display: block; font-size: 10px; line-height: 1.35; }

.home-why-hardware > div { border-bottom: 1px solid rgba(255,255,255,.06); margin: 9px 0; padding: 0 0 8px 32px; position: relative; }.home-why-hardware__icon { border: 1px solid rgba(43,156,255,.35); border-radius: 5px; color: #62b7ff; height: 24px; left: 0; padding: 3px; position: absolute; top: 1px; width: 24px; }.home-why-hardware b { color: rgba(255,255,255,.38); display: block; font-size: 8px; letter-spacing: .12em; }.home-why-hardware span { color: rgba(255,255,255,.78); display: block; font-size: 10px; font-weight: 700; }

@media (max-width: 991.98px) { .home-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.home-why-card--performance { grid-column: span 2; } }
@media (max-width: 575.98px) { .home-why { padding-left: 0 !important; padding-right: 0 !important; }.home-why__grid { grid-template-columns: 1fr; }.home-why-card, .home-why-card--performance { grid-column: auto; padding: 17px; }.home-why-card__visual { min-height: 240px; }.home-why-performance__compare { gap: clamp(12px, 3vw, 27px); }.home-why-gauge { flex-shrink: 0; height: clamp(70px, 24vw, 95px); width: clamp(70px, 24vw, 95px); }.home-why-gauge strong { font-size: 29px; } }

/* Compact the lower panels while keeping their details inside the frame. */
.home-why-metrics.home-why-card__visual,
.home-why-support.home-why-card__visual,
.home-why-hardware.home-why-card__visual { min-height: 224px; padding-bottom: 10px; }
.home-why-metrics > :last-child { margin-bottom: 0; }
.home-why-hardware > div:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
/* Align icons with the capital letters rather than extra font leading. */
.home-why-card__status-icon { transform: translateY(-1px); }
@supports (text-box-trim: trim-both) and (text-box-edge: cap alphabetic) {
  .home-why .home-why-card__status-copy,
  .home-why .home-why-card__status-item {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
  .home-why-card__status-icon { transform: none; }
}

/* Home illustrations run only while visible; transforms handle continuous motion. */
.home-why-card--performance { position: relative; }
.home-why-card__border-glow { position: absolute; inset: -1px; width: calc(100% + 2px); height: calc(100% + 2px); pointer-events: none; overflow: visible; }
.home-why-card__border-glow rect { width: calc(100% - 2px); height: calc(100% - 2px); fill: none; stroke: #299fff; stroke-width: 1; stroke-linecap: round; stroke-dasharray: .38 99.62; stroke-dashoffset: var(--trail-offset, 0px); filter: drop-shadow(0 0 .65px rgba(43, 156, 255, .6)); animation: kh-border-travel 7s linear infinite; animation-play-state: paused; }
.home-why-gauge, .home-why-gauge--gold { background: none; }
.home-why-gauge::before { inset: 13px; }
.home-why-gauge__ring { position: absolute; inset: 0; height: 100%; width: 100%; overflow: visible; transform: rotate(135deg); }
.home-why-gauge__ring circle { fill: none; stroke-width: 10; stroke-linecap: round; stroke-dasharray: 75 100; }
.home-why-gauge__track { stroke: rgba(255,255,255,.07); }
.home-why-gauge__arc { stroke: #38a6ff; stroke-dasharray: var(--kh-gauge-fill,75) 100 !important; transition: stroke-dasharray .8s ease; }
.home-why-gauge--gold .home-why-gauge__arc { stroke: #ffba2b; }
.home-why-gauge--blue::after { content: ''; position: absolute; inset: 3px; border: 1px solid rgba(56,166,255,.35); border-radius: 50%; animation: kh-ring-pulse 3s ease-out infinite; animation-play-state: paused; pointer-events: none; }
.home-why-gauge em::before { content: ''; display: inline-block; height: 5px; width: 5px; margin-right: 5px; background: currentColor; border-radius: 50%; }
.home-why-network__traffic { height: 134px; margin-top: 14px; position: relative; --kh-packet-travel: clamp(130px,14vw,220px); }
.home-why-network__shield { right: 24px; z-index: 1; }
.home-why-network__shield::before, .home-why-network__shield::after { content: ''; position: absolute; inset: -1px; border: 1px solid rgba(86,221,180,.5); border-radius: 50%; animation: kh-ring-pulse 3s ease-out infinite; animation-play-state: paused; pointer-events: none; }
.home-why-network__shield::after { animation-delay: -1.5s; }
.home-why-packet { position: absolute; left: 0; top: var(--packet-row); color: #8fe1cc; display: flex; align-items: center; gap: 5px; font-size: 8px; font-weight: 600; white-space: nowrap; animation: kh-packet-travel 4.2s linear infinite; animation-delay: var(--packet-delay); animation-play-state: paused; }
.home-why-packet--blocked { color: #ff9b9b; }
.home-why-packet svg { height: 12px; width: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.home-why-network > b { border-top: 1px solid rgba(255,255,255,.07); bottom: 12px; left: 14px; padding-top: 10px; text-align: right; }
.home-why-motion-active .home-why-card__border-glow rect,
.home-why-motion-active .home-why-gauge--blue::after,
.home-why-motion-active .home-why-network__shield::before,
.home-why-motion-active .home-why-network__shield::after,
.home-why-motion-active .home-why-packet { animation-play-state: running; }
@keyframes kh-border-travel { from { stroke-dashoffset: var(--trail-offset, 0px); } to { stroke-dashoffset: calc(var(--trail-offset, 0px) - 100px); } }
@keyframes kh-ring-pulse { 0% { transform: scale(1); opacity: .65; } 100% { transform: scale(1.65); opacity: 0; } }
@keyframes kh-packet-travel { 0% { transform: translateX(0); opacity: 0; } 15%,65% { opacity: 1; } 90%,100% { transform: translateX(var(--kh-packet-travel)); opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .home-why-card__border-glow rect, .home-why-gauge--blue::after, .home-why-network__shield::before, .home-why-network__shield::after, .home-why-packet { animation: none; }
  .home-why-gauge__arc { transition: none; }
}

.home-panel-suite {
  background: linear-gradient(
    180deg,
    #071827 0%,
    #02070c 18%,
    #000 36%,
    #000 100%
  );
  isolation: isolate;
  overflow: hidden;
  padding: 108px 0 112px;
  position: relative;
}

.home-panel-suite::before {
  background: linear-gradient(90deg, transparent 0%, rgba(43, 156, 255, .1) 12%, rgba(43, 156, 255, .58) 50%, rgba(43, 156, 255, .1) 88%, transparent 100%);
  content: '';
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.home-panel-suite::before {
  top: 0;
}

.home-panel-suite__header,
.home-panel-suite__gallery-heading {
  margin: 0 auto;
  max-width: 730px;
  text-align: center;
}

.home-panel-suite__header h2,
.home-panel-suite__gallery-heading h2 {
  color: var(--white);
  font-size: clamp(38px, 5vw, 58px);
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: .98;
  margin: 0 0 22px;
}

.home-panel-suite__header h2 span {
  color: #2b9cff;
}

.home-panel-suite__header > p,
.home-panel-suite__gallery-heading > p {
  color: rgba(255, 255, 255, .58);
  font-size: 16px;
  line-height: 1.7;
  margin: 0 auto;
  max-width: 620px;
}

.home-panel-suite__feature-grid {
  display: grid;
  gap: 38px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 68px auto 54px;
  max-width: 1160px;
}

.home-panel-suite__feature {
  min-width: 0;
}

.home-panel-suite__mockup,
.home-panel-suite__mini-visual,
.home-panel-gallery__frame {
  background: linear-gradient(145deg, rgba(19, 22, 26, .98), rgba(8, 10, 12, .99));
  border: 1px solid rgba(255, 255, 255, .11);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .03);
}

.home-panel-suite__mockup {
  aspect-ratio: 1.72 / 1;
  border-radius: 15px;
  margin-bottom: 25px;
  overflow: hidden;
}

.home-panel-suite__window-bar {
  align-items: center;
  background: rgba(255, 255, 255, .025);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .72);
  display: flex;
  font-size: 11px;
  gap: 8px;
  height: 42px;
  padding: 0 15px;
}

.home-panel-suite__window-bar small {
  color: #58d6b1;
  margin-left: auto;
}

.home-panel-suite__window-icon {
  align-items: center;
  background: rgba(43, 156, 255, .14);
  border: 1px solid rgba(43, 156, 255, .28);
  border-radius: 6px;
  color: #58b6ff;
  display: inline-flex;
  font-size: 9px;
  font-weight: 800;
  height: 21px;
  justify-content: center;
  width: 25px;
}

.home-panel-suite__mockup--backup {
  padding-bottom: 18px;
}

.home-panel-suite__transfer {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
  padding: 24px 18px 17px;
}

.home-panel-suite__transfer-node {
  align-items: center;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  min-width: 0;
  padding: 12px;
}

.home-panel-suite__transfer-node.is-highlighted {
  background: rgba(8, 105, 208, .12);
  border-color: rgba(43, 156, 255, .55);
  box-shadow: inset 0 0 24px rgba(0, 91, 207, .08);
}

.home-panel-suite__transfer-node > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.home-panel-suite__transfer-node strong {
  color: rgba(255, 255, 255, .9);
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-panel-suite__transfer-node small {
  color: rgba(255, 255, 255, .38);
  font-size: 9px;
}

.home-panel-suite__transfer-icon {
  align-items: center;
  background: rgba(255, 255, 255, .07);
  border-radius: 7px;
  color: #8ecbff;
  display: inline-flex;
  flex: 0 0 30px;
  font-size: 9px;
  font-weight: 800;
  height: 30px;
  justify-content: center;
}

.home-panel-suite__transfer-route {
  align-items: center;
  display: flex;
  justify-content: center;
}

.home-panel-suite__transfer-route span {
  border-top: 1px dashed rgba(43, 156, 255, .5);
  flex: 1;
}

.home-panel-suite__transfer-route b {
  align-items: center;
  background: #1288eb;
  border-radius: 50%;
  box-shadow: 0 0 18px rgba(18, 136, 235, .34);
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  height: 27px;
  justify-content: center;
  margin: 0 5px;
  width: 27px;
}

.home-panel-suite__progress {
  background: rgba(255, 255, 255, .06);
  border-radius: 999px;
  height: 6px;
  margin: 0 18px 7px;
  overflow: hidden;
}

.home-panel-suite__progress span {
  background: linear-gradient(90deg, #1798ff, #63d4ff);
  border-radius: inherit;
  display: block;
  height: 100%;
  width: 100%;
}

.home-panel-suite__progress-label,
.home-panel-suite__file-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 18px;
}

.home-panel-suite__progress-label {
  color: #57dfb3;
  font-size: 9px;
  margin-bottom: 12px;
}

.home-panel-suite__file-row {
  border-top: 1px solid rgba(255, 255, 255, .045);
  color: rgba(255, 255, 255, .46);
  font-family: var(--font-body);
  font-size: 9px;
  padding: 6px 1px 0;
}

.home-panel-suite__file-row + .home-panel-suite__file-row {
  margin-top: 5px;
}

.home-panel-suite__file-row span::before {
  color: #57dfb3;
  content: '\2713';
  margin-right: 7px;
}

.home-panel-suite__editor-tabs {
  background: rgba(255, 255, 255, .015);
  border-bottom: 1px solid rgba(255, 255, 255, .055);
  display: flex;
  height: 34px;
}

.home-panel-suite__editor-tabs span {
  align-items: center;
  border-right: 1px solid rgba(255, 255, 255, .05);
  color: rgba(255, 255, 255, .35);
  display: flex;
  font-family: var(--font-body);
  font-size: 9px;
  padding: 0 15px;
}

.home-panel-suite__editor-tabs .is-active {
  background: rgba(43, 156, 255, .055);
  color: #9ecfff;
}

.home-panel-suite__code {
  font-family: var(--font-body);
  padding: 15px 18px 12px;
}

.home-panel-suite__code p {
  color: #b9d7f0;
  font-size: 10px;
  line-height: 1.8;
  margin: 0;
  white-space: nowrap;
}

.home-panel-suite__code i {
  color: rgba(255, 255, 255, .22);
  display: inline-block;
  font-style: normal;
  margin-right: 16px;
  text-align: right;
  width: 12px;
}

.home-panel-suite__code b {
  color: #4eafff;
  font-weight: 600;
  margin-right: 8px;
}

.home-panel-suite__code .is-comment {
  color: rgba(255, 255, 255, .3);
}

.home-panel-suite__code mark {
  background: transparent;
  color: #ffd45e;
  padding: 0;
}

.home-panel-suite__terminal-label {
  border-bottom: 1px solid rgba(255, 255, 255, .055);
  border-top: 1px solid rgba(255, 255, 255, .055);
  color: rgba(255, 255, 255, .3);
  font-family: var(--font-body);
  font-size: 8px;
  letter-spacing: .12em;
  padding: 7px 18px;
}

.home-panel-suite__terminal {
  color: rgba(255, 255, 255, .47);
  font-family: var(--font-body);
  font-size: 9px;
  padding: 12px 18px;
}

.home-panel-suite__terminal span {
  color: #58d6b1;
  margin-right: 7px;
}

.home-panel-suite__eyebrow {
  color: #2b9cff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  margin: 0 0 10px;
}

.home-panel-suite__feature > h3 {
  color: var(--white);
  font-size: clamp(24px, 2.2vw, 31px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.15;
  margin: 0 0 11px;
}

.home-panel-suite__copy,
.home-panel-suite__mini-card > p {
  color: rgba(255, 255, 255, .55);
  font-size: 13px;
  line-height: 1.65;
}

.home-panel-suite__copy {
  margin: 0;
}

.home-panel-suite__checks {
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}

.home-panel-suite__checks li {
  align-items: center;
  color: rgba(255, 255, 255, .78);
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 11px;
}

.home-panel-suite__checks li::before {
  align-items: center;
  background: linear-gradient(135deg, #169bff, #0876dd);
  border-radius: 7px;
  box-shadow: 0 7px 18px rgba(0, 98, 221, .2);
  color: #fff;
  content: '\2713';
  display: inline-flex;
  flex: 0 0 28px;
  font-size: 14px;
  height: 28px;
  justify-content: center;
}

.home-panel-suite__mini-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 92px auto 0;
  max-width: 1160px;
}

.home-panel-suite__mini-card {
  background: linear-gradient(145deg, rgba(25, 28, 32, .95), rgba(16, 18, 21, .98));
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 15px;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .035);
  min-width: 0;
  padding: 18px 18px 21px;
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.home-panel-suite__mini-card:hover,
.home-panel-suite__mini-card:focus-visible {
  border-color: rgba(43, 156, 255, .78);
  box-shadow: 0 25px 62px rgba(0, 0, 0, .36), 0 0 30px rgba(0, 112, 235, .13), inset 0 1px 0 rgba(255, 255, 255, .05);
  outline: none;
  transform: translateY(-3px);
}

.home-panel-suite__mini-card:hover .home-panel-suite__mini-visual,
.home-panel-suite__mini-card:focus-visible .home-panel-suite__mini-visual {
  border-color: rgba(43, 156, 255, .23);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .38), inset 0 0 34px rgba(21, 126, 225, .055);
}

.home-panel-suite__mini-visual {
  border-radius: 12px;
  height: 190px;
  margin-bottom: 19px;
  overflow: hidden;
  padding: 18px;
}

.home-panel-suite__mini-card > h3 {
  color: var(--white);
  font-size: 18px;
  font-weight: 750;
  letter-spacing: -.025em;
  margin: 0 0 6px;
}

.home-panel-suite__mini-card > p {
  margin: 0;
}

.home-panel-suite__setup-row {
  align-items: center;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 10px;
  display: flex;
  gap: 12px;
  margin: 18px 0 13px;
  padding: 13px;
}

.home-panel-suite__setup-row > div {
  display: flex;
  flex-direction: column;
}

.home-panel-suite__setup-row strong,
.home-panel-suite__mini-title strong {
  color: rgba(255, 255, 255, .9);
  font-size: 11px;
}

.home-panel-suite__setup-row small,
.home-panel-suite__mini-title small {
  color: rgba(255, 255, 255, .38);
  font-size: 9px;
}

.home-panel-suite__setup-icon {
  align-items: center;
  background: rgba(43, 156, 255, .15);
  border: 1px solid rgba(43, 156, 255, .35);
  border-radius: 9px;
  color: #57b7ff;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.home-panel-suite__setup-button {
  background: linear-gradient(135deg, #169bff, #0876dd);
  border-radius: 7px;
  color: #fff;
  display: block;
  font-size: 10px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
}

.home-panel-suite__mini-visual--install {
  background:
    radial-gradient(circle at 18% 15%, rgba(22, 140, 255, .13), transparent 42%),
    linear-gradient(145deg, rgba(11, 21, 33, .98), rgba(8, 10, 12, .99));
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 35px;
}

.home-panel-suite__install-item {
  align-items: center;
  display: flex;
  gap: 11px;
  margin-bottom: 14px;
}

.home-panel-suite__install-item > div {
  display: flex;
  flex-direction: column;
}

.home-panel-suite__install-icon {
  align-items: center;
  background: rgba(255, 255, 255, .16);
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 20px;
  height: 37px;
  justify-content: center;
  width: 37px;
}

.home-panel-suite__install-item strong {
  color: rgba(255, 255, 255, .94);
  font-size: 12px;
}

.home-panel-suite__install-item small {
  color: rgba(255, 255, 255, .48);
  font-size: 10px;
}

.home-panel-suite__install-button {
  background: linear-gradient(135deg, #159aff, #0875dc);
  border-radius: 7px;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 800;
  padding: 10px;
  text-align: center;
}

.home-panel-suite__install-button b {
  font-size: 14px;
  margin-right: 6px;
}

.home-panel-suite__mini-title {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  display: grid;
  gap: 8px;
  grid-template-columns: auto 1fr auto;
  padding-bottom: 13px;
}

.home-panel-suite__mini-title > span {
  color: #48adff;
}

.home-panel-suite__mini-title small {
  color: #57d9b2;
}

.home-panel-suite__job {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .045);
  color: rgba(255, 255, 255, .75);
  display: grid;
  font-size: 10px;
  gap: 8px;
  grid-template-columns: 1fr auto auto;
  padding: 10px 1px;
}

.home-panel-suite__job small {
  color: rgba(255, 255, 255, .35);
  font-family: var(--font-body);
}

.home-panel-suite__job b {
  align-items: center;
  background: #4ec89f;
  border-radius: 50%;
  color: #09271d;
  display: inline-flex;
  font-size: 7px;
  height: 13px;
  justify-content: center;
  width: 13px;
}

.home-panel-suite__metric-row {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(3, 1fr);
  padding: 21px 0 18px;
}

.home-panel-suite__metric-row > div {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 9px;
}

.home-panel-suite__metric-row strong {
  color: #e9f4ff;
  font-size: 11px;
}

.home-panel-suite__metric-row small {
  color: rgba(255, 255, 255, .35);
  font-size: 8px;
}

.home-panel-suite__metric-bars {
  align-items: end;
  display: flex;
  gap: 5px;
  height: 36px;
}

.home-panel-suite__metric-bars span {
  background: linear-gradient(180deg, #50b9ff, #0869c6);
  border-radius: 3px 3px 1px 1px;
  flex: 1;
  height: 32%;
  opacity: .8;
}

.home-panel-suite__metric-bars span:nth-child(2) { height: 55%; }
.home-panel-suite__metric-bars span:nth-child(3) { height: 43%; }
.home-panel-suite__metric-bars span:nth-child(4) { height: 86%; }
.home-panel-suite__metric-bars span:nth-child(5) { height: 67%; }
.home-panel-suite__metric-bars span:nth-child(6) { height: 74%; }
.home-panel-suite__metric-bars span:nth-child(7) { height: 49%; }
.home-panel-suite__metric-bars span:nth-child(8) { height: 72%; }

.home-panel-suite__gallery-heading {
  margin-top: 108px;
}

.home-panel-suite__gallery-heading h2 {
  font-size: clamp(30px, 3.8vw, 44px);
  line-height: 1.08;
  margin-bottom: 12px;
}

.home-panel-gallery {
  margin: 42px auto 0;
  max-width: 1190px;
}

.home-panel-gallery__frame {
  border-radius: 15px;
  overflow: hidden;
}

.home-panel-gallery__toolbar {
  align-items: center;
  background: rgba(255, 255, 255, .025);
  border-bottom: 1px solid rgba(255, 255, 255, .085);
  color: rgba(255, 255, 255, .46);
  display: grid;
  font-family: var(--font-body);
  font-size: 10px;
  gap: 18px;
  grid-template-columns: 80px minmax(180px, 480px) 1fr;
  height: 52px;
  padding: 0 18px;
}

.home-panel-gallery__dots {
  display: flex;
  gap: 7px;
}

.home-panel-gallery__dots i {
  background: #5a5e67;
  border-radius: 50%;
  display: block;
  height: 9px;
  width: 9px;
}

.home-panel-gallery__address {
  background: rgba(0, 0, 0, .28);
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 7px;
  overflow: hidden;
  padding: 8px 13px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-panel-gallery__address::before {
  color: #55d6b0;
  content: '\1F512';
  margin-right: 8px;
}

.home-panel-gallery__status {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  justify-self: end;
  padding: 6px 12px;
}

.home-panel-gallery__viewport {
  background: #07090b;
  overflow: hidden;
  position: relative;
}

.home-panel-gallery__viewport img {
  aspect-ratio: 2.02 / 1;
  display: block;
  height: auto;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  transition: opacity .22s ease, transform .35s ease;
  width: 100%;
}

.home-panel-gallery__viewport img.is-changing {
  opacity: .25;
}

.home-panel-gallery__shade {
  display: none;
}

.home-panel-gallery__viewport h3 {
  color: #fff;
  font-size: clamp(20px, 2.6vw, 34px);
  font-weight: 800;
  letter-spacing: -.03em;
  margin: 0;
  padding: 14px 20px;
}

.home-panel-gallery__caption {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .085);
  border-top: 1px solid rgba(255, 255, 255, .085);
  display: flex;
  gap: 22px;
  justify-content: space-between;
  min-height: 70px;
  padding: 16px 20px;
}

.home-panel-gallery__caption p {
  color: rgba(255, 255, 255, .58);
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

.home-panel-gallery__caption > span {
  color: rgba(255, 255, 255, .34);
  flex: 0 0 auto;
  font-family: var(--font-body);
  font-size: 11px;
}

.home-panel-gallery__caption b {
  color: #69bdff;
  font-weight: 700;
}

.home-panel-gallery__controls {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  padding: 14px;
}

.home-panel-gallery__thumbs {
  display: grid;
  gap: 9px;
  grid-auto-columns: 148px;
  grid-auto-flow: column;
  grid-template-columns: none;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  padding-bottom: 8px;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-color: rgba(43, 156, 255, .75) rgba(255, 255, 255, .04);
  scrollbar-width: thin;
}

.home-panel-gallery__thumbs::-webkit-scrollbar {
  height: 6px;
}

.home-panel-gallery__thumbs::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .04);
  border-radius: 999px;
}

.home-panel-gallery__thumbs::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #087ee8, #42adff);
  border-radius: 999px;
}

.home-panel-gallery__thumb,
.home-panel-gallery__arrow {
  appearance: none;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .58);
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

.home-panel-gallery__thumb {
  border-radius: 7px;
  min-width: 0;
  overflow: hidden;
  padding: 4px;
  position: relative;
  scroll-snap-align: start;
}

.home-panel-gallery__thumb img {
  aspect-ratio: 1.9 / 1;
  border-radius: 4px;
  display: block;
  filter: brightness(.6) saturate(.7);
  /* Override the original image's height attribute at thumbnail widths. */
  height: auto;
  object-fit: cover;
  object-position: top center;
  transition: filter .2s ease;
  width: 100%;
}

.home-panel-gallery__thumb span {
  bottom: 7px;
  color: rgba(255, 255, 255, .75);
  font-size: 9px;
  font-weight: 700;
  left: 8px;
  position: absolute;
  text-shadow: 0 1px 4px #000;
}

.home-panel-gallery__thumb:hover,
.home-panel-gallery__thumb:focus,
.home-panel-gallery__thumb.is-active,
.home-panel-gallery__arrow:hover,
.home-panel-gallery__arrow:focus-visible {
  border-color: rgba(43, 156, 255, .8);
  box-shadow: 0 0 24px rgba(0, 110, 230, .15);
  color: #fff;
  outline: none;
}

.home-panel-gallery__thumb:hover img,
.home-panel-gallery__thumb:focus img,
.home-panel-gallery__thumb.is-active img {
  filter: brightness(.88) saturate(1);
}

.home-panel-gallery__arrow {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 26px;
  justify-content: center;
}

.home-panel-gallery__arrow:hover,
.home-panel-gallery__arrow:focus-visible {
  transform: translateY(-1px);
}

@media (max-width: 991.98px) {
  .home-panel-suite {
    padding: 82px 0 88px;
  }

  .home-panel-suite__feature-grid {
    gap: 64px;
    grid-template-columns: 1fr;
    max-width: 720px;
  }

  .home-panel-suite__mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 74px;
  }

  .home-panel-suite__mini-card:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: calc(50% - 10px);
    width: 100%;
  }

  .home-panel-suite__gallery-heading {
    margin-top: 82px;
  }
}

@media (max-width: 767.98px) {
  .home-why {
    padding: 38px 8px 56px !important;
  }

  .home-why p,
  .home-panel-suite__header > p,
  .home-panel-suite__gallery-heading > p {
    font-size: 14px;
  }

  .home-panel-suite {
    padding: 68px 0 72px;
  }

  .home-panel-suite__header h2 {
    line-height: 1.04;
  }

  .home-panel-suite__feature-grid {
    margin-top: 48px;
  }

  .home-panel-suite__mini-grid {
    grid-template-columns: 1fr;
    margin-top: 60px;
  }

  .home-panel-suite__mini-card:last-child {
    grid-column: auto;
    max-width: none;
  }

  .home-panel-suite__mini-visual {
    height: 178px;
  }

  .home-panel-gallery__toolbar {
    gap: 10px;
    grid-template-columns: 46px minmax(130px, 1fr);
    padding: 0 12px;
  }

  .home-panel-gallery__status {
    display: none;
  }

  .home-panel-gallery__caption {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .home-panel-gallery__controls {
    grid-template-columns: 36px minmax(0, 1fr) 36px;
  }

  .home-panel-gallery__thumbs {
    display: flex;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-color: rgba(43, 156, 255, .45) rgba(255, 255, 255, .03);
  }

  .home-panel-gallery__thumb {
    flex: 0 0 118px;
  }
}

@media (max-width: 520px) {
  .home-panel-suite__mockup {
    aspect-ratio: auto;
    min-height: 305px;
  }

  .home-panel-suite__transfer {
    gap: 8px;
    grid-template-columns: 1fr;
    padding-top: 17px;
  }

  .home-panel-suite__transfer-route {
    height: 24px;
    transform: rotate(90deg);
    width: 56px;
    justify-self: center;
  }

  .home-panel-suite__code {
    overflow-x: auto;
  }

  .home-panel-suite__mini-card {
    padding: 14px 14px 19px;
  }

  .home-panel-suite__gallery-heading {
    margin-top: 68px;
  }

  .home-panel-gallery__frame {
    border-radius: 11px;
  }

  .home-panel-gallery__viewport h3 {
    padding: 12px 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-panel-suite__mini-card,
  .home-panel-gallery__viewport img,
  .home-panel-gallery__thumb,
  .home-panel-gallery__arrow,
  .home-panel-gallery__thumb img {
    transition: none;
  }

  .home-panel-suite__mini-card:hover,
  .home-panel-suite__mini-card:focus-visible {
    transform: none;
  }
}

/* One continuous homepage transition across reviews and the complete footer. */
.home-page .home-footer-gradient {
  background: var(--site-footer-gradient);
}

.home-page .reviews,
.home-page footer,
.home-page .footer_bottom {
  background: transparent;
}

.home-page .footer_bottom {
  border-top: 1px solid rgba(43, 156, 255, .09);
}

/* Games */
.game-servers-page {
  background: #000;
}

.game-servers-page .game-catalog-hero.game-catalog-header,
.game-servers-page .games,
.game-servers-page .tech_processor,
.game-servers-page .game_features {
  background-color: #000;
}

.game-catalog-hero.game-catalog-header {
  background: linear-gradient(115deg, #07131d 0%, #090e13 46%, #08090b 100%);
}

.game-servers-page .game-catalog-hero.game-catalog-header {
  background-image: radial-gradient(
    ellipse 58% 74% at 50% 68%,
    rgba(43, 156, 255, .2) 0%,
    rgba(24, 115, 211, .11) 34%,
    rgba(8, 55, 96, .045) 54%,
    transparent 76%
  );
}

.game-catalog-hero .navbar-dark:not(.fixed-top) {
  background: transparent;
}

.game-catalog-header {
  background: transparent;
  position: relative;
}

.game-catalog-header::after {
  background: linear-gradient(90deg, transparent 0%, rgba(43, 156, 255, .12) 12%, rgba(43, 156, 255, .62) 50%, rgba(43, 156, 255, .12) 88%, transparent 100%);
  bottom: 0;
  content: '';
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.game-catalog-header + .games {
  padding-top: 40px;
}

.game-catalog-header + .games > .container-custom {
  max-width: 1900px;
  width: calc(100% - 64px);
}

.games .products_top {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
}

.games .products_top img {
  opacity: 1 !important;
  cursor: pointer;
}

.games .card .products_content {
  transform: translateY(calc(30px + 1em));
  width: 93.5%;
}

.games .card .products_content span {
  margin-bottom: 10px;
}

.games .products_content .btn {
  background: var(--blue);
  color: var(--white);
  border: none !important;
  padding: 4px 30px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

/* Image-first game catalog cards */
.game-catalog-header + .games .game_item {
  position: relative;
}

.game-catalog-header + .games .game_item:hover,
.game-catalog-header + .games .game_item:focus-within {
  z-index: 20;
}

.game-catalog-header + .games .card {
  aspect-ratio: .78;
  background: #0b0d0f;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 12px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .3);
  overflow: visible;
  transform: translateY(0);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.game-catalog-header + .games .game_item:hover .card,
.game-catalog-header + .games .card:focus-within {
  border-color: #159bff;
  box-shadow: 0 19px 42px rgba(0, 0, 0, .42), 0 0 0 1px rgba(21, 155, 255, .72), 0 0 24px rgba(21, 155, 255, .12);
  transform: translateY(0);
}

.game-catalog-header + .games .card::before {
  background: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(5, 18, 32, .14) 69%, rgba(3, 13, 25, .82) 100%);
  border-radius: inherit;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.game-catalog-header + .games .card::after {
  border: 1px solid #159bff;
  border-radius: inherit;
  box-shadow: 0 0 0 1px rgba(21, 155, 255, .72), 0 0 24px rgba(21, 155, 255, .16);
  content: '';
  inset: -1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity .16s ease;
  z-index: 7;
}

.game-catalog-header + .games .game_item:hover .card::after,
.game-catalog-header + .games .card:focus-within::after {
  opacity: 1;
}

.game-catalog-header + .games .game-card-artwork {
  border-radius: inherit;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.game-catalog-header + .games .card img.card-img-top,
.game-catalog-header + .games .game-card-artwork img.card-img-top {
  aspect-ratio: auto;
  border-radius: inherit;
  height: 100%;
  inset: 0;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  transition: filter .2s ease, transform .28s ease;
  width: 100%;
}

.game-catalog-header + .games .game_item:hover .card img.card-img-top,
.game-catalog-header + .games .game_item:hover .game-card-artwork img.card-img-top,
.game-catalog-header + .games .card:focus-within img.card-img-top,
.game-catalog-header + .games .card:focus-within .game-card-artwork img.card-img-top {
  filter: brightness(1.04) saturate(1.04);
  opacity: 1;
  transform: scale(1.018);
}

.game-catalog-header + .games .card .products_content {
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  left: 0;
  padding: 17px 13px 14px;
  pointer-events: none;
  right: 0;
  top: 0;
  transform: none;
  width: 100%;
  z-index: 3;
}

.game-catalog-header + .games .card .products_content h2 {
  font-size: clamp(18px, 1.25vw, 23px);
  line-height: 1.12;
  margin-bottom: 4px !important;
  position: relative;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .9);
  z-index: 2;
}

.game-catalog-header + .games .card .products_content span {
  color: rgba(255, 255, 255, .7);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  margin: 0;
  position: relative;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .9);
  z-index: 2;
}

.game-catalog-header + .games .card .products_content span strong {
  color: #22e889;
  font-weight: 700;
}

.game-catalog-header + .games .cfx-card-logo {
  align-items: center;
  backdrop-filter: blur(8px);
  background: rgba(5, 8, 12, .58);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .3);
  display: flex;
  gap: 8px;
  left: 50%;
  padding: 8px 13px 8px 9px;
  pointer-events: none;
  position: absolute;
  top: 52px;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 3;
}

.game-catalog-header + .games .cfx-card-logo img {
  height: 30px;
  object-fit: contain;
  width: 30px;
}

.game-catalog-header + .games .cfx-card-logo span {
  color: #fff;
  font-size: clamp(22px, 1.5vw, 30px);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .72);
}

.game-catalog-header + .games .cfx-card-logo--fivem {
  border-color: rgba(255, 100, 38, .66);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .34), 0 0 20px rgba(255, 100, 38, .14);
}

.game-catalog-header + .games .cfx-card-logo--redm {
  border-color: rgba(201, 54, 48, .7);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .34), 0 0 20px rgba(201, 54, 48, .14);
}

.game-catalog-header + .games .products_content .btn {
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit;
  color: transparent;
  display: block;
  font-size: 0;
  inset: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  text-indent: -9999px;
  z-index: 1;
}

.game-catalog-header + .games .products_content .btn:focus-visible {
  outline: 0;
}

.game-catalog-header + .games .card img.redm-card-art,
.game-catalog-header + .games .game-card-artwork img.redm-card-art {
  object-position: 46% center;
}

/* Preserve the title artwork built into these Steam library covers. */
.game-catalog-header + .games .card img.cs2-card-art,
.game-catalog-header + .games .game-card-artwork img.cs2-card-art,
.game-catalog-header + .games .card img.satisfactory-card-art,
.game-catalog-header + .games .game-card-artwork img.satisfactory-card-art {
  object-position: center top;
}

.game-catalog-header + .games .card img.ark-card-art,
.game-catalog-header + .games .game-card-artwork img.ark-card-art {
  object-position: center bottom;
}

.game-catalog-header + .games .products_top {
  right: 10px;
  top: 10px;
  z-index: 4;
}

.game-catalog-header + .games .products_top span {
  align-items: center;
  background: rgba(7, 11, 14, .75);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 5px;
  display: flex;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.game-catalog-header + .games .products_top img {
  height: 12px;
  width: 12px;
}

.game-info-trigger {
  align-items: center;
  background: rgba(7, 11, 14, .76);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  color: rgba(255, 255, 255, .82);
  cursor: help;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  left: 10px;
  line-height: 1;
  padding: 0;
  position: absolute;
  top: 10px;
  width: 24px;
  z-index: 5;
}

.game-info-trigger:hover,
.game-info-trigger:focus-visible,
.game-info-trigger[aria-expanded="true"] {
  background: #168ef0;
  border-color: rgba(255, 255, 255, .32);
  color: #fff;
  outline: none;
}

.game-info-popover {
  background: linear-gradient(145deg, rgba(20, 22, 25, .99), rgba(10, 12, 14, .99));
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 11px;
  bottom: calc(100% + 10px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .55);
  color: rgba(255, 255, 255, .7);
  left: 8px;
  opacity: 0;
  padding: 15px 16px;
  pointer-events: none;
  position: absolute;
  transform: translateY(7px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  visibility: hidden;
  width: min(270px, calc(100vw - 34px));
  z-index: 1002;
}

.game-info-popover h3 {
  color: #fff;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
  margin: 0 0 8px;
}

.game-info-popover p {
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

.game-info-trigger:hover + .game-info-popover,
.game-info-trigger:focus-visible + .game-info-popover,
.game-info-trigger[aria-expanded="true"] + .game-info-popover {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

@media (min-width: 1600px) {
  .game-catalog-header + .games .game_item {
    width: 16.6666667%;
  }
}

@media (min-width: 1600px) and (max-width: 1999.98px) {
  .game-catalog-header + .games > .container-custom {
    max-width: 1560px;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .game-catalog-header + .games .game_item {
    width: 20%;
  }
}

@media (max-width: 575.98px) {
  .game-catalog-header + .games > .container-custom {
    width: calc(100% - 30px);
  }

  .game-catalog-header + .games .game_item {
    width: 100%;
  }

  .game-catalog-header + .games .card {
    aspect-ratio: 1 / 1.05;
  }
}

.tooltip-inner {
  font-family: var(--font-body);
  box-shadow: 0px 0px 4px black;
  opacity: 1 !important;
  color: var(--white);
  font-weight: 500;
  font-size: 12px;
}

/* Tech Proccesor */
.tech_processor {
  background: transparent;
}

.tech_processor .tech_processor_panel {
  background-image:
    radial-gradient(circle at 18% 25%, rgba(43, 156, 255, .12), transparent 36%),
    linear-gradient(rgba(16, 18, 21, .9), rgba(8, 10, 12, .94)),
    var(--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16,url('../images/site/tech_bg.png'));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(43, 156, 255, .35);
  border-radius: 18px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .035);
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding: 2.25rem 2.5rem;
}

@media (max-width: 767.98px) {
  .tech_processor .tech_processor_panel {
    padding: 1.5rem 1.25rem;
  }

  .tech_processor .tech_text {
    padding-top: 1.25rem;
    text-align: center;
  }
}

.tech_processor .tech_text h2 {
  color: var(--white);
  font-weight: 600;
}

.tech_processor .tech_text p {
  color: var(--light);
}

/* Game Features */
.game_features ul {
  list-style: none;
  padding: 0;
}

.game_features ul li {
  color: var(--white);
  position: relative;
  margin-bottom: 20px;
  font-weight: 500;
  cursor: pointer;
  padding-left: 10px;
}

.game_features ul li:hover:before {
  width: 70%;
}

.game_features ul li::before {
  background: var(--blue);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(24,115,211,0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(24,115,211,0.4);
  box-shadow: 0px 0px 10px 0px rgba(24,115,211,0.4);
  border-radius: 30px 0px;
  content: "";
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -20px;
  z-index: -1;
  transition: .4s;
}

.game_features ul li::after {
  position: absolute;
  left: -10px;
  content: "✔";
  width: 10px;
  height: 10px;
  z-index: 1;
}

@media (max-width: 768px) {
  .game_features ul {
    text-align: center;
  }

  .game_features ul li::before {
    display: none;
  }

  .game_features ul li::after {
    left: unset;
    margin-left: 10px;
    color: var(--blue);
  }
}

/* Legal */
.legal .legal_heading {
  height:0;
  border-top:1px solid var(--light);
  margin-top:20px;
  margin-bottom:30px;
}

.legal .legal_heading span {
  display:inline-block;
  position:relative;
  padding:0px 17px 0px 0px;
  top:-12px;
  font-size:16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white);
  background-color: var(--dark);
}

.legal p {
  color: var(--light);
  font-size: 15px;
}

.legal ul li {
  color: var(--light);
}

/* Terms of Service */
.terms-page { background: #000; color: #fff; }
.terms-page main {
  background: radial-gradient(ellipse 64% 28% at 50% 3%, rgba(25,149,255,.2), transparent 72%), linear-gradient(180deg,#020a11 0%,#000 36%);
}
.terms-hero {
  position: relative; overflow: hidden; padding: 8.5rem 0 5.5rem; text-align: center;
  border-bottom: 1px solid rgba(47,160,255,.18);
}
.terms-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .32;
  background-image: linear-gradient(rgba(40,150,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(40,150,255,.12) 1px,transparent 1px);
  background-size: 72px 72px; -webkit-mask-image: linear-gradient(to bottom,#000,transparent 88%); mask-image: linear-gradient(to bottom,#000,transparent 88%);
}
.terms-hero .container-custom { position: relative; z-index: 1; }
.terms-eyebrow {
  display: inline-block; margin-bottom: 1rem; color: #2f9fff; font-family: var(--font-heading);
  font-size: .8rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
}
.terms-hero h1 {
  margin: 0; color: #fff; font-family: var(--font-heading); font-size: clamp(3rem,6vw,5.25rem);
  font-weight: 800; letter-spacing: -.055em; line-height: .98;
}
.terms-hero h1 span { color: #2f9fff; }
.terms-hero > .container-custom > p {
  max-width: 720px; margin: 1.5rem auto 0; color: #aebed0; font-size: 1.08rem; line-height: 1.75;
}
.terms-meta { display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; margin-top:2rem; }
.terms-meta > span {
  display:inline-flex; align-items:center; gap:.55rem; padding:.7rem .95rem; color:#dcecff;
  background:rgba(12,29,45,.75); border:1px solid rgba(47,159,255,.25); border-radius:.75rem; font-size:.85rem; backdrop-filter:blur(10px);
}
.terms-meta svg { width:1rem; fill:none; stroke:#2f9fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.terms-shell { padding: 5rem 0 7rem; }
.terms-layout {
  display:grid; grid-template-columns:minmax(210px,260px) minmax(0,900px); justify-content:center; align-items:start; gap:2rem;
}
.terms-toc {
  position:sticky; top:7rem; padding:1.25rem; background:linear-gradient(145deg,rgba(14,29,43,.92),rgba(5,10,15,.96));
  border:1px solid rgba(47,159,255,.28); border-radius:1rem; box-shadow:0 20px 60px rgba(0,0,0,.24);
}
.terms-toc > p {
  margin:0 0 .85rem; color:#71849a; font-family:var(--font-heading); font-size:.72rem; font-weight:800;
  letter-spacing:.14em; text-transform:uppercase;
}
.terms-toc nav { display:grid; gap:.25rem; }
.terms-toc a {
  display:block; padding:.65rem .75rem; color:#b8c7d8; border-left:2px solid transparent; border-radius:.4rem;
  font-size:.88rem; text-decoration:none; transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
}
.terms-toc a:hover,.terms-toc a:focus-visible {
  color:#fff; background:rgba(47,159,255,.1); border-left-color:#2f9fff; transform:translateX(3px);
}
.terms-document { display:grid; gap:1rem; }
.terms-notice,.terms-card { border:1px solid rgba(47,159,255,.22); border-radius:1rem; }
.terms-notice {
  display:flex; gap:1rem; align-items:center; padding:1.25rem 1.5rem;
  background:linear-gradient(110deg,rgba(18,87,145,.3),rgba(8,17,25,.92));
}
.terms-notice__icon {
  display:grid; flex:0 0 2.75rem; width:2.75rem; aspect-ratio:1; place-items:center; color:#fff; background:#198fe9;
  border-radius:.75rem; font-family:var(--font-heading); font-size:1.2rem; font-weight:800; box-shadow:0 0 24px rgba(25,143,233,.35);
}
.terms-notice h2,.terms-card h2,.terms-card h3 { color:#fff; font-family:var(--font-heading); font-weight:750; }
.terms-notice h2 { margin:0 0 .25rem; font-size:1.05rem; }
.terms-notice p { margin:0; color:#aebed0; font-size:.9rem; }
.terms-card {
  scroll-margin-top:7rem; display:grid; grid-template-columns:3.25rem 1fr; gap:1.15rem; padding:2rem;
  background:linear-gradient(135deg,rgba(12,24,35,.96),rgba(5,9,13,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.terms-card--featured {
  background:radial-gradient(circle at 100% 0,rgba(24,143,233,.13),transparent 38%),linear-gradient(135deg,rgba(12,24,35,.98),rgba(5,9,13,.98));
  border-color:rgba(47,159,255,.42);
}
.terms-card__number {
  display:grid; width:3.25rem; height:3.25rem; place-items:center; color:#42a9ff; background:rgba(24,143,233,.11);
  border:1px solid rgba(47,159,255,.25); border-radius:.8rem; font-family:var(--font-heading); font-size:.82rem; font-weight:800; letter-spacing:.06em;
}
.terms-card h2 { margin:.2rem 0 1rem; font-size:1.45rem; }
.terms-card h3 { margin:1.5rem 0 .6rem; font-size:1rem; }
.terms-card p,.terms-prohibited li { color:#aebed0; font-size:.96rem; line-height:1.72; }
.terms-card p { margin:0 0 .85rem; }
.terms-card p:last-child { margin-bottom:0; }
.terms-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; margin:1.4rem 0 1.65rem; }
.terms-stat-grid > div {
  display:grid; gap:.18rem; padding:1rem; background:rgba(17,41,62,.7); border:1px solid rgba(47,159,255,.18); border-radius:.8rem;
}
.terms-stat-grid strong { color:#42a9ff; font-family:var(--font-heading); font-size:1.25rem; }
.terms-stat-grid span { color:#8296ab; font-size:.75rem; text-transform:uppercase; }
.terms-prohibited {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem .85rem; margin:1rem 0 1.35rem; padding:0; list-style:none;
}
.terms-prohibited li {
  position:relative; padding:.7rem .75rem .7rem 2.15rem; background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.055); border-radius:.65rem; font-size:.84rem;
}
.terms-prohibited li::before { content:"×"; position:absolute; top:.7rem; left:.8rem; color:#42a9ff; font-weight:800; }
.terms-page footer { background:var(--site-footer-gradient); }
.terms-page .footer_bottom { background:var(--site-footer-end); }
@media (max-width:991.98px) {
  .terms-hero { padding:7rem 0 4rem; }
  .terms-layout { grid-template-columns:1fr; }
  .terms-toc { position:static; }
  .terms-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575.98px) {
  .terms-hero { padding:6rem 0 3.25rem; text-align:left; }
  .terms-hero > .container-custom > p { margin-left:0; }
  .terms-meta { justify-content:flex-start; }
  .terms-meta > span { width:100%; }
  .terms-shell { padding:2rem 0 4rem; }
  .terms-toc nav { grid-template-columns:1fr; }
  .terms-card { grid-template-columns:1fr; padding:1.35rem; }
  .terms-card__number { width:2.65rem; height:2.65rem; }
  .terms-stat-grid,.terms-prohibited { grid-template-columns:1fr; }
}

/* Game Plans */
.game_plans .card h2 {
  color: var(--white);
  font-weight: 700;
  font-size: 24px;
  position: relative;
}

.game_plans .card h2:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 16px solid var(--blue);
  border-bottom: 8px solid transparent;
  right: 0;
}

.game_plans .card h2:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid rgba(24, 115, 211, .4);
  border-bottom: 10px solid transparent;
  right: 4px;
  top: -2px;
}

.game_plans .card .card-value {
  background: rgba(24, 115, 211, .2);
  border-radius: 5px;
  padding: 8px 0;
  border: 4px solid rgba(24, 115, 211, .6);
}

.game_plans .card .card-value span {
  margin-left: 10px;
  color: var(--white);
  font-weight: 600;
}

.game_plans .card h3 {
  color: var(--light);
  font-weight: 600;
}

.game_plans .card .col-sm-6 p {
  color: var(--light);
  font-size: 14px;
  font-weight: 500;
}

.game_plans .card .col-sm-6 p span {
  font-weight: 700;
  background: linear-gradient(45deg, var(--white) 50%, var(--blue) 50%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.game_plans .card .btn {
  background: var(--blue);
  border: 4px solid transparent;
  color: var(--white);
  font-weight: 600;
  border-radius: 50px;
  padding: 6px 32px;
  transition: all 0.4s ease;
}

.game_plans .card .btn:hover {
  border: 4px solid rgba(0, 0, 0, .4);
}

.game_plans .unlimited-text {
  color: var(--white);
  font-weight: 900;
  font-size: 24px;
}

.game_plans .price-text .h7 {
  color: var(--light);
}

/* Reusable full-width artwork treatment for converted game pages. Set only the
   page artwork and optional fade tuning in each game-specific class. */
.cinematic-game-showcase {
  --game-showcase-bg: none;
  --game-showcase-dark: #000;
  --game-showcase-art-height: 56.25vw;
  background-color: var(--game-showcase-dark);
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, .08) 0%,
      rgba(0, 0, 0, .16) 38%,
      rgba(0, 0, 0, .48) 58%,
      rgba(0, 0, 0, .82) 74%,
      var(--game-showcase-dark) 90%,
      var(--game-showcase-dark) 100%
    ),
    linear-gradient(
      to bottom left,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, .18) 34%,
      rgba(0, 0, 0, .54) 58%,
      rgba(0, 0, 0, .86) 76%,
      var(--game-showcase-dark) 92%,
      var(--game-showcase-dark) 100%
    ),
    var(--game-showcase-bg);
  background-position: center top, center top, center top;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size:
    100% var(--game-showcase-art-height),
    100% var(--game-showcase-art-height),
    100% auto;
}

.cinematic-game-showcase > .header,
.cinematic-game-showcase > .game_plans {
  background: transparent !important;
}

/* Holdfast hero and plan section */
.holdfast-showcase {
  --game-showcase-bg: var(--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461,url('../images/game-showcase/holdfast-plans-bg-4k.jpg'));
}

.palworld-showcase {
  --game-showcase-bg: var(--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad,url('../images/game-showcase/palworld-showcase-bg.png'));
}

.rust-showcase {
  --game-showcase-bg: var(--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8,url('../images/game-showcase/rust-showcase-bg.png'));
}

/* Rust product hero */
.rust-page .rust-showcase {
  --game-showcase-art-height: clamp(620px, 56.25vw, 980px);
  background-image:
    linear-gradient(to right, #09090b 0%, rgba(9, 9, 11, .55) 50%, rgba(9, 9, 11, 0) 100%),
    linear-gradient(to bottom, rgba(9, 9, 11, .2) 0%, rgba(9, 9, 11, .3) 48%, rgba(4, 4, 5, .76) 72%, #000 90%, #000 100%),
    linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)),
    var(--game-showcase-bg);
  background-position: center top, center top, center top, center top;
  background-repeat: no-repeat;
  background-size:
    100% var(--game-showcase-art-height),
    100% var(--game-showcase-art-height),
    100% var(--game-showcase-art-height),
    100% var(--game-showcase-art-height);
}

.rust-page .rust-header,
.product-game-header {
  padding: 1.25rem 0 1.5rem;
}

.rust-page .rust-header > .container-custom,
.product-game-header > .container-custom {
  max-width: 1280px;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
}

.rust-hero__inner {
  align-items: end;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  display: grid;
  font-family: var(--font-body);
  gap: 32px;
  grid-template-columns: minmax(0, 576px) 1fr;
  min-height: 395px;
  padding-bottom: 20px;
}

.rust-hero__copy {
  max-width: 576px;
}

.rust-hero__copy h1 {
  color: #fff;
  font-family: var(--font-display);
  font-size: 60px;
  font-weight: 900;
  letter-spacing: -1.5px;
  line-height: 57px;
  margin: 0 0 16px;
}

.rust-hero__copy h1 span,
.rust-hero__copy h1 strong {
  display: block;
}

.rust-hero__copy h1 strong {
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(180deg, rgb(122, 190, 255) 0%, rgb(82, 170, 255) 50%, rgb(0, 130, 255) 100%);
  color: transparent;
  font-weight: inherit;
  padding-bottom: 12px;
  text-shadow: none;
}

.rust-hero__lead {
  color: rgb(228, 228, 231) !important;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 29.25px;
  margin: 0 0 16px;
  max-width: 576px;
}

/* Shared plan specification layout. Imported storefronts only load main.css,
   so this must live here rather than in an optional effects stylesheet. */
.game_plans .plan-spec-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px 18px;
}
.game_plans .plan-spec-columns > ul { min-width: 0; }
.game_plans .plan-spec-columns__custom:empty { display: none; }
.game_plans .plan-spec-columns:has(.plan-spec-columns__custom:empty) {
  grid-template-columns: minmax(0, 1fr) !important;
}
@media (max-width: 520px) {
  .game_plans .plan-spec-columns { grid-template-columns: 1fr !important; }
}

.admin-image-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  max-height: 270px;
  overflow-y: auto;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid rgba(58, 149, 211, .28);
  border-radius: 10px;
  background: rgba(3, 13, 22, .55);
}
.admin-image-gallery-item {
  min-width: 0;
  padding: 6px;
  color: #c9d7e4;
  text-align: left;
  border: 1px solid rgba(58, 149, 211, .24);
  border-radius: 8px;
  background: #091925;
}
.admin-image-gallery-item:hover { border-color: #2497ee; }
.admin-image-gallery-item.selected { border-color:#2aa7ff; background:#123855; box-shadow:0 0 0 2px rgba(42,167,255,.16); }
.admin-image-gallery-item img { width: 100%; height: 68px; object-fit: cover; border-radius: 5px; }
.admin-image-gallery-item span { display: block; overflow: hidden; margin-top: 5px; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.admin-plan-image-picker-open { overflow:hidden; }
.admin-plan-image-picker { position:fixed; inset:0; z-index:13100; display:grid; place-items:center; padding:24px; }
.admin-plan-image-picker[hidden] { display:none !important; }
.admin-plan-image-picker__backdrop { position:absolute; inset:0; border:0; background:rgba(0,6,13,.8); backdrop-filter:blur(8px); }
.admin-plan-image-picker__window { position:relative; width:min(780px,100%); max-height:min(820px,calc(100vh - 48px)); overflow:hidden; display:flex; flex-direction:column; background:#081721; border:1px solid #225173; border-radius:18px; color:#eaf5ff; box-shadow:0 28px 90px rgba(0,0,0,.68); }
.admin-plan-image-picker__header { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border-bottom:1px solid #1c4059; }
.admin-plan-image-picker__header span { color:#38a9ff; font-size:11px; font-weight:800; letter-spacing:.14em; }
.admin-plan-image-picker__header h2 { margin:3px 0 0; font-size:22px; }
.admin-plan-image-picker__close { width:46px; height:46px; border-radius:50%; border:1px solid #42657d; background:#132938; color:#e6f4ff; font-size:29px; }
.admin-plan-image-picker__body { min-height:0; overflow-y:auto; padding:20px 24px; }
.admin-plan-image-picker__body .admin-image-gallery { max-height:490px; margin-top:12px; }
.admin-plan-image-picker__window > footer { display:flex; justify-content:flex-end; padding:15px 24px; border-top:1px solid #1c4059; background:#091924; }
@media (max-width: 640px) { .admin-image-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.admin-image-gallery-card { display:flex; min-width:0; flex-direction:column; gap:8px; padding:10px; border:1px solid rgba(58,149,211,.28); border-radius:12px; background:#091925; }
.admin-image-gallery-preview { padding:0; border:0; background:none; }
.admin-image-gallery-preview img { width:100%; height:150px; object-fit:cover; border-radius:8px; }
.admin-image-gallery-card strong,.admin-image-gallery-card small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-image-gallery-card small { color:#91a5b5; }
.admin-image-gallery-header { padding:22px 26px 20px; border-bottom:1px solid rgba(58,149,211,.22); background:#081721; }
.admin-image-gallery-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; }
.admin-image-gallery-heading .admin-page-title { margin:3px 0 0; font-size:1.65rem; }
.admin-image-overview-search { width:min(480px,52%); }
.admin-image-overview-search[hidden] { display:none !important; }
.admin-image-overview-search label { display:block; margin-bottom:6px; color:#9eb1c0; font-size:.75rem; font-weight:700; }
.admin-image-overview-search > div { display:flex; align-items:center; gap:10px; min-height:46px; padding:0 14px; border:1px solid #2a5069; border-radius:10px; background:#0a1c28; }
.admin-image-overview-search span { color:#63baff; font-size:1.35rem; }
.admin-image-overview-search input { width:100%; border:0; outline:0; color:#eff8ff; background:transparent; }
.admin-image-overview-search input::placeholder { color:#72899a; }
.admin-image-view-switch { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; padding-top:17px; border-top:1px solid rgba(58,149,211,.14); }
@media(max-width:720px){.admin-image-gallery-heading{align-items:stretch;flex-direction:column}.admin-image-overview-search{width:100%}}
.admin-image-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding:14px 24px; border-bottom:1px solid rgba(58,149,211,.22); background:#07131d; }
.admin-image-breadcrumbs button { padding:0; border:0; color:#61baff; background:none; font-weight:700; }
.admin-image-folder-card { display:flex; min-height:116px; flex-direction:column; justify-content:center; gap:8px; padding:18px; border:1px solid rgba(58,149,211,.32); border-radius:12px; color:#f4f8fb; background:#0a1d2b; text-align:left; }
.admin-image-folder-card:hover { border-color:#2497ee; background:#0d2638; }
.admin-image-folder-card strong { font-size:1rem; }
.admin-image-folder-card small { color:#91a5b5; }
.admin-directory-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-right:18px; border-bottom:1px solid rgba(58,149,211,.22); background:#07131d; }
.admin-directory-toolbar[hidden] { display:none !important; }
.admin-directory-toolbar .admin-image-breadcrumbs { flex:1; border-bottom:0; }
.admin-directory-context-menu { position:fixed; z-index:10120; width:190px; overflow:hidden; padding:7px; border:1px solid #31536a; border-radius:10px; color:#eef8ff; background:#0a1b27; box-shadow:0 18px 55px rgba(0,0,0,.55); }
.admin-directory-context-menu[hidden] { display:none !important; }
.admin-directory-context-menu strong { display:block; overflow:hidden; padding:8px 10px; color:#8da5b7; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-directory-context-menu button { display:block; width:100%; padding:9px 10px; border:0; border-radius:7px; color:#eaf6ff; background:transparent; text-align:left; }
.admin-directory-context-menu button:hover { background:#123047; }
.admin-directory-context-menu button.danger { color:#ff7b8d; }
.admin-trash-count { display:inline-grid; min-width:22px; height:22px; place-items:center; margin-left:5px; padding:0 6px; border-radius:999px; color:#dff4ff; background:#17384e; font-size:.72rem; }
.admin-trash-explainer { margin:0 0 18px; color:#93a9ba; }
.admin-trash-list { display:grid; gap:10px; }
.admin-trash-item { display:flex; align-items:center; gap:14px; padding:14px 16px; border:1px solid #28485d; border-radius:12px; background:#091a26; }
.admin-trash-icon { display:grid; width:48px; height:48px; flex:0 0 48px; place-items:center; border-radius:10px; background:#102b3d; font-size:1.45rem; }
.admin-trash-copy { display:flex; min-width:0; flex:1; flex-direction:column; gap:3px; }
.admin-trash-copy strong,.admin-trash-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-trash-copy small { color:#86a0b2; }
.admin-trash-copy span { color:#ffb969; font-size:.75rem; }
.admin-trash-actions { display:flex; gap:8px; flex-shrink:0; }
.admin-trash-empty { display:flex; min-height:270px; align-items:center; justify-content:center; flex-direction:column; gap:8px; color:#8da4b5; }
.admin-trash-empty span { font-size:2.7rem; }
@media (max-width:720px) { .admin-trash-item { align-items:flex-start; flex-wrap:wrap; } .admin-trash-copy { min-width:calc(100% - 70px); } .admin-trash-actions { width:100%; justify-content:flex-end; } }
.admin-folder-select-button { display:flex; width:100%; align-items:center; gap:13px; min-height:58px; padding:10px 14px; border:1px solid #29485e; border-radius:10px; color:#eff8ff; background:#081721; text-align:left; transition:border-color .18s ease,background .18s ease; }
.admin-folder-select-button:hover { border-color:#2497ee; background:#0b2030; }
.admin-folder-select-icon { font-size:1.45rem; }
.admin-folder-select-copy { display:flex; min-width:0; flex:1; flex-direction:column; gap:2px; }
.admin-folder-select-copy strong { font-size:.9rem; }
.admin-folder-select-copy small { overflow:hidden; color:#8fa6b8; text-overflow:ellipsis; white-space:nowrap; }
.admin-folder-select-chevron { color:#61baff; font-size:1.6rem; }
body.folder-picker-open { overflow:hidden !important; }
.admin-folder-picker[hidden] { display:none !important; }
.admin-folder-picker { position:fixed; inset:0; z-index:10080; display:grid; place-items:center; padding:24px; }
.admin-folder-picker-backdrop { position:absolute; inset:0; background:rgba(0,6,12,.8); backdrop-filter:blur(8px); }
.admin-folder-picker-window { position:relative; display:flex; width:min(820px,calc(100vw - 32px)); max-height:min(760px,calc(100vh - 48px)); flex-direction:column; overflow:hidden; border:1px solid rgba(45,153,226,.48); border-radius:18px; color:#eef8ff; background:#071620; box-shadow:0 28px 90px rgba(0,0,0,.62); }
.admin-folder-picker-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; border-bottom:1px solid rgba(58,149,211,.25); }
.admin-folder-picker-header h2 { margin:3px 0 0; font-size:1.35rem; }
.admin-folder-picker-kicker { color:#3da9ff; font-size:.68rem; font-weight:800; letter-spacing:.16em; }
.admin-folder-picker-close { width:42px; height:42px; border:1px solid #31546c; border-radius:50%; color:#d6e7f3; background:#102938; font-size:1.7rem; line-height:1; }
.admin-folder-picker-toolbar { display:flex; align-items:center; gap:12px; min-height:58px; padding:9px 18px; border-bottom:1px solid rgba(58,149,211,.2); background:#091b28; }
.admin-folder-picker-up { display:flex; align-items:center; gap:6px; padding:8px 11px; border:1px solid #29485e; border-radius:8px; color:#cfe7f8; background:#0b2130; }
.admin-folder-picker-up:disabled { opacity:.35; cursor:not-allowed; }
.admin-folder-picker-breadcrumbs { display:flex; min-width:0; align-items:center; gap:7px; overflow:auto; }
.admin-folder-picker-breadcrumbs button { border:0; color:#74c2ff; background:none; font-weight:700; white-space:nowrap; }
.admin-folder-picker-breadcrumbs span { color:#587083; }
.admin-folder-picker-grid { display:grid; min-height:260px; flex:1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; overflow:auto; padding:18px; align-content:start; }
.admin-folder-picker-item { display:flex; align-items:center; gap:13px; min-height:76px; padding:13px 15px; border:1px solid #24465e; border-radius:11px; color:#eef8ff; background:#0a1d2b; text-align:left; }
.admin-folder-picker-item:hover { border-color:#2497ee; background:#0d293c; }
.admin-folder-picker-item-icon { font-size:1.75rem; }
.admin-folder-picker-item > span:nth-child(2) { display:flex; min-width:0; flex:1; flex-direction:column; gap:4px; }
.admin-folder-picker-item strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-folder-picker-item small { color:#8fa6b8; }
.admin-folder-picker-item-arrow { color:#61baff; font-size:1.4rem; }
.admin-folder-picker-empty { grid-column:1/-1; display:flex; min-height:220px; align-items:center; justify-content:center; flex-direction:column; gap:7px; color:#9db0bf; }
.admin-folder-picker-empty span { font-size:2.2rem; }
.admin-folder-picker-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 20px; border-top:1px solid rgba(58,149,211,.25); background:#091b28; }
.admin-folder-picker-selection { display:flex; min-width:0; flex-direction:column; gap:3px; }
.admin-folder-picker-selection span { color:#8198aa; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.admin-folder-picker-selection strong { overflow:hidden; color:#eaf7ff; text-overflow:ellipsis; white-space:nowrap; }
.admin-folder-picker-actions { display:flex; gap:9px; flex-shrink:0; }
@media (max-width:640px) { .admin-folder-picker { padding:10px; } .admin-folder-picker-window { width:100%; max-height:calc(100vh - 20px); } .admin-folder-picker-grid { grid-template-columns:1fr; } .admin-folder-picker-footer { align-items:stretch; flex-direction:column; } .admin-folder-picker-actions { justify-content:flex-end; } }
#imagePreviewModal .modal-dialog { width:min(920px,calc(100vw - 32px)); max-width:920px; margin:16px auto; }
#imagePreviewModal .modal-content { max-height:calc(100vh - 32px); overflow:hidden; }
#imagePreviewModal .admin-modal-body { min-width:0; overflow-x:hidden; overflow-y:auto; }
#imagePreviewModal #previewImage { display:block; width:auto; max-width:100%; height:auto; max-height:min(58vh,620px); margin:0 auto; object-fit:contain; }
.admin-image-card-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.admin-image-card-actions .admin-form-btn { justify-content:center; margin:0; padding:9px 10px; }
.admin-image-alt { min-height:1.4em; }
.admin-image-editor-fields { display:grid; gap:14px; text-align:left; }
#imagePreviewModal .admin-image-details { margin-top:24px; text-align:left; padding:16px; border:1px solid #244859; border-radius:12px; color:#dceaf2; font-size:14px; }
#imagePreviewModal .admin-image-details-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
#imagePreviewModal .admin-image-details-heading .admin-form-btn { padding:7px 10px; font-size:12px; }
#imagePreviewModal .admin-image-details p { margin:0 0 12px; line-height:1.7; }
#imagePreviewModal .admin-image-details-note, #imagePreviewModal .admin-image-details small { color:#9eb7c8; }
#imagePreviewModal .admin-image-details-table { overflow-x:auto; }
#imagePreviewModal .admin-image-details table { width:100%; border-collapse:collapse; font-size:13px; }
#imagePreviewModal .admin-image-details caption { caption-side:top; color:#dceaf2; text-align:left; padding:0 0 8px; }
#imagePreviewModal .admin-image-details th, #imagePreviewModal .admin-image-details td { padding:10px 8px; text-align:left; vertical-align:top; border-bottom:1px solid #244859; }
#imagePreviewModal .admin-image-details small { display:block; overflow-wrap:anywhere; }
#imagePreviewModal .admin-image-details td:nth-child(3), #imagePreviewModal .admin-image-details td:nth-child(4) { white-space:nowrap; }
@media (max-width:576px) {
  #imagePreviewModal .admin-image-details caption { display:block; }
  #imagePreviewModal .admin-image-details thead { display:none; }
  #imagePreviewModal .admin-image-details table, #imagePreviewModal .admin-image-details tbody, #imagePreviewModal .admin-image-details tr { display:block; }
  #imagePreviewModal .admin-image-details tr { padding:10px 0; border-top:1px solid #244859; }
  #imagePreviewModal .admin-image-details td { display:grid; grid-template-columns:86px minmax(0,1fr); gap:8px; padding:5px 0; border:0; white-space:normal; }
  #imagePreviewModal .admin-image-details td::before { content:attr(data-label); color:#9eb7c8; }
}
#imagePreviewModal { z-index:12050 !important; }
#imagePreviewModal .modal-dialog { position:relative; z-index:12051; pointer-events:auto; }

.rust-hero__features {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.rust-hero__features li {
  align-items: center;
  color: rgb(244, 244, 245);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  letter-spacing: normal;
  line-height: 20px;
  margin-bottom: 8px;
}

.rust-hero__feature-icon {
  fill: none;
  flex: 0 0 18px;
  height: 18px;
  stroke: rgb(0, 130, 255);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.25;
  width: 18px;
}

.rust-hero__purchase-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 0;
  margin-top: 12px;
}

.rust-hero__price-label {
  color: rgb(161, 161, 170);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.rust-hero__price-label strong {
  color: #fff;
  font-size: 12px;
  letter-spacing: 1.8px;
}

.rust-hero__guarantee {
  border-left: 1px solid rgba(255, 255, 255, .18);
  color: rgb(228, 228, 231);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  padding-left: 20px;
}

.rust-hero__guarantee b {
  color: #2b9cff;
  font-size: 17px;
  margin-right: 7px;
}

.rust-hero__note {
  color: rgb(161, 161, 170) !important;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 20px;
  margin: 20px 0 0;
}

.rust-hero__rating {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-self: end;
  margin-bottom: 8px;
  white-space: nowrap;
}

.rust-hero__stars {
  color: #2b9cff;
  font-size: 18px;
  letter-spacing: 2px;
}

.rust-hero__rating strong {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.rust-hero__rating small {
  color: rgb(161, 161, 170);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

@media (max-width: 991.98px) {
  .rust-page .rust-header,
  .product-game-header {
    padding-top: 1.5rem;
  }

  .rust-hero__inner {
    align-items: start;
    grid-template-columns: 1fr;
    min-height: 0;
    padding-bottom: 24px;
  }

  .rust-hero__rating {
    justify-self: start;
  }
}

@media (max-width: 575.98px) {
  .rust-page .rust-header,
  .product-game-header {
    padding: 2.4rem 0 2.75rem;
  }

  .rust-hero__copy h1 {
    font-size: clamp(2.65rem, 13vw, 3.75rem);
    letter-spacing: -1.1px;
    line-height: .95;
  }

  .rust-hero__lead {
    font-size: 16px;
    line-height: 25px;
  }

  .rust-hero__guarantee {
    border-left: 0;
    padding-left: 0;
  }

  .rust-hero__rating {
    align-items: flex-start;
    flex-wrap: wrap;
    white-space: normal;
  }
}

.eco-showcase {
  --game-showcase-bg: var(--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267,url('../images/game-showcase/eco-showcase-bg-4k.png'));
}

.valheim-showcase {
  --game-showcase-bg: var(--kh-bg-306ebe77-1182-4888-9727-814ad4430716,url('../images/game-showcase/valheim-showcase-bg-4k.png'));
}

.placeholder-game-showcase {
  --game-showcase-bg: var(--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760,url('../images/game-showcase/game-showcase-placeholder-4k.jpg'));
}

.mordhau-showcase {
  --game-showcase-bg: var(--kh-bg-b3068a12-f481-4450-9885-e77509dbf971,url('../images/game-showcase/mordhau-showcase-bg.png'));
}

.dayz-showcase {
  --game-showcase-bg: var(--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5,url('../images/game-showcase/dayz-showcase-bg.png'));
}

.enshrouded-showcase {
  --game-showcase-bg: var(--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c,url('../images/game-showcase/enshrouded-showcase-bg.png'));
}

.satisfactory-showcase {
  --game-showcase-bg: var(--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2,url('../images/game-showcase/satisfactory-showcase-bg.png'));
}

.arma-3-showcase {
  --game-showcase-bg: var(--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba,url('../images/game-showcase/arma-3-showcase-bg.png'));
}

.arma-reforger-showcase {
  --game-showcase-bg: var(--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70,url('../images/game-showcase/arma-reforger-showcase-bg.png'));
}

[class~="7-days-to-die-showcase"] {
  --game-showcase-bg: var(--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375,url('../images/game-showcase/7-days-to-die-showcase-bg.png'));
}

.squad-showcase {
  --game-showcase-bg: var(--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1,url('../images/game-showcase/squad-showcase-bg.png'));
}

.project-zomboid-showcase {
  --game-showcase-bg: var(--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08,url('../images/game-showcase/project-zomboid-showcase-bg.png'));
}

.starmade-showcase {
  --game-showcase-bg: var(--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd,url('../images/game-showcase/starmade-showcase-bg.png'));
}

.fivem-showcase {
  --game-showcase-bg: var(--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6,url('../images/game-showcase/fivem-showcase-bg.png'));
}

.redm-showcase {
  --game-showcase-bg: var(--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399,url('../images/game-showcase/redm-showcase-bg.png'));
}

.rimworld-showcase {
  --game-showcase-bg: var(--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a,url('../images/game-showcase/rimworld-showcase-bg.png'));
}

.counter-strike-global-offensive-showcase {
  --game-showcase-bg: var(--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b,url('../images/game-showcase/counter-strike-2-showcase-bg.png'));
}

.ark-survival-ascended-showcase {
  --game-showcase-bg: var(--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2,url('../images/game-showcase/ark-survival-ascended-showcase-bg.png'));
}

/* Dedicated servers */
.dedicated-page {
  background: #000;
  color: var(--white);
}

.dedicated-page #fixedR:not(.fixed-top),
.vps-page #fixedR:not(.fixed-top),
.kb-body #fixedR:not(.fixed-top),
.terms-page #fixedR:not(.fixed-top) {
  background: transparent;
  border-bottom-color: transparent;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 50;
}

.dedicated-page main {
  overflow: hidden;
}

.dedicated-eyebrow {
  color: #269cff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  margin: 0 0 14px;
}

.dedicated-button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 9px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  gap: 10px;
  justify-content: center;
  min-height: 48px;
  padding: 12px 21px;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

.dedicated-button:hover,
.dedicated-button:focus {
  color: #fff;
  transform: translateY(-2px);
}

.dedicated-button--primary {
  background: linear-gradient(135deg, #1aa0ff, #0878e1);
  box-shadow: 0 14px 32px rgba(0, 111, 224, .27);
  color: #fff;
}

.dedicated-button--primary:hover,
.dedicated-button--primary:focus {
  box-shadow: 0 17px 38px rgba(0, 130, 255, .38);
}

.dedicated-button--secondary {
  background: rgba(255, 255, 255, .035);
  border-color: rgba(255, 255, 255, .13);
  color: rgba(255, 255, 255, .88);
}

.dedicated-button--secondary:hover,
.dedicated-button--secondary:focus {
  background: rgba(36, 151, 255, .11);
  border-color: rgba(36, 151, 255, .55);
}

.dedicated-hero {
  background:
    radial-gradient(circle at 77% 43%, rgba(18, 135, 235, .16), transparent 29%),
    radial-gradient(circle at 20% 15%, rgba(18, 135, 235, .08), transparent 24%),
    linear-gradient(180deg, #050b10 0%, #03080c 74%, #000 100%);
  min-height: 690px;
  padding: 184px 0 100px;
  position: relative;
}

.dedicated-hero::after {
  background-image: linear-gradient(rgba(69, 153, 218, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(69, 153, 218, .035) 1px, transparent 1px);
  background-size: 46px 46px;
  content: '';
  inset: 0;
  mask-image: linear-gradient(90deg, transparent, #000 35%, #000 100%);
  pointer-events: none;
  position: absolute;
}

.dedicated-hero__glow {
  background: #118ce8;
  border-radius: 50%;
  filter: blur(150px);
  height: 220px;
  opacity: .11;
  position: absolute;
  right: 13%;
  top: 30%;
  width: 220px;
}

.dedicated-hero__inner {
  align-items: center;
  display: grid;
  gap: clamp(50px, 7vw, 110px);
  grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr);
  position: relative;
  z-index: 1;
}

.dedicated-hero__copy {
  max-width: 650px;
}

.dedicated-hero h1 {
  color: #fff;
  font-size: clamp(48px, 5.4vw, 76px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.02;
  margin: 0 0 24px;
}

.dedicated-hero h1 span {
  color: #249cff;
}

.dedicated-hero__lead {
  color: rgba(255, 255, 255, .61);
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 610px;
}

.dedicated-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.dedicated-hero__assurances {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  list-style: none;
  margin: 27px 0 0;
  padding: 0;
}

.dedicated-hero__assurances li {
  color: rgba(255, 255, 255, .52);
  font-size: 12px;
}

.dedicated-hero__assurances span {
  color: #38adff;
  margin-right: 7px;
}

.dedicated-hero__visual {
  min-height: 475px;
  position: relative;
}

.dedicated-rack {
  background: linear-gradient(145deg, #161e24, #080d11 68%);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 16px;
  box-shadow: -25px 38px 80px rgba(0, 0, 0, .65), 0 0 65px rgba(15, 128, 220, .1);
  left: 50%;
  max-width: 470px;
  padding: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) perspective(1200px) rotateY(-7deg) rotateX(2deg);
  width: 82%;
}

.dedicated-rack__top {
  display: flex;
  gap: 6px;
  margin-bottom: 16px;
}

.dedicated-rack__top span {
  background: rgba(255, 255, 255, .2);
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.dedicated-rack__unit {
  align-items: center;
  background: linear-gradient(180deg, #172027, #0d1318);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 7px;
  display: flex;
  gap: 11px;
  height: 55px;
  margin-top: 9px;
  padding: 0 15px;
}

.dedicated-rack__unit.is-active {
  border-color: rgba(35, 154, 255, .48);
  box-shadow: inset 0 0 28px rgba(20, 127, 224, .08), 0 0 18px rgba(20, 127, 224, .08);
}

.dedicated-rack__status {
  background: #45dfa9;
  border-radius: 50%;
  box-shadow: 0 0 9px rgba(69, 223, 169, .65);
  height: 7px;
  width: 7px;
}

.dedicated-rack__drive {
  background: #090d10;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 3px;
  height: 25px;
  width: 52px;
}

.dedicated-rack__vents {
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .13) 0 2px, transparent 2px 6px);
  height: 20px;
  margin-left: auto;
  opacity: .5;
  width: 34%;
}

.dedicated-metric {
  background: rgba(9, 16, 22, .94);
  border: 1px solid rgba(66, 165, 245, .24);
  border-radius: 11px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .42);
  display: flex;
  flex-direction: column;
  padding: 15px 18px;
  position: absolute;
  z-index: 2;
}

.dedicated-metric small {
  color: #249cff;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .1em;
}

.dedicated-metric strong {
  color: #fff;
  font-size: 16px;
  margin-top: 3px;
}

.dedicated-metric span {
  color: rgba(255, 255, 255, .38);
  font-size: 9px;
}

.dedicated-metric--performance {
  left: 0;
  top: 15%;
}

.dedicated-metric--network {
  bottom: 13%;
  right: 0;
}

.dedicated-stats {
  background: #030608;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
  border-top: 1px solid rgba(255, 255, 255, .075);
}

.dedicated-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dedicated-stats__grid > div {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 145px;
  justify-content: center;
  padding: 25px;
  text-align: center;
}

.dedicated-stats__grid > div + div {
  border-left: 1px solid rgba(255, 255, 255, .075);
}

.dedicated-stats strong {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
}

.dedicated-stats span {
  color: rgba(255, 255, 255, .43);
  font-size: 11px;
  margin-top: 5px;
}

.dedicated-plans,
.dedicated-os {
  background: #000;
  padding: 105px 0;
}

.dedicated-section-heading {
  margin: 0 auto 53px;
  max-width: 720px;
  text-align: center;
}

.dedicated-section-heading h2,
.dedicated-control h2,
.dedicated-cta h2 {
  color: #fff;
  font-size: clamp(34px, 4vw, 50px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.1;
  margin: 0 0 17px;
}

.dedicated-section-heading > p:last-child,
.dedicated-control__copy > p:last-of-type,
.dedicated-cta__inner p:last-child {
  color: rgba(255, 255, 255, .5);
  font-size: 14px;
  line-height: 1.75;
  margin: 0;
}

.dedicated-plans__grid {
  align-items: stretch;
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 1200px;
}

.dedicated-plan {
  background: linear-gradient(160deg, #11171c, #090d10 70%);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  padding: 29px;
  position: relative;
}

.dedicated-plan--featured {
  border-color: #168ee9;
  box-shadow: 0 25px 65px rgba(0, 96, 192, .17), inset 0 0 50px rgba(11, 113, 207, .045);
}

.dedicated-plan__badge {
  background: #138ef0;
  border-radius: 999px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  left: 50%;
  padding: 7px 15px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.dedicated-plan__tier {
  color: #269cff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
}

.dedicated-plan h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  margin: 8px 0 9px;
}

.dedicated-plan__header p {
  color: rgba(255, 255, 255, .45);
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
  min-height: 58px;
}

.dedicated-plan__price {
  align-items: baseline;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  display: flex;
  gap: 7px;
  margin: 22px 0 0;
  padding-bottom: 23px;
}

.dedicated-plan__price strong {
  color: #fff;
  font-size: 37px;
  font-weight: 800;
  letter-spacing: -.04em;
}

.dedicated-plan__price span {
  color: rgba(255, 255, 255, .38);
  font-size: 11px;
}

.dedicated-plan ul {
  display: grid;
  gap: 16px;
  list-style: none;
  margin: 24px 0 28px;
  padding: 0;
}

.dedicated-plan li {
  display: grid;
  grid-template-columns: minmax(72px, .42fr) minmax(0, 1fr);
}

.dedicated-plan li > span {
  color: rgba(255, 255, 255, .35);
  font-size: 10px;
}

.dedicated-plan li > strong {
  color: rgba(255, 255, 255, .84);
  font-size: 11px;
  font-weight: 600;
}

.dedicated-plan li > small {
  color: rgba(255, 255, 255, .3);
  font-size: 9px;
  grid-column: 2;
  margin-top: 2px;
}

.dedicated-plan > .dedicated-button {
  margin-top: auto;
  width: 100%;
}

.dedicated-plans__note {
  color: rgba(255, 255, 255, .4);
  font-size: 12px;
  margin: 26px 0 0;
  text-align: center;
}

.dedicated-plans__note a {
  color: #269cff;
}

.dedicated-control {
  background: linear-gradient(180deg, #030608, #07111a 50%, #020507);
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  border-top: 1px solid rgba(255, 255, 255, .07);
  padding: 110px 0;
}

.dedicated-control__grid {
  align-items: center;
  display: grid;
  gap: clamp(55px, 8vw, 120px);
  grid-template-columns: minmax(0, .85fr) minmax(480px, 1.15fr);
}

.dedicated-control__copy {
  max-width: 580px;
}

.dedicated-control__features {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 32px;
}

.dedicated-control__features > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
}

.dedicated-control__features > div > span {
  align-items: center;
  background: linear-gradient(145deg, #1c9ef7, #0879dd);
  border-radius: 9px;
  color: #fff;
  display: flex;
  grid-row: span 2;
  height: 34px;
  justify-content: center;
  margin-right: 10px;
  width: 34px;
}

.dedicated-control__features strong {
  color: rgba(255, 255, 255, .88);
  font-size: 11px;
}

.dedicated-control__features small {
  color: rgba(255, 255, 255, .34);
  font-size: 9px;
  line-height: 1.45;
}

.dedicated-console {
  background: #070b0f;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 15px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .52), 0 0 55px rgba(19, 132, 225, .08);
  min-height: 390px;
  overflow: hidden;
}

.dedicated-console__bar {
  align-items: center;
  background: #11171c;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
  display: flex;
  gap: 6px;
  height: 43px;
  padding: 0 15px;
}

.dedicated-console__bar > span {
  background: rgba(255, 255, 255, .18);
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.dedicated-console__bar strong {
  color: rgba(255, 255, 255, .47);
  font-size: 9px;
  font-weight: 500;
  margin-left: 8px;
}

.dedicated-console__body {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  min-height: 347px;
}

.dedicated-console aside {
  align-items: center;
  background: #0c1116;
  border-right: 1px solid rgba(255, 255, 255, .06);
  display: flex;
  flex-direction: column;
  gap: 19px;
  padding-top: 19px;
}

.dedicated-console aside b {
  align-items: center;
  background: #138ce8;
  border-radius: 7px;
  display: flex;
  font-size: 11px;
  height: 27px;
  justify-content: center;
  width: 27px;
}

.dedicated-console aside i {
  background: rgba(255, 255, 255, .12);
  border-radius: 4px;
  height: 6px;
  width: 25px;
}

.dedicated-console aside i.is-active {
  background: #249cff;
  box-shadow: 0 0 10px rgba(36, 156, 255, .35);
}

.dedicated-console__content {
  padding: 25px;
}

.dedicated-console__status {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.dedicated-console__status div {
  display: flex;
  flex-direction: column;
}

.dedicated-console__status small,
.dedicated-console__cards small {
  color: rgba(255, 255, 255, .28);
  font-size: 8px;
  letter-spacing: .08em;
}

.dedicated-console__status strong {
  color: rgba(255, 255, 255, .85);
  font-size: 14px;
}

.dedicated-console__status strong span {
  background: #4bddaa;
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin-right: 5px;
  width: 6px;
}

.dedicated-console__status button {
  background: #138ce8;
  border: 0;
  border-radius: 6px;
  color: #fff;
  font-size: 8px;
  padding: 8px 12px;
}

.dedicated-console__cards {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 25px;
}

.dedicated-console__cards > div {
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 13px;
}

.dedicated-console__cards strong {
  color: rgba(255, 255, 255, .82);
  font-size: 14px;
  margin-top: 8px;
}

.dedicated-console__cards span {
  color: #50d5a6;
  font-size: 8px;
}

.dedicated-console__chart {
  align-items: flex-end;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  display: flex;
  gap: 12px;
  height: 130px;
  margin-top: 25px;
  padding: 0 15px;
}

.dedicated-console__chart span {
  background: linear-gradient(180deg, rgba(36, 156, 255, .75), rgba(36, 156, 255, .08));
  border-radius: 3px 3px 0 0;
  flex: 1;
  height: 30%;
}

.dedicated-console__chart span:nth-child(2) { height: 53%; }
.dedicated-console__chart span:nth-child(3) { height: 42%; }
.dedicated-console__chart span:nth-child(4) { height: 68%; }
.dedicated-console__chart span:nth-child(5) { height: 59%; }
.dedicated-console__chart span:nth-child(6) { height: 79%; }
.dedicated-console__chart span:nth-child(7) { height: 65%; }
.dedicated-console__chart span:nth-child(8) { height: 88%; }

.dedicated-os__grid {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 980px;
}

.dedicated-os__grid > div {
  align-items: center;
  background: linear-gradient(150deg, #11171c, #090d10);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 13px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  min-height: 105px;
  padding: 20px;
  transition: border-color .2s ease, transform .2s ease;
}

.dedicated-os__grid > div:hover {
  border-color: rgba(36, 156, 255, .5);
  transform: translateY(-3px);
}

.dedicated-os__grid img {
  grid-row: span 2;
  height: 37px;
  object-fit: contain;
  width: 37px;
}

.dedicated-os__grid strong {
  color: #fff;
  font-size: 13px;
}

.dedicated-os__grid span {
  color: rgba(255, 255, 255, .32);
  font-size: 9px;
}

.dedicated-cta {
  background: #000;
  padding: 0 0 110px;
}

.dedicated-cta__inner {
  align-items: center;
  background:
    radial-gradient(circle at 82% 30%, rgba(35, 154, 255, .22), transparent 30%),
    linear-gradient(135deg, #07131d, #07101a 55%, #061a2a);
  border: 1px solid rgba(36, 156, 255, .28);
  border-radius: 17px;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  padding: clamp(35px, 5vw, 64px);
}

.dedicated-cta__inner > div {
  max-width: 720px;
}

.dedicated-cta h2 {
  font-size: clamp(30px, 3.6vw, 45px);
}

.dedicated-cta .dedicated-button {
  flex: 0 0 auto;
}

@media (max-width: 991.98px) {
  .dedicated-hero {
    padding: 65px 0 85px;
  }

  .dedicated-hero__inner,
  .dedicated-control__grid {
    grid-template-columns: 1fr;
  }

  .dedicated-hero__copy {
    margin: 0 auto;
    text-align: center;
  }

  .dedicated-hero__actions,
  .dedicated-hero__assurances {
    justify-content: center;
  }

  .dedicated-hero__visual {
    margin: 0 auto;
    max-width: 620px;
    width: 100%;
  }

  .dedicated-plans__grid {
    grid-template-columns: 1fr;
    max-width: 600px;
  }

  .dedicated-plan__header p {
    min-height: 0;
  }

  .dedicated-control__copy {
    margin: 0 auto;
    max-width: 720px;
    text-align: center;
  }

  .dedicated-control__features {
    text-align: left;
  }

  .dedicated-console {
    margin: 0 auto;
    max-width: 720px;
    width: 100%;
  }

  .dedicated-os__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .dedicated-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dedicated-stats__grid > div:nth-child(3) {
    border-left: 0;
  }

  .dedicated-stats__grid > div:nth-child(n+3) {
    border-top: 1px solid rgba(255, 255, 255, .075);
  }

  .dedicated-plans,
  .dedicated-os,
  .dedicated-control {
    padding: 80px 0;
  }

  .dedicated-cta {
    padding-bottom: 80px;
  }

  .dedicated-cta__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .dedicated-cta .dedicated-button {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .dedicated-hero {
    min-height: 0;
    padding-top: 54px;
  }

  .dedicated-hero h1 {
    font-size: clamp(42px, 13vw, 58px);
  }

  .dedicated-hero__lead {
    font-size: 14px;
  }

  .dedicated-hero__actions .dedicated-button {
    width: 100%;
  }

  .dedicated-hero__visual {
    min-height: 365px;
  }

  .dedicated-rack {
    padding: 14px;
    width: 92%;
  }

  .dedicated-rack__unit {
    height: 46px;
    padding: 0 10px;
  }

  .dedicated-rack__drive {
    width: 38px;
  }

  .dedicated-metric--performance {
    left: -5px;
    top: 7%;
  }

  .dedicated-metric--network {
    bottom: 4%;
    right: -5px;
  }

  .dedicated-stats__grid > div {
    min-height: 115px;
    padding: 18px 10px;
  }

  .dedicated-stats strong {
    font-size: 23px;
  }

  .dedicated-plan {
    padding: 25px 21px;
  }

  .dedicated-control__features {
    grid-template-columns: 1fr;
  }

  .dedicated-console__body {
    grid-template-columns: 43px minmax(0, 1fr);
  }

  .dedicated-console__content {
    padding: 17px 12px;
  }

  .dedicated-console__cards {
    gap: 6px;
  }

  .dedicated-console__cards > div {
    padding: 9px 7px;
  }

  .dedicated-console__cards strong {
    font-size: 11px;
  }

  .dedicated-console__chart {
    gap: 6px;
  }

  .dedicated-os__grid {
    grid-template-columns: 1fr;
  }
}

/* Dedicated inventory and filters */
.dedicated-catalog {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: 300px minmax(0, 1fr);
  margin: 0 auto;
  max-width: 1320px;
}

.dedicated-filters {
  background: linear-gradient(155deg, #11171c, #080c0f);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 15px;
  padding: 20px;
  position: sticky;
  top: 100px;
}

.dedicated-location-tabs {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 24px;
}

.dedicated-location-tabs button:first-child {
  grid-column: 1 / -1;
}

.dedicated-location-tabs button {
  align-items: center;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 8px;
  color: rgba(255, 255, 255, .62);
  display: flex;
  font-size: 11px;
  font-weight: 600;
  gap: 7px;
  justify-content: center;
  min-height: 42px;
  padding: 8px 10px;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.dedicated-location-tabs button > span:last-child:not(:first-child),
.dedicated-location-tabs button:first-child span {
  background: rgba(255, 255, 255, .11);
  border-radius: 999px;
  font-size: 9px;
  padding: 2px 7px;
}

.dedicated-location-tabs button:hover,
.dedicated-location-tabs button:focus,
.dedicated-location-tabs button.is-active {
  background: linear-gradient(135deg, #168ff0, #0877dc);
  border-color: #259eff;
  color: #fff;
}

.dedicated-filter-field {
  display: block;
  margin-top: 18px;
}

.dedicated-filter-field > span,
.dedicated-advanced-filters legend {
  color: rgba(255, 255, 255, .68);
  display: flex;
  font-size: 10px;
  font-weight: 600;
  justify-content: space-between;
  margin-bottom: 8px;
}

.dedicated-filter-field > span strong {
  color: #35aaff;
  font-size: 10px;
}

.dedicated-filter-field input[type="search"],
.dedicated-filter-field select {
  appearance: none;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  color: rgba(255, 255, 255, .8);
  font-size: 11px;
  height: 44px;
  outline: 0;
  padding: 0 13px;
  width: 100%;
}

.dedicated-filter-field select {
  background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.5) 50%), linear-gradient(135deg, rgba(255,255,255,.5) 50%, transparent 50%);
  background-position: calc(100% - 17px) 19px, calc(100% - 12px) 19px;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  padding-right: 35px;
}

.dedicated-filter-field select option {
  background: #10161b;
}

.dedicated-filter-field input[type="search"]::placeholder {
  color: rgba(255, 255, 255, .28);
}

.dedicated-filter-field input[type="search"]:focus,
.dedicated-filter-field select:focus {
  border-color: rgba(37, 158, 255, .7);
  box-shadow: 0 0 0 3px rgba(37, 158, 255, .08);
}

.dedicated-filter-field input[type="range"] {
  accent-color: #168ff0;
  cursor: pointer;
  width: 100%;
}

.dedicated-advanced-filters {
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  border-top: 1px solid rgba(255, 255, 255, .08);
  margin-top: 21px;
  padding: 16px 0;
}

.dedicated-advanced-filters summary {
  color: rgba(255, 255, 255, .58);
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
}

.dedicated-advanced-filters fieldset {
  border: 0;
  display: grid;
  gap: 9px;
  margin: 16px 0 0;
  padding: 0;
}

.dedicated-advanced-filters label {
  align-items: center;
  color: rgba(255, 255, 255, .52);
  display: flex;
  font-size: 10px;
  gap: 8px;
}

.dedicated-advanced-filters input {
  accent-color: #168ff0;
}

.dedicated-filter-reset,
.dedicated-results__empty button {
  background: transparent;
  border: 0;
  color: #269cff;
  font-size: 10px;
  font-weight: 700;
  margin-top: 14px;
  padding: 5px 0;
}

.dedicated-results {
  min-width: 0;
}

.dedicated-results__bar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.dedicated-results__bar p {
  color: rgba(255, 255, 255, .58);
  font-size: 11px;
  margin: 0;
}

.dedicated-results__bar p strong {
  color: #fff;
}

.dedicated-results__bar > span {
  color: #4cd8a6;
  font-size: 9px;
}

.dedicated-results__grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dedicated-server-card {
  background: linear-gradient(155deg, #11171c, #080c0f 75%);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.dedicated-server-card:hover {
  border-color: rgba(38, 156, 255, .45);
  box-shadow: 0 20px 45px rgba(0, 91, 181, .09);
  transform: translateY(-3px);
}

.dedicated-server-card[hidden] {
  display: none;
}

.dedicated-server-card > header {
  align-items: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
  display: flex;
  justify-content: space-between;
  min-height: 102px;
  padding: 20px;
}

.dedicated-server-card__tag {
  background: rgba(32, 157, 255, .12);
  border: 1px solid rgba(32, 157, 255, .25);
  border-radius: 999px;
  color: #42adff;
  display: inline-flex;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .06em;
  margin-bottom: 8px;
  padding: 3px 7px;
  text-transform: uppercase;
}

.dedicated-server-card h3 {
  color: #fff;
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -.025em;
  margin: 0 0 3px;
}

.dedicated-server-card header p {
  color: rgba(255, 255, 255, .34);
  font-size: 9px;
  margin: 0;
}

.dedicated-server-card__locations {
  display: flex;
  gap: 5px;
}

.dedicated-server-card__locations span {
  align-items: center;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 5px;
  color: rgba(255, 255, 255, .54);
  display: flex;
  font-size: 7px;
  font-weight: 700;
  height: 23px;
  justify-content: center;
  width: 27px;
}

.dedicated-server-card__specs {
  display: grid;
  gap: 9px;
  padding: 16px 20px;
}

.dedicated-server-card__specs > div {
  align-items: center;
  background: rgba(255, 255, 255, .018);
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 39px minmax(0, 1fr);
  min-height: 62px;
  padding: 10px;
}

.dedicated-server-card__spec-icon {
  align-items: center;
  background: rgba(25, 145, 239, .11);
  border-radius: 6px;
  color: #269cff;
  display: flex;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  grid-row: span 3;
  height: 30px;
  justify-content: center;
  margin-right: 9px;
  width: 30px;
}

.dedicated-server-card__specs small {
  color: rgba(255, 255, 255, .27);
  font-size: 7px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dedicated-server-card__specs strong {
  color: rgba(255, 255, 255, .82);
  font-size: 10px;
  font-weight: 600;
}

.dedicated-server-card__specs em {
  color: rgba(255, 255, 255, .31);
  font-size: 8px;
  font-style: normal;
}

.dedicated-server-card > footer {
  align-items: center;
  background: rgba(255, 255, 255, .018);
  border-top: 1px solid rgba(255, 255, 255, .075);
  display: flex;
  gap: 15px;
  justify-content: space-between;
  margin-top: auto;
  padding: 17px 20px;
}

.dedicated-server-card__price {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  max-width: 145px;
}

.dedicated-server-card__price small,
.dedicated-server-card__price em {
  color: rgba(255, 255, 255, .3);
  flex: 0 0 100%;
  font-size: 7px;
  font-style: normal;
  text-transform: uppercase;
}

.dedicated-server-card__price strong {
  color: #4cdda9;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -.035em;
}

.dedicated-server-card__price span {
  color: rgba(255, 255, 255, .38);
  font-size: 9px;
  margin-left: 3px;
}

.dedicated-server-card > footer .dedicated-button {
  min-height: 39px;
  padding: 9px 14px;
}

.dedicated-results__empty {
  background: rgba(255, 255, 255, .02);
  border: 1px dashed rgba(255, 255, 255, .13);
  border-radius: 14px;
  padding: 70px 25px;
  text-align: center;
}

.dedicated-results__empty strong {
  color: #fff;
  font-size: 18px;
}

.dedicated-results__empty p {
  color: rgba(255, 255, 255, .4);
  font-size: 10px;
  margin: 8px 0 0;
}

@media (max-width: 1199.98px) {
  .dedicated-catalog {
    grid-template-columns: 260px minmax(0, 1fr);
  }

  .dedicated-results__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991.98px) {
  .dedicated-catalog {
    grid-template-columns: 1fr;
  }

  .dedicated-filters {
    position: static;
  }

  .dedicated-location-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dedicated-location-tabs button:first-child {
    grid-column: auto;
  }

  .dedicated-results__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .dedicated-results__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .dedicated-location-tabs {
    grid-template-columns: 1fr;
  }

  .dedicated-results__bar {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .dedicated-server-card > header,
  .dedicated-server-card__specs,
  .dedicated-server-card > footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .dedicated-server-card > footer {
    align-items: stretch;
    flex-direction: column;
  }

  .dedicated-server-card__price {
    max-width: none;
  }

  .dedicated-server-card > footer .dedicated-button {
    width: 100%;
  }
}

/* Wide, top-mounted dedicated server catalog */
.dedicated-page .dedicated-plans > .container-custom {
  max-width: 1840px;
  padding-left: clamp(20px, 3vw, 58px);
  padding-right: clamp(20px, 3vw, 58px);
}

.dedicated-catalog {
  --price-range-end: 100%;
  --price-range-start: 0%;
  gap: 38px;
  grid-template-columns: minmax(0, 1fr);
  max-width: none;
}

.dedicated-filters {
  align-items: end;
  display: grid;
  gap: 18px 16px;
  grid-template-columns: minmax(250px, 1.35fr) minmax(270px, 1.55fr) minmax(230px, 1.2fr) repeat(3, minmax(155px, 1fr));
  padding: 22px;
  position: static;
}

.dedicated-location-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.dedicated-location-tabs button:first-child {
  grid-column: auto;
}

.dedicated-filter-field {
  margin-top: 0;
  min-width: 0;
}

.dedicated-filter-field--price {
  align-self: end;
}

.dedicated-price-range {
  height: 44px;
  position: relative;
}

.dedicated-price-range > span {
  background: linear-gradient(90deg,
    rgba(255, 255, 255, .13) 0 var(--price-range-start),
    #168ff0 var(--price-range-start) var(--price-range-end),
    rgba(255, 255, 255, .13) var(--price-range-end) 100%);
  border-radius: 999px;
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 20px;
}

.dedicated-price-range input[type="range"] {
  appearance: none;
  background: transparent;
  height: 44px;
  left: 0;
  margin: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.dedicated-price-range input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  height: 5px;
}

.dedicated-price-range input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  background: #208ff2;
  border: 2px solid #55b4ff;
  border-radius: 50%;
  box-shadow: 0 0 11px rgba(32, 143, 242, .55);
  cursor: pointer;
  height: 16px;
  margin-top: -5px;
  pointer-events: auto;
  width: 16px;
}

.dedicated-price-range input[type="range"]::-moz-range-track {
  background: transparent;
  border: 0;
  height: 5px;
}

.dedicated-price-range input[type="range"]::-moz-range-thumb {
  background: #208ff2;
  border: 2px solid #55b4ff;
  border-radius: 50%;
  box-shadow: 0 0 11px rgba(32, 143, 242, .55);
  cursor: pointer;
  height: 13px;
  pointer-events: auto;
  width: 13px;
}

.dedicated-advanced-filters {
  grid-column: 1 / -1;
  margin-top: 0;
}

.dedicated-advanced-filters[open] {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dedicated-advanced-filters[open] summary {
  grid-column: 1 / -1;
}

.dedicated-filter-reset {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: -9px;
}

.dedicated-results__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 1680px) {
  .dedicated-results__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1399.98px) {
  .dedicated-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dedicated-results__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .dedicated-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dedicated-results__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .dedicated-results__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .dedicated-filters {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .dedicated-advanced-filters[open] {
    grid-template-columns: 1fr;
  }
}

/* Cross-browser flags and expanded advanced filters */
.dedicated-location-tabs button img {
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .14);
  flex: 0 0 auto;
  height: 12px;
  object-fit: cover;
  width: 19px;
}

.dedicated-server-card__locations span {
  overflow: hidden;
  padding: 0;
}

.dedicated-server-card__locations img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.dedicated-advanced-filters {
  padding-bottom: 0;
}

.dedicated-advanced-filters summary {
  align-items: center;
  border-bottom: 0;
  display: flex;
  min-height: 38px;
  padding-bottom: 15px;
}

.dedicated-advanced-filters summary::marker {
  color: rgba(255, 255, 255, .55);
}

.dedicated-advanced-summary__hide {
  display: none;
}

.dedicated-advanced-filters[open] {
  column-gap: clamp(25px, 5vw, 85px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-bottom: 18px;
}

.dedicated-advanced-filters[open] .dedicated-advanced-summary__show {
  display: none;
}

.dedicated-advanced-filters[open] .dedicated-advanced-summary__hide {
  display: inline;
}

.dedicated-advanced-group {
  align-content: start;
  display: grid;
  gap: 11px;
  margin: 0 !important;
}

.dedicated-advanced-filters .dedicated-advanced-group legend {
  align-items: center;
  color: rgba(255, 255, 255, .76);
  display: flex;
  font-size: 10px;
  font-weight: 700;
  gap: 8px;
  margin: 0 0 2px;
}

.dedicated-advanced-group legend span {
  color: #269cff;
  font-size: 11px;
}

.dedicated-advanced-group--storage legend span {
  color: #d79a20;
}

.dedicated-advanced-group--availability legend span {
  color: #43dda5;
}

.dedicated-advanced-group label {
  font-size: 10px;
  gap: 9px;
}

.dedicated-advanced-group label img {
  border-radius: 2px;
  height: 11px;
  object-fit: cover;
  width: 17px;
}

.dedicated-advanced-group input[type="checkbox"] {
  appearance: none;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 3px;
  height: 14px;
  margin: 0;
  position: relative;
  width: 14px;
}

.dedicated-advanced-group input[type="checkbox"]:checked {
  background: #168ff0;
  border-color: #4ab3ff;
}

.dedicated-advanced-group input[type="checkbox"]:checked::after {
  color: #fff;
  content: '\2713';
  font-size: 9px;
  font-weight: 800;
  left: 2px;
  line-height: 1;
  position: absolute;
  top: 1px;
}

@media (max-width: 767.98px) {
  .dedicated-advanced-filters[open] {
    grid-template-columns: 1fr;
  }
}

/* Modern VPS hosting */
.vps-page {
  background: #000;
  color: #fff;
}

.vps-page main {
  overflow: hidden;
}

.vps-eyebrow {
  color: #269cff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  margin: 0 0 13px;
}

.vps-button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 9px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  min-height: 44px;
  padding: 10px 18px;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

.vps-button:hover,
.vps-button:focus {
  color: #fff;
  transform: translateY(-2px);
}

.vps-button--primary {
  background: linear-gradient(135deg, #1aa0ff, #0878e1);
  box-shadow: 0 12px 28px rgba(0, 111, 224, .28);
  color: #fff;
}

.vps-button--primary:hover,
.vps-button--primary:focus {
  box-shadow: 0 16px 34px rgba(0, 132, 255, .38);
}

.vps-button--secondary {
  background: rgba(255, 255, 255, .035);
  border-color: rgba(255, 255, 255, .13);
  color: rgba(255, 255, 255, .82);
}

.vps-hero {
  background: radial-gradient(circle at 75% 42%, rgba(20, 135, 224, .16), transparent 31%), linear-gradient(180deg, #050b10, #020609 77%, #000);
  padding: 191px 0 110px;
  position: relative;
}

.vps-hero::after {
  background-image: linear-gradient(rgba(49, 139, 209, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(49, 139, 209, .035) 1px, transparent 1px);
  background-size: 48px 48px;
  content: '';
  inset: 0;
  mask-image: linear-gradient(90deg, transparent, #000 42%);
  pointer-events: none;
  position: absolute;
}

.vps-hero__inner {
  align-items: center;
  display: grid;
  gap: clamp(60px, 9vw, 145px);
  grid-template-columns: minmax(0, .95fr) minmax(460px, 1.05fr);
  position: relative;
  z-index: 1;
}

.vps-hero__copy {
  max-width: 650px;
}

.vps-hero h1 {
  color: #fff;
  font-size: clamp(48px, 5.2vw, 72px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.03;
  margin: 0 0 23px;
}

.vps-hero h1 span {
  color: #269cff;
}

.vps-hero__copy > p:not(.vps-eyebrow) {
  color: rgba(255, 255, 255, .56);
  font-size: 15px;
  line-height: 1.75;
  margin: 0;
}

.vps-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.vps-hero__copy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 25px;
  list-style: none;
  margin: 25px 0 0;
  padding: 0;
}

.vps-hero__copy li {
  color: rgba(255, 255, 255, .45);
  font-size: 11px;
}

.vps-hero__copy li span {
  color: #35a9ff;
  margin-right: 6px;
}

.vps-hero__hardware {
  min-height: 420px;
  position: relative;
}

.vps-hardware-card {
  background: linear-gradient(145deg, #151d23, #080d11 70%);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 15px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .5);
  display: flex;
  flex-direction: column;
  max-width: 400px;
  min-height: 220px;
  padding: 29px;
  position: absolute;
  width: 72%;
}

.vps-hardware-card--amd {
  left: 2%;
  top: 4%;
  transform: rotate(-4deg);
}

.vps-hardware-card--intel {
  bottom: 3%;
  right: 2%;
  transform: rotate(4deg);
}

.vps-hardware-card > span {
  color: #269cff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}

.vps-hardware-card > strong {
  color: #fff;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.035em;
  margin: 8px 0 2px;
}

.vps-hardware-card > small {
  color: rgba(255, 255, 255, .35);
  font-size: 10px;
}

.vps-hardware-card > div {
  align-items: flex-end;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  display: flex;
  gap: 9px;
  height: 78px;
  margin-top: auto;
  padding: 0 8px;
}

.vps-hardware-card i {
  background: linear-gradient(180deg, rgba(38, 156, 255, .75), rgba(38, 156, 255, .08));
  border-radius: 3px 3px 0 0;
  flex: 1;
  height: 44%;
}

.vps-hardware-card i:nth-child(2) { height: 72%; }
.vps-hardware-card i:nth-child(3) { height: 55%; }
.vps-hardware-card i:nth-child(4) { height: 84%; }
.vps-hardware-card i:nth-child(5) { height: 68%; }
.vps-hardware-card i:nth-child(6) { height: 92%; }

.vps-plans,
.vps-benefits,
.vps-os {
  background: #000;
  padding: 105px 0;
}

.vps-plans > .container-custom {
  max-width: 1660px;
}

.vps-section-heading {
  margin: 0 auto 48px;
  max-width: 720px;
  text-align: center;
}

.vps-section-heading h2,
.vps-panel h2 {
  color: #fff;
  font-size: clamp(34px, 4vw, 50px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.1;
  margin: 0 0 15px;
}

.vps-section-heading > p:last-child,
.vps-panel__copy > p:last-of-type {
  color: rgba(255, 255, 255, .46);
  font-size: 13px;
  line-height: 1.7;
  margin: 0;
}

.vps-filters {
  background: linear-gradient(155deg, #11171c, #090d10);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 14px;
  display: grid;
  gap: 15px;
  grid-template-columns: 2fr 1fr 1fr;
  padding: 20px;
}

.vps-filter {
  display: block;
}

.vps-filter > span {
  color: rgba(255, 255, 255, .48);
  display: block;
  font-size: 9px;
  font-weight: 600;
  margin-bottom: 7px;
}

.vps-filter input,
.vps-filter select {
  appearance: none;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  color: rgba(255, 255, 255, .78);
  font-size: 11px;
  height: 46px;
  outline: 0;
  padding: 0 14px;
  width: 100%;
}

.vps-filter select {
  background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.5) 50%), linear-gradient(135deg, rgba(255,255,255,.5) 50%, transparent 50%);
  background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px;
  background-repeat: no-repeat;
  background-size: 5px 5px;
}

.vps-filter select option {
  background: #10161b;
}

.vps-filter input:focus,
.vps-filter select:focus {
  border-color: rgba(38, 156, 255, .65);
  box-shadow: 0 0 0 3px rgba(38, 156, 255, .08);
}

.vps-filter input::placeholder {
  color: rgba(255, 255, 255, .26);
}

.vps-family-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: center;
  margin: 28px 0 20px;
}

.vps-family-tabs button {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 9px;
  color: rgba(255, 255, 255, .6);
  font-size: 11px;
  font-weight: 600;
  min-height: 44px;
  padding: 9px 16px;
}

.vps-family-tabs button b {
  color: #269cff;
  margin-right: 4px;
}

.vps-family-tabs button span {
  background: rgba(255, 255, 255, .12);
  border-radius: 999px;
  font-size: 8px;
  margin-left: 5px;
  padding: 2px 6px;
}

.vps-family-tabs button:hover,
.vps-family-tabs button:focus,
.vps-family-tabs button.is-active {
  background: linear-gradient(135deg, #168ff0, #0877dc);
  border-color: #269cff;
  color: #fff;
}

.vps-family-tabs button.is-active b {
  color: #fff;
}

.vps-results-bar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 13px;
  max-width: 1450px;
}

.vps-results-bar p,
.vps-results-bar > span {
  color: rgba(255, 255, 255, .42);
  font-size: 10px;
  margin: 0;
}

.vps-results-bar p strong {
  color: #fff;
}

.vps-results-bar > span {
  color: #4bdca7;
}

.vps-plan-list {
  display: grid;
  gap: 13px;
  margin: 0 auto;
  max-width: 1450px;
}

.vps-plan-row {
  align-items: center;
  background: linear-gradient(155deg, #11171c, #080c0f);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 13px;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(175px, 1.05fr) repeat(4, minmax(125px, 1fr)) minmax(190px, .9fr);
  min-height: 130px;
  padding: 19px 21px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.vps-plan-row:hover {
  border-color: rgba(38, 156, 255, .4);
  box-shadow: 0 16px 38px rgba(0, 91, 181, .08);
  transform: translateY(-2px);
}

.vps-plan-row[hidden] {
  display: none;
}

.vps-plan-row > header {
  min-width: 0;
}

.vps-plan-row__family {
  border-radius: 999px;
  display: inline-flex;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .08em;
  margin-bottom: 7px;
  padding: 3px 8px;
  text-transform: uppercase;
}

.vps-plan-row__family--amd {
  background: rgba(224, 67, 47, .12);
  border: 1px solid rgba(224, 67, 47, .25);
  color: #ff7968;
}

.vps-plan-row__family--intel {
  background: rgba(38, 156, 255, .12);
  border: 1px solid rgba(38, 156, 255, .25);
  color: #4fb2ff;
}

.vps-plan-row h3 {
  color: #fff;
  font-size: 17px;
  font-weight: 750;
  margin: 0 0 3px;
}

.vps-plan-row header small {
  color: rgba(255, 255, 255, .32);
  display: block;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vps-plan-row__spec {
  align-items: center;
  display: grid;
  grid-template-columns: 37px minmax(0, 1fr);
}

.vps-plan-row__spec > span {
  align-items: center;
  background: rgba(38, 156, 255, .11);
  border-radius: 50%;
  color: #269cff;
  display: flex;
  font-size: 6px;
  font-weight: 800;
  height: 31px;
  justify-content: center;
  width: 31px;
}

.vps-plan-row__spec > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.vps-plan-row__spec strong {
  color: rgba(255, 255, 255, .85);
  font-size: 10px;
}

.vps-plan-row__spec small {
  color: rgba(255, 255, 255, .3);
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vps-plan-row > footer {
  align-items: baseline;
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 0;
  padding: 0;
}

.vps-plan-row > footer > small {
  color: rgba(255, 255, 255, .28);
  flex: 0 0 100%;
  font-size: 7px;
  text-align: right;
  text-transform: uppercase;
}

.vps-plan-row > footer > strong {
  color: #4bdca7;
  font-size: 25px;
  font-weight: 800;
}

.vps-plan-row > footer > span {
  color: rgba(255, 255, 255, .35);
  font-size: 8px;
  margin-left: 3px;
}

.vps-plan-row > footer .vps-button {
  flex: 0 0 100%;
  margin-top: 8px;
  min-height: 38px;
}

.vps-empty {
  border: 1px dashed rgba(255, 255, 255, .13);
  border-radius: 13px;
  margin: 0 auto;
  max-width: 1450px;
  padding: 65px 20px;
  text-align: center;
}

.vps-empty strong {
  font-size: 18px;
}

.vps-empty p {
  color: rgba(255, 255, 255, .4);
  font-size: 10px;
  margin: 7px 0;
}

.vps-empty button {
  background: transparent;
  border: 0;
  color: #269cff;
  font-size: 10px;
  font-weight: 700;
}

.vps-benefits {
  background: linear-gradient(180deg, #020507, #07111a, #020507);
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  border-top: 1px solid rgba(255, 255, 255, .07);
}

.vps-benefits__grid {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 1200px;
}

.vps-benefits__grid article {
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  padding: 25px;
}

.vps-benefits__grid article > span {
  align-items: center;
  background: linear-gradient(145deg, #1c9ef7, #0879dd);
  border-radius: 9px;
  display: flex;
  height: 38px;
  justify-content: center;
  margin-bottom: 19px;
  width: 38px;
}

.vps-benefits h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

.vps-benefits article p {
  color: rgba(255, 255, 255, .38);
  font-size: 10px;
  line-height: 1.65;
  margin: 0;
}

.vps-panel {
  background: #000;
  padding: 110px 0;
}

.vps-panel__grid {
  align-items: center;
  display: grid;
  gap: clamp(55px, 8vw, 120px);
  grid-template-columns: minmax(0, .8fr) minmax(480px, 1.2fr);
}

.vps-panel__copy ul {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 27px 0 0;
  padding: 0;
}

.vps-panel__copy li {
  color: rgba(255, 255, 255, .62);
  font-size: 10px;
}

.vps-panel__copy li::before {
  color: #269cff;
  content: '\2713';
  margin-right: 8px;
}

.vps-panel__preview {
  background: #070b0f;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 15px;
  box-shadow: 0 30px 75px rgba(0, 0, 0, .52);
  overflow: hidden;
}

.vps-panel__bar {
  align-items: center;
  background: #11171c;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  display: flex;
  gap: 6px;
  height: 42px;
  padding: 0 14px;
}

.vps-panel__bar span {
  background: rgba(255, 255, 255, .18);
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.vps-panel__bar strong {
  color: rgba(255, 255, 255, .43);
  font-size: 8px;
  margin-left: 7px;
}

.vps-panel__preview img {
  display: block;
  height: auto;
  opacity: .86;
  width: 100%;
}

.vps-os {
  padding-top: 35px;
}

.vps-os__grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 950px;
}

.vps-os__grid > div {
  align-items: center;
  background: linear-gradient(150deg, #11171c, #090d10);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  display: flex;
  gap: 13px;
  min-height: 90px;
  padding: 18px;
}

.vps-os__grid img {
  height: 34px;
  object-fit: contain;
  width: 34px;
}

.vps-os__grid strong {
  color: #fff;
  font-size: 12px;
}

@media (max-width: 1199.98px) {
  .vps-plan-row {
    grid-template-columns: minmax(170px, 1fr) repeat(3, minmax(120px, 1fr)) minmax(180px, .9fr);
  }

  .vps-plan-row__spec:nth-of-type(4) {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .vps-hero__inner,
  .vps-panel__grid {
    grid-template-columns: 1fr;
  }

  .vps-hero__copy {
    margin: 0 auto;
    text-align: center;
  }

  .vps-hero__actions,
  .vps-hero__copy ul {
    justify-content: center;
  }

  .vps-hero__hardware {
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
  }

  .vps-filters {
    grid-template-columns: 1fr 1fr;
  }

  .vps-filter--search {
    grid-column: 1 / -1;
  }

  .vps-plan-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vps-plan-row > header,
  .vps-plan-row > footer {
    grid-column: span 3;
  }

  .vps-plan-row > footer {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .07);
    display: grid;
    grid-template-columns: auto auto minmax(150px, 220px);
    justify-content: start;
    padding-top: 15px;
  }

  .vps-plan-row > footer > small {
    grid-column: 1 / 3;
    text-align: left;
  }

  .vps-plan-row > footer .vps-button {
    grid-column: 3;
    grid-row: 1 / 3;
    margin: 0;
  }

  .vps-benefits__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vps-panel__copy {
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  .vps-hero,
  .vps-plans,
  .vps-benefits,
  .vps-panel,
  .vps-os {
    padding-bottom: 80px;
    padding-top: 80px;
  }

  .vps-plan-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vps-plan-row > header,
  .vps-plan-row > footer {
    grid-column: span 2;
  }

  .vps-os__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .vps-hero h1 {
    font-size: clamp(42px, 13vw, 58px);
  }

  .vps-hero__copy > p:not(.vps-eyebrow) {
    font-size: 14px;
  }

  .vps-hero__actions .vps-button {
    width: 100%;
  }

  .vps-hero__hardware {
    min-height: 360px;
  }

  .vps-hardware-card {
    min-height: 190px;
    padding: 22px;
    width: 86%;
  }

  .vps-hardware-card > strong {
    font-size: 21px;
  }

  .vps-filters {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .vps-filter--search {
    grid-column: auto;
  }

  .vps-family-tabs {
    align-items: stretch;
    flex-direction: column;
  }

  .vps-plan-row {
    grid-template-columns: 1fr;
    padding: 17px;
  }

  .vps-plan-row > header,
  .vps-plan-row > footer {
    grid-column: auto;
  }

  .vps-plan-row > footer {
    display: flex;
    justify-content: flex-start;
  }

  .vps-plan-row > footer > small {
    text-align: left;
  }

  .vps-plan-row > footer .vps-button {
    flex: 0 0 100%;
    margin-top: 9px;
  }

  .vps-benefits__grid,
  .vps-os__grid,
  .vps-panel__copy ul {
    grid-template-columns: 1fr;
  }
}

/* Converted game pages share Minecraft's modern lower-page visual system. */
.game-page-lower-content {
  background: linear-gradient(180deg, #000 0%, #02070c 12%, #071827 28%, #02070c 46%, #000 66%, #000 100%);
  isolation: isolate;
  position: relative;
}

.game-page-lower-content::before {
  background: transparent;
  content: '';
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.game-page-lower-content > .faq {
  background: transparent;
}

.converted-game-page {
  background: #000;
}

.converted-game-page footer {
  background: var(--site-footer-gradient);
}

.converted-game-page .footer_bottom {
  background: var(--site-footer-end);
  border-top: 1px solid rgba(43, 156, 255, .09);
}

/* Minecraft hero and plan section. Each layer is sized from the viewport width
   so switching tabs cannot change the artwork's scale. */
.minecraft-showcase {
  --minecraft-art-height: 56.25vw;
  background-color: #000;
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, .08) 0%,
      rgba(0, 0, 0, .16) 38%,
      rgba(0, 0, 0, .5) 60%,
      rgba(0, 0, 0, .84) 76%,
      #000 91%,
      #000 100%
    ),
    linear-gradient(
      to bottom left,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, .18) 34%,
      rgba(0, 0, 0, .56) 60%,
      rgba(0, 0, 0, .88) 78%,
      #000 92%,
      #000 100%
    ),
    var(--game-showcase-bg, var(--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be,url('../images/game-showcase/minecraft-showcase-bg-4k.jpg')));
  background-position: center top, center top, center top;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size:
    100% var(--minecraft-art-height),
    100% var(--minecraft-art-height),
    100% auto;
}

.minecraft-showcase > .header,
.minecraft-showcase > .game_plans {
  background: transparent !important;
}

/* Garry's Mod uses the same stable, full-width showcase treatment as
   Minecraft while retaining its own plan data and card layout. */
.garrys-mod-showcase {
  --garrys-mod-art-height: 56.25vw;
  background-color: #000;
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, .06) 0%,
      rgba(0, 0, 0, .16) 38%,
      rgba(0, 0, 0, .5) 60%,
      rgba(0, 0, 0, .84) 78%,
      #000 92%,
      #000 100%
    ),
    linear-gradient(
      to bottom left,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, .16) 34%,
      rgba(0, 0, 0, .52) 60%,
      rgba(0, 0, 0, .86) 78%,
      #000 92%,
      #000 100%
    ),
    var(--game-showcase-bg, var(--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6,url('../images/game-showcase/garrys-mod-showcase-bg.png')));
  background-position: center top, center top, center top;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size:
    100% var(--garrys-mod-art-height),
    100% var(--garrys-mod-art-height),
    100% auto;
}

.garrys-mod-showcase > .header,
.garrys-mod-showcase > .game_plans {
  background: transparent !important;
}

.garrys-mod-page {
  background: #000;
}

.garrys-mod-lower-content {
  background: linear-gradient(180deg, #000 0%, #02070c 12%, #071827 28%, #02070c 46%, #000 66%, #000 100%);
  isolation: isolate;
  position: relative;
}

.garrys-mod-lower-content > .game_info,
.garrys-mod-lower-content > .panel,
.garrys-mod-lower-content > .faq {
  background: transparent;
}

.garrys-mod-page footer {
  background: var(--site-footer-gradient);
}

.garrys-mod-page .footer_bottom {
  background: var(--site-footer-end);
  border-top: 1px solid rgba(43, 156, 255, .09);
}

/* Minecraft content below the plans follows the homepage's black/blue palette. */
.minecraft-page {
  background: #000;
}

.minecraft-lower-content {
  background: linear-gradient(
    180deg,
    #000 0%,
    #02070c 12%,
    #071827 28%,
    #02070c 46%,
    #000 66%,
    #000 100%
  );
  isolation: isolate;
  position: relative;
}

.minecraft-lower-content::before {
  background: transparent;
  content: '';
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.minecraft-included {
  background: #000;
  padding: 22px 0;
  position: relative;
}

.minecraft-included::before,
.minecraft-included::after {
  background: linear-gradient(90deg, transparent 0%, rgba(43, 156, 255, .1) 12%, rgba(43, 156, 255, .58) 50%, rgba(43, 156, 255, .1) 88%, transparent 100%);
  content: '';
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.minecraft-included::before {
  top: 0;
}

.minecraft-included::after {
  bottom: 0;
}

.minecraft-included__inner {
  align-items: center;
  display: grid;
  gap: 26px;
  grid-template-columns: 170px minmax(0, 1fr);
}

.minecraft-included__title {
  border-right: 1px solid rgba(255, 255, 255, .13);
  color: rgba(255, 255, 255, .94);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  padding: 4px 26px 4px 0;
}

.minecraft-included__title span {
  color: #2b9cff;
  display: block;
}

.minecraft-included__features {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 26px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.minecraft-included__features li {
  align-items: center;
  color: rgba(255, 255, 255, .76);
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  gap: 9px;
  line-height: 1.3;
  white-space: nowrap;
}

.minecraft-included__features li::before {
  align-items: center;
  background: rgba(24, 115, 211, .45);
  border-radius: 50%;
  color: #58adff;
  content: '\2713';
  display: inline-flex;
  flex: 0 0 15px;
  font-size: 10px;
  font-weight: 800;
  height: 15px;
  justify-content: center;
  width: 15px;
}

/* Minecraft panel experience */
.minecraft-panel-experience {
  background: linear-gradient(
    180deg,
    #071827 0%,
    #02070c 18%,
    #000 36%,
    #000 100%
  );
  color: var(--white);
  overflow: hidden;
  padding: 104px 0 112px;
  position: relative;
}

.minecraft-panel-experience__header {
  margin: 0 auto;
  max-width: 780px;
  text-align: center;
}

.minecraft-panel-experience__header h2 {
  color: var(--white);
  font-size: clamp(38px, 5vw, 60px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.02;
  margin: 0 0 18px;
}

.minecraft-panel-experience__header h2 span {
  color: #2b9cff;
}

.minecraft-panel-experience__header > p:last-child {
  color: rgba(255, 255, 255, .55);
  font-size: 17px;
  line-height: 1.65;
  margin: 0 auto;
  max-width: 680px;
}

.minecraft-panel-experience__eyebrow {
  color: #2b9cff;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .035em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.minecraft-panel-experience__features {
  display: grid;
  gap: 110px;
  margin-top: 90px;
}

.minecraft-panel-feature {
  align-items: center;
  display: grid;
  gap: clamp(42px, 6vw, 84px);
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  min-width: 0;
}

.minecraft-panel-feature > * {
  min-width: 0;
}

.minecraft-panel-feature--reverse .minecraft-panel-feature__copy {
  order: 2;
}

.minecraft-panel-feature--reverse .minecraft-panel-window {
  order: 1;
}

.minecraft-panel-feature__copy h3 {
  color: var(--white);
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.08;
  margin: 0 0 16px;
}

.minecraft-panel-feature__copy > p:not(.minecraft-panel-experience__eyebrow) {
  color: rgba(255, 255, 255, .56);
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
}

.minecraft-panel-feature__points {
  display: grid;
  gap: 22px;
  list-style: none;
  margin: 32px 0 0;
  padding: 0;
}

.minecraft-panel-feature__points li {
  align-items: center;
  display: grid;
  gap: 15px;
  grid-template-columns: 50px minmax(0, 1fr);
}

.minecraft-panel-feature__points li > span,
.minecraft-panel-capability > span {
  align-items: center;
  background: linear-gradient(145deg, #169bff, #0873d6);
  border: 1px solid rgba(78, 176, 255, .45);
  border-radius: 11px;
  box-shadow: 0 12px 26px rgba(0, 113, 224, .18);
  display: inline-flex;
  flex: 0 0 auto;
  height: 50px;
  justify-content: center;
  width: 50px;
}

.minecraft-panel-feature__points img,
.minecraft-panel-capability img {
  display: block;
  height: 27px;
  object-fit: contain;
  width: 27px;
}

.game-section-icon {
  color: #fff;
  display: block;
  fill: none;
  height: 25px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.85;
  width: 25px;
}

.minecraft-panel-feature__points li > span,
.minecraft-panel-capability > span {
  background: linear-gradient(145deg, #27a9ff 0%, #0787ec 55%, #0870d2 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 10px 28px rgba(0, 125, 235, .28);
}

.minecraft-panel-feature__points strong {
  color: rgba(255, 255, 255, .94);
  display: block;
  font-size: 16px;
  margin-bottom: 2px;
}

.minecraft-panel-feature__points p {
  color: rgba(255, 255, 255, .46);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

.minecraft-panel-window {
  aspect-ratio: 1.92 / 1;
  background: #090d12;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 15px;
  box-shadow: 0 30px 74px rgba(0, 0, 0, .58), 0 0 44px rgba(0, 111, 225, .07);
  min-width: 0;
  overflow: hidden;
}

.minecraft-panel-window--screenshot {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}

.minecraft-panel-window--screenshot img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  width: 100%;
}

.minecraft-panel-window__bar {
  align-items: center;
  background: #12171d;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  display: grid;
  gap: 10px;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  min-height: 50px;
  padding: 10px 14px;
}

.minecraft-panel-window__brand {
  align-items: center;
  background: rgba(43, 156, 255, .2);
  border: 1px solid rgba(43, 156, 255, .34);
  border-radius: 7px;
  color: #57b8ff;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  height: 27px;
  justify-content: center;
  width: 27px;
}

.minecraft-panel-window__bar strong {
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.minecraft-panel-window__bar small {
  color: rgba(88, 218, 179, .8);
  font-size: 9px;
  white-space: nowrap;
}

.minecraft-panel-window__body {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  height: calc(100% - 50px);
}

.minecraft-panel-window__sidebar {
  background: #0c1117;
  border-right: 1px solid rgba(255, 255, 255, .055);
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 18px 15px;
}

.minecraft-panel-window__sidebar span {
  background: rgba(255, 255, 255, .09);
  border-radius: 5px;
  display: block;
  height: 8px;
  width: 31px;
}

.minecraft-panel-window__sidebar span.is-active {
  background: #2b9cff;
  box-shadow: 0 0 13px rgba(43, 156, 255, .35);
}

.minecraft-panel-window__content {
  min-width: 0;
  overflow: hidden;
  padding: 17px 18px;
}

.minecraft-panel-window__search {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 7px;
  color: rgba(255, 255, 255, .28);
  font-size: 9px;
  margin-bottom: 13px;
  padding: 9px 11px;
}

.minecraft-panel-window__table-head,
.minecraft-panel-window__row,
.minecraft-panel-window__file {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 82px 54px;
  min-width: 0;
}

.minecraft-panel-window__table-head {
  color: rgba(255, 255, 255, .25);
  font-size: 7px;
  letter-spacing: .08em;
  padding: 0 8px 6px;
}

.minecraft-panel-window__row,
.minecraft-panel-window__file {
  border-top: 1px solid rgba(255, 255, 255, .05);
  min-height: 37px;
  padding: 6px 8px;
}

.minecraft-panel-window__row b,
.minecraft-panel-window__file b {
  color: rgba(255, 255, 255, .7);
  font-size: 9px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.minecraft-panel-window__row small,
.minecraft-panel-window__file small,
.minecraft-panel-window__file em {
  color: rgba(255, 255, 255, .3);
  font-size: 8px;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.minecraft-panel-window__row i {
  background: rgba(43, 156, 255, .13);
  border: 1px solid rgba(43, 156, 255, .22);
  border-radius: 5px;
  color: #75c4ff;
  font-size: 7px;
  font-style: normal;
  padding: 5px;
  text-align: center;
}

.minecraft-panel-window__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.minecraft-panel-window__actions span {
  background: rgba(43, 156, 255, .12);
  border: 1px solid rgba(43, 156, 255, .2);
  border-radius: 5px;
  color: #70bfff;
  font-size: 7px;
  padding: 5px 7px;
}

.minecraft-panel-window__file b::before {
  color: #2b9cff;
  content: '\25AA';
  margin-right: 7px;
}

.minecraft-panel-console {
  margin: 140px auto 0;
  max-width: 1190px;
  text-align: center;
}

.minecraft-panel-console > h3 {
  color: var(--white);
  font-size: clamp(34px, 4.2vw, 52px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.04;
  margin: 0 0 14px;
}

.minecraft-panel-console > p:not(.minecraft-panel-experience__eyebrow) {
  color: rgba(255, 255, 255, .5);
  font-size: 16px;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 720px;
}

.minecraft-panel-console__frame {
  background: #070a0f;
  border: 1px solid rgba(43, 156, 255, .3);
  border-radius: 16px;
  box-shadow: 0 36px 90px rgba(0, 0, 0, .68), 0 0 55px rgba(0, 104, 220, .09);
  margin: 50px 0 0;
  overflow: hidden;
  padding: 0;
}

.minecraft-panel-console__frame img {
  display: block;
  height: auto;
  width: 100%;
}

.minecraft-panel-capabilities {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 54px auto 0;
  max-width: 1190px;
}

.minecraft-panel-capability {
  align-items: center;
  background: linear-gradient(145deg, rgba(26, 29, 34, .98), rgba(13, 15, 18, .99));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .025);
  display: flex;
  flex-direction: column;
  min-height: 244px;
  padding: 28px 22px 25px;
  text-align: center;
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.minecraft-panel-capability:hover,
.minecraft-panel-capability:focus-visible {
  border-color: rgba(43, 156, 255, .72);
  box-shadow: 0 24px 54px rgba(0, 0, 0, .42), 0 0 30px rgba(0, 111, 225, .12), inset 0 1px 0 rgba(255, 255, 255, .04);
  outline: none;
  transform: translateY(-3px);
}

.minecraft-panel-capability > span {
  background: #087ed8;
  border: 1px solid rgba(66, 170, 255, .58);
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(0, 126, 230, .22), inset 0 1px 0 rgba(255, 255, 255, .18);
  height: 52px;
  margin-bottom: 20px;
  width: 52px;
}

.minecraft-panel-capability > span img {
  filter: brightness(0) invert(1);
  height: 25px;
  opacity: .96;
  width: 25px;
}

.minecraft-panel-capability:hover > span,
.minecraft-panel-capability:focus-visible > span {
  background: #1596f4;
  box-shadow: 0 12px 28px rgba(0, 126, 230, .3), 0 0 18px rgba(43, 156, 255, .16), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.minecraft-panel-capability h3 {
  color: rgba(255, 255, 255, .94);
  font-size: 18px;
  font-weight: 750;
  letter-spacing: -.02em;
  margin: 0 0 8px;
}

.minecraft-panel-capability p {
  color: rgba(255, 255, 255, .47);
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 1199.98px) {
  .minecraft-panel-feature {
    gap: 42px;
  }

  .minecraft-panel-capabilities {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .minecraft-panel-experience {
    padding: 82px 0 90px;
  }

  .minecraft-panel-experience__features {
    gap: 82px;
    margin-top: 68px;
  }

  .minecraft-panel-feature {
    grid-template-columns: 1fr;
  }

  .minecraft-panel-feature--reverse .minecraft-panel-feature__copy {
    order: 1;
  }

  .minecraft-panel-feature--reverse .minecraft-panel-window {
    order: 2;
  }

  .minecraft-panel-feature__copy,
  .minecraft-panel-window {
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
    width: 100%;
  }

  .minecraft-panel-console {
    margin-top: 108px;
  }

  .minecraft-panel-capabilities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .minecraft-panel-experience {
    padding: 68px 0 74px;
  }

  .minecraft-panel-experience__header > p:last-child,
  .minecraft-panel-feature__copy > p:not(.minecraft-panel-experience__eyebrow),
  .minecraft-panel-console > p:not(.minecraft-panel-experience__eyebrow) {
    font-size: 14px;
  }

  .minecraft-panel-experience__features {
    gap: 68px;
    margin-top: 54px;
  }

  .minecraft-panel-window__body {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .minecraft-panel-window__sidebar {
    padding: 16px 10px;
  }

  .minecraft-panel-window__sidebar span {
    width: 27px;
  }

  .minecraft-panel-console {
    margin-top: 88px;
  }

  .minecraft-panel-console__frame {
    border-radius: 11px;
    margin-top: 36px;
  }
}

@media (max-width: 575.98px) {
  .minecraft-panel-feature__points li {
    align-items: start;
  }

  .minecraft-panel-window {
    aspect-ratio: 1.42 / 1;
    border-radius: 11px;
  }

  .minecraft-panel-window__bar {
    grid-template-columns: 27px minmax(0, 1fr);
  }

  .minecraft-panel-window__bar small,
  .minecraft-panel-window__sidebar {
    display: none;
  }

  .minecraft-panel-window__body {
    grid-template-columns: 1fr;
  }

  .minecraft-panel-window__content {
    padding: 13px;
  }

  .minecraft-panel-window__table-head,
  .minecraft-panel-window__row,
  .minecraft-panel-window__file {
    gap: 7px;
    grid-template-columns: minmax(0, 1fr) 58px 44px;
  }

  .minecraft-panel-capabilities {
    grid-template-columns: 1fr;
  }

  .minecraft-panel-capability {
    min-height: 0;
    padding: 24px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .minecraft-panel-capability {
    transition: none;
  }

  .minecraft-panel-capability:hover,
  .minecraft-panel-capability:focus-visible {
    transform: none;
  }
}

.minecraft-page .minecraft-lower-content .panel,
.minecraft-page .minecraft-lower-content .faq {
  background: transparent;
}

.minecraft-page footer {
  background: var(--site-footer-gradient);
}

.minecraft-page .footer_bottom {
  background: var(--site-footer-end);
  border-top: 1px solid rgba(43, 156, 255, .09);
}

@media (max-width: 991.98px) {
  .minecraft-included__inner {
    align-items: start;
    gap: 18px;
    grid-template-columns: 1fr;
  }

  .minecraft-included__title {
    border-bottom: 1px solid rgba(255, 255, 255, .13);
    border-right: 0;
    padding: 0 0 14px;
  }

  .minecraft-included__title span {
    display: inline;
  }
}

@media (max-width: 575.98px) {
  .minecraft-included {
    padding: 20px 0;
  }

  .minecraft-included__features {
    align-items: flex-start;
    display: grid;
    gap: 13px 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .minecraft-included__features li {
    white-space: normal;
  }
}

@media (max-width: 767.98px) {
  .minecraft-showcase {
    --minecraft-art-height: 720px;
    background-size:
      100% var(--minecraft-art-height),
      100% var(--minecraft-art-height),
      auto var(--minecraft-art-height);
  }
}

/* Modular game plan cards */
.game_plans .plan-grid {
  --plan-blue: #1688f8;
  --plan-border: rgba(255, 255, 255, .13);
  align-items: stretch;
  margin-top: 42px;
}

.game_plans .plan-column {
  display: flex;
  margin-bottom: 28px;
}

.game_plans .plan-column--featured {
  transform: translateY(-18px);
}

.game_plans .plan-column--featured.plan-column--flush {
  transform: none;
}

.game_plans .plan-card {
  background: linear-gradient(155deg, #1b1d21 0%, #111215 100%);
  border: 1px solid var(--plan-border);
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .3);
  color: var(--white);
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  overflow: visible;
  position: relative;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.game_plans .plan-column--featured .plan-card {
  border: 2px solid var(--plan-blue);
  box-shadow: 0 24px 60px rgba(0, 80, 170, .24);
}

.game_plans .plan-card:hover {
  border-color: rgba(22, 136, 248, .7);
  box-shadow: 0 26px 60px rgba(0, 0, 0, .42);
}

.game_plans .plan-card__badge {
  background: linear-gradient(135deg, #1b9aff, #0874dc);
  border-radius: 999px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  left: 50%;
  line-height: 1;
  padding: 9px 22px;
  position: absolute;
  text-align: center;
  top: -17px;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 3;
}

.game_plans .plan-card__media {
  border-radius: 23px 23px 0 0;
  height: 190px;
  overflow: hidden;
  position: relative;
}

.game_plans .plan-card__image {
  height: 112%;
  left: -6%;
  max-width: none;
  object-fit: cover;
  position: absolute;
  top: -6%;
  transform: translate3d(var(--plan-pan-x, 0), var(--plan-pan-y, 0), 0) scale(1);
  transition: transform .4s cubic-bezier(.2, .7, .2, 1);
  width: 112%;
  will-change: transform;
}

.game_plans .plan-card:hover .plan-card__image {
  transform: translate3d(var(--plan-pan-x, 0), var(--plan-pan-y, 0), 0) scale(1.08);
}

.game_plans .plan-card__image--contain {
  height: 100%;
  left: 0;
  margin: 0 auto;
  object-fit: contain;
  right: 0;
  top: 0;
  transform: translate3d(var(--plan-pan-x, 0), var(--plan-pan-y, 0), 0) scale(1.05);
  width: auto;
}

.game_plans .plan-card__image-backdrop {
  filter: brightness(.68) saturate(1.08);
  height: 100%;
  inset: 0;
  max-width: none;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  transform: scale(1.01);
  width: 100%;
}

.game_plans .plan-card:hover .plan-card__image--contain {
  transform: translate3d(var(--plan-pan-x, 0), var(--plan-pan-y, 0), 0) scale(1.11);
}

.minecraft-plans .plan-card__image-backdrop {
  filter: blur(2px) brightness(.6) saturate(.92);
  transform: scale(1.045);
}

.minecraft-plans .plan-card__image--contain + .plan-card__media-shade {
  background:
    radial-gradient(ellipse 78% 76% at 50% 42%, transparent 24%, rgba(9, 11, 14, .1) 58%, rgba(9, 11, 14, .52) 100%),
    linear-gradient(180deg, rgba(9, 11, 14, .04) 24%, rgba(17, 18, 21, .32) 66%, #15171a 100%);
}

.game_plans .plan-card__media-shade {
  background: linear-gradient(180deg, transparent 30%, rgba(17, 18, 21, .35) 62%, #15171a 100%);
  inset: 0;
  position: absolute;
}

.game_plans .plan-card h2.plan-card__title {
  bottom: 15px;
  color: #fff;
  font-size: clamp(22px, 2.1vw, 29px);
  font-weight: 800;
  left: 24px;
  line-height: 1.08;
  margin: 0;
  max-width: calc(100% - 48px);
  position: absolute;
  text-shadow: 0 3px 16px rgba(0, 0, 0, .8);
  z-index: 2;
}

.game_plans .plan-card h2.plan-card__title::before,
.game_plans .plan-card h2.plan-card__title::after {
  content: none;
}

.game_plans .plan-column--featured .plan-card__title {
  color: #2499ff;
}

.game_plans .plan-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 17px 24px 24px;
}

.game_plans .plan-card__capacity {
  align-items: baseline;
  display: flex;
  gap: 12px;
}

.game_plans .plan-card__capacity strong {
  color: #fff;
  font-size: clamp(42px, 4.5vw, 56px);
  font-weight: 800;
  letter-spacing: -2px;
  line-height: 1;
}

.game_plans .plan-card__capacity span {
  border-bottom: 1px dotted rgba(255, 255, 255, .45);
  color: #8f9299;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.game_plans .plan-card__recommendation {
  color: #d9dce2;
  font-size: 14px;
  margin: 15px 0 8px;
}

.game_plans .plan-card__recommendation span {
  color: var(--plan-blue);
  margin-right: 7px;
}

.game_plans .plan-card__spec-toggle {
  align-items: center;
  align-self: flex-start;
  background: transparent;
  border: 0;
  color: #7f838b;
  display: inline-flex;
  font-size: 13px;
  gap: 7px;
  padding: 4px 0;
  transition: color .2s ease;
}

.game_plans .plan-card__spec-toggle:hover,
.game_plans .plan-card__spec-toggle:focus-visible {
  color: #dfe4eb;
}

.game_plans .plan-card__spec-toggle:focus-visible {
  outline: 2px solid var(--plan-blue);
  outline-offset: 4px;
}

.game_plans .plan-card__chevron {
  border-bottom: 1px solid currentColor;
  border-right: 1px solid currentColor;
  height: 6px;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .25s ease;
  width: 6px;
}

.game_plans .plan-grid.is-specs-open .plan-card__chevron {
  transform: rotate(225deg) translate(-1px, -1px);
}

.game_plans .plan-card__specs {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height .32s ease, opacity .2s ease, padding .32s ease;
}

.game_plans .plan-grid.is-specs-open .plan-card__specs {
  max-height: var(--plan-specs-height, 260px);
  opacity: 1;
  padding-top: 8px;
}

.game_plans .plan-card__specs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.game_plans .plan-card__specs li {
  color: #9da1aa;
  font-size: 12px;
  line-height: 1.65;
}

.game_plans .plan-card__specs li > span {
  color: var(--plan-blue);
  display: inline-block;
  margin-right: 7px;
}

.game_plans .plan-card__specs li strong {
  color: #b9bdc5;
  font-weight: 600;
  margin-right: 3px;
}

.game_plans .plan-card__divider {
  border-top: 1px solid rgba(255, 255, 255, .09);
  margin: 14px 0;
}

.game_plans .plan-card__locations {
  align-items: center;
  color: #a7abb3;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 5px;
  margin: 0 0 20px;
}

.game_plans .plan-card__location {
  align-items: center;
  display: inline-flex;
  gap: 5px;
  white-space: nowrap;
}

.game_plans .plan-card__location img {
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .14);
  flex: 0 0 auto;
  height: 12px;
  object-fit: cover;
  width: 19px;
}

.game_plans .plan-card__location-dot {
  color: #5f636b;
  margin: 0 2px;
}

.game_plans .plan-card__footer {
  margin-top: auto;
}

.game_plans .plan-card__price {
  align-items: baseline;
  display: flex;
  gap: 7px;
  margin-bottom: 15px;
}

.game_plans .plan-card__price strong {
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -1px;
}

.game_plans .plan-card__price span {
  color: #777b83;
  font-size: 12px;
}

.game_plans .plan-card .plan-card__cta {
  background: linear-gradient(135deg, #1198ff, #0878df);
  border: 0;
  border-radius: 12px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 18px;
  text-align: center;
  width: 100%;
}

.game_plans .plan-card .plan-card__cta:hover {
  background: linear-gradient(135deg, #35a8ff, #0b86ef);
  border: 0;
  box-shadow: 0 8px 24px rgba(17, 152, 255, .24);
  transform: translateY(-1px);
}

@media (max-width: 991.98px) {
  .game_plans .plan-grid {
    margin-top: 28px;
  }

  .game_plans .plan-column--featured {
    transform: none;
  }

  .game_plans .plan-card__media {
    height: 220px;
  }
}

@media (max-width: 575.98px) {
  .game_plans .plan-card {
    border-radius: 20px;
  }

  .game_plans .plan-card__media {
    border-radius: 19px 19px 0 0;
    height: 180px;
  }

  .game_plans .plan-card__body {
    padding: 16px 20px 21px;
  }
}

/* Game info */
.game_info {
  background: var(--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01,url('../images/site/hex_object.png')) top center repeat-x var(--light-dark);
}

.game_info .game_info_content h2 {
  color: var(--white);
  font-size: 28px;
  font-weight: 700;
}
.game_info .game_info_content p {
  color: var(--light);
  line-height: 26px;
}
.game_info .game_info_content .btn_watch {
  padding: 8px 32px;
}

/* Modals */
.modal_trailer .modal-content {
  overflow: hidden;
  clear: both;
  border-radius: 5px;
  background-color: transparent !important;
}

.modal_trailer .modal-body {
  padding: 0 !important;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 992px) {
  .game_info .img-fluid {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
  }

  .game_info .game_info_content {
    text-align: center;
  }
}

/* Panel Preview */
.panel #panel {
  border: 6px solid var(--blue);
  border-radius: 5px;
}

.panel .panel_content h2 {
  color: var(--white);
  font-weight: 700;
  font-size: 30px;
}

.panel .panel_content p {
  color: var(--light);
}

.panel .panel_content ul {
  list-style: none;
  padding: 0;
  margin-left: 0;
}

.panel .panel_content ul li {
  line-height: 40px;
  color: var(--white);
}

.panel .panel_content ul li img {
  position: relative;
  top: -2px;
  margin-right: 4px;
}

/* FAQ */
.faq {
  background: -moz-linear-gradient(0deg, rgba(16, 18, 19, .2) 0%, rgba(26, 28, 30, .6) 100%);
  background: -webkit-linear-gradient(0deg, rgba(16, 18, 19, .2) 0%, rgba(26, 28, 30, .6) 100%);
  background: linear-gradient(0deg, rgba(16, 18, 19, .2) 0%, rgba(26, 28, 30, .6) 100%);
}

.faq .accordion-item {
  background: var(--semi-dark);
  border-color: var(--light-dark) !important;
  margin-bottom: 20px;
}

.faq .accordion-button {
  box-shadow: none !important;
  border: none !important;
  background: var(--light-dark);
  color: var(--light);
  font-weight: 600;
}

.faq .accordion-button:not(.collapsed) {
  background: var(--blue);
  color: var(--white);
}

.faq .accordion-button::after {
  background-image: var(--bs-accordion-btn-icon) !important;
}

.faq .accordion-button:focus {
  border-color: transparent !important;
  border: none !important;
}

.faq .accordion-body {
  color: var(--light);
}

.faq .accordion-body span {
  color: var(--white);
  font-weight: 500;
}

/* Minecraft FAQ cards */
:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .site_title {
  text-align: center;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion {
  margin: 0 auto;
  max-width: 900px;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion > .row {
  margin: 0;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion .col-lg-6 {
  padding: 0;
  width: 100%;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-item {
  background: #121315;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 8px;
  margin-bottom: 18px;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-item:hover {
  border-color: rgba(43, 156, 255, .62) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .25), 0 0 22px rgba(43, 156, 255, .09);
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-button,
:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-button:not(.collapsed) {
  align-items: center;
  background: linear-gradient(135deg, #232427 0%, #1b1c1f 100%);
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  color: #f4f6f8;
  display: flex;
  font-size: 17px;
  font-weight: 600;
  gap: 14px;
  line-height: 1.4;
  min-height: 62px;
  padding: 17px 22px;
  transition: background .2s ease, color .2s ease;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-item:hover .accordion-button,
:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-button:focus-visible {
  background: linear-gradient(135deg, #292b2f 0%, #202124 100%);
  color: #2b9cff;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-button:focus-visible {
  outline: 2px solid rgba(43, 156, 255, .72);
  outline-offset: -3px;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .minecraft-faq-icon {
  align-items: center;
  display: inline-flex;
  flex: 0 0 24px;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
  font-size: 19px;
  justify-content: center;
  line-height: 1;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-button::after {
  background-image: none !important;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  flex: 0 0 9px;
  height: 9px;
  margin-left: auto;
  transform: rotate(225deg);
  transition: border-color .2s ease, transform .2s ease;
  width: 9px;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-button:not(.collapsed)::after {
  border-color: #2b9cff;
  transform: rotate(45deg);
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-body {
  background: #121315;
  border-top: 1px solid rgba(255, 255, 255, .07);
  color: rgba(255, 255, 255, .82);
  font-size: 15px;
  line-height: 1.75;
  padding: 17px 24px 19px;
}

:is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-body code {
  color: #55adff;
}

@media (max-width: 575.98px) {
  :is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-button,
  :is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-button:not(.collapsed) {
    font-size: 15px;
    gap: 11px;
    padding: 15px 17px;
  }

  :is(.minecraft-page, .garrys-mod-page, .converted-game-page) .faq .accordion-body {
    font-size: 14px;
    padding: 15px 18px 17px;
  }
}

/* Specs */
.specs table {
  border: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--light)
}

.specs table tbody tr {
  margin-bottom: 20px !important
}

.specs table tbody tr td {
  padding: 20px 15px;
  font-size: 14px;
  text-align: center;
  border-radius: 10px
}

.specs table tbody tr .premium {
  background: var(--blue);
  box-shadow: 0 0 10px 0 rgba(8, 24, 40, .08);
  color: var(----white)
}

.specs table tbody tr td h2 {
  text-transform: uppercase;
  font-size: 24px;
  color: #fff;
  font-weight: 700
}

.specs table tbody tr td .specs-title {
  opacity: 0
}

.specs table tbody tr td .specs-text:nth-child(1) {
  border-top: 1px dashed rgba(255, 255, 255, .12) !important
}

.specs table tbody tr td span {
  padding: 4px 0;
  font-weight: 500
}

.specs table tbody tr td .specs-text {
  border-bottom: 1px dashed rgba(255, 255, 255, .12);
}

@media screen and (max-width:800px) {
  .specs table {
    border: 1px solid transparent;
    box-shadow: none;
  }
  .specs table thead {
      display: none;
  }
  .specs table tbody tr {
    padding: 20px;
    margin-bottom: 20px !important;
    display: block;
  }
  .specs table tbody tr td:before {
    float: left;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
  }
  .specs table tbody tr td {
    display: block;
    font-size: 14px;
    padding: 10px !important;
    text-align: center;
  }
  .specs table tbody tr td .card {
    padding: 10px;
  }
  .specs table tbody tr td .card .price {
    margin-bottom: 10px;
  }
  .specs table tbody tr td .card .btn {
    display: block;
  }
}

.specs table tbody tr td .fw-bolder {
    display: none
}

@media(max-width:768px) {
  .specs table tbody tr .specification {
    display: none;
  }
  .specs table tbody tr td .fw-bolder {
    display: inline-block !important;
  }
}

/* About us */
.about-page {
  background: #000;
  color: #fff;
}

.about-page main {
  overflow: hidden;
  background:
    radial-gradient(circle at 75% 5%, rgba(24, 115, 211, .18), transparent 26rem),
    #000;
}

.about-hero {
  position: relative;
  padding: 190px 0 92px;
  border-bottom: 1px solid rgba(49, 153, 255, .2);
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .98) 5%, rgba(0, 10, 20, .86) 48%, rgba(0, 18, 35, .7)),
    radial-gradient(circle at 76% 42%, rgba(31, 148, 255, .3), transparent 24rem);
}

.about-hero::before,
.about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.about-hero::before {
  opacity: .22;
  background-image:
    linear-gradient(rgba(40, 143, 242, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(40, 143, 242, .18) 1px, transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(to right, transparent, #000 45%, #000);
}

.about-hero::after {
  background: linear-gradient(to bottom, transparent 65%, #000);
}

.about-hero .container-custom {
  position: relative;
  z-index: 1;
}

.about-hero__content {
  max-width: 780px;
}

.about-eyebrow {
  display: inline-block;
  color: #2b9cff;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.about-hero h1 {
  margin: 18px 0 22px;
  font: 800 clamp(48px, 6vw, 84px)/.98 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -.055em;
}

.about-hero h1 span {
  color: #2898ff;
}

.about-hero__content > p {
  max-width: 700px;
  margin: 0;
  color: #b9c4d0;
  font: 500 19px/1.65 Inter, sans-serif;
}

.about-hero__actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 34px;
}

.about-primary-link,
.about-secondary-link {
  font: 700 15px/1 "Plus Jakarta Sans", sans-serif;
  text-decoration: none;
}

.about-primary-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 0 24px;
  border: 1px solid #3aa6ff;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #249cff, #1475d5);
  box-shadow: 0 14px 36px rgba(19, 125, 224, .25);
}

.about-primary-link span {
  font-size: 26px;
  transition: transform .2s ease;
}

.about-primary-link:hover { color: #fff; }
.about-primary-link:hover span { transform: translateX(4px); }

.about-secondary-link { color: #c6d2de; }
.about-secondary-link:hover { color: #2b9cff; }

.about-hero__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 960px;
  margin-top: 72px;
}

.about-hero__facts > div,
.about-value-card,
.about-team-card {
  border: 1px solid rgba(42, 151, 255, .34);
  background: linear-gradient(145deg, rgba(12, 29, 45, .92), rgba(5, 10, 15, .96));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 18px 44px rgba(0, 0, 0, .22);
}

.about-hero__facts > div {
  padding: 22px 24px;
  border-radius: 14px;
}

.about-hero__facts strong,
.about-hero__facts span { display: block; }
.about-hero__facts strong { font: 800 23px/1.2 "Plus Jakarta Sans", sans-serif; }
.about-hero__facts span { margin-top: 7px; color: #8797a8; font: 500 13px/1.4 Inter, sans-serif; }

.about-section { padding: 100px 0; }

.about-section-heading { max-width: 760px; margin-bottom: 46px; }
.about-section-heading--center { margin-inline: auto; text-align: center; }
.about-section-heading h2,
.about-feature-row__copy h2 {
  margin: 12px 0 0;
  font: 800 clamp(34px, 4vw, 52px)/1.08 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -.04em;
}
.about-section-heading > p { margin: 16px 0 0; color: #8fa0b2; font: 500 17px/1.6 Inter, sans-serif; }

.about-origin__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 34px;
}

.about-origin__story,
.about-origin__quote {
  border: 1px solid rgba(42, 151, 255, .25);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(11, 27, 42, .78), rgba(4, 8, 12, .9));
}

.about-origin__story { padding: clamp(28px, 4vw, 48px); }
.about-origin__story p { margin: 0 0 20px; color: #a9b6c4; font: 400 17px/1.75 Inter, sans-serif; }
.about-origin__story p:last-child { margin-bottom: 0; color: #fff; }

.about-origin__quote {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding: 42px;
  background:
    radial-gradient(circle at 80% 10%, rgba(38, 151, 255, .28), transparent 15rem),
    linear-gradient(145deg, #0b2033, #05090e);
}
.about-origin__mark { position: absolute; top: 0; right: 28px; color: rgba(43, 156, 255, .22); font: 800 150px/1 Georgia, serif; }
.about-origin__quote blockquote { position: relative; margin: 0; font: 700 23px/1.5 "Plus Jakarta Sans", sans-serif; }
.about-origin__quote p { margin: 24px 0 0; color: #2b9cff; font: 700 13px/1.4 Inter, sans-serif; }

.about-values { border-block: 1px solid rgba(42, 151, 255, .14); background: rgba(4, 12, 19, .72); }
.about-values__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.about-value-card { padding: 34px; border-radius: 16px; transition: transform .25s ease, border-color .25s ease; }
.about-value-card:hover { transform: translateY(-5px); border-color: #2898ff; }
.about-icon { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid #1785e8; border-radius: 12px; background: linear-gradient(145deg, #1492f7, #075da8); box-shadow: 0 10px 24px rgba(20, 134, 231, .24); }
.about-icon svg { width: 25px; height: 25px; fill: #fff; }
.about-value-card h3 { margin: 23px 0 10px; font: 800 21px/1.25 "Plus Jakarta Sans", sans-serif; }
.about-value-card p { margin: 0; color: #92a2b2; font: 400 15px/1.65 Inter, sans-serif; }

.about-infrastructure { padding-bottom: 35px; }
.about-feature-row { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(38px, 7vw, 100px); margin-bottom: 88px; }
.about-feature-row--reverse .about-feature-row__image { order: 2; }
.about-feature-row__image { position: relative; }
.about-feature-row__image::before { content: ""; position: absolute; inset: -1px; border: 1px solid rgba(57, 166, 255, .55); border-radius: 18px; box-shadow: 0 0 50px rgba(16, 126, 224, .13); pointer-events: none; }
.about-feature-row__image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 18px; }
.about-feature-row__copy h2 { margin-bottom: 20px; }
.about-feature-row__copy > p { color: #9cabb9; font: 400 16px/1.7 Inter, sans-serif; }
.about-feature-row__copy ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.about-feature-row__copy li { position: relative; padding-left: 26px; color: #d7e0e8; font: 600 14px/1.5 Inter, sans-serif; }
.about-feature-row__copy li::before { content: "✓"; position: absolute; left: 0; color: #2b9cff; font-weight: 800; }

.about-team { padding-top: 45px; }
.about-team__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.about-team-card { display: flex; align-items: center; gap: 17px; padding: 22px; border-radius: 14px; }
.about-team-card > span { display: grid; flex: 0 0 52px; place-items: center; width: 52px; height: 52px; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #218fe9, #0b4d8d); font: 800 14px/1 "Plus Jakarta Sans", sans-serif; }
.about-team-card h3 { margin: 0 0 5px; font: 800 17px/1.2 "Plus Jakarta Sans", sans-serif; }
.about-team-card p { margin: 0; color: #2b9cff; font: 600 13px/1.3 Inter, sans-serif; }

@media (max-width: 991px) {
  .about-hero { padding-top: 150px; }
  .about-origin__grid, .about-feature-row { grid-template-columns: 1fr; }
  .about-feature-row--reverse .about-feature-row__image { order: initial; }
  .about-values__grid { grid-template-columns: 1fr; }
  .about-team__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 620px) {
  .about-hero { padding: 125px 0 68px; }
  .about-hero__actions { align-items: flex-start; flex-direction: column; }
  .about-hero__facts { grid-template-columns: 1fr; margin-top: 48px; }
  .about-section { padding: 72px 0; }
  .about-origin__quote { min-height: 320px; padding: 30px; }
  .about-team__grid { grid-template-columns: 1fr; }
}

.meet_team .card {
  overflow: visible;
  cursor: pointer;
}

.meet_team .card:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: var(--blue);
  z-index: -1;
  border-radius: 0.380rem;
  transition: all 0.2s ease;
}

.meet_team .card:hover:before {
  left: 4px;
  top: 4px;
}

.meet_team .card h4 {
  color: var(--white);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
}

.meet_team .card p {
  color: var(--blue);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.04rem;
}

.datacentar {
  background: var(--light-dark);
}

.datacentar h2, .ddos_protection h2 {
  color: var(--white);
  font-size: 30px;
  font-weight: 700;
}

.datacentar p, .ddos_protection p {
  line-height: 28px;
}

.datacentar p {
  color: var(--white);
}

.ddos_protection p {
  color: var(--gray);
}

@media screen and (max-width:768px) {
  .datacentar img, .ddos_protection img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .datacentar h2, .ddos_protection h2, .datacentar p, .ddos_protection p {
    text-align: center;
  }
}

/* VPS */
.vps_plans .card {
  background-color: var(--light-dark);
  border: 2px solid var(--semi-dark);
  color: var(--light);
  border-radius: 5px;
}

.vps_plans .card .value {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: var(--white);
}

.vps_plans .card .label {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 14px;
  color: var(--gray);
}

.vps_plans .card .btn {
  background: var(--blue);
  color: var(--white);
  border: none !important;
  padding: 8px 30px;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.vps_plans .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: var(--semi-dark);
  outline: none;
}

.vps_plans .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--blue);
  cursor: pointer;
}

.vps_plans .slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--white);
  border: 4px solid var(--blue);
  cursor: pointer;
}

.vps_plans .slider::-ms-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--white);
  border: 4px solid var(--blue);
  cursor: pointer;
}

.vps_plans input[type="range"]::-moz-range-progress {
  background-color: var(--blue);
  background-image: var(--blue);
  height: 15px;
  border-radius: 4px;
  outline: none;
}

.vps_plans input[type="range"] {
  display: block;
  width: 100%;
  background: var(--semi-dark);
}

.vps_plans .need_help {
  color: var(--light);
}

@media (max-width: 992px) {
  .vps_plans .col-sm-3 {
    margin-bottom: 20px;
  }
}

.one_click {
  background: var(--semi-dark);
}

.one_click img {
  width: 70px;
  height: 70px;
}

.one_click h4 {
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
}

.web_plans .card {
  background-color: var(--light-dark);
  color: var(--light);
  border-radius: 5px;
  transition: all .6s ease;
}

.web_plans .card:hover {
  transform: translateY(-12px);
}

.web_plans_icon .element_two {
  opacity: 0.25;
}

.web_plans_icon .element_three {
  opacity: 0.50;
}

.web_plans .card h3 {
  font-weight: 500;
  font-size: 20px;
}

.web_plans .card p {
  font-size: 14px;
  font-weight: 300;
  width: 80%;
}

.web_plans .card h2 {
  color: var(--white);
}

.web_plans .card h2 .sup-month {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 400;
  top: .1em;
}

.web_plans .card .bg-warning {
  background: var(--yellow) !important;
  color: var(--dark);
}

.web_plans .card .badge {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  vertical-align: top;
  padding: 4px 10px;
}

.card_margin {
  margin-top: 2.4rem;
}

.card_popular {
  background-image: var(--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8,url('../images/site/popular.png')) !important;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.web_plans .card_popular ul li .icon {
  background: var(--yellow) !important;
  color: var(--dark) !important;
}

.web_plans .card ul {
  list-style: none;
  padding: 0;
}

.web_plans .card ul li {
  font-size: 15px;
  line-height: 36px;
}

.web_plans .card ul li .icon {
  border-radius: 50px;
  padding: 5px 6px;
  position: relative;
  top: 8px;
}

.web_plans .card_standard ul li .icon {
  background: var(--red);
}

.web_plans .card_enterprice ul li .icon {
  background: var(--blue);
}

.web_plans .card .btn {
  padding: 8px 50px;
  font-weight: 500;
  border-radius: 50px;
}

.web_plans .card .btn-red {
  background: var(--red);
  color: var(--white);
}

.web_plans .card .btn-yellow {
  background: var(--yellow);
  color: var(--dark);
}

.web_plans .card .btn-blue {
  background: var(--blue );
  color: var(--white);
}

@media (max-width: 992px) {
  .web_plans .card p {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .card_margin {
    margin-top: 0;
  }
}

@media (max-width: 576px) {
  .one_click .col-sm-3 {
    margin-bottom: 20px;
  }

  .one_click .col-sm-3:last-child {
    margin-bottom: 0;
  }
}

.auth-page {
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.auth-page > .container {
  flex: 1;
}

@media (max-width: 900px) {
  .login-register-box {
      margin-top:10rem;
      margin-bottom:15rem;
  }
}

@media (min-width: 900px) {
.login-register-box {
      margin-top:10%;
      margin-bottom:15%;
  }
}

/* Global two-font type system */
body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
legend,
caption,
.swal2-title,
.navbar-games-heading,
.navbar-popular-game > span:last-child,
.navbar-game-link > span:last-child,
[class$="__title"],
[class$="__name"] {
  font-family: var(--font-display);
}

/* Explicit game-name typography for catalog and showcase cards */
.products .card .products_content h2,
.games .card .products_content h2,
.game-catalog-header + .games .card .products_content h2,
.game-showcase__detail h3,
.game-showcase__choice-copy strong,
.navbar-popular-game > span:last-child,
.navbar-game-link > span:last-child {
  font-family: var(--font-display) !important;
}

/* Minecraft plan selector — shared blue panel treatment */
.minecraft-plans #swicherMC.btn-swicher {
  align-items: stretch;
  background: #000;
  border: 1px solid rgba(43, 156, 255, .55);
  border-radius: 18px;
  box-shadow:
    0 18px 48px rgba(0, 0, 0, .38),
    0 0 28px rgba(43, 156, 255, .1),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  max-width: 100%;
  margin: 0 auto 28px;
  padding: 10px;
  width: 430px;
}

.minecraft-plans #swicherMC .nav-item {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
}

.minecraft-plans #swicherMC .nav-link {
  align-items: center;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(43, 156, 255, .2);
  border-radius: 12px;
  color: rgba(255, 255, 255, .82);
  display: flex;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: -.01em;
  min-height: 48px;
  padding: 11px 16px;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
  width: 100%;
}

.minecraft-plans #swicherMC .nav-link:hover,
.minecraft-plans #swicherMC .nav-link:focus-visible {
  background: rgba(43, 156, 255, .13);
  border-color: rgba(43, 156, 255, .58);
  color: #fff;
  outline: none;
  transform: translateY(-1px);
}

.minecraft-plans #swicherMC .nav-link.active {
  background: linear-gradient(145deg, #2b9cff, #116fd4);
  border-color: rgba(112, 194, 255, .94);
  box-shadow: 0 10px 26px rgba(0, 112, 229, .34), inset 0 1px 0 rgba(255, 255, 255, .24);
  color: #fff;
}

@media (max-width: 480px) {
  .minecraft-plans #swicherMC.btn-swicher {
    flex-direction: column;
    width: min(100%, 330px);
  }
}
/* Knowledge base */
.kb-layout-main { width: 100%; max-width: none; margin: 0; padding: 0; }
.kb-body {
  background: #000;
  color: #eef6ff;
}

.kb-page {
  --kb-blue: #2f9cff;
  --kb-blue-strong: #087feb;
  --kb-border: rgba(75, 158, 233, .2);
  --kb-muted: #8f9bad;
  --kb-panel: rgba(10, 23, 36, .9);
  background:
    radial-gradient(ellipse 74% 34% at 50% 4%, rgba(0, 126, 255, .22) 0%, rgba(0, 76, 170, .10) 42%, transparent 76%),
    radial-gradient(ellipse 54% 30% at 76% 48%, rgba(0, 99, 214, .10) 0%, transparent 72%),
    radial-gradient(ellipse 48% 25% at 20% 66%, rgba(0, 83, 181, .08) 0%, transparent 72%),
    linear-gradient(180deg, #02070d 0%, #010409 52%, #000 88%, #000 100%);
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}

.kb-body footer {
  margin-top: 6.4rem;
}

.kb-body footer {
  background: var(--site-footer-gradient);
}

.kb-body .footer_bottom {
  background: var(--site-footer-end);
  border-top: 1px solid rgba(43, 156, 255, .09);
}

.kb-page h1,
.kb-page h2,
.kb-page h3,
.kb-page strong,
.kb-page b {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.kb-page::after {
  background-image:
    linear-gradient(115deg, transparent 0 48.7%, rgba(47, 156, 255, .065) 48.8% 49%, transparent 49.1%),
    linear-gradient(25deg, transparent 0 48.7%, rgba(47, 156, 255, .05) 48.8% 49%, transparent 49.1%),
    radial-gradient(circle, rgba(47, 156, 255, .32) 0 1px, transparent 1.7px);
  background-position: center top, center top, 28px 20px;
  background-size: 330px 184px, 370px 206px, 176px 132px;
  content: "";
  inset: 0;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .9) 64%, transparent 94%);
  opacity: .58;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.kb-page > * {
  position: relative;
  z-index: 1;
}

.kb-hero,
.kb-category-hero,
.kb-article-hero {
  border-bottom: 1px solid rgba(47, 156, 255, .12);
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.kb-hero {
  min-height: 390px;
  padding: 88px 0 74px;
}

.kb-category-hero,
.kb-article-hero {
  padding: 54px 0 62px;
}

.kb-circuit {
  background-image:
    linear-gradient(rgba(31, 126, 212, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 126, 212, .08) 1px, transparent 1px),
    radial-gradient(circle, rgba(47, 156, 255, .34) 0 2px, transparent 3px);
  background-position: center, center, 0 0;
  background-size: 90px 90px, 90px 90px, 165px 120px;
  inset: 0;
  mask-image: linear-gradient(to bottom, #000, transparent 93%);
  opacity: .54;
  position: absolute;
  z-index: -2;
}

.kb-circuit::after {
  background: radial-gradient(ellipse at center, rgba(6, 81, 161, .34), transparent 67%);
  content: "";
  inset: 0;
  position: absolute;
}

.kb-hero__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.kb-eyebrow,
.kb-category-title > div > span,
.kb-section-heading span,
.kb-article-cta span {
  color: var(--kb-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.kb-hero h1 {
  font-size: clamp(3.2rem, 6vw, 5.8rem);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: .98;
  margin: 13px 0 16px;
}

.kb-hero__inner > p {
  color: var(--kb-muted);
  font-size: 18px;
  margin-bottom: 31px;
}

.kb-search {
  align-items: center;
  background: linear-gradient(110deg, rgba(14, 29, 45, .98), rgba(22, 31, 55, .98));
  border: 1px solid rgba(65, 148, 229, .25);
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .35), 0 0 34px rgba(41, 135, 255, .12);
  display: flex;
  gap: 16px;
  max-width: 680px;
  padding: 9px 13px 9px 10px;
  width: 100%;
}

.kb-search svg {
  background: linear-gradient(145deg, var(--kb-blue), #0876df);
  border-radius: 12px;
  box-sizing: content-box;
  fill: none;
  height: 23px;
  padding: 15px;
  stroke: #fff;
  stroke-linecap: round;
  stroke-width: 2.5;
  width: 23px;
}

.kb-search input {
  background: transparent;
  border: 0;
  color: #fff;
  flex: 1;
  font-family: Inter, sans-serif;
  font-size: 17px;
  min-width: 0;
  outline: none;
}

.kb-search input::placeholder { color: #a5afbd; }

.kb-search kbd {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 6px;
  color: #aeb9c7;
  font-size: 11px;
  padding: 5px 8px;
}

.kb-home-layout,
.kb-category-layout,
.kb-article-layout {
  display: grid;
  gap: 28px;
  padding-bottom: 84px;
  padding-top: 42px;
}

.kb-home-layout { grid-template-columns: 260px minmax(0, 1fr); }
.kb-category-layout { grid-template-columns: 260px minmax(0, 1fr); }
.kb-article-layout { grid-template-columns: 220px minmax(0, 760px) minmax(220px, 1fr); }

.kb-sidebar {
  align-self: start;
  position: sticky;
  top: 105px;
}

.kb-sidebar-feature {
  align-items: center;
  background: linear-gradient(100deg, rgba(12, 58, 99, .85), rgba(7, 28, 46, .86));
  border: 1px solid rgba(47, 156, 255, .45);
  border-radius: 12px;
  color: #fff;
  display: flex;
  gap: 12px;
  padding: 12px;
  text-decoration: none;
  transition: .2s ease;
}

.kb-sidebar-feature:hover {
  box-shadow: 0 0 25px rgba(47, 156, 255, .14);
  color: #fff;
  transform: translateY(-2px);
}

.kb-sidebar-feature img,
.kb-category-nav img,
.kb-filter-category img {
  border-radius: 8px;
  height: 34px;
  object-fit: cover;
  width: 34px;
}

.kb-sidebar-feature span { display: flex; flex: 1; flex-direction: column; }
.kb-sidebar-feature strong { font-size: 14px; }
.kb-sidebar-feature small { color: var(--kb-muted); font-size: 11px; }
.kb-sidebar-feature > b { color: var(--kb-blue); font-size: 24px; }

.kb-sidebar-label {
  color: #748196;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  margin: 24px 4px 10px;
  text-transform: uppercase;
}

.kb-category-nav { display: grid; gap: 4px; }

.kb-category-nav a {
  align-items: center;
  border-radius: 9px;
  color: #aeb7c5;
  display: grid;
  font-size: 13px;
  font-weight: 600;
  gap: 11px;
  grid-template-columns: 34px 1fr auto;
  padding: 8px;
  text-decoration: none;
  transition: .18s ease;
}

.kb-category-nav a:hover {
  background: rgba(29, 117, 199, .13);
  color: #fff;
  transform: translateX(3px);
}

.kb-category-nav b { color: #4f6071; font-size: 19px; }

.kb-section-heading {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.kb-section-heading h2 {
  font-size: 28px;
  font-weight: 800;
  margin: 5px 0 0;
}

.kb-section-heading > p {
  color: #6f7c8e;
  font-size: 11px;
  letter-spacing: .12em;
  margin: 0;
  text-transform: uppercase;
}

.kb-section-heading > p strong { color: #fff; }

.kb-article-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kb-article-grid--category { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kb-article-grid > [data-kb-item][hidden] { display: none; }

.kb-article-card {
  background:
    radial-gradient(circle at 100% 0, rgba(42, 130, 218, .08), transparent 45%),
    linear-gradient(145deg, rgba(15, 28, 43, .98), rgba(9, 19, 31, .96));
  border: 1px solid rgba(124, 157, 190, .19);
  border-radius: 15px;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 260px;
  padding: 21px;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.kb-article-card:hover {
  border-color: rgba(47, 156, 255, .62);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .28), 0 0 26px rgba(47, 156, 255, .08);
  color: #fff;
  transform: translateY(-4px);
}

.kb-article-card--featured { border-color: rgba(47, 156, 255, .36); }

.kb-article-meta {
  align-items: center;
  display: flex;
  gap: 9px;
}

.kb-article-meta img {
  border-radius: 50%;
  height: 34px;
  object-fit: cover;
  width: 34px;
}

.kb-article-meta span {
  color: var(--kb-category-accent, var(--kb-blue));
  font-size: 12px;
  font-weight: 800;
}

.kb-article-meta b {
  background: rgba(47, 156, 255, .13);
  border: 1px solid rgba(47, 156, 255, .3);
  border-radius: 99px;
  color: #72bcff;
  font-size: 8px;
  letter-spacing: .09em;
  padding: 4px 7px;
  text-transform: uppercase;
}

.kb-article-card time,
.kb-article-heading time {
  color: #6d798b;
  display: block;
  font-size: 9px;
  letter-spacing: .15em;
  margin: 11px 0 13px 43px;
  text-transform: uppercase;
}

.kb-article-card h3 {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 8px;
}

.kb-article-card p {
  color: #909bac;
  display: -webkit-box;
  font-size: 13px;
  line-height: 1.55;
  margin-bottom: 16px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.kb-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: auto;
}

.kb-tags span,
.kb-article-tags span {
  background: rgba(115, 143, 173, .13);
  border: 1px solid rgba(132, 157, 184, .09);
  border-radius: 5px;
  color: #b2bfce;
  font-size: 10px;
  padding: 5px 7px;
}

.kb-pagination {
  display: flex;
  gap: 9px;
  justify-content: flex-end;
  margin-top: 20px;
}

.kb-pagination button {
  background: #0b1723;
  border: 1px solid var(--kb-border);
  border-radius: 8px;
  color: #9cb1c6;
  height: 36px;
  transition: .2s ease;
  width: 42px;
}

.kb-pagination button:hover:not(:disabled) { background: var(--kb-blue-strong); color: #fff; }
.kb-pagination button:disabled { cursor: not-allowed; opacity: .35; }

.kb-empty {
  border: 1px dashed var(--kb-border);
  border-radius: 16px;
  color: var(--kb-muted);
  padding: 55px 20px;
  text-align: center;
}

.kb-empty span { color: var(--kb-blue); font-size: 42px; }
.kb-empty h3 { color: #fff; margin: 8px 0; }

.kb-action-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 75px;
}

.kb-action-card {
  background: linear-gradient(140deg, rgba(15, 29, 45, .98), rgba(8, 18, 29, .98));
  border: 1px solid var(--kb-border);
  border-radius: 15px;
  color: #fff;
  min-height: 190px;
  padding: 25px;
  text-decoration: none;
  transition: .2s ease;
}

.kb-action-card:hover { border-color: currentColor; color: #fff; transform: translateY(-3px); }
.kb-action-card > span { align-items: center; background: rgba(47, 156, 255, .12); border: 1px solid rgba(47, 156, 255, .28); border-radius: 10px; color: var(--kb-blue); display: flex; font-size: 19px; height: 44px; justify-content: center; margin-bottom: 20px; width: 44px; }
.kb-action-card > span svg { fill: none; height: 22px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 22px; }
.kb-action-card > span .kb-action-icon--discord { fill: currentColor; stroke: none; }
.kb-action-card h3 { font-size: 17px; }
.kb-action-card p { color: var(--kb-muted); font-size: 13px; }
.kb-action-card b { color: var(--kb-blue); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.kb-action-card--violet > span, .kb-action-card--violet b { color: #df63c0; }
.kb-action-card--green > span, .kb-action-card--green b { color: #39d8a4; }

.kb-breadcrumbs {
  align-items: center;
  color: #6f7d90;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 9px;
  margin-bottom: 32px;
}

.kb-breadcrumbs a { color: #9cacbe; text-decoration: none; }
.kb-breadcrumbs a:hover { color: var(--kb-blue); }

.kb-category-title {
  align-items: center;
  display: flex;
  gap: 22px;
}

.kb-category-title img {
  border: 1px solid rgba(47, 156, 255, .34);
  border-radius: 17px;
  box-shadow: 0 0 30px rgba(47, 156, 255, .1);
  height: 84px;
  object-fit: cover;
  width: 84px;
}

.kb-category-title h1,
.kb-article-heading h1 {
  font-size: clamp(2.5rem, 5vw, 4.7rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.02;
  margin: 5px 0 9px;
}

.kb-category-title p,
.kb-article-heading > p { color: var(--kb-muted); font-size: 16px; margin: 0; }
.kb-search--category { margin-top: 28px; max-width: 620px; }

.kb-filter-panel,
.kb-article-toc,
.kb-related {
  align-self: start;
  background: rgba(8, 18, 28, .72);
  border: 1px solid var(--kb-border);
  border-radius: 14px;
  padding: 16px;
  position: sticky;
  top: 105px;
}

.kb-filter-panel .kb-sidebar-label,
.kb-article-toc .kb-sidebar-label,
.kb-related .kb-sidebar-label { margin: 5px 4px 12px; }

.kb-filter-panel > label {
  align-items: center;
  border-radius: 8px;
  color: #aab5c2;
  cursor: pointer;
  display: grid;
  font-size: 12px;
  gap: 9px;
  grid-template-columns: auto 1fr auto;
  padding: 9px;
}

.kb-filter-panel > label:hover { background: rgba(47, 156, 255, .09); color: #fff; }
.kb-filter-panel input { accent-color: var(--kb-blue); }
.kb-filter-panel label b { background: rgba(255, 255, 255, .05); border-radius: 99px; color: #7f8da0; font-size: 9px; padding: 3px 6px; }
.kb-filter-panel hr { border-color: var(--kb-border); margin: 15px 0; }

.kb-filter-category {
  align-items: center;
  border-radius: 8px;
  color: #aab5c2;
  display: flex;
  font-size: 11px;
  gap: 9px;
  padding: 7px;
  text-decoration: none;
}

.kb-filter-category:hover { background: rgba(47, 156, 255, .09); color: #fff; }

.kb-article-heading { max-width: 880px; }
.kb-article-heading time { margin-left: 43px; }
.kb-article-heading h1 { font-size: clamp(2.6rem, 5vw, 4.4rem); }

.kb-article-toc nav { display: grid; gap: 3px; }
.kb-article-toc nav a { border-left: 2px solid rgba(47, 156, 255, .2); color: #8f9cad; font-size: 11px; line-height: 1.4; padding: 8px 9px; text-decoration: none; }
.kb-article-toc nav a:hover { border-color: var(--kb-blue); color: #fff; }
.kb-back-link { border-top: 1px solid var(--kb-border); color: var(--kb-blue); display: block; font-size: 11px; margin-top: 15px; padding: 15px 8px 4px; text-decoration: none; }

.kb-article-content {
  background: linear-gradient(145deg, rgba(11, 23, 36, .84), rgba(5, 13, 21, .72));
  border: 1px solid rgba(76, 136, 191, .16);
  border-radius: 16px;
  padding: clamp(25px, 5vw, 58px);
}

.kb-article-intro { border-left: 3px solid var(--kb-blue); color: #d3e1ef !important; font-size: 17px !important; padding-left: 18px; }
.kb-article-content section { scroll-margin-top: 110px; }
.kb-article-content h2 { font-size: 26px; font-weight: 800; margin: 42px 0 15px; }
.kb-article-content section:first-of-type h2 { margin-top: 36px; }
.kb-article-content p, .kb-article-content li { color: #9faaba; font-size: 15px; line-height: 1.85; }
.kb-guide-figure { background: #0b0b10; border: 1px solid rgba(47, 156, 255, .38); border-radius: 14px; margin: 22px 0 25px; overflow: hidden; }
.kb-guide-figure img { display: block; height: auto; max-height: 620px; object-fit: contain; width: 100%; }
.kb-guide-figure figcaption { background: linear-gradient(90deg, rgba(10, 35, 59, .92), rgba(6, 14, 23, .96)); border-top: 1px solid rgba(47, 156, 255, .22); color: #91a8bf; font-size: 12px; line-height: 1.55; margin: 0; padding: 11px 15px; }
.kb-article-content ol { background: rgba(31, 107, 176, .08); border: 1px solid rgba(47, 156, 255, .13); border-radius: 12px; counter-reset: kb-step; list-style: none; padding: 12px 18px; }
.kb-article-content li { counter-increment: kb-step; padding: 9px 0 9px 41px; position: relative; }
.kb-article-content li::before { align-items: center; background: rgba(47, 156, 255, .15); border-radius: 50%; color: var(--kb-blue); content: counter(kb-step); display: flex; font-size: 11px; font-weight: 800; height: 25px; justify-content: center; left: 0; position: absolute; top: 10px; width: 25px; }
.kb-article-tags { border-top: 1px solid var(--kb-border); display: flex; flex-wrap: wrap; gap: 6px; margin-top: 42px; padding-top: 22px; }

.kb-feedback { align-items: center; background: rgba(47, 156, 255, .06); border: 1px solid rgba(47, 156, 255, .18); border-radius: 12px; display: grid; gap: 16px; grid-template-columns: 1fr auto; margin-top: 24px; padding: 18px; }
.kb-feedback span { font-family: "Plus Jakarta Sans", sans-serif; font-size: 14px; font-weight: 800; }
.kb-feedback p { font-size: 11px; margin: 2px 0 0; }
.kb-feedback button { background: #0b1b2a; border: 1px solid var(--kb-border); border-radius: 8px; color: #d6e6f4; margin-left: 6px; padding: 8px 15px; }
.kb-feedback button:hover, .kb-feedback button.is-selected { background: var(--kb-blue-strong); color: #fff; }
.kb-feedback strong { color: #62d9af; font-size: 11px; grid-column: 1 / -1; }

.kb-related { display: grid; gap: 9px; }
.kb-related > a { background: rgba(255, 255, 255, .025); border: 1px solid rgba(255, 255, 255, .05); border-radius: 9px; color: #fff; display: flex; flex-direction: column; gap: 6px; padding: 13px; text-decoration: none; }
.kb-related > a:hover { border-color: var(--kb-border); transform: translateX(2px); }
.kb-related > a span { color: var(--kb-blue); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.kb-related > a strong { font-size: 12px; line-height: 1.45; }
.kb-related > a b { color: #7f8fa2; font-size: 9px; text-transform: uppercase; }

.kb-article-cta { align-items: center; background: radial-gradient(circle at 85% 50%, rgba(47, 156, 255, .19), transparent 30%), linear-gradient(110deg, #081624, #050b12); border: 1px solid rgba(47, 156, 255, .27); border-radius: 17px; display: flex; justify-content: space-between; margin-bottom: 75px; padding-bottom: 38px; padding-top: 38px; }

/* Paint one atmosphere behind both the navbar and hero instead of joining two gradients. */
body.home-page {
  background:
    radial-gradient(ellipse 54% 420px at 72% 95px, rgba(0, 112, 230, .17) 0%, rgba(0, 67, 142, .07) 48%, transparent 76%),
    linear-gradient(180deg, #02080e 0, #02080e 720px, #000 1050px) !important;
}

body.dashboard-page,
body.portal-service-page {
  background:
    radial-gradient(ellipse 74% 420px at 50% 105px, rgba(0, 126, 255, .22) 0%, rgba(0, 76, 170, .10) 43%, transparent 78%),
    radial-gradient(ellipse 54% 520px at 76% 720px, rgba(0, 99, 214, .10) 0%, transparent 72%),
    linear-gradient(180deg, #02070d 0%, #010409 58%, #000 90%, #000 100%) !important;
}

.dashboard-page > main.container,
.portal-service-page > main.container {
  background: transparent !important;
}

.home-page #fixedR.navbar-dark:not(.fixed-top),
.home-page .header,
.dashboard-page #fixedR.navbar-dark:not(.fixed-top),
.portal-service-page #fixedR.navbar-dark:not(.fixed-top) {
  background: transparent !important;
  border-bottom-color: transparent !important;
}

/* The page-level atmosphere replaces the old hero-only glow, which began below the navbar. */
.home-page .header::before {
  display: none !important;
}

/* Bootstrap carets stay beside their labels instead of wrapping below. */
#fixedR .navbar-primary-nav > .dropdown > .dropdown-toggle {
  align-items: center !important;
  display: inline-flex !important;
  gap: 7px !important;
  white-space: nowrap !important;
}

#fixedR .navbar-primary-nav > .dropdown > .dropdown-toggle::after {
  position: static !important;
  inset: auto !important;
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  border-top: .3em solid !important;
  border-right: .3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: .3em solid transparent !important;
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  transform: none !important;
  transition: transform .2s ease !important;
  vertical-align: middle !important;
}

#fixedR .navbar-primary-nav > .dropdown.show > .dropdown-toggle::after {
  transform: rotate(180deg) !important;
}
.kb-article-cta h2 { font-size: 28px; margin: 6px 0; }
.kb-article-cta p { color: var(--kb-muted); margin: 0; }
.kb-article-cta a { background: linear-gradient(135deg, #2f9cff, #087ce7); border-radius: 10px; color: #fff; font-weight: 800; padding: 14px 21px; text-decoration: none; white-space: nowrap; }

@media (max-width: 1199px) {
  .kb-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kb-article-layout { grid-template-columns: 200px minmax(0, 1fr); }
  .kb-related { grid-column: 2; position: static; }
}

@media (max-width: 991px) {
  .kb-hero { padding-top: 65px; }
  .kb-home-layout, .kb-category-layout, .kb-article-layout { grid-template-columns: 1fr; }
  .kb-sidebar, .kb-filter-panel, .kb-article-toc, .kb-related { position: static; }
  .kb-category-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kb-filter-panel { display: flex; flex-wrap: wrap; gap: 6px; }
  .kb-filter-panel .kb-sidebar-label, .kb-filter-panel hr, .kb-filter-category { display: none; }
  .kb-filter-panel > label { border: 1px solid var(--kb-border); }
  .kb-related { grid-column: auto; }
}

@media (max-width: 767px) {
  .kb-hero { min-height: 340px; padding: 62px 0 54px; }
  .kb-hero h1 { font-size: 3rem; }
  .kb-hero__inner > p { font-size: 15px; }
  .kb-search kbd { display: none; }
  .kb-home-layout, .kb-category-layout, .kb-article-layout { padding-top: 27px; }
  .kb-sidebar { display: none; }
  .kb-article-grid, .kb-article-grid--category, .kb-action-grid { grid-template-columns: 1fr; }
  .kb-article-card { min-height: 235px; }
  .kb-category-title { align-items: flex-start; }
  .kb-category-title img { height: 62px; width: 62px; }
  .kb-category-title h1 { font-size: 2.5rem; }
  .kb-article-heading h1 { font-size: 2.35rem; }
  .kb-article-toc { display: none; }
  .kb-feedback { grid-template-columns: 1fr; }
  .kb-article-cta { align-items: flex-start; flex-direction: column; gap: 24px; margin-left: 12px; margin-right: 12px; }
  .kb-article-cta a { width: 100%; text-align: center; }
}

/* Knowledge base desktop composition: compact help-center layout. */
@media (min-width: 992px) {
  .kb-page > .container-custom,
  .kb-page .kb-hero__inner {
    max-width: 1410px;
    width: 100%;
  }

  .kb-page::before {
    background-image:
      linear-gradient(115deg, transparent 0 48%, rgba(37, 128, 211, .10) 48% 48.25%, transparent 48.25%),
      linear-gradient(25deg, transparent 0 48%, rgba(37, 128, 211, .08) 48% 48.25%, transparent 48.25%),
      radial-gradient(circle, rgba(47, 156, 255, .33) 0 1px, transparent 2px);
    background-position: center top, center top, 30px 18px;
    background-size: 310px 170px, 350px 190px, 178px 132px;
    content: "";
    inset: 0 0 auto;
    height: 790px;
    mask-image: linear-gradient(to bottom, #000 0 72%, transparent 100%);
    opacity: .54;
    pointer-events: none;
    position: absolute;
  }

  .kb-hero {
    min-height: 255px;
    padding: 20px 0 31px;
  }

  .kb-circuit {
    background-size: 82px 82px, 82px 82px, 155px 112px;
    opacity: .44;
  }

  .kb-eyebrow { display: none; }

  .kb-hero h1 {
    font-size: 3.25rem;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 4px 0 13px;
  }

  .kb-hero__inner > p {
    font-size: 15px;
    margin-bottom: 26px;
  }

  .kb-search {
    border-radius: 12px;
    box-shadow: 0 14px 42px rgba(0, 0, 0, .32), 0 0 32px rgba(72, 79, 255, .16);
    gap: 12px;
    max-width: 545px;
    padding: 6px 11px 6px 7px;
  }

  .kb-search svg {
    border-radius: 9px;
    height: 19px;
    padding: 12px;
    width: 19px;
  }

  .kb-search input { font-size: 15px; }

  .kb-home-layout {
    gap: 34px;
    grid-template-columns: 300px minmax(0, 1fr);
    padding-bottom: 66px;
    padding-top: 27px;
  }

  .kb-sidebar-feature {
    border-radius: 12px;
    min-height: 68px;
    padding: 12px 15px;
  }

  .kb-sidebar-feature img,
  .kb-category-nav img {
    height: 38px;
    width: 38px;
  }

  .kb-sidebar-feature strong { font-size: 15px; }
  .kb-sidebar-feature small { font-size: 12px; }
  .kb-sidebar-label { margin: 22px 7px 12px; }
  .kb-category-nav { gap: 3px; }
  .kb-category-nav a {
    font-size: 14px;
    gap: 13px;
    grid-template-columns: 38px 1fr auto;
    min-height: 51px;
    padding: 7px 11px;
  }

  .kb-section-heading {
    align-items: center;
    margin-bottom: 15px;
  }

  .kb-section-heading > div > span { display: none; }
  .kb-section-heading h2 { font-size: 23px; margin: 0; }

  .kb-article-grid { gap: 16px; }

  .kb-article-card {
    border-radius: 13px;
    height: 244px;
    min-height: 244px;
    padding: 19px;
  }

  .kb-article-meta img { height: 31px; width: 31px; }
  .kb-article-meta span { font-size: 11px; }
  .kb-article-card time { margin: 7px 0 10px 40px; }
  .kb-article-card h3 { display: -webkit-box; font-size: 16px; line-height: 1.32; margin-bottom: 8px; min-height: 42px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .kb-article-card p { font-size: 13px; line-height: 1.48; margin-bottom: 13px; min-height: 58px; -webkit-line-clamp: 3; }
  .kb-tags span { font-size: 9px; padding: 4px 6px; }
  .kb-pagination { margin-top: 14px; }

  .kb-action-grid {
    gap: 16px;
    max-width: 1410px;
    width: 100%;
    padding-bottom: 54px;
  }

  .kb-action-card {
    height: 190px;
    min-height: 190px;
    padding: 24px;
  }

  .kb-action-card > span {
    height: 40px;
    margin-bottom: 14px;
    width: 40px;
  }

  .kb-action-card h3 { font-size: 15px; }
  .kb-action-card p { margin-bottom: 10px; }
}

.kb-article-card,
.kb-action-card,
.kb-sidebar-feature,
.kb-filter-panel,
.kb-article-content,
.kb-article-toc,
.kb-related,
.kb-article-cta {
  border-color: rgba(47, 156, 255, .38);
}

.kb-action-card:hover,
.kb-action-card:focus-visible {
  border-color: rgba(47, 156, 255, .78);
}

.kb-hero__inner { position: relative; }

.kb-search-results {
  background: linear-gradient(145deg, rgba(16, 31, 51, .99), rgba(10, 22, 38, .99));
  border: 1px solid rgba(66, 151, 235, .34);
  border-radius: 14px;
  box-shadow: 0 22px 65px rgba(0, 0, 0, .58), 0 0 38px rgba(49, 91, 255, .17);
  left: 50%;
  max-width: 680px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(100% + 8px);
  transform: translateX(-50%);
  width: calc(100% - 24px);
  z-index: 30;
}

.kb-hero { overflow: visible; z-index: 5; }
.kb-home-layout { position: relative; z-index: 1; }

.kb-search-results[hidden] { display: none; }

.kb-search-results__list {
  max-height: 510px;
  overflow-y: auto;
  padding: 10px;
}

.kb-search-result {
  align-items: flex-start;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #fff;
  display: grid;
  gap: 12px;
  grid-template-columns: 30px minmax(0, 1fr);
  padding: 12px;
  text-decoration: none;
}

.kb-search-result:hover,
.kb-search-result.is-active {
  background: rgba(24, 67, 111, .48);
  border-color: rgba(47, 156, 255, .62);
  color: #fff;
}

.kb-search-result img { border-radius: 6px; height: 30px; object-fit: cover; width: 30px; }
.kb-search-result span { min-width: 0; }
.kb-search-result small { color: #91a1b7; display: block; font-size: 10px; margin-bottom: 5px; }
.kb-search-result strong { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-search-result p { color: #9aa7b8; display: -webkit-box; font-size: 12px; line-height: 1.45; margin: 4px 0 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.kb-search-results__empty { color: #9eabba; padding: 35px 18px; text-align: center; }

.kb-search-results footer {
  align-items: center;
  background: rgba(255, 255, 255, .035);
  border-top: 1px solid rgba(111, 153, 197, .15);
  color: #8795a8;
  display: flex;
  font-size: 10px;
  gap: 15px;
  padding: 9px 12px;
}

.kb-search-results footer b { background: rgba(255, 255, 255, .08); border-radius: 4px; color: #c7d2df; font-size: 9px; padding: 3px 5px; }
.kb-search-results footer em { font-style: normal; margin-left: auto; }

@media (max-width: 767px) {
  .kb-search-results { top: calc(100% + 5px); }
  .kb-search-results footer span { display: none; }
  .kb-search-results footer em { margin: auto; }
}

/* Hero-backed navigation: transparent over the page artwork until scrolled. */
.kb-hero { padding-top: 184px; }
.kb-category-hero,
.kb-article-hero { padding-top: 150px; }

@media (min-width: 992px) {
  .kb-hero { padding-top: 116px; }
  .dedicated-hero { padding-top: 184px; }
  .vps-hero { padding-top: 191px; }
}

@media (max-width: 991px) {
  .dedicated-hero,
  .vps-hero { padding-top: 155px; }
  .kb-hero,
  .kb-category-hero,
  .kb-article-hero { padding-top: 145px; }
}
/* Three-step server configurator */
body.configurator-open{overflow:hidden}.server-configurator{position:fixed;inset:0;z-index:10000;pointer-events:none;visibility:hidden}.server-configurator.open{pointer-events:auto;visibility:visible}.server-configurator__backdrop{position:absolute;inset:0;border:0;background:rgba(0,4,10,.72);opacity:0;transition:opacity .25s}.open .server-configurator__backdrop{opacity:1}.server-configurator__sheet{position:absolute;left:0;right:0;bottom:0;height:min(94vh,920px);overflow:hidden;display:flex;flex-direction:column;background:#101820;border-top:2px solid #168cff;color:#eef6ff;transform:translateY(102%);transition:transform .34s cubic-bezier(.22,.8,.25,1);box-shadow:0 -24px 70px rgba(0,0,0,.55)}.open .server-configurator__sheet{transform:none}.server-configurator__head,.server-configurator__steps,.server-configurator__content{width:min(760px,calc(100% - 32px));margin:auto}.server-configurator__head{display:flex;justify-content:space-between;align-items:center;padding:20px 0 14px;border-bottom:1px solid #253545}.server-configurator__head small,.server-configurator__content h3{color:#7e90a2;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.server-configurator__head h2{font-size:21px;margin:3px 0}.server-configurator__close{border:0;background:none;color:#9caab8;font-size:30px}.server-configurator__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 0 20px}.server-configurator__steps span{padding:10px 13px;color:#647384;border:1px solid transparent;border-radius:10px}.server-configurator__steps span.active{color:#48a8ff;background:#0c2a43;border-color:#167ad0}.server-configurator__steps b{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#344150;margin-right:8px}.server-configurator__steps .active b{background:#168cff;color:white}.server-configurator__head,.server-configurator__steps{flex:0 0 auto}.server-configurator__content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 0 0;scrollbar-width:thin;scrollbar-color:#617181 transparent}.server-configurator__content::-webkit-scrollbar{width:6px}.server-configurator__content::-webkit-scrollbar-track{background:transparent}.server-configurator__content::-webkit-scrollbar-thumb{background:#617181;border-radius:999px}.config-plan,.review-card{background:#16222d;border:1px solid #2a3947;border-radius:16px}.config-plan{display:flex;gap:16px;align-items:center;padding:16px}.config-plan img,.review-plan img{width:64px;height:64px;object-fit:cover;border-radius:10px}.config-plan div{display:grid}.config-plan small,.config-plan em,.review-plan small{color:#8ea0b1;font-style:normal}.config-plan strong{font-size:19px}.config-plan em{color:#35a5ff}.server-configurator__content h3{margin:25px 0 12px}.config-cycles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.config-cycles button,.config-locations button,.config-toggle button{background:#17232e;border:1px solid #2b3b49;color:#dbe7f2;border-radius:12px;padding:13px}.config-cycles button{display:grid;gap:3px}.config-cycles small{color:#6f8293}.config-cycles em{font-style:normal;color:#38df9b}.config-cycles .selected,.config-locations .selected,.config-toggle button.selected{background:#0e304b;border-color:#168cff}.config-locations{display:grid;gap:9px;margin-top:8px}.config-locations button{display:flex;align-items:center;justify-content:space-between;text-align:left}.config-locations span{display:grid;grid-template-columns:26px 1fr;column-gap:10px;align-items:center}.config-locations spanimg{width:24px;height:16px;object-fit:cover;border-radius:2px}.config-locations span strong{grid-column:2}.config-locations span> :is(img, .kh-responsive-picture) + strong{grid-row:1}.config-locations span small{grid-column:2;color:#8192a3}.config-locations em{color:#36df9a;font-size:11px}.config-options{display:grid;gap:15px;margin-top:20px}.config-options label{display:grid;gap:7px}.config-options select,.promo-label input{width:100%;background:#17232e;border:1px solid #304150;border-radius:10px;padding:13px;color:#eef6ff}.config-toggle{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #253544;padding-top:15px}.config-toggle span{display:grid}.config-toggle small,.config-hint,.promo-label>small{color:#8091a2}.config-hint{border:1px dashed #2c3a48;border-radius:10px;padding:13px;margin-top:18px}.config-sticky{position:sticky;z-index:3;bottom:0;padding:22px 0 16px;background:linear-gradient(transparent,#101820 28%)}.config-sticky>button:not(.back){width:100%;border:0;border-radius:11px;background:linear-gradient(90deg,#168cff,#076ed0);color:white;font-weight:800;padding:15px}.config-sticky>button:disabled{background:#34414d;color:#7e8a95}.config-sticky.split{display:flex;gap:14px}.config-sticky.split .back{border:0;background:none;color:#9babb9;padding:15px 22px}.review-card{padding:16px}.review-plan{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2a3947;padding-bottom:14px}.review-plan strong{display:grid;flex:1}.review-plan b{font-size:19px}.review-card dl{display:grid;grid-template-columns:1fr auto;gap:7px;margin:15px 0;color:#aab8c5}.review-card dt{font-weight:400}.review-card dd{margin:0;color:#e1ebf4}.review-total{display:flex;justify-content:space-between;border-top:1px solid #2a3947;padding-top:14px;font-size:19px}.promo-label{display:grid;gap:8px;margin-top:22px;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.promo-label div{display:flex;gap:8px}.promo-label button{border:1px solid #354656;background:#1e2d3a;color:white;border-radius:10px;padding:0 22px}.config-trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#7f91a2;font-size:12px;margin-top:26px}@media(max-width:650px){.config-cycles{grid-template-columns:repeat(2,1fr)}.server-configurator__steps{gap:4px}.server-configurator__steps span{padding:8px 5px;font-size:12px}.server-configurator__steps b{margin-right:3px}.config-trust{gap:9px}.server-configurator__sheet{max-height:96vh}}
/* Final checkout step */
body.cart-page{background:#030910!important}.checkout-page-shell{min-height:calc(100vh - 100px);padding:72px 20px 110px;background:radial-gradient(circle at 50% 0,rgba(0,105,190,.17),transparent 42%),#030910;color:#edf6ff}.checkout-panel{width:min(900px,100%);margin:auto}.checkout-panel>header small{color:#7f91a4;letter-spacing:.14em}.checkout-panel h1{font-size:28px;margin:5px 0 22px}.checkout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-bottom:1px solid #203243;padding-bottom:18px;margin-bottom:28px}.checkout-steps span{color:#66798b;padding:10px 13px;border:1px solid transparent;border-radius:10px}.checkout-steps .active{color:#45a7ff;background:#0d2b45;border-color:#167bd1}.checkout-steps .done{color:#b8c6d2}.checkout-steps b{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#263b4d;margin-right:8px}.checkout-steps .done b{background:#19bd73;color:#fff}.checkout-order,.checkout-auth,.checkout-payment,.checkout-empty{background:#0c1822;border:1px solid #203d53;border-radius:16px;padding:22px;margin-bottom:22px}.checkout-order>div{display:flex;align-items:center;gap:14px}.checkout-order img{width:64px;height:64px;object-fit:cover;border-radius:10px}.checkout-order span{display:grid;flex:1}.checkout-order small,.checkout-order em{color:#8093a5;font-style:normal}.checkout-order b{font-size:22px}.checkout-order dl{display:grid;grid-template-columns:1fr auto;gap:7px;border-top:1px solid #25394a;margin:18px 0 0;padding-top:15px}.checkout-order dt{font-weight:400;color:#8fa0af}.checkout-order dd{margin:0}.checkout-auth-tabs{display:flex;border-bottom:1px solid #263c4e;margin-bottom:20px}.checkout-auth-tabs button{border:0;background:none;color:#8295a5;padding:10px 18px}.checkout-auth-tabs button.active{color:#42a8ff;border-bottom:2px solid #168cff}.checkout-auth form,.checkout-auth label{display:grid;gap:8px}.checkout-auth form{gap:15px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkout-auth input{background:#111f2a;border:1px solid #304656;border-radius:10px;color:white;padding:13px}.checkout-auth form>button{border:0;border-radius:10px;background:#168cff;color:white;font-weight:800;padding:14px}.checkout-payment h2{font-size:21px}.checkout-payment>p{color:#8fa1b1}.payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.payment-buttons button{min-height:58px;border:1px solid #2c94ed;background:#f8fbff;color:#102030;border-radius:10px;font-size:16px}.payment-buttons .paypal{background:#ffc439;border-color:#ffc439;color:#003087;font-size:21px;font-style:italic}.checkout-message{min-height:20px;margin:12px 0 0!important;color:#54c98e!important}.checkout-message.error{color:#ff7b7b!important}.checkout-empty{text-align:center}.checkout-empty a{display:inline-block;background:#168cff;color:white;border-radius:9px;padding:12px 20px;margin-top:8px}@media(max-width:600px){.checkout-page-shell{padding:35px 14px 75px}.checkout-steps{gap:4px}.checkout-steps span{font-size:12px;padding:8px 4px}.checkout-grid,.payment-buttons{grid-template-columns:1fr}.checkout-order>div{align-items:flex-start}.checkout-order b{font-size:18px}}

/* Keep every admin modal above the shared backdrop and its controls clickable. */
body.admin-page .modal { z-index: 12000 !important; }
body.admin-page .modal.show { pointer-events: auto !important; }
body.admin-page .modal .modal-dialog { position: relative; pointer-events: none; }
body.admin-page .modal .modal-content { opacity: 1 !important; pointer-events: auto !important; }
body.admin-page > .modal-backdrop { z-index: 11990 !important; }

/* Bootstrap's close artwork is absent in parts of the imported theme. */
body.admin-page .modal-header > .btn-close {
  align-items: center;
  background: rgba(70, 110, 139, .24) !important;
  border: 1px solid rgba(113, 157, 190, .36) !important;
  border-radius: 999px !important;
  box-sizing: border-box;
  color: #d8e8f4 !important;
  display: inline-flex;
  filter: none !important;
  flex: 0 0 50px;
  font-size: 0;
  height: 50px;
  justify-content: center;
  opacity: 1 !important;
  padding: 0 !important;
  width: 50px;
}
body.admin-page .modal-header > .btn-close::before {
  content: "\00d7";
  font-family: Arial, sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 1;
}
body.admin-page .modal-header > .btn-close:hover,
body.admin-page .modal-header > .btn-close:focus-visible {
  background: rgba(35, 151, 235, .28) !important;
  border-color: #269cf0 !important;
  box-shadow: 0 0 0 3px rgba(38, 156, 240, .16) !important;
}

body.admin-upload-folder-picker-open { overflow: hidden; }
.admin-upload-folder-picker { position: fixed; inset: 0; z-index: 13000; display: grid; place-items: center; padding: 24px; }
.admin-upload-folder-picker[hidden] { display: none !important; }
.admin-upload-folder-picker__backdrop { position: absolute; inset: 0; border: 0; background: rgba(0, 6, 13, .78); backdrop-filter: blur(8px); }
.admin-upload-folder-picker__window { position: relative; width: min(760px, 100%); max-height: min(760px, calc(100vh - 48px)); overflow: hidden; display: flex; flex-direction: column; color: #eaf5ff; background: #081721; border: 1px solid #225173; border-radius: 18px; box-shadow: 0 28px 90px rgba(0,0,0,.65); }
.admin-upload-folder-picker__header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid #1c4059; }
.admin-upload-folder-picker__header span { color: #38a9ff; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.admin-upload-folder-picker__header h2 { margin: 3px 0 0; font-size: 22px; }
.admin-upload-folder-picker__close { width: 46px; height: 46px; border-radius: 50%; border: 1px solid #42657d; background: #132938; color: #e6f4ff; font-size: 29px; line-height: 1; }
.admin-upload-folder-picker__breadcrumbs { display: flex; gap: 7px; align-items: center; padding: 13px 24px; background: #0b1e2a; border-bottom: 1px solid #18384d; }
.admin-upload-folder-picker__breadcrumbs button,.admin-upload-folder-picker__toolbar button { border: 0; background: transparent; color: #77bfff; font-weight: 700; }
.admin-upload-folder-picker__toolbar { display: flex; align-items: center; justify-content: space-between; padding: 12px 24px; color: #8196a7; }
.admin-upload-folder-picker__folders { min-height: 240px; overflow-y: auto; padding: 4px 24px 22px; display: grid; gap: 8px; }
.admin-upload-folder-picker__folders > button { width: 100%; display: grid; grid-template-columns: 42px 1fr 20px; align-items: center; gap: 12px; padding: 13px 15px; text-align: left; color: #edf7ff; background: #0d2230; border: 1px solid #25465c; border-radius: 11px; }
.admin-upload-folder-picker__folders > button:hover { border-color: #249fff; background: #10304a; }
.admin-upload-folder-picker__folders > button > span:first-child { font-size: 28px; }
.admin-upload-folder-picker__folders > button > span:nth-child(2) { display: grid; }
.admin-upload-folder-picker__folders small { color: #7f94a5; }
.admin-upload-folder-picker__empty { min-height: 220px; display: grid; place-content: center; justify-items: center; gap: 7px; color: #8397a8; }
.admin-upload-folder-picker__empty span { font-size: 38px; }
.admin-upload-folder-picker__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 24px; background: #091924; border-top: 1px solid #1c4059; }
.admin-upload-folder-picker__footer > div { display: flex; gap: 10px; }
@media (max-width: 620px) { .admin-upload-folder-picker { padding: 10px; } .admin-upload-folder-picker__footer { align-items: stretch; flex-direction: column; } .admin-upload-folder-picker__footer > div { display: grid; grid-template-columns: 1fr 1fr; } }
/* Branded not-found page shared by storefront and application fallbacks. */
body:has(.kh-not-found) {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #030a11;
}
body:has(.kh-not-found) > nav,
body:has(.kh-not-found) > footer,
body:has(.kh-not-found) > .footer_bottom { flex: 0 0 auto; }
body:has(.kh-not-found) > .kh-not-found,
body:has(.kh-not-found) > main:has(.kh-not-found) { flex: 1 0 auto; }
main.container:has(.kh-not-found) { max-width: none; padding: 0 !important; }
.kh-not-found {
  position: relative;
  isolation: isolate;
  min-height: clamp(680px, 72vh, 860px);
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: clamp(72px, 8vw, 118px) 24px;
  background:
    radial-gradient(circle at 50% -20%, rgba(22, 132, 224, .24), transparent 45%),
    linear-gradient(rgba(2, 10, 17, .7), rgba(2, 8, 14, .96)),
    var(--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01,url('../images/site/hex_object.png')) center top / auto repeat-x,
    #030a11;
}
.kh-not-found::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .24;
  background-image: linear-gradient(rgba(38, 148, 235, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(38, 148, 235, .12) 1px, transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}
.kh-not-found__glow { position: absolute; z-index: -1; width: 420px; height: 420px; border-radius: 50%; filter: blur(110px); opacity: .17; pointer-events: none; }
.kh-not-found__glow--one { top: -260px; left: 12%; background: #008cff; }
.kh-not-found__glow--two { right: 8%; bottom: -300px; background: #126bd7; }
.kh-not-found__card {
  width: min(1080px, 100%);
  min-height: 500px;
  display: grid;
  grid-template-columns: minmax(330px, .82fr) minmax(0, 1.18fr);
  overflow: hidden;
  border: 1px solid rgba(45, 145, 219, .36);
  border-radius: 24px;
  background: rgba(5, 16, 25, .92);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .48), inset 0 1px rgba(255,255,255,.04);
  backdrop-filter: blur(18px);
}
.kh-not-found__visual { position: relative; display: grid; place-items: center; overflow: hidden; border-right: 1px solid rgba(45, 145, 219, .23); background: radial-gradient(circle, rgba(29, 143, 232, .2), transparent 58%), linear-gradient(145deg, #09243a, #04101a); }
.kh-not-found__visual::before,
.kh-not-found__visual::after { content: ""; position: absolute; border: 1px solid rgba(48, 157, 241, .18); border-radius: 50%; }
.kh-not-found__visual::before { width: 330px; height: 330px; }
.kh-not-found__visual::after { width: 230px; height: 230px; border-style: dashed; animation: kh-not-found-spin 24s linear infinite; }
.kh-not-found__code { color: transparent; font: 900 clamp(112px, 12vw, 180px)/1 var(--font-heading, sans-serif); letter-spacing: -.09em; -webkit-text-stroke: 1px rgba(87, 182, 255, .3); text-shadow: 0 0 46px rgba(27, 143, 234, .2); transform: translateX(-.04em); }
.kh-not-found__orbit { position: absolute; width: 84px; height: 84px; display: grid; place-items: center; color: #f4fbff; font-size: 34px; border: 1px solid rgba(91, 185, 255, .58); border-radius: 22px; background: linear-gradient(145deg, #229cf4, #126bc9); box-shadow: 0 18px 45px rgba(14, 121, 208, .38); transform: rotate(-8deg); }
.kh-not-found__orbit i { transform: rotate(8deg); }
.kh-not-found__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(42px, 6vw, 76px); text-align: left; }
.kh-not-found__brand { display: block; margin-bottom: 34px; }
.kh-not-found__brand img { width: min(245px, 65vw); height: auto; display: block; }
.kh-not-found__eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 16px; color: #43abfa; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.kh-not-found h1 { max-width: 590px; margin: 0; color: #fff; font: 800 clamp(40px, 4.4vw, 62px)/1.06 var(--font-heading, sans-serif); letter-spacing: -.045em; text-align: left; }
.kh-not-found h1 span { color: #2b9cf2; text-shadow: 0 0 32px rgba(43,156,242,.22); }
.kh-not-found__message { max-width: 590px; margin: 22px 0 30px; color: #94a9b9; font-size: 16px; line-height: 1.75; text-align: left; }
.kh-not-found__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.kh-not-found__button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 22px; color: #eff8ff; font-weight: 800; text-decoration: none; border: 1px solid transparent; border-radius: 10px; transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.kh-not-found__button:hover { color: #fff; transform: translateY(-2px); }
.kh-not-found__button--primary { background: linear-gradient(135deg, #249bf1, #1675d4); box-shadow: 0 13px 30px rgba(19,120,204,.3); }
.kh-not-found__button--primary:hover { box-shadow: 0 16px 34px rgba(19,120,204,.42); }
.kh-not-found__button--secondary { border-color: #294a61; background: #0a1c29; }
.kh-not-found__button--secondary:hover { border-color: #288ed8; background: #0d2638; }
.kh-not-found__help { margin: 25px 0 0; color: #718697; font-size: 13px; }
.kh-not-found__help a { color: #49aefa; font-weight: 700; text-decoration: none; }
.kh-not-found__help a:hover { text-decoration: underline; }
@keyframes kh-not-found-spin { to { transform: rotate(360deg); } }
@media (max-width: 820px) {
  .kh-not-found__card { width: min(650px, 100%); grid-template-columns: 1fr; }
  .kh-not-found__visual { min-height: 220px; border-right: 0; border-bottom: 1px solid rgba(45,145,219,.23); }
  .kh-not-found__visual::before { width: 250px; height: 250px; }
  .kh-not-found__visual::after { width: 170px; height: 170px; }
  .kh-not-found__code { font-size: 112px; }
  .kh-not-found__content { align-items: center; text-align: center; }
  .kh-not-found h1, .kh-not-found__message { text-align: center; }
}
@media (max-width: 520px) {
  .kh-not-found { padding: 38px 14px 62px; }
  .kh-not-found__content { padding: 35px 23px 40px; }
  .kh-not-found__brand { margin-bottom: 27px; }
  .kh-not-found__actions { width: 100%; display: grid; }
  .kh-not-found__button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .kh-not-found__visual::after { animation: none; } }

/* Modern client login */
body.login-page,
body.register-page {
  /* One continuous atmosphere behind the shared navigation and login form. */
  background:
    radial-gradient(ellipse 42% 34% at 22% 8%, rgba(0, 109, 194, .26), transparent 75%),
    linear-gradient(180deg, rgba(3, 10, 17, .78), rgba(2, 7, 12, .94)),
    var(--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01,url('../images/site/hex_object.png')) center top / auto repeat-x,
    #030a11 !important;
}

body.login-page #fixedR.navbar,
body.register-page #fixedR.navbar {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

.login-page main.container,
.register-page main.container,
main.container:has(.login-modern) {
  max-width: none;
  padding: 0 !important;
}
.login-modern {
  position: relative;
  isolation: isolate;
  min-height: calc(100svh - 105px);
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: clamp(58px, 7vw, 105px) 24px 120px;
  background: transparent;
}
.login-modern::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .22; background-image: linear-gradient(rgba(35,143,230,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(35,143,230,.13) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, transparent, #000 110px, transparent 80%); }
.login-modern__glow { position: absolute; z-index: -1; width: 500px; height: 500px; border-radius: 50%; filter: blur(100px); opacity: .18; pointer-events: none; }
.login-modern__glow--one { display: none; }
.login-modern__glow--two { right: 8%; bottom: -330px; background: #0b68d4; }
.login-modern__shell { width: min(1100px, 100%); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr); overflow: hidden; border: 1px solid rgba(50, 148, 220, .34); border-radius: 22px; background: rgba(4, 14, 23, .91); box-shadow: 0 35px 100px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.04); backdrop-filter: blur(18px); }
.login-modern__welcome { position: relative; display: flex; flex-direction: column; min-height: 650px; padding: clamp(48px, 5vw, 72px); overflow: hidden; background: radial-gradient(circle at 10% 5%, rgba(21,142,239,.24), transparent 39%), linear-gradient(145deg, rgba(8,34,54,.96), rgba(3,14,23,.98)); }
.login-modern__welcome::after { content: "K"; position: absolute; right: -28px; bottom: -80px; color: rgba(32,145,235,.045); font: 900 360px/1 var(--font-heading); transform: rotate(-8deg); pointer-events: none; }
.login-modern__kicker { display: inline-flex; align-items: center; align-self: flex-start; gap: 9px; color: #53b2ff; font-size: 12px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.login-modern__kicker i { font-size: 16px; }
.login-modern__welcome h1 { max-width: 540px; margin: 27px 0 20px; color: #fff; font: 800 clamp(39px, 4vw, 58px)/1.08 var(--font-heading); letter-spacing: -.045em; }
.login-modern__welcome h1 span { color: #299cf5; text-shadow: 0 0 32px rgba(41,156,245,.25); }
.login-modern__welcome > p { max-width: 510px; margin: 0; color: #9cabb9; font-size: 17px; line-height: 1.75; }
.login-modern__features { display: grid; gap: 23px; margin-top: 45px; }
.login-modern__features > div { display: flex; align-items: center; gap: 15px; }
.login-modern__features > div > span { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(48,157,240,.37); border-radius: 12px; color: #4aacfa; background: rgba(23,117,190,.13); box-shadow: inset 0 1px rgba(255,255,255,.05); }
.login-modern__features p, .login-modern__features strong, .login-modern__features small { display: block; margin: 0; }
.login-modern__features strong { color: #edf7ff; font-size: 14px; }
.login-modern__features small { margin-top: 3px; color: #758797; font-size: 12px; }
.login-modern__trust { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 35px; color: #4cb3ff; }
.login-modern__trust > i { font-size: 19px; }
.login-modern__trust span, .login-modern__trust strong, .login-modern__trust small { display: block; }
.login-modern__trust strong { color: #c8d6e2; font-size: 12px; }
.login-modern__trust small { margin-top: 2px; color: #657989; font-size: 11px; }
.login-modern__panel { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px, 5vw, 64px); background: rgba(7, 19, 29, .92); }
.login-modern__panel-head { margin-bottom: 30px; }
.login-modern__icon { display: grid; width: 48px; height: 48px; place-items: center; margin-bottom: 22px; border: 1px solid rgba(50,159,241,.48); border-radius: 14px; color: #6ec0ff; background: linear-gradient(145deg, rgba(34,145,231,.25), rgba(12,69,112,.15)); font-size: 21px; }
.login-modern__panel-head p { margin: 0 0 5px; color: #319ef2; font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.login-modern__panel-head h2 { margin: 0; color: #f5f9fc; font: 800 clamp(27px, 3vw, 35px)/1.2 var(--font-heading); letter-spacing: -.035em; }
.login-modern__panel-head small { display: block; margin-top: 9px; color: #7f91a0; font-size: 13px; }
.login-modern__form { display: grid; gap: 20px; }
.login-modern__form > label { display: grid; gap: 9px; color: #bdcad5; font-size: 12px; font-weight: 700; }
.login-modern__input { display: flex; align-items: center; min-height: 52px; overflow: hidden; border: 1px solid #29465a; border-radius: 11px; color: #6f8799; background: #071620; transition: border-color .2s, box-shadow .2s, background .2s; }
.login-modern__input:focus-within { border-color: #248fe4; background: #091b28; box-shadow: 0 0 0 3px rgba(36,143,228,.12), 0 12px 28px rgba(0,0,0,.18); }
.login-modern__input > i { margin-left: 16px; font-size: 15px; }
.login-modern__input input { min-width: 0; flex: 1; border: 0; outline: 0; padding: 14px 13px; color: #fff; background: transparent; font-size: 14px; }
.login-modern__input input:-webkit-autofill,
.login-modern__input input:-webkit-autofill:hover,
.login-modern__input input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  caret-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px #071620 inset;
  box-shadow: 0 0 0 1000px #071620 inset;
}
.login-modern__input input:autofill {
  box-shadow: 0 0 0 1000px #071620 inset;
}
.login-modern__input:focus-within input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #091b28 inset;
  box-shadow: 0 0 0 1000px #091b28 inset;
}
.login-modern__input:focus-within input:autofill {
  box-shadow: 0 0 0 1000px #091b28 inset;
}
.login-modern__input input::placeholder { color: #526878; }
.login-modern__reveal { align-self: stretch; width: 48px; border: 0; color: #6f8799; background: transparent; }
.login-modern__reveal:hover { color: #48aaff; }
.login-modern__options { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: -2px; color: #8697a5; font-size: 12px; }
.login-modern__options a, .login-modern__help a { color: #4cabf4; text-decoration: none; }
.login-modern__options a:hover, .login-modern__help a:hover { color: #86c9ff; text-decoration: underline; }
.login-modern__remember { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.login-modern__remember input { width: 16px; height: 16px; margin: 0; accent-color: #248fe4; }
.login-modern__submit, .login-modern__create { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; border-radius: 11px; font-size: 14px; font-weight: 800; text-decoration: none; transition: transform .18s, border-color .18s, box-shadow .18s, background .18s; }
.login-modern__submit { border: 1px solid #36a5f7; color: #fff; background: linear-gradient(100deg, #198dea, #0872ca); box-shadow: 0 13px 30px rgba(16,125,211,.23); }
.login-modern__submit:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 17px 34px rgba(16,125,211,.34); }
.login-modern__submit:disabled { cursor: wait; opacity: .72; }
.login-modern__divider { display: flex; align-items: center; gap: 13px; margin: 27px 0 18px; color: #637786; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.login-modern__divider::before, .login-modern__divider::after { content: ""; flex: 1; height: 1px; background: #1d3546; }
.login-modern__create { border: 1px solid #294b61; color: #cbd8e2; background: rgba(13,35,50,.68); }
.login-modern__create:hover { border-color: #318fd3; color: #fff; background: rgba(24,92,143,.22); transform: translateY(-1px); }
.login-modern__help { margin: 22px 0 0; color: #657988; font-size: 11px; text-align: center; }
.login-modern__message { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 20px; padding: 12px 14px; border: 1px solid; border-radius: 10px; font-size: 12px; }
.login-modern__message--error { border-color: rgba(255,86,108,.45); color: #ff9aa8; background: rgba(137,26,43,.16); }
.login-modern__message--success { border-color: rgba(52,207,143,.42); color: #76e4b4; background: rgba(22,120,79,.15); }
.register-modern { padding: 32px 24px 48px; }
.register-modern .login-modern__shell { width: min(1150px, 100%); }
.register-modern__panel { padding: 32px clamp(30px, 3vw, 48px); }
.register-modern__panel .login-modern__panel-head { margin-bottom: 18px; }
.register-modern__panel .login-modern__icon { margin-bottom: 12px; }
.register-modern__form { gap: 18px; }
.register-modern__form > label { display: grid; gap: 9px; color: #bdcad5; font-size: 12px; font-weight: 700; }
.register-modern__form .login-modern__input { min-height: 52px; }
.register-modern__form .login-modern__input > i { margin-left: 16px; }
.register-modern__form .login-modern__input input { padding: 14px 13px; font-size: 14px; }
.register-modern__panel .login-modern__divider { margin: 19px 0 13px; }
.register-modern__panel .login-modern__submit,
.register-modern__panel .login-modern__create { min-height: 48px; }
@media (min-width: 861px) and (max-height: 950px) {
  .login-modern { padding: clamp(18px, 2.5vh, 26px) 24px; }
  .login-modern__shell { zoom: clamp(.78, calc(100svh / 900px), 1); }
  .login-modern__welcome { min-height: 0; padding-top: 50px; padding-bottom: 50px; }
  .login-modern__panel { padding-top: 50px; padding-bottom: 50px; }
  .register-modern { padding: 20px 24px; }
  .register-modern__panel { padding-top: 28px; padding-bottom: 28px; }
}
@media (max-width: 860px) {
  .login-modern__shell { grid-template-columns: 1fr; max-width: 560px; }
  .login-modern__welcome { display: none; }
  .login-modern__welcome h1 { font-size: clamp(35px, 9vw, 48px); }
  .login-modern__features { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .login-modern__features > div { align-items: flex-start; }
  .login-modern__features small { display: none; }
  .login-modern__trust { margin-top: 32px; }
}
@media (max-width: 560px) {
  .login-modern { min-height: calc(100svh - 94px); place-items: start center; padding: 16px 14px 28px; }
  .login-modern__welcome { padding: 34px 27px; }
  .login-modern__welcome > p { font-size: 14px; }
  .login-modern__features { grid-template-columns: 1fr; margin-top: 30px; }
  .login-modern__features small { display: block; }
  .login-modern__panel { padding: 28px 24px; }
  .register-modern__panel { padding: 27px 22px; }
}

/* Unified configure-and-checkout surface. */
.server-configurator__sheet { top: 4vh; bottom: 4vh; left: 50%; right: auto; width: min(1240px, calc(100% - 40px)); height: auto; border: 1px solid #24445c; border-radius: 18px; transform: translate(-50%, 105%); }
.open .server-configurator__sheet { transform: translate(-50%, 0); }
.server-configurator__head, .server-configurator__steps, .server-configurator__content { width: min(1120px, calc(100% - 48px)); }
.server-configurator__head { padding-top: 22px; }
.server-configurator__steps { grid-template-columns: repeat(2, 1fr); max-width: 520px; margin-left: calc((100% - min(1120px, calc(100% - 48px))) / 2); }
.server-configurator__content { box-sizing: border-box; overflow-y: auto; padding: 4px clamp(18px, 2vw, 28px) 0 0; scrollbar-gutter: stable; scrollbar-color: #485765 transparent; }
.server-configurator__content::-webkit-scrollbar { width: 5px; }
.server-configurator__content::-webkit-scrollbar-thumb { background: #485765; }
.server-configurator__content:hover::-webkit-scrollbar-thumb { background: #667a8b; }
.config-layout { display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(320px, .86fr); gap: 32px; align-items: start; padding-bottom: 24px; }
.config-form { min-width: 0; }
.config-form > label { display: block; margin: 11px 0 8px; font-size: 13px; font-weight: 800; }
.config-form .config-plan { margin-bottom: 18px; }
.config-summary { position: sticky; top: 0; border: 1px solid #2a3947; border-radius: 16px; background: #121d27; overflow: hidden; }
.config-summary__toggle { display: none; }
.config-summary__body { padding: 18px; }
.config-summary dl { display: grid; grid-template-columns: 1fr auto; gap: 8px 18px; margin: 17px 0; color: #9fb0bf; font-size: 13px; }
.config-summary dd { margin: 0; color: #edf6ff; text-align: right; font-weight: 700; }
.config-summary .promo-label { margin-top: 18px; }
.config-summary .config-trust { justify-content: flex-start; gap: 10px 18px; margin: 20px 0 0; color: #62dca3; }
.config-sticky { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0; padding: 18px 0; background: #101820; border-top: 1px solid #253545; }
.config-sticky > small { color: #8fa1b1; font-size: 12px; }
.config-sticky > small strong { display: block; color: #fff; font-size: 20px; }
.config-sticky > button:not(.back) { width: min(420px, 70%); background: linear-gradient(90deg, #16bd68, #08a855); }
.config-sticky > button:not(.back):disabled { background: #34414d; }

/* Refined checkout palette: electric Konnect blue, quiet graphite surfaces. */
.server-configurator__sheet { background: #17171a; border-color: #2f3d49; box-shadow: 0 28px 90px rgba(0,0,0,.62); }
.server-configurator__head { border-color: #303035; }
.server-configurator__head small, .server-configurator__content h3 { color: #94a0ad; }
.server-configurator__steps span { color: #8f96a1; }
.server-configurator__steps span.active { color: #1887f2; background: #142c47; border-color: #1887f2; }
.server-configurator__steps .active b { background: #1887f2; }
.config-plan, .config-summary { background: #1d1d20; border-color: #3a3a40; border-radius: 14px; }
.config-plan { padding: 14px; }
.config-plan em { color: #1887f2; }
.config-cycles button, .config-locations button, .config-toggle button, .config-options select, .promo-label input { background: #222226; border-color: #3a3a40; border-radius: 12px; }
.server-configurator .config-options select {
  appearance: none;
  -webkit-appearance: none;
  color-scheme: dark;
  outline: none;
  padding-right: 52px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m4 7 6 6 6-6' stroke='%232a9cff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 20px 20px;
}
.server-configurator .config-options select:focus,
.server-configurator .config-options select:focus-visible {
  border-color: #1887f2;
  outline: none;
  box-shadow: 0 0 0 3px rgba(24,135,242,.24);
}
.server-configurator .config-option-field { display: grid; gap: 8px; min-width: 0; color: #eef6ff; }
.server-configurator .config-option-label { font-size: 14px; font-weight: 700; }
.server-configurator .config-option-field > small { color: #929eaa; font-size: 12px; line-height: 1.45; }
.server-configurator .config-select { min-width: 0; }
.server-configurator .config-select__trigger,
.server-configurator .config-select__option { width: 100%; display: flex; align-items: center; gap: 12px; font: inherit; text-align: left; cursor: pointer; }
.server-configurator .config-select__trigger {
  min-height: 52px;
  padding: 11px 16px;
  border: 1px solid #3d4b59;
  border-radius: 12px;
  background: linear-gradient(145deg,#242832,#1a1e27);
  color: #f4f8ff;
  box-shadow: inset 0 1px rgba(255,255,255,.035);
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.server-configurator .config-select__trigger:hover,
.server-configurator .config-select__trigger[aria-expanded="true"] { border-color: var(--ui-accent,#1887f2); background: #202b3a; }
.server-configurator .config-select__trigger:focus-visible,
.server-configurator .config-select__option:focus-visible { outline: 2px solid var(--ui-accent,#1887f2); outline-offset: 2px; }
.server-configurator .config-select__trigger > span,
.server-configurator .config-select__option > span { min-width: 0; flex: 1; font-weight: 700; }
.server-configurator .config-select__trigger > small,
.server-configurator .config-select__option > small { color: #8fc9ff; white-space: nowrap; font-size: 12px; font-weight: 700; }
.server-configurator .config-select__trigger > i { width: 9px; height: 9px; margin: -5px 3px 0 5px; flex: 0 0 9px; border-right: 2px solid var(--ui-accent,#3ba4ff); border-bottom: 2px solid var(--ui-accent,#3ba4ff); transform: rotate(45deg); transition: transform .16s ease; }
.server-configurator .config-select__trigger[aria-expanded="true"] > i { margin-top: 4px; transform: rotate(225deg); }
.server-configurator .config-select__menu { display: grid; gap: 3px; max-height: 238px; overflow-y: auto; margin-top: 6px; padding: 5px; border: 1px solid #3b526b; border-radius: 12px; background: #151d28; box-shadow: 0 14px 32px rgba(0,0,0,.25); }
.server-configurator .config-select__menu[hidden] { display: none; }
.server-configurator .config-select__option { min-height: 42px; padding: 9px 10px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #dceaf7; font-size: 13px; }
.server-configurator .config-select__option:hover,
.server-configurator .config-select__option:focus-visible { background: #24374c; }
.server-configurator .config-select__option.is-selected { border-color: rgba(43,154,255,.44); background: #142e48; color: #fff; }
.server-configurator .config-select__option > b { width: 17px; color: #56bdff; opacity: 0; text-align: center; }
.server-configurator .config-select__option.is-selected > b { opacity: 1; }
@media (max-width: 520px) {
  .server-configurator .config-select__trigger { padding: 10px 12px; }
  .server-configurator .config-select__trigger > small { font-size: 11px; }
}
.config-cycles button { min-height: 86px; }
.config-cycles .selected, .config-locations .selected, .config-toggle button.selected { background: #142f4d; border-color: #1887f2; box-shadow: 0 0 0 1px #1887f2, 0 10px 24px rgba(24,135,242,.15); }
.config-cycles em { color: #2ade8a; }
.config-locations button { min-height: 64px; }
.config-locations em, .config-summary .config-trust { color: #2ade8a; }
.config-toggle { border-color: #35353a; }
.config-summary dl, .review-plan, .review-total { border-color: #35353a; }
.promo-label button { background: #2a2a2f; border-color: #414149; }
.promo-label input:focus { border-color: #1887f2; outline: 2px solid rgba(24,135,242,.32); outline-offset: 1px; }
.config-sticky { background: #17171a; border-color: #35353a; }
.config-sticky > button:not(.back) { background: linear-gradient(90deg,#14c866,#0ab958); box-shadow: 0 10px 22px rgba(10,185,88,.2); }
.config-sticky > button:not(.back):disabled { background: #3a414b; box-shadow: none; }

/* Checkout mirrors the streamlined configurator instead of stacking full-width cards. */
body.cart-page #fixedR.navbar { background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.06); }
body.cart-page .checkout-page-shell { min-height: calc(100vh - 92px); padding: 54px 20px 92px; background: radial-gradient(circle at 18% 0,rgba(24,135,242,.11),transparent 34%), #17171a; }
body.cart-page .checkout-panel { width: min(1120px,100%); }
.checkout-panel > header { display: block; margin-bottom: 22px; }
.checkout-panel > header small { color: #94a0ad; }
.checkout-panel > header h1 { font-size: 30px; margin: 4px 0 0; }
.checkout-steps { width: min(545px,100%); grid-template-columns: repeat(2,1fr); gap: 12px; border: 0; margin: 0 0 24px; padding: 0; }
.checkout-steps .active { color: #1887f2; background: #142f4d; border-color: #1887f2; }
.checkout-steps .active b { background: #1887f2; }
.checkout-steps .active { text-align: right; }
.checkout-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 46px; align-items: start; }
.checkout-primary { min-width: 0; }
.checkout-auth,.checkout-payment,.checkout-order,.checkout-empty { background: #1d1d20; border-color: #3a3a40; border-radius: 16px; }
.checkout-auth { padding: 20px; }
.checkout-account-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.checkout-account-heading h2 { font-size: 17px; margin: 0; }
.checkout-account-heading p { color: #92929a; font-size: 13px; margin: 0; }
.checkout-account-heading button { border: 0; padding: 0; color: #1887f2; background: transparent; font: inherit; font-weight: 700; }
.checkout-auth form { gap: 18px; }
.checkout-auth label { color: #e7e7ec; font-size: 13px; font-weight: 700; }
.checkout-auth input { background: #242428; border-color: #3b3b42; border-radius: 12px; padding: 14px; }
.checkout-auth input:focus { border-color: #1887f2; box-shadow: 0 0 0 2px rgba(24,135,242,.26); outline: 0; }
.checkout-auth label small { color: #878790; font-size: 11px; font-weight: 400; }
.checkout-form-label { color: #e7e7ec; font-size: 13px; font-weight: 700; margin: 0 -0px -10px; }
.checkout-auth form>button { background: linear-gradient(90deg,#1887f2,#1874db); border-radius: 12px; box-shadow: 0 10px 22px rgba(24,135,242,.18); }
.checkout-order { position: sticky; top: 22px; padding: 0; overflow: visible; background: transparent; border: 0; border-radius: 0; }
.checkout-order__plan { display: flex; align-items: center; gap: 12px; padding: 0 0 18px; }
.checkout-order__plan img { width: 62px; height: 62px; border: 1px solid #3a3a40; }
.checkout-order__plan strong { font-size: 15px; }
.checkout-order__plan b { font-size: 16px; text-align: right; }
.checkout-order dl { margin: 0; padding: 14px 0 20px; border-top: 1px solid #39393f; }
.checkout-order__subtotal,.checkout-order__total { display: flex; justify-content: space-between; align-items: baseline; margin: 0; padding: 18px 0; border-top: 1px solid #39393f; color: #a6a6af; font-size: 13px; }
.checkout-order__subtotal strong { color: #e7e7ec; }
.checkout-order__total { color: #f2f2f5; font-size: 15px; font-weight: 800; }
.checkout-order__total strong { color: #fff; font-size: 23px; }
.checkout-order__renewal { margin: -10px 0 22px; color: #96969f; font-size: 11px; text-align: right; }
.checkout-order__trust { display: grid; grid-template-columns:1fr 1fr; gap: 10px 22px; margin: 0; padding: 20px 0; border-top: 1px solid #39393f; color: #3bda8b; font-size: 12px; }
.checkout-order > .checkout-order__next { display: block; margin: 0; padding: 20px 0 0; border-top: 1px solid #39393f; }
.checkout-order__next strong { font-size: 14px; }
.checkout-order__next p { display: grid; grid-template-columns: 22px 1fr; gap: 10px; color: #a4a4ad; font-size: 12px; margin: 14px 0 0; }
.checkout-order__next b { display: inline-grid; width: 20px; height: 20px; margin-right: 8px; place-items: center; border: 1px solid #55555d; border-radius: 50%; color: #f6f6f8; font-size: 11px; }
.checkout-order__next em { display: block; color: #f3f3f6; font-size: 13px; font-style: normal; font-weight: 700; margin-bottom: 3px; }

/* A two-panel checkout surface: account on graphite, summary on a deeper black. */
body.cart-page .checkout-page-shell { position: relative; overflow: hidden; background: linear-gradient(90deg,#1d1d20 0 50%,#141416 50% 100%); }
body.cart-page .checkout-page-shell::before { position: absolute; z-index: 0; top: 0; bottom: 0; left: 50%; width: 1px; background: #343438; content: ''; }
body.cart-page .checkout-panel { position: relative; z-index: 1; }
.checkout-discount { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 20px 0; border-top: 1px solid #39393f; }
.checkout-discount input { min-width: 0; border: 1px solid #3a3a40; border-radius: 12px; padding: 13px 14px; color: #fff; background: #222226; }
.checkout-discount button { border: 0; border-radius: 12px; padding: 0 18px; color: #fff; background: #46464e; font-weight: 800; }
.checkout-payment-methods { padding: 20px 0; border-top: 1px solid #39393f; text-align: center; }
.checkout-payment-methods small { display: block; color: #9999a2; font-size: 10px; letter-spacing: .09em; }
.checkout-payment-methods div { display: flex; justify-content: center; gap: 7px; margin-top: 10px; }
.checkout-payment-methods b { display: inline-grid; min-width: 34px; height: 24px; place-items: center; border-radius: 3px; padding: 0 4px; color: #fff; background: #1264d7; font-size: 10px; }
.checkout-payment-methods b:nth-child(2) { background: #242428; color: #ff5546; }.checkout-payment-methods b:nth-child(3) { background: #1687d7; }.checkout-payment-methods b:nth-child(4) { background: #e8edf4; color: #195496; }.checkout-payment-methods b:nth-child(5) { background: #fff; color: #dd8b00; }
@media (max-width: 820px) { body.cart-page .checkout-page-shell { background: #1a1a1d; } body.cart-page .checkout-page-shell::before { display: none; } }

/* Dedicated checkout composition.  This intentionally does not inherit the public-site shell. */
body.cart-page { background: #1d1d20 !important; }
body.cart-page .checkout-main { min-height: 100vh; }
body.cart-page .checkout-page-shell { min-height: 100vh; padding: 0 0 80px; overflow: hidden; background: linear-gradient(90deg,#1e1e21 0 50%,#151517 50% 100%); }
body.cart-page .checkout-page-shell::before { left: 50%; background: #343438; }
body.cart-page .checkout-panel { width: 100%; max-width: none; margin: 0; }
.checkout-topbar,.checkout-panel > header,.checkout-steps,.checkout-layout { width: 1074px; max-width: calc(100% - 48px); margin-left: calc(50% - 603px); margin-right: 0; }
.checkout-topbar { display: flex; align-items: center; justify-content: space-between; padding: 44px 0 34px; }
.checkout-topbar img { display: block; width: 152px; height: auto; }
.checkout-topbar span { color: #a9a9b0; font-size: 12px; }
.checkout-panel > header { margin-bottom: 22px; }
.checkout-panel > header small { color: #8797a8; }
.checkout-panel > header h1 { font-size: 25px; letter-spacing: -.025em; }
.checkout-steps { width: 544px; max-width: calc(100% - 48px); grid-template-columns: 1fr 1fr; margin-bottom: 24px; }
.checkout-steps span { padding: 11px 12px; }
.checkout-layout { grid-template-columns: 544px 432px; gap: 98px; align-items: start; }
.checkout-auth { padding: 20px; border-color: #36363b; border-radius: 16px; background: linear-gradient(145deg,#222225,#1d1d20); }
.checkout-account-heading { margin-bottom: 28px; }
.checkout-auth form { gap: 20px; }
.checkout-auth input { padding: 15px 16px; background: #252529; }
.checkout-auth form>button { display: block; margin-top: 2px; }
.checkout-password-help { display: grid; justify-items: center; gap: 7px; margin-top: -4px; }
.checkout-password-help i { display: block; width: 195px; height: 4px; border-radius: 999px; background: #5a5a63; }
.checkout-password-help small { color: #eeeef1; font-size: 11px; }
.checkout-password-help a { color: #1887f2; font-size: 12px; text-decoration: none; }
.checkout-order { top: 44px; }
.checkout-order__plan { padding-top: 0; }
.checkout-order__plan img { width: 64px; height: 64px; }
.checkout-order dl { padding: 16px 0 22px; }
.checkout-discount { padding: 20px 0; }
.checkout-discount input { padding: 15px 16px; }
.checkout-discount button { min-width: 132px; }
.checkout-order__total { padding-top: 24px; }
.checkout-order__total strong { font-size: 26px; }
.checkout-payment-methods { padding: 20px 0 14px; }
.checkout-order__trust { padding-top: 12px; }
.checkout-order__next { padding-top: 20px; }
@media (max-width: 1160px) { .checkout-topbar,.checkout-panel > header,.checkout-steps,.checkout-layout { margin-left: auto; margin-right: auto; } .checkout-layout { width: 976px; max-width: calc(100% - 48px); gap: 48px; } }
@media (max-width: 820px) { body.cart-page .checkout-page-shell { padding: 0 0 48px; background: #1c1c1f; } .checkout-topbar,.checkout-panel > header,.checkout-steps,.checkout-layout { width: calc(100% - 32px); max-width: none; } .checkout-topbar { padding: 24px 0 30px; } .checkout-layout { grid-template-columns: 1fr; } .checkout-order { order: -1; } }
@media (max-width: 820px) { .checkout-panel > header { display: block; } .checkout-layout { grid-template-columns: 1fr; gap: 20px; } .checkout-order { position: static; order: -1; } .checkout-order__next { display: none; } }
@media (max-width: 600px) { body.cart-page .checkout-page-shell { padding: 34px 14px 72px; } .checkout-panel > header h1 { font-size: 25px; } .checkout-steps span { padding: 9px; } .checkout-order__trust { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .server-configurator__sheet { inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; transform: translateY(105%); }
  .open .server-configurator__sheet { transform: none; }
  .server-configurator__head, .server-configurator__steps, .server-configurator__content { width: calc(100% - 28px); }
  .server-configurator__content { padding-right: 10px; }
  .server-configurator__head { padding: 15px 0 11px; }
  .server-configurator__steps { display: none; }
  .config-layout { display: flex; flex-direction: column-reverse; gap: 18px; padding-bottom: 104px; }
  .config-form { width: 100%; }
  .config-summary { position: static; width: 100%; }
  .config-summary__toggle { display: grid; width: 100%; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; border: 0; padding: 15px; color: #42a8ff; background: transparent; font-weight: 800; text-align: left; }
  .config-summary__toggle span { color: #fff; }
  .config-summary__toggle i { font-style: normal; transition: transform .2s; }
  .config-summary__body { display: none; border-top: 1px solid #2a3947; }
  .config-summary.is-open .config-summary__body { display: block; }
  .config-summary.is-open .config-summary__toggle i { transform: rotate(180deg); }
  .config-cycles { gap: 8px; }
  .config-cycles button { padding: 12px 7px; font-size: 13px; }
  .config-sticky { position: fixed; z-index: 4; right: 0; bottom: 0; left: 0; padding: 12px 14px; background: #111a22; box-shadow: 0 -14px 35px rgba(0,0,0,.36); }
  .config-sticky > button:not(.back) { width: auto; flex: 1; padding: 14px 10px; }
}

/* Checkout: align the summary with the brand row and keep the full flow in two columns. */
html body.cart-page { background: #1a1a1d !important; }
body.cart-page .checkout-main { min-height: 0; }
body.cart-page .checkout-page-shell {
  min-height: 0;
  padding-bottom: 44px;
  background:
    linear-gradient(to bottom, transparent 0%, transparent calc(100% - 130px), #1a1a1d 100%),
    linear-gradient(90deg, #1e1e21 0%, #1e1e21 47%, #19191c 50%, #151517 53%, #151517 100%);
}
body.cart-page .checkout-page-shell::before {
  background: linear-gradient(to bottom, rgba(52,52,56,.6), rgba(52,52,56,.35) 65%, transparent);
}
body.cart-page .checkout-panel {
  display: grid;
  grid-template-columns: minmax(0, 544px) minmax(0, 432px);
  grid-template-rows: auto auto auto 1fr;
  column-gap: 98px;
  width: 1074px;
  max-width: calc(100% - 48px);
  margin-left: calc(50% - 590px);
}
body.cart-page .checkout-topbar,
body.cart-page .checkout-panel > header,
body.cart-page .checkout-steps { grid-column: 1; width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
body.cart-page .checkout-topbar { grid-row: 1; padding: 44px 0 28px; }
body.cart-page .checkout-topbar img { width: 150px; }
body.cart-page .checkout-topbar span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
body.cart-page .checkout-panel > header { grid-row: 2; margin-bottom: 21px; }
body.cart-page .checkout-steps { grid-row: 3; margin-bottom: 24px; }
body.cart-page .checkout-steps .active { text-align: left; }
body.cart-page .checkout-steps .active b { color: #fff; }
body.cart-page .checkout-layout { display: contents; }
body.cart-page .checkout-layout[hidden] { display: none !important; }
body.cart-page .checkout-primary { grid-column: 1; grid-row: 4; }
body.cart-page .checkout-order {
  grid-column: 2;
  grid-row: 1 / 5;
  align-self: start;
  position: relative;
  top: auto;
  width: 100%;
  margin: 44px 0 0;
  font-size: 13px;
}
body.cart-page .checkout-order dl { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 14px; border-top: 0; padding-top: 0; }
body.cart-page .checkout-order dd { text-align: right; }
body.cart-page .checkout-order > .checkout-discount { display: grid; grid-template-columns: minmax(0, 1fr) 132px; gap: 8px; }
body.cart-page .checkout-discount button { min-width: 0; min-height: 52px; border-radius: 12px; }
body.cart-page .checkout-order > .checkout-payment-methods { display: block; text-align: center; }
body.cart-page .checkout-payment-methods div { display: flex; align-items: center; justify-content: center; }
body.cart-page .checkout-payment-methods img { display: block; width: 220px; height: auto; object-fit: contain; }
body.cart-page .checkout-order > .checkout-order__trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; color: #a4a4ad; }
body.cart-page .checkout-order__trust span::first-letter { color: #12ce69; }
body.cart-page .checkout-order > .checkout-order__next { display: block; }
body.cart-page .checkout-order__next p { display: grid; }
body.cart-page .checkout-empty { grid-column: 1 / -1; }
.checkout-submit-actions { margin-top: 20px; }
.checkout-submit-actions button { display: block; width: 100%; border: 0; border-radius: 10px; padding: 15px; color: #fff; background: linear-gradient(90deg,#1887f2,#1874db); box-shadow: 0 10px 22px rgba(24,135,242,.18); font-weight: 800; }
.checkout-submit-actions[hidden], .checkout-submit-actions button[hidden], .checkout-account-heading[hidden] { display: none; }
.checkout-discount-message { display: block; min-height: 14px; margin: -12px 0 12px; color: #92929a; font-size: 11px; }
.checkout-discount-message:not(.error) { color: #48d996; }
.checkout-discount-message.error { color: #ff8799; }
.checkout-order__discount-row span,
.checkout-order__discount-row strong { color: #48d996; }
@media (min-width: 2000px) {
  body.cart-page .checkout-panel {
    zoom: clamp(1, calc(100vw / 1900px), 1.35);
    margin-left: calc(50% - 590px);
    margin-right: 0;
  }
}
@media (max-width: 1220px) {
  body.cart-page .checkout-panel { margin-left: auto; margin-right: auto; column-gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); }
}
@media (max-width: 820px) {
  body.cart-page .checkout-page-shell { padding-bottom: 32px; background: #1a1a1d; }
  body.cart-page .checkout-panel { display: flex; flex-direction: column; width: calc(100% - 32px); max-width: none; }
  body.cart-page .checkout-topbar,
  body.cart-page .checkout-panel > header,
  body.cart-page .checkout-steps { width: 100%; }
  body.cart-page .checkout-layout { display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: none; margin: 0; }
  body.cart-page .checkout-layout[hidden] { display: none !important; }
  body.cart-page .checkout-primary,
  body.cart-page .checkout-order { width: 100%; }
  body.cart-page .checkout-order { position: static; margin: 0; order: -1; }
  body.cart-page .checkout-order > .checkout-order__next { display: block; }
  body.cart-page .checkout-topbar { padding: 24px 0 26px; }
  body.cart-page #navbarType:not(.show):not(.showing) { display: none; }
}

/* Keep the configurator summary visually in step with the checkout summary. */
#serverConfigurator .config-summary.checkout-order {
  position: sticky;
  top: 0;
  order: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 13px;
}
#serverConfigurator .config-summary__body { display: block; padding: 0; }
#serverConfigurator .checkout-order__plan { padding-bottom: 18px; }
#serverConfigurator .checkout-order__plan span { min-width: 0; }
#serverConfigurator .checkout-order__plan b { flex: 0 0 auto; }
#serverConfigurator .checkout-order dl {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  margin: 0;
  padding: 0 0 22px;
  border-top: 0;
}
#serverConfigurator .checkout-order dd { text-align: right; font-weight: 400; }
#serverConfigurator .checkout-discount { grid-template-columns: minmax(0, 1fr) 132px; }
#serverConfigurator .checkout-discount button { min-width: 0; min-height: 52px; padding: 0 12px; white-space: nowrap; }
#serverConfigurator .checkout-payment-methods div { align-items: center; }
#serverConfigurator .checkout-payment-methods img { display: block; width: 220px; max-width: 100%; height: auto; object-fit: contain; }
#serverConfigurator .checkout-order__trust {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
  color: #a4a4ad;
}
#serverConfigurator .checkout-order__trust span::first-letter { color: #12ce69; }
#serverConfigurator .checkout-order__next { display: block; margin: 0; padding: 20px 0 0; border-top: 1px solid #39393f; }

/* Text glyphs need an explicit line box to sit optically centered in their circles. */
.checkout-steps b,
.server-configurator__steps b,
.checkout-order__next b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}
.checkout-order__next b { margin-right: 0; }
@media (max-width: 760px) {
  #serverConfigurator .config-summary.checkout-order { position: static; width: 100%; }
  #serverConfigurator .config-summary__toggle {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr auto auto;
    gap: 10px;
    align-items: center;
    padding: 15px;
    border: 1px solid #3a3a40;
    border-radius: 12px;
    background: #222226;
    color: #42a8ff;
    font-weight: 800;
    text-align: left;
  }
  #serverConfigurator .config-summary__body { display: none; padding-top: 18px; border-top: 0; }
  #serverConfigurator .config-summary.is-open .config-summary__body { display: block; }
}

/* Mobile storefront polish: keep the shared navigation usable at 320px and
   make the long storefront footer and product intro feel intentional. */
@media (max-width: 991.98px) {
  #fixedR .navbar-shell {
    flex-wrap: nowrap;
    gap: 8px;
  }

  #fixedR .navbar-brand {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 56px);
  }

  #fixedR .navbar-brand .konnect-brand-logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 46px;
  }

  #fixedR .navbar-toggler {
    flex: 0 0 48px;
    min-width: 44px;
    min-height: 44px;
    margin-left: auto;
    padding: 7px;
  }

  #fixedR .offcanvas {
    width: min(420px, 100vw) !important;
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    background: linear-gradient(160deg, #1c2934 0%, #15232e 52%, #101c27 100%);
    border-right: 1px solid rgba(79, 164, 230, .24);
    box-shadow: 24px 0 60px rgba(0, 0, 0, .42);
  }

  #fixedR .offcanvas-header {
    align-items: center;
    gap: 8px;
    min-height: 74px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(173, 211, 239, .1);
  }

  #fixedR .offcanvas-header .konnect-brand-logo {
    flex: 0 1 auto;
    width: min(200px, calc(100% - 52px));
    height: auto;
    max-height: 40px;
  }

  #fixedR .offcanvas-header .btn-close {
    box-sizing: border-box;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    width: 44px !important;
    height: 44px !important;
    margin: 0;
    padding: 0 !important;
    background: rgba(83, 166, 235, .12) !important;
    border-radius: 12px !important;
    filter: none !important;
    opacity: .85;
  }

  #fixedR .offcanvas-header .btn-close::before {
    content: '\00d7';
    color: #fff;
    font-size: 29px;
    font-weight: 300;
    line-height: 1;
  }

  #fixedR .offcanvas-body {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px 16px max(24px, env(safe-area-inset-bottom));
  }

  #fixedR .mobile-nav-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 22px 18px max(30px, env(safe-area-inset-bottom));
    scrollbar-color: #385e7a transparent;
    scrollbar-width: thin;
  }

  #fixedR .mobile-nav-shortcuts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 26px;
  }

  #fixedR .mobile-nav-shortcuts a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    min-height: 104px;
    padding: 14px;
    border: 1px solid rgba(38, 144, 239, .4);
    border-radius: 16px;
    background: linear-gradient(145deg, #092e50, #102a4b);
    color: #f4f8ff;
    text-decoration: none;
  }

  #fixedR .mobile-nav-shortcuts a:nth-child(2) {
    background: linear-gradient(145deg, #122f5e, #142348);
  }

  #fixedR .mobile-nav-shortcuts a:hover,
  #fixedR .mobile-nav-shortcuts a:focus-visible,
  #fixedR .mobile-nav-row:hover,
  #fixedR .mobile-nav-row:focus-visible {
    border-color: #218df4;
    background-color: #162e44;
    outline: none;
  }

  #fixedR .mobile-nav-shortcut-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    color: #48b6ff;
  }

  #fixedR .mobile-nav-shortcut-icon--billing {
    color: #28d6a0;
  }

  #fixedR .mobile-nav-shortcut-icon--game-panel {
    color: #4aa9ff;
  }

  #fixedR .mobile-nav-shortcut-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
  }

  #fixedR .mobile-nav-shortcut-icon--game-panel svg {
    width: 29px;
    height: 29px;
  }

  #fixedR .mobile-nav-shortcut-icon--game-panel svg path:first-child,
  #fixedR .mobile-nav-section h2 > span svg path:first-child {
    fill: currentColor;
    stroke: none;
  }

  #fixedR .mobile-nav-shortcut-icon--game-panel svg path:last-child,
  #fixedR .mobile-nav-section h2 > span svg path:last-child {
    fill: none;
    stroke: #102a4b;
    stroke-width: 2;
  }

  #fixedR .mobile-nav-shortcuts strong,
  #fixedR .mobile-nav-shortcuts small {
    display: block;
    line-height: 1.3;
  }

  #fixedR .mobile-nav-shortcuts strong {
    font-size: 14px;
  }

  #fixedR .mobile-nav-shortcuts small {
    margin-top: 2px;
    color: #9cb1c5;
    font-size: 11px;
  }

  #fixedR .mobile-nav-section + .mobile-nav-section {
    margin-top: 25px;
  }

  #fixedR .mobile-nav-section h2 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 2px 12px;
    color: #f4f7fc;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.3;
  }

  #fixedR .mobile-nav-section h2 > span {
    display: inline-grid;
    place-items: center;
    width: 24px;
    color: #51b1ff;
    font-size: 18px;
  }

  #fixedR .mobile-nav-section h2 > span svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
  }

  #fixedR .mobile-nav-section h2 > span svg path:last-child {
    stroke: #152632;
  }

  #fixedR #mobile-nav-games-title > span {
    height: 22px;
    flex: 0 0 24px;
    line-height: 1;
  }

  #fixedR #mobile-nav-games-title > span svg {
    display: block;
    transform: translateY(-1px);
  }

  #fixedR .mobile-nav-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    margin-top: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, .035);
    border-radius: 13px;
    background: rgba(255, 255, 255, .045);
    color: #f3f7fd;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
  }

  #fixedR .mobile-nav-row:active {
    transform: scale(.99);
  }

  #fixedR .mobile-nav-row-icon {
    display: grid;
    flex: 0 0 38px;
    place-items: center;
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 50%;
    background: #0d3b65;
    color: #73c4ff;
  }

  #fixedR .mobile-nav-row-icon img {
    width: 29px;
    height: 29px;
    object-fit: contain;
  }

  #fixedR .mobile-nav-row-icon--symbol svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
  }

  #fixedR .mobile-nav-row-icon--discord svg {
    fill: currentColor;
    stroke: none;
  }

  #fixedR .mobile-nav-row-copy {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
  }

  #fixedR .mobile-nav-row-copy strong,
  #fixedR .mobile-nav-row-copy small {
    display: block;
  }

  #fixedR .mobile-nav-row-copy strong {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
  }

  #fixedR .mobile-nav-row-copy small {
    margin-top: 2px;
    color: #94a5b6;
    font-size: 11px;
    line-height: 1.3;
  }

  #fixedR .mobile-nav-chevron {
    flex: 0 0 18px;
    color: #9cacbb;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    text-align: right;
  }

  #fixedR .mobile-nav-more summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    margin-top: 9px;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 12px;
    background: rgba(255, 255, 255, .04);
    color: #dce7f2;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    list-style: none;
  }

  #fixedR .mobile-nav-more summary::-webkit-details-marker {
    display: none;
  }

  #fixedR .mobile-nav-more summary:focus-visible {
    outline: 2px solid #218df4;
    outline-offset: 2px;
  }

  #fixedR .mobile-nav-more-open,
  #fixedR .mobile-nav-more[open] .mobile-nav-more-closed {
    display: none;
  }

  #fixedR .mobile-nav-more[open] .mobile-nav-more-open {
    display: inline;
  }

  #fixedR .mobile-nav-more[open] .mobile-nav-more-arrow {
    transform: rotate(180deg);
  }

  #fixedR .mobile-nav-more-arrow {
    font-size: 18px;
    transition: transform .18s ease;
  }

  #fixedR .mobile-nav-more-list {
    padding-top: 1px;
  }

  #fixedR .mobile-nav-all-games {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    margin-top: 8px;
    padding: 9px 12px;
    color: #60b9ff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
  }

  #fixedR .mobile-nav-all-games span {
    font-size: 21px;
  }

  #fixedR .navbar-primary-nav,
  #fixedR .navbar-primary-nav .nav-item {
    width: 100%;
  }

  #fixedR .navbar-primary-nav .nav-link {
    display: flex;
    min-height: 48px;
    width: 100%;
    justify-content: flex-start;
    padding: 11px 14px;
  }

  #fixedR .navbar-games-menu {
    max-height: none;
    overflow: visible;
  }

  #fixedR .navbar-actions .navbar-discord-link,
  #fixedR .navbar-account .btn {
    min-height: 48px;
    justify-content: flex-start;
    padding: 10px 14px;
    text-align: left;
  }

  #fixedR .navbar-actions {
    gap: 4px;
    margin-top: 18px;
    padding-top: 14px;
    border-top-color: rgba(173, 211, 239, .14);
  }

  #fixedR .navbar-discord-link {
    gap: 12px;
    height: auto;
    font-size: 14px;
    font-weight: 650;
  }

  #fixedR .navbar-discord-link svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }

  #fixedR .navbar-discord-label {
    display: inline;
  }

  #fixedR .navbar-account .btn {
    gap: 12px;
    background: rgba(29, 135, 222, .12);
    border-color: rgba(50, 154, 239, .25);
  }

  #fixedR .navbar-account .btn img {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }

  body:has(#navbarType.show, #navbarType.showing, #navbarType.hiding) .wpcc-container,
  body:has(#navbarType.show, #navbarType.showing, #navbarType.hiding) .konnect-chat-launcher {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 600px) {
  footer.py-5 {
    margin-top: 32px;
    padding: 28px 0 24px !important;
  }

  footer.py-5 .need_more {
    margin: 0 0 28px !important;
    padding: 22px !important;
  }

  footer.py-5 .need_more h2,
  footer.py-5 .need_more p {
    text-align: left;
  }

  footer.py-5 .need_more h2 {
    font-size: 23px;
  }

  footer.py-5 .need_more p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
  }

  footer.py-5 .need_more .need_more_icon {
    display: none;
  }

  footer.py-5 .need_more .need_more_right {
    float: none !important;
    margin: 16px 0 0 !important;
    width: 100%;
  }

  footer.py-5 .need_more .need_more_right .btn {
    min-height: 44px;
    width: 100%;
  }

  footer.py-5 .footer_links {
    text-align: left;
  }

  footer.py-5 .footer_links > .col-md-8 > .row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 12px;
  }

  footer.py-5 .footer_links > .col-md-8 > .row > .col-sm-4 {
    width: auto;
    padding: 0 12px;
  }

  footer.py-5 .footer_links > .col-md-8 > .row > .col-sm-4:last-child {
    grid-column: 1 / -1;
  }

  footer.py-5 .footer_links h4 {
    margin: 0 0 6px;
    font-size: 16px;
  }

  footer.py-5 .footer_links ul li {
    line-height: 1.55;
    margin-top: 5px;
  }

  footer.py-5 .footer_links ul li a {
    padding: 4px 0;
    line-height: 1.35;
  }

  footer.py-5 .footer_about {
    margin-top: 26px;
    text-align: left;
  }

  footer.py-5 .footer_about .d-flex {
    justify-content: flex-start;
  }

  .footer_bottom .row {
    gap: 4px;
    justify-content: center !important;
    text-align: center;
  }

  .footer_bottom .container-custom {
    padding-right: 72px;
  }

  .footer_bottom .footer-right,
  .footer_bottom .footer-left {
    justify-content: center;
    margin: 0 auto !important;
  }

  .footer_bottom p {
    font-size: 12px;
    line-height: 1.4;
    padding: 0;
  }

  .garrys-mod-page .product-game-header {
    padding-bottom: 12px;
  }

  .garrys-mod-page .game_plans {
    padding-top: 18px !important;
  }
}

@media (max-width: 360px) {
  body.login-page .login-modern {
    padding-bottom: 20px;
  }

  .garrys-mod-page .rust-hero__copy h1 {
    font-size: 36px;
  }

  body.cart-page .checkout-topbar {
    gap: 8px;
  }

  body.cart-page .checkout-topbar img {
    width: 130px;
  }
}

@media (max-width: 360px) and (max-height: 760px) {
  body.login-page .login-modern {
    padding: 8px 12px 12px;
  }

  body.login-page .login-modern__panel {
    padding: 16px 20px;
  }

  body.login-page .login-modern__icon {
    margin-bottom: 10px;
  }

  body.login-page .login-modern__panel-head {
    margin-bottom: 14px;
  }

  body.login-page .login-modern__panel-head small {
    margin-top: 4px;
  }

  body.login-page .login-modern__form {
    gap: 12px;
  }

  body.login-page .login-modern__divider {
    margin: 12px 0 10px;
  }

  body.login-page .login-modern__help {
    margin-top: 8px;
  }
}
.admin-analytics-shortcut,.admin-live-chat-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border:1px solid rgba(39,145,205,.45);border-radius:9px;color:#9edcff!important;background:rgba(5,37,56,.65);font-size:12px;font-weight:800;text-decoration:none!important;white-space:nowrap}.admin-analytics-shortcut:hover,.admin-live-chat-shortcut:hover{border-color:#35b7ff;background:#093451}.admin-live-chat-shortcut{border-color:rgba(41,202,151,.45);color:#7be6bd!important}.admin-live-chat-shortcut:hover{border-color:#42dca7;background:#0a342d}
.konnect-turnstile { width: 100%; min-width: 0; }
.konnect-turnstile--interactive {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90px;
  margin: 4px 0;
  padding: 12px;
  border: 1px solid rgba(54, 165, 247, .48);
  border-radius: 12px;
  background: #071620;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 10px 24px rgba(0, 0, 0, .16);
}
.login-modern__form > .konnect-turnstile:empty { height: 0; margin-block: -10px; }
.register-modern__form > .konnect-turnstile:empty { margin-block: -9px; }
#modalLoginForm .konnect-turnstile--interactive,
#modalRegisterForm .konnect-turnstile--interactive { margin: 0 0 16px; }
.checkout-auth .konnect-turnstile--interactive { margin-top: 8px; }
@media (max-width: 380px) {
  .konnect-turnstile--interactive { padding: 10px; }
}
.footer-privacy-choice{display:block;width:max-content;margin:12px auto 0;color:#71bde8!important;font-size:12px;text-decoration:none}.footer-privacy-choice:hover{color:#fff!important}
.portal-avatar{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:15px;border:1px solid rgba(43,130,174,.38);border-radius:13px;background:rgba(6,27,42,.72)}.portal-avatar__preview{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;overflow:hidden;border:2px solid #249ee8;border-radius:16px;background:linear-gradient(135deg,#1268d2,#24b7d4);color:#fff;font-size:1.4rem;font-weight:900}.portal-avatar__preview img{width:100%;height:100%;object-fit:cover}.portal-avatar>div{display:grid;gap:3px}.portal-avatar strong{color:#f1f8fc}.portal-avatar small{color:#779db2;font-size:11px;line-height:1.4}.portal-avatar label{width:max-content;margin-top:5px;color:#54bfff;font-size:12px;font-weight:800;cursor:pointer}.portal-avatar label:hover{color:#fff}.dashboard-page .ticket-card{display:block;color:inherit;text-decoration:none}

/* Native logout forms keep the navigation and account-help styling. */
.navbar-logout-form { margin: 0; }
#fixedR .navbar-logout-form > button { width: 100%; text-align: left; font: inherit; cursor: pointer; }
.login-modern__help > button { padding: 0; border: 0; background: none; color: #4cabf4; font: inherit; cursor: pointer; }
.login-modern__help > button:hover { color: #86c9ff; text-decoration: underline; }

/* Hidden slides do not download artwork until they are selected. */
.home-hero__slide:not(.is-active) img { display: none; }

/* Only JavaScript-observed, below-fold homepage elements start concealed. */
@media (prefers-reduced-motion: no-preference) {
  .home-page .kh-home-reveal-pending { opacity: 0; translate: 0 24px; }
}
@media (prefers-reduced-motion: reduce), print {
  .home-page .kh-home-reveal-pending { opacity: 1 !important; translate: none !important; }
}

@supports(background-image:image-set(url("") 1x)){@media(min-width:0px){:root{--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493:image-set(url("/media/aec6f104-138a-4c9d-ba3e-8ad5f187e493/3/lossless-320.webp") 1x);--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16:image-set(url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-480.webp") 1x,url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-960.webp") 2x);--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461:image-set(url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-480.webp") 1x,url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-960.webp") 2x);--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad:image-set(url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-480.webp") 1x,url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-960.webp") 2x);--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8:image-set(url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-480.webp") 1x,url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-960.webp") 2x);--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267:image-set(url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-480.webp") 1x,url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-960.webp") 2x);--kh-bg-306ebe77-1182-4888-9727-814ad4430716:image-set(url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-480.webp") 1x,url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-960.webp") 2x);--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760:image-set(url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-480.webp") 1x,url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-960.webp") 2x);--kh-bg-b3068a12-f481-4450-9885-e77509dbf971:image-set(url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-480.webp") 1x,url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-960.webp") 2x);--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5:image-set(url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-480.webp") 1x,url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-960.webp") 2x);--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c:image-set(url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-480.webp") 1x,url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-960.webp") 2x);--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2:image-set(url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-480.webp") 1x,url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-960.webp") 2x);--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba:image-set(url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-480.webp") 1x,url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-960.webp") 2x);--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70:image-set(url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-480.webp") 1x,url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-960.webp") 2x);--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375:image-set(url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-480.webp") 1x,url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-960.webp") 2x);--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1:image-set(url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-480.webp") 1x,url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-960.webp") 2x);--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08:image-set(url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-480.webp") 1x,url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-960.webp") 2x);--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd:image-set(url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-480.webp") 1x,url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-960.webp") 2x);--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6:image-set(url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-480.webp") 1x,url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-960.webp") 2x);--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399:image-set(url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-480.webp") 1x,url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-960.webp") 2x);--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a:image-set(url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-480.webp") 1x,url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-960.webp") 2x);--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b:image-set(url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-480.webp") 1x,url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-960.webp") 2x);--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2:image-set(url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-480.webp") 1x,url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-960.webp") 2x);--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be:image-set(url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-480.webp") 1x,url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-960.webp") 2x);--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6:image-set(url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-480.webp") 1x,url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-960.webp") 2x);--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01:image-set(url("/media/c95932d7-97df-4f33-a883-b45e6a517d01/3/lossless-2172.webp") 1x);--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8:image-set(url("/media/b7421039-93c7-421b-abc4-1daf104c0ed8/3/lossless-182.webp") 1x);}}@media(min-width:481px){:root{--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493:image-set(url("/media/aec6f104-138a-4c9d-ba3e-8ad5f187e493/3/lossless-320.webp") 1x);--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16:image-set(url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-960.webp") 1x,url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 2x);--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461:image-set(url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-960.webp") 1x,url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-1920.webp") 2x);--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad:image-set(url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-960.webp") 1x,url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-1920.webp") 2x);--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8:image-set(url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-960.webp") 1x,url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-1920.webp") 2x);--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267:image-set(url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-960.webp") 1x,url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-1920.webp") 2x);--kh-bg-306ebe77-1182-4888-9727-814ad4430716:image-set(url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-960.webp") 1x,url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-1920.webp") 2x);--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760:image-set(url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-960.webp") 1x,url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-1920.webp") 2x);--kh-bg-b3068a12-f481-4450-9885-e77509dbf971:image-set(url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-960.webp") 1x,url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 2x);--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5:image-set(url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-960.webp") 1x,url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 2x);--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c:image-set(url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-960.webp") 1x,url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 2x);--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2:image-set(url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-960.webp") 1x,url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 2x);--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba:image-set(url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-960.webp") 1x,url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 2x);--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70:image-set(url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-960.webp") 1x,url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 2x);--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375:image-set(url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-960.webp") 1x,url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 2x);--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1:image-set(url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-960.webp") 1x,url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 2x);--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08:image-set(url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-960.webp") 1x,url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 2x);--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd:image-set(url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-960.webp") 1x,url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 2x);--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6:image-set(url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-960.webp") 1x,url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 2x);--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399:image-set(url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-960.webp") 1x,url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 2x);--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a:image-set(url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-960.webp") 1x,url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 2x);--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b:image-set(url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-960.webp") 1x,url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 2x);--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2:image-set(url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-960.webp") 1x,url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 2x);--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be:image-set(url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-960.webp") 1x,url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-1920.webp") 2x);--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6:image-set(url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-960.webp") 1x,url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 2x);--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01:image-set(url("/media/c95932d7-97df-4f33-a883-b45e6a517d01/3/lossless-2172.webp") 1x);--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8:image-set(url("/media/b7421039-93c7-421b-abc4-1daf104c0ed8/3/lossless-182.webp") 1x);}}@media(min-width:961px){:root{--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493:image-set(url("/media/aec6f104-138a-4c9d-ba3e-8ad5f187e493/3/lossless-320.webp") 1x);--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16:image-set(url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1440.webp") 1x,url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 2x);--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461:image-set(url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-1440.webp") 1x,url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-3840.webp") 2x);--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad:image-set(url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-1440.webp") 1x,url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-3840.webp") 2x);--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8:image-set(url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-1440.webp") 1x,url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-3840.webp") 2x);--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267:image-set(url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-1440.webp") 1x,url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-3840.webp") 2x);--kh-bg-306ebe77-1182-4888-9727-814ad4430716:image-set(url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-1440.webp") 1x,url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-3840.webp") 2x);--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760:image-set(url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-1440.webp") 1x,url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-3840.webp") 2x);--kh-bg-b3068a12-f481-4450-9885-e77509dbf971:image-set(url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1440.webp") 1x,url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 2x);--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5:image-set(url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1440.webp") 1x,url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 2x);--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c:image-set(url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1440.webp") 1x,url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 2x);--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2:image-set(url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1440.webp") 1x,url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 2x);--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba:image-set(url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1440.webp") 1x,url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 2x);--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70:image-set(url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1440.webp") 1x,url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 2x);--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375:image-set(url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1440.webp") 1x,url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 2x);--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1:image-set(url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1440.webp") 1x,url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 2x);--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08:image-set(url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1440.webp") 1x,url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 2x);--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd:image-set(url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 1x,url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 2x);--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6:image-set(url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1440.webp") 1x,url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 2x);--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399:image-set(url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1440.webp") 1x,url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 2x);--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a:image-set(url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1440.webp") 1x,url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 2x);--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b:image-set(url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1440.webp") 1x,url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 2x);--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2:image-set(url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1440.webp") 1x,url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 2x);--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be:image-set(url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-1440.webp") 1x,url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-3840.webp") 2x);--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6:image-set(url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 1x,url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 2x);--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01:image-set(url("/media/c95932d7-97df-4f33-a883-b45e6a517d01/3/lossless-2172.webp") 1x);--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8:image-set(url("/media/b7421039-93c7-421b-abc4-1daf104c0ed8/3/lossless-182.webp") 1x);}}@media(min-width:1441px){:root{--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493:image-set(url("/media/aec6f104-138a-4c9d-ba3e-8ad5f187e493/3/lossless-320.webp") 1x);--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16:image-set(url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 1x,url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 2x);--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461:image-set(url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-1920.webp") 1x,url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-3840.webp") 2x);--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad:image-set(url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-1920.webp") 1x,url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-3840.webp") 2x);--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8:image-set(url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-1920.webp") 1x,url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-3840.webp") 2x);--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267:image-set(url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-1920.webp") 1x,url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-3840.webp") 2x);--kh-bg-306ebe77-1182-4888-9727-814ad4430716:image-set(url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-1920.webp") 1x,url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-3840.webp") 2x);--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760:image-set(url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-1920.webp") 1x,url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-3840.webp") 2x);--kh-bg-b3068a12-f481-4450-9885-e77509dbf971:image-set(url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 1x,url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 2x);--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5:image-set(url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 1x,url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 2x);--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c:image-set(url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 1x,url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 2x);--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2:image-set(url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 1x,url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 2x);--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba:image-set(url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 1x,url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 2x);--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70:image-set(url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 1x,url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 2x);--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375:image-set(url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 1x,url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 2x);--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1:image-set(url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 1x,url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 2x);--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08:image-set(url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 1x,url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 2x);--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd:image-set(url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 1x,url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 2x);--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6:image-set(url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 1x,url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 2x);--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399:image-set(url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 1x,url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 2x);--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a:image-set(url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 1x,url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 2x);--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b:image-set(url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 1x,url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 2x);--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2:image-set(url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 1x,url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 2x);--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be:image-set(url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-1920.webp") 1x,url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-3840.webp") 2x);--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6:image-set(url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 1x,url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 2x);--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01:image-set(url("/media/c95932d7-97df-4f33-a883-b45e6a517d01/3/lossless-2172.webp") 1x);--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8:image-set(url("/media/b7421039-93c7-421b-abc4-1daf104c0ed8/3/lossless-182.webp") 1x);}}@media(min-width:1921px){:root{--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493:image-set(url("/media/aec6f104-138a-4c9d-ba3e-8ad5f187e493/3/lossless-320.webp") 1x);--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16:image-set(url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 1x,url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 2x);--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461:image-set(url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-2560.webp") 1x,url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-3840.webp") 2x);--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad:image-set(url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-2560.webp") 1x,url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-3840.webp") 2x);--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8:image-set(url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-2560.webp") 1x,url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-3840.webp") 2x);--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267:image-set(url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-2560.webp") 1x,url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-3840.webp") 2x);--kh-bg-306ebe77-1182-4888-9727-814ad4430716:image-set(url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-2560.webp") 1x,url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-3840.webp") 2x);--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760:image-set(url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-2560.webp") 1x,url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-3840.webp") 2x);--kh-bg-b3068a12-f481-4450-9885-e77509dbf971:image-set(url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 1x,url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 2x);--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5:image-set(url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 1x,url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 2x);--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c:image-set(url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 1x,url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 2x);--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2:image-set(url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 1x,url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 2x);--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba:image-set(url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 1x,url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 2x);--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70:image-set(url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 1x,url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 2x);--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375:image-set(url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 1x,url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 2x);--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1:image-set(url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 1x,url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 2x);--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08:image-set(url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 1x,url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 2x);--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd:image-set(url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 1x,url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 2x);--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6:image-set(url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 1x,url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 2x);--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399:image-set(url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 1x,url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 2x);--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a:image-set(url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 1x,url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 2x);--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b:image-set(url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 1x,url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 2x);--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2:image-set(url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 1x,url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 2x);--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be:image-set(url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-2560.webp") 1x,url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-3840.webp") 2x);--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6:image-set(url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 1x,url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 2x);--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01:image-set(url("/media/c95932d7-97df-4f33-a883-b45e6a517d01/3/lossless-2172.webp") 1x);--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8:image-set(url("/media/b7421039-93c7-421b-abc4-1daf104c0ed8/3/lossless-182.webp") 1x);}}@media(min-width:2561px){:root{--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493:image-set(url("/media/aec6f104-138a-4c9d-ba3e-8ad5f187e493/3/lossless-320.webp") 1x);--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16:image-set(url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 1x,url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 2x);--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461:image-set(url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-3840.webp") 1x,url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-3840.webp") 2x);--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad:image-set(url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-3840.webp") 1x,url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-3840.webp") 2x);--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8:image-set(url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-3840.webp") 1x,url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-3840.webp") 2x);--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267:image-set(url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-3840.webp") 1x,url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-3840.webp") 2x);--kh-bg-306ebe77-1182-4888-9727-814ad4430716:image-set(url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-3840.webp") 1x,url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-3840.webp") 2x);--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760:image-set(url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-3840.webp") 1x,url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-3840.webp") 2x);--kh-bg-b3068a12-f481-4450-9885-e77509dbf971:image-set(url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 1x,url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 2x);--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5:image-set(url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 1x,url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 2x);--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c:image-set(url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 1x,url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 2x);--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2:image-set(url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 1x,url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 2x);--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba:image-set(url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 1x,url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 2x);--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70:image-set(url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 1x,url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 2x);--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375:image-set(url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 1x,url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 2x);--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1:image-set(url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 1x,url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 2x);--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08:image-set(url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 1x,url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 2x);--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd:image-set(url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 1x,url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 2x);--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6:image-set(url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 1x,url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 2x);--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399:image-set(url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 1x,url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 2x);--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a:image-set(url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 1x,url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 2x);--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b:image-set(url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 1x,url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 2x);--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2:image-set(url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 1x,url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 2x);--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be:image-set(url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-3840.webp") 1x,url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-3840.webp") 2x);--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6:image-set(url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 1x,url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 2x);--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01:image-set(url("/media/c95932d7-97df-4f33-a883-b45e6a517d01/3/lossless-2172.webp") 1x);--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8:image-set(url("/media/b7421039-93c7-421b-abc4-1daf104c0ed8/3/lossless-182.webp") 1x);}}@media(min-width:3841px){:root{--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493:image-set(url("/media/aec6f104-138a-4c9d-ba3e-8ad5f187e493/3/lossless-320.webp") 1x);--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16:image-set(url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 1x,url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-1920.webp") 2x);--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461:image-set(url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-3840.webp") 1x,url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-3840.webp") 2x);--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad:image-set(url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-3840.webp") 1x,url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-3840.webp") 2x);--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8:image-set(url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-3840.webp") 1x,url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-3840.webp") 2x);--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267:image-set(url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-3840.webp") 1x,url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-3840.webp") 2x);--kh-bg-306ebe77-1182-4888-9727-814ad4430716:image-set(url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-3840.webp") 1x,url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-3840.webp") 2x);--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760:image-set(url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-3840.webp") 1x,url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-3840.webp") 2x);--kh-bg-b3068a12-f481-4450-9885-e77509dbf971:image-set(url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 1x,url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-1920.webp") 2x);--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5:image-set(url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 1x,url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-1920.webp") 2x);--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c:image-set(url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 1x,url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-1920.webp") 2x);--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2:image-set(url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 1x,url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-1919.webp") 2x);--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba:image-set(url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 1x,url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-1920.webp") 2x);--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70:image-set(url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 1x,url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-1920.webp") 2x);--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375:image-set(url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 1x,url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-1920.webp") 2x);--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1:image-set(url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 1x,url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-1920.webp") 2x);--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08:image-set(url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 1x,url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-1920.webp") 2x);--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd:image-set(url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 1x,url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-1280.webp") 2x);--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6:image-set(url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 1x,url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-1920.webp") 2x);--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399:image-set(url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 1x,url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-1920.webp") 2x);--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a:image-set(url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 1x,url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-1920.webp") 2x);--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b:image-set(url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 1x,url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-1920.webp") 2x);--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2:image-set(url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 1x,url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-1920.webp") 2x);--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be:image-set(url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-3840.webp") 1x,url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-3840.webp") 2x);--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6:image-set(url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 1x,url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-1000.webp") 2x);--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01:image-set(url("/media/c95932d7-97df-4f33-a883-b45e6a517d01/3/lossless-2172.webp") 1x);--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8:image-set(url("/media/b7421039-93c7-421b-abc4-1daf104c0ed8/3/lossless-182.webp") 1x);}}@media(min-width:0px) and (max-width:991px){:root{--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493:image-set(url("/media/aec6f104-138a-4c9d-ba3e-8ad5f187e493/3/lossless-320.webp") 1x);--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16:image-set(url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-480.webp") 1x,url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-960.webp") 2x);--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461:image-set(url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-480.webp") 1x,url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-960.webp") 2x);--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad:image-set(url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-480.webp") 1x,url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-960.webp") 2x);--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8:image-set(url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-480.webp") 1x,url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-960.webp") 2x);--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267:image-set(url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-480.webp") 1x,url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-960.webp") 2x);--kh-bg-306ebe77-1182-4888-9727-814ad4430716:image-set(url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-480.webp") 1x,url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-960.webp") 2x);--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760:image-set(url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-480.webp") 1x,url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-960.webp") 2x);--kh-bg-b3068a12-f481-4450-9885-e77509dbf971:image-set(url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-480.webp") 1x,url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-960.webp") 2x);--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5:image-set(url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-480.webp") 1x,url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-960.webp") 2x);--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c:image-set(url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-480.webp") 1x,url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-960.webp") 2x);--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2:image-set(url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-480.webp") 1x,url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-960.webp") 2x);--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba:image-set(url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-480.webp") 1x,url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-960.webp") 2x);--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70:image-set(url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-480.webp") 1x,url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-960.webp") 2x);--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375:image-set(url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-480.webp") 1x,url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-960.webp") 2x);--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1:image-set(url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-480.webp") 1x,url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-960.webp") 2x);--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08:image-set(url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-480.webp") 1x,url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-960.webp") 2x);--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd:image-set(url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-480.webp") 1x,url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-960.webp") 2x);--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6:image-set(url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-480.webp") 1x,url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-960.webp") 2x);--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399:image-set(url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-480.webp") 1x,url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-960.webp") 2x);--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a:image-set(url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-480.webp") 1x,url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-960.webp") 2x);--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b:image-set(url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-480.webp") 1x,url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-960.webp") 2x);--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2:image-set(url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-480.webp") 1x,url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-960.webp") 2x);--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be:image-set(url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-480.webp") 1x,url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-960.webp") 2x);--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6:image-set(url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-480.webp") 1x,url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-960.webp") 2x);--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01:image-set(url("/media/c95932d7-97df-4f33-a883-b45e6a517d01/3/lossless-2172.webp") 1x);--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8:image-set(url("/media/b7421039-93c7-421b-abc4-1daf104c0ed8/3/lossless-182.webp") 1x);}}@media(min-width:481px) and (max-width:991px){:root{--kh-bg-aec6f104-138a-4c9d-ba3e-8ad5f187e493:image-set(url("/media/aec6f104-138a-4c9d-ba3e-8ad5f187e493/3/lossless-320.webp") 1x);--kh-bg-c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16:image-set(url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-960.webp") 1x,url("/media/c2bafd4b-fe0d-43a8-92ff-069f6cd7fc16/3/lossless-960.webp") 2x);--kh-bg-595e7c05-a5f2-463d-a0b3-d5452b3c3461:image-set(url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-960.webp") 1x,url("/media/595e7c05-a5f2-463d-a0b3-d5452b3c3461/3/lossy-960.webp") 2x);--kh-bg-c689e0ab-9e82-471b-8aaf-c28bc3a228ad:image-set(url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-960.webp") 1x,url("/media/c689e0ab-9e82-471b-8aaf-c28bc3a228ad/3/lossy-960.webp") 2x);--kh-bg-9a447607-412a-4778-b0d7-f9be8da0fbe8:image-set(url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-960.webp") 1x,url("/media/9a447607-412a-4778-b0d7-f9be8da0fbe8/3/lossy-960.webp") 2x);--kh-bg-4749a9fc-18a9-4035-a1e4-6365f6cc4267:image-set(url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-960.webp") 1x,url("/media/4749a9fc-18a9-4035-a1e4-6365f6cc4267/3/lossy-960.webp") 2x);--kh-bg-306ebe77-1182-4888-9727-814ad4430716:image-set(url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-960.webp") 1x,url("/media/306ebe77-1182-4888-9727-814ad4430716/3/lossy-960.webp") 2x);--kh-bg-49c104af-f329-460a-b2c2-21f4d8206760:image-set(url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-960.webp") 1x,url("/media/49c104af-f329-460a-b2c2-21f4d8206760/3/lossy-960.webp") 2x);--kh-bg-b3068a12-f481-4450-9885-e77509dbf971:image-set(url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-960.webp") 1x,url("/media/b3068a12-f481-4450-9885-e77509dbf971/3/lossy-960.webp") 2x);--kh-bg-bea7b0b4-b214-47c2-96a2-495276ed1eb5:image-set(url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-960.webp") 1x,url("/media/bea7b0b4-b214-47c2-96a2-495276ed1eb5/3/lossy-960.webp") 2x);--kh-bg-aa92c760-8512-468f-aab3-c46ceea4119c:image-set(url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-960.webp") 1x,url("/media/aa92c760-8512-468f-aab3-c46ceea4119c/3/lossy-960.webp") 2x);--kh-bg-4951e824-d91e-4d43-8278-ebeecb625aa2:image-set(url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-960.webp") 1x,url("/media/4951e824-d91e-4d43-8278-ebeecb625aa2/3/lossy-960.webp") 2x);--kh-bg-f6b3e934-ba2a-4962-aa53-ec5586041bba:image-set(url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-960.webp") 1x,url("/media/f6b3e934-ba2a-4962-aa53-ec5586041bba/3/lossy-960.webp") 2x);--kh-bg-b608bfec-53b0-407d-9804-e149ea31fb70:image-set(url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-960.webp") 1x,url("/media/b608bfec-53b0-407d-9804-e149ea31fb70/3/lossy-960.webp") 2x);--kh-bg-d0d41df3-f442-44bc-8a6a-8c9eb1984375:image-set(url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-960.webp") 1x,url("/media/d0d41df3-f442-44bc-8a6a-8c9eb1984375/3/lossy-960.webp") 2x);--kh-bg-b54b717f-462f-4837-ab19-0a28b00d00e1:image-set(url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-960.webp") 1x,url("/media/b54b717f-462f-4837-ab19-0a28b00d00e1/3/lossy-960.webp") 2x);--kh-bg-2ffde8c6-0afc-45cc-9577-2482e51d5a08:image-set(url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-960.webp") 1x,url("/media/2ffde8c6-0afc-45cc-9577-2482e51d5a08/3/lossy-960.webp") 2x);--kh-bg-3a11b284-0c41-4b97-9dfb-01bac174a6bd:image-set(url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-960.webp") 1x,url("/media/3a11b284-0c41-4b97-9dfb-01bac174a6bd/3/lossy-960.webp") 2x);--kh-bg-77df5780-b5dd-4234-94e1-3105ff59d4f6:image-set(url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-960.webp") 1x,url("/media/77df5780-b5dd-4234-94e1-3105ff59d4f6/3/lossy-960.webp") 2x);--kh-bg-cdc5c009-1895-41b7-aee3-7a5270e2e399:image-set(url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-960.webp") 1x,url("/media/cdc5c009-1895-41b7-aee3-7a5270e2e399/3/lossy-960.webp") 2x);--kh-bg-25b2f634-cf74-4053-a1c6-2b15c2e3193a:image-set(url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-960.webp") 1x,url("/media/25b2f634-cf74-4053-a1c6-2b15c2e3193a/3/lossy-960.webp") 2x);--kh-bg-f8dc38d3-e238-463e-a4f2-12cd76087c4b:image-set(url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-960.webp") 1x,url("/media/f8dc38d3-e238-463e-a4f2-12cd76087c4b/3/lossy-960.webp") 2x);--kh-bg-e1f7187a-799b-4894-947e-64d7a003f3c2:image-set(url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-960.webp") 1x,url("/media/e1f7187a-799b-4894-947e-64d7a003f3c2/3/lossy-960.webp") 2x);--kh-bg-78f43f74-1755-4d78-b7dd-4207388798be:image-set(url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-960.webp") 1x,url("/media/78f43f74-1755-4d78-b7dd-4207388798be/3/lossy-960.webp") 2x);--kh-bg-62016aec-e767-461f-bccc-39a5b4173ff6:image-set(url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-960.webp") 1x,url("/media/62016aec-e767-461f-bccc-39a5b4173ff6/3/lossy-960.webp") 2x);--kh-bg-c95932d7-97df-4f33-a883-b45e6a517d01:image-set(url("/media/c95932d7-97df-4f33-a883-b45e6a517d01/3/lossless-2172.webp") 1x);--kh-bg-b7421039-93c7-421b-abc4-1daf104c0ed8:image-set(url("/media/b7421039-93c7-421b-abc4-1daf104c0ed8/3/lossless-182.webp") 1x);}}}