/* COM149: phone-only navigation; desktop stays unchanged. */
@media(max-width:680px){
 html,body{max-width:100%;overflow-x:clip}
 #siteHeader.topbarSafe{display:grid!important;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr)!important;grid-template-rows:1fr!important;align-items:center!important;min-height:66px!important;height:66px!important;padding:8px 12px!important;gap:6px!important;overflow:visible!important}
 #siteHeader .topbarBrandSafe{grid-column:2!important;grid-row:1!important;justify-self:center!important;display:flex!important;align-items:center!important}
 #siteHeader .topbarBrandSafe img{height:45px!important;width:auto!important;max-width:min(35vw,150px)!important}
 #siteHeader .topbarLinksSafe{display:none!important}
 #siteHeader .topbarRightSafe{grid-column:1/-1!important;grid-row:1!important;display:contents!important}
 #siteHeader .topbarRightSafe>.lang{grid-column:1!important;grid-row:1!important;justify-self:start!important;display:flex!important;gap:2px!important}
 #siteHeader .topbarRightSafe>.lang button{min-width:39px!important;min-height:40px!important;padding:7px!important;font-size:12px!important}
 #siteHeader #menuToggle{grid-column:3!important;grid-row:1!important;justify-self:end!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:46px!important;height:46px!important;border-radius:14px!important;border:1px solid #e8bf7359!important;background:rgba(18,19,22,.92)!important;transform:none!important;position:relative!important;z-index:2140!important}
 #siteHeader #menuToggle span{width:21px!important;height:2px!important;flex:none!important;background:#f7da99!important;border-radius:2px!important;display:block!important;transition:transform .2s,opacity .2s!important}
 #siteHeader #menuToggle.active span:first-child{transform:translateY(7px) rotate(45deg)!important}
 #siteHeader #menuToggle.active span:nth-child(2){opacity:0!important}
 #siteHeader #menuToggle.active span:last-child{transform:translateY(-7px) rotate(-45deg)!important}
 #web149MobilePanel{position:fixed;inset:0;z-index:2100;display:none;background:rgba(0,0,0,.63);backdrop-filter:blur(5px);padding:79px 12px 12px;overflow-y:auto}
 #web149MobilePanel.open{display:block}
 #web149MobilePanel .mobileMenuInner149{margin:0 auto;max-width:430px;padding:15px;background:linear-gradient(160deg,#202125,#090b0d 85%);border:1px solid #e9c5746b;box-shadow:0 25px 70px #000c;border-radius:23px;animation:web149MenuIn .2s ease-out}
 #web149MobilePanel .mobileMenuLabel149{display:flex;justify-content:space-between;align-items:center;color:#d8b976;font-size:10px;letter-spacing:.16em;font-weight:800;margin:4px 5px 12px}
 #web149MobilePanel a{min-height:53px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:5px 0;border:1px solid #ffffff16;border-radius:14px;background:#ffffff09;color:#fff!important;text-decoration:none;font-size:14px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}
 #web149MobilePanel a:focus-visible,#web149MobilePanel a:hover{outline:2px solid #e8c276;background:#e8c27616}
 #web149MobilePanel a:after{content:'›';color:#efca76;font-size:23px;margin-left:15px}
 @keyframes web149MenuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
 .contactCards145{gap:15px!important}.contactCard145{min-height:218px!important;padding:26px 22px!important}.contactCardMedia146 video{object-position:center center!important}
}
@media(max-width:390px){.contactCard145{min-height:205px!important}}
/* One interaction surface, no nested links. Keep original official card look. */
.homeDownloadShowcase146.web149Interactive{cursor:pointer;text-align:center;justify-content:center;outline-offset:3px}
.homeDownloadShowcase146.web149Interactive:focus-visible{outline:3px solid #ffd57c}
.homeDownloadShowcase146.web149Interactive .homeDownloadContent146{width:100%;max-width:800px;margin:auto;text-align:center}
.homeDownloadShowcase146.web149Interactive .web149DownloadCta{display:inline-flex;border-radius:30px;background:linear-gradient(110deg,#ffdb82,#e8b33d);padding:13px 23px;color:#101010!important;font-size:12px;letter-spacing:.07em;font-weight:950;align-items:center;justify-content:center}
/* Keep mascot floating animation, dimensions and image; adjust only vertical anchor. */
.comGuideMascot{bottom:10px!important}