/* Modern visual refresh for the three primary pages. Existing page content and legacy styles remain intact. */
:root { color-scheme: light; --mlq-ink: #172b3c; --mlq-blue: #146b8a; --mlq-teal: #1aa6a0; --mlq-soft: #f2f7f8; --mlq-line: #dce8eb; }
html { scroll-behavior: smooth; }
body { color: var(--mlq-ink); background: #f7fafb; font-family: Tahoma, Arial, sans-serif; line-height: 1.8; }
a { transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.w_header { height: auto !important; min-height: 82px; background: rgba(255,255,255,.97); box-shadow: 0 4px 22px rgba(20,54,69,.08); position: relative; z-index: 20; }
.in_header { max-width: 1240px; margin: 0 auto; }
.menunav .manu ul li a { display: block; padding: 19px 12px; color: var(--mlq-ink); font-weight: 700; text-decoration: none; }
.menunav .manu ul li a:hover, .menunav .manu ul li a:focus { color: var(--mlq-blue); background: #edf7f8; border-radius: 10px; }
.tihidBlueBar { background: linear-gradient(110deg, #123d5a, #167f91) !important; border: 0 !important; box-shadow: 0 3px 14px rgba(18,61,90,.15); }
.tihidBlueBar a img { border-radius: 12px; }
.w_center { background-size: cover; background-position: center; }
.text_center { text-shadow: 0 2px 18px rgba(0,0,0,.24); }
.text_center h1 { line-height: 1.5; }
.orange-button, .btn.ck-btn-default, .reseller_btnn, .salesroom_btn a { border: 0; border-radius: 12px; box-shadow: 0 8px 22px rgba(20,107,138,.2); }
.orange-button:hover, .btn.ck-btn-default:hover, .salesroom_btn a:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(20,107,138,.27); }
.in_after_center, .in_features, .in_reseller, .reseller_page, .content { box-sizing: border-box; }
.in_after_center, .in_features, .in_reseller, .reseller_page { max-width: 1180px; margin-left: auto !important; margin-right: auto !important; }
.in_reseller h1, .nickname1, .dnlbanr { color: var(--mlq-ink); }
.nickname1, .dnlbanr { margin-top: 36px !important; padding: 18px 22px; border-radius: 16px; background: linear-gradient(110deg, #e8f4f5, #f5f8fb); border-right: 5px solid var(--mlq-teal); }
.nickname2, .nickname3 { line-height: 2; }
.nickname2 { padding: 22px !important; margin: 16px auto; border: 1px solid var(--mlq-line); border-radius: 16px; background: #fff; box-shadow: 0 8px 28px rgba(24,57,72,.06); }
.ck-price-block { border: 1px solid var(--mlq-line) !important; border-radius: 18px !important; overflow: hidden; box-shadow: 0 10px 30px rgba(24,57,72,.08); transition: transform .2s ease, box-shadow .2s ease; }
.ck-price-block:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(24,57,72,.13); }
.dnlbanr img { max-width: 100%; height: auto; }
#footer { margin-top: 48px; }
@media (max-width: 800px) {
  body { line-height: 1.75; }
  .nickname1, .dnlbanr { margin-top: 22px !important; padding: 14px; }
  .nickname2 { padding: 16px !important; }
  .w_center { min-height: 240px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }
/* Responsive homepage layout */
.homepage { overflow-x: hidden; }
.homepage .w_center { position: relative; isolation: isolate; min-height: 570px; height: min(72vh, 720px); display: block; background-image: linear-gradient(115deg, rgba(9,36,56,.77), rgba(9,94,112,.49)), url('../img/bgh.png'); }
.homepage .w_center .bg_video { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.homepage .w_center .bgvid { width: 100%; height: 100%; object-fit: cover; }
.homepage .center_header { display: grid; min-height: inherit; place-items: center; }
.homepage .text_center { max-width: 920px; margin: auto; padding: 64px 24px; color: #fff; }
.homepage .text_center h1:first-child { font-size: clamp(34px, 5vw, 62px); margin: 0 0 12px; }
.homepage .text_center .second_h1 { font-size: clamp(18px, 2.2vw, 28px); font-weight: 500; }
.homepage .text_center br { display: none; }
.homepage .orange-button { display: inline-block; padding: 13px 28px; background: linear-gradient(110deg, #f0a345, #e97b31); color: #fff; text-decoration: none; font-weight: 700; }
.homepage .after_center { display: block; padding: 54px 22px; background: #fff; }
.homepage .in_after_center { display: flex; align-items: center; gap: 40px; padding: 0 20px; }
.homepage .in_after_center .dleftd, .homepage .in_after_center .drightd { float: none; width: 50%; }
.homepage .in_after_center .dleftd .title, .homepage .in_bluediv .title { color: var(--mlq-blue); font-size: clamp(25px, 3vw, 38px); font-weight: 700; }
.homepage .in_after_center .dleftd p:not(.title) { font-size: 17px; line-height: 2; }
.homepage .in_after_center .drightd img { display: block; max-width: 100%; height: auto; margin: auto; }
.homepage .after_center_download { width: min(100%, 340px) !important; height: auto !important; padding: 12px 18px; background: var(--mlq-blue) !important; border-radius: 12px !important; }
.homepage .after_center_download a { font-size: 18px !important; text-decoration: none; }
.homepage .bluediv { padding: 46px 20px; background-color: #123d5a; background-image: linear-gradient(120deg, rgba(14,57,81,.95), rgba(15,105,126,.83)), url('../img/blueBG.png'); }
.homepage .in_bluediv { display: flex; align-items: center; gap: 32px; max-width: 1180px; margin: auto; }
.homepage .in_bluediv .drightd, .homepage .in_bluediv .dleftd { float: none; width: 50%; color: white; }
.homepage .in_bluediv .drightd p { font-size: 20px; }
.homepage .bluediv_download img { max-width: min(100%, 220px); height: auto; }
.homepage .in_bluediv .dleftd img { display: block; max-width: 100%; height: auto; margin: auto; }
.homepage .in_reseller { margin-top: 0 !important; padding: 54px 22px; }
.homepage .reseller { background: var(--mlq-soft); padding: 1px 0; }
.homepage .in_reseller p { max-width: 850px; margin: 14px auto 28px; line-height: 2; }
.homepage .reseller_img { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px; }
.homepage .in_reseller .reseller_img img { width: auto; max-width: min(30%, 300px); height: auto; margin: 0; object-fit: contain; }
.homepage #footer { padding: 38px 20px 20px; background: #102b3d; color: #fff; }
.homepage #footer .section { max-width: 1180px; width: 100%; margin: auto; }
.homepage #footer a { color: #d8eef1; }
@media (max-width: 800px) {
  .homepage .w_center.hideonmb, .homepage .after_center.hideonmb { display: block !important; }
  .homepage .w_center { height: auto; min-height: 390px; background-position: center; }
  .homepage .w_center .bg_video, .homepage .peopleimg { display: none !important; }
  .homepage .center_header { min-height: 390px; }
  .homepage .text_center { padding: 54px 22px; }
  .homepage .text_center h1:first-child { font-size: clamp(32px, 9vw, 46px); }
  .homepage .text_center .second_h1 { font-size: 19px; }
  .homepage .salesroom_btn { display: block !important; margin-top: 24px; }
  .homepage .in_after_center, .homepage .in_bluediv { display: flex; flex-direction: column; gap: 20px; padding: 0 8px; }
  .homepage .in_after_center .dleftd, .homepage .in_after_center .drightd,
  .homepage .in_bluediv .drightd, .homepage .in_bluediv .dleftd { width: 100%; text-align: center; }
  .homepage .in_after_center .drightd { order: -1; }
  .homepage .in_after_center .drightd img { max-height: 280px; }
  .homepage .after_center_download { margin: 22px auto !important; }
  .homepage .in_bluediv .dleftd img { max-height: 320px; }
  .homepage .in_reseller { padding: 34px 18px; }
  .homepage .in_reseller h1 { font-size: 27px; }
  .homepage .in_reseller .reseller_img img { max-width: min(44%, 220px); }
  .homepage #footer .menu li.expanded { width: 100%; }
}
@media (max-width: 420px) {
  .homepage .w_center, .homepage .center_header { min-height: 350px; }
  .homepage .in_reseller .reseller_img img { max-width: 86%; }
}