/* Only the brand asset and safe MG666 destinations differ from the reference layout. */
html,body{
  min-height:100%;
  background:#d8edff!important;
}
.wp-site{
  height:auto!important;
  min-height:100vh;
  background:#d8edff;
}
.wp-banner{
  position:relative;
  background-image:url("../images/bg-pc-slots-blue.png")!important;
  height:auto!important;
  min-height:100vh;
  padding-bottom:24px;
  background-color:#d8edff;
}
.wp-banner>.container{position:relative;z-index:2}
.iphone-showcase{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.iphone-reference-composite{
  position:fixed;
  left:12px;
  top:50%;
  bottom:auto;
  width:min(540px,46vw);
  aspect-ratio:1300/1210;
  transform:translateY(-50%);
}
.iphone-reference-base{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.side-character{
  position:fixed;
  z-index:1;
  right:-58px;
  bottom:0;
  height:clamp(480px,47vw,790px);
  width:auto;
  pointer-events:none;
}
@media(min-width:768px) and (max-width:1599px){
  .iphone-reference-composite{left:0;top:50%;bottom:auto;width:min(500px,46vw);transform:translateY(-50%)}
  .side-character{right:-70px;bottom:0;height:clamp(450px,47vw,680px)}
}
.page-speed-mobile img,
.item-link img,
.wp-speed-title img{
  filter:hue-rotate(220deg) saturate(1.15);
}
.gold-title{
  margin:auto;
  padding:0;
  text-align:center;
  font-size:clamp(34px,3.2vw,56px);
  line-height:1.08;
  font-weight:1000;
  letter-spacing:.02em;
  background:linear-gradient(180deg,#fff27a 0%,#ffc928 38%,#f29212 70%,#bd5108 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 2px 1px rgba(90,42,0,.35));
}
.image-title{width:100%;max-width:700px;margin-left:auto;margin-right:auto}
.image-title>div{width:100%;justify-content:center;padding-bottom:20px!important}
.wp-speed{
  position:relative;
  background-image:none!important;
  width:100%!important;
  max-width:700px!important;
  min-height:375px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.bottom-redirect{
  position:relative;
  background-image:none!important;
  width:100%!important;
  max-width:700px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center;
  min-height:240px!important;
  height:auto!important;
}
.wp-speed::before,
.bottom-redirect::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  filter:hue-rotate(220deg) saturate(1.15);
}
.wp-speed::before{background-image:url("../images/speed-test.png")}
.bottom-redirect::before{background-image:url("../images/bg-download.png");left:-10px;right:-10px}
.wp-speed>* ,
.bottom-redirect>*{
  position:relative;
  z-index:1;
}
.logo-company{
  animation:none!important;
  -webkit-animation:none!important;
  max-width:320px!important;
  margin-top:18px!important;
  padding:10px 24px!important;
  box-sizing:border-box;
  border:1px solid rgba(255,204,54,.78);
  border-radius:18px;
  background:#087be5;
  box-shadow:0 8px 22px rgba(0,31,83,.34),inset 0 1px 0 rgba(255,255,255,.18);
}
.logo-company img{object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.65))}
.speed-meter{flex-direction:column;gap:0;white-space:nowrap}
.speed-meter .speed-value,.speed-meter .speed-unit{display:block;width:100%;line-height:.88;text-align:center}
.download-panel{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;margin:auto;padding:14px 14px;max-width:700px;box-sizing:border-box}
.platform-download{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;flex:1 1 0}
.download-qr{width:150px;height:150px;object-fit:contain;padding:8px;border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(3,61,112,.16)}
.platform-meta{position:relative;width:116px;flex:0 0 116px}
.platform-meta a,.platform-meta img{display:block;width:116px;height:auto}
.platform-meta img{filter:hue-rotate(220deg) saturate(1.15)}
.platform-meta a:hover{transform:translateY(-2px)}

/* LiveChat is a compact bottom-right window on desktop; mobile becomes fullscreen below. */
html.livechat-window-open #chat-widget-container{
  position:fixed!important;
  top:auto!important;
  left:auto!important;
  right:max(12px,env(safe-area-inset-right))!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  width:min(380px,calc(100vw - 24px))!important;
  height:min(720px,calc(100vh - 24px))!important;
  height:min(720px,calc(100dvh - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 14px 42px rgba(0,31,83,.28)!important;
}
@media(min-width:768px){
  .gold-title{white-space:nowrap}
  .wp-speed-content{width:100%;margin-top:0!important;transform:translateY(20px)}
  .redirect-links{column-gap:10px!important;row-gap:2px!important;padding:0 8px}
  .item-link{min-height:0!important;padding:2px!important}
  .redirect-links .item-link .icon img,
  .redirect-links .item-link img,
  .item-link .icon img,
  .item-link img{width:285px!important;min-width:0!important;max-width:100%!important}
  .speed-meter{left:80%!important;top:50%!important;width:46px;height:46px;font-size:.85rem!important;text-align:center;transform:translate(-50%,-50%)!important}
}
@media(max-width:767px){
  html.livechat-window-open #chat-widget-container{
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .wp-banner{
    background-image:url("../images/bg-mb-blue.png")!important;
  }
  .wp-speed::before,.bottom-redirect::before{display:none}
  .iphone-showcase,.side-character{display:none}
  .gold-title{
    font-size:clamp(27px,8vw,42px);
    background:none;
    -webkit-background-clip:initial;
    background-clip:border-box;
    color:#087be5;
    -webkit-text-fill-color:#087be5;
    filter:drop-shadow(0 2px 1px rgba(0,55,125,.28));
  }
  .wp-speed{min-height:0!important}
  .bottom-redirect{width:100%;min-height:132px!important;padding:8px 0!important}
  .download-panel{width:100%;flex-direction:row;gap:12px;padding:8px 6px}
  .platform-download{min-width:0;flex:1 1 0;gap:0;padding:7px 5px;background:rgba(255,255,255,.96);border:2px solid #0a78e8;border-radius:15px;box-shadow:0 5px 14px rgba(3,61,112,.18)}
  .download-qr{display:none}
  .platform-meta{width:123px;flex:0 1 123px;transform:none}
  .platform-meta a,.platform-meta img{width:123px;max-width:100%;margin:auto}
}