/* Final desktop landing composition overrides */
.landing-carousel-dots{display:none!important}.landing-scroll{display:none!important}
@media (min-width:1101px){
#s-login,.landing-page{min-height:100svh;height:100svh}
.landing-nav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 56px));padding:18px 0;z-index:100!important;display:block!important;pointer-events:none}
.landing-brand{display:block!important;width:300px!important;height:106px!important;transform:none!important;background:url('../assets/compass_logo.png') center/contain no-repeat!important;border:0!important;position:relative!important;z-index:101!important;pointer-events:auto}
.landing-brand-mark,.landing-brand-name{display:none!important}
.landing-hero{position:relative;width:100%;height:100svh;min-height:0;margin:0;padding:0;display:block!important}
.landing-copy{position:absolute!important;z-index:18!important;left:max(56px,calc((100% - 1400px)/2 + 10px))!important;top:50%!important;transform:translateY(-46%)!important;width:min(390px,29vw)!important;max-width:390px!important;padding:0!important;margin:0!important}
.landing-eyebrow{font-size:12px;margin-bottom:14px}.landing-title{font-size:clamp(56px,5.2vw,84px);line-height:.89;max-width:390px}.landing-description{max-width:380px;margin:18px 0 22px;font-size:13px;line-height:1.5}.landing-login-wrap{width:min(100%,360px)}.landing-google-btn{min-height:54px;font-size:15px}.landing-login-note{font-size:10px;margin-top:10px}
.landing-feature-card{position:absolute!important;z-index:14!important;left:clamp(390px,28vw,520px)!important;right:auto!important;top:18vh!important;width:min(48vw,820px)!important;max-width:none!important;height:470px!important;min-height:470px!important;margin:0!important;box-sizing:border-box!important;transform:perspective(1300px) rotateY(-1deg)!important}.landing-feature-card.is-changing{transform:perspective(1300px) rotateY(-1deg) translateY(4px)!important}.landing-feature-image{height:55%!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important}.landing-feature-content{padding:18px 28px 17px!important}.landing-feature-meta{font-size:10.5px;gap:7px 18px}.landing-feature-divider{margin:13px 0 10px}.landing-tool{padding:6px 4px}.landing-feature-footer{margin-top:8px;padding-top:9px}.landing-carousel-controls{top:16px;right:16px}.landing-carousel-control{width:36px;height:36px}
.landing-features{display:grid!important;position:absolute!important;z-index:24!important;left:50%!important;top:12px!important;bottom:auto!important;transform:translateX(-50%)!important;width:min(920px,calc(100% - 460px))!important;min-height:58px!important;grid-template-columns:repeat(4,1fr)!important;border-radius:15px!important;background:rgba(5,18,11,.72)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.landing-feature-item{padding:8px 10px!important;grid-template-columns:27px 1fr!important;gap:7px!important}.landing-feature-item strong{font-size:10px!important;margin-bottom:2px!important}.landing-feature-item span{font-size:8px!important}.landing-feature-item-icon svg{width:22px!important;height:22px!important}
.landing-adventures{position:absolute!important;z-index:22!important;top:auto!important;bottom:92px!important;left:auto!important;right:max(28px,calc((100% - 1400px)/2))!important;width:min(59vw,1040px)!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;text-align:left!important;display:block!important}.landing-adventures-label{display:block!important;margin:0 0 8px 4px!important;font-size:10px!important;letter-spacing:.22em!important;line-height:1.35!important}.landing-adventure-types{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;padding:0!important}.landing-adventure-type{width:auto!important;height:82px!important;min-height:82px!important;padding:9px 8px!important;box-sizing:border-box!important;align-items:center!important;overflow:hidden!important;background:rgba(4,16,11,.68)!important}.landing-adventure-type:nth-child(5),.landing-adventure-type:nth-child(6){grid-column:auto!important}.landing-adventure-type .icon{width:38px!important;height:38px!important;margin-right:7px!important;flex:0 0 auto!important}.landing-adventure-type .icon svg{width:19px!important;height:19px!important}.landing-adventure-type-copy{gap:3px!important;min-width:0!important}.landing-adventure-type-copy>span{font-size:9px!important;line-height:1.05!important;white-space:nowrap!important;letter-spacing:.01em!important}.landing-adventure-type-copy small{font-size:7px!important;white-space:nowrap!important}.landing-adventure-type-copy small strong{font-size:11px!important}.landing-version{display:none!important}
}
@media (min-width:1101px) and (max-width:1450px){.landing-nav{width:calc(100% - 40px)!important}.landing-brand{width:270px!important;height:96px!important}.landing-copy{width:350px!important;max-width:350px!important}.landing-title{font-size:clamp(48px,5vw,70px)!important}.landing-feature-card{left:29%!important;width:46vw!important;max-width:650px!important;height:450px!important;min-height:450px!important}.landing-adventures{right:18px!important;bottom:92px!important;width:58vw!important}.landing-adventure-types{gap:6px!important}.landing-adventure-type{height:70px!important;min-height:70px!important;padding:7px 6px!important;border-radius:14px!important}.landing-adventure-type .icon{width:32px!important;height:32px!important;margin-right:5px!important}.landing-adventure-type .icon svg{width:17px!important;height:17px!important}.landing-adventure-type-copy>span{font-size:8px!important}.landing-adventure-type-copy small{font-size:6.5px!important}.landing-adventure-type-copy small strong{font-size:10px!important}}
@media (max-height:780px) and (min-width:1101px){.landing-copy{top:48%!important}.landing-feature-card{top:155px!important;height:440px!important;min-height:440px!important}.landing-feature-image{height:54%!important;background-position:center top!important}}
@media (max-width:1100px){.landing-page{min-height:100svh;overflow-x:hidden;overflow-y:auto}.landing-nav{position:relative}.landing-hero{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding:20px 20px 28px!important;gap:28px!important}.landing-copy{max-width:680px;margin:0 auto!important;padding:0!important}.landing-feature-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:min(100%,560px)!important;height:auto!important;min-height:500px!important;margin:0 auto!important;transform:none!important}.landing-adventures{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;padding:0!important;background:transparent!important;border:0!important}.landing-adventure-types{grid-template-columns:1fr!important;gap:10px!important}.landing-adventure-type{width:100%!important;min-height:88px!important;height:88px!important;grid-column:1!important}.landing-adventure-type:nth-child(n){grid-column:1!important}.landing-adventure-type-copy small{white-space:normal!important}.landing-features{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:calc(100% - 32px)!important;margin:0 auto 18px!important}}
@media (max-width:600px){
.landing-nav{width:calc(100% - 24px);padding:10px 0;display:flex!important;justify-content:center!important}
.landing-brand{width:min(390px,88vw)!important;height:auto!important;aspect-ratio:330 / 116!important;transform:none!important;transform-origin:center center!important;margin:0 auto!important;background-size:contain!important;background-position:center!important}
.landing-hero{padding:10px 16px 24px!important;gap:22px!important}.landing-eyebrow{font-size:10px;letter-spacing:.16em}.landing-title{font-size:clamp(42px,13vw,62px)}.landing-description{font-size:13px;margin:15px 0 18px}.landing-feature-card{min-height:500px!important;border-radius:20px!important}.landing-feature-content{padding:18px 18px 16px!important}.landing-feature-title{font-size:23px}.landing-adventures-label{font-size:11px!important;margin:0 0 12px!important;text-align:center!important}.landing-adventure-types{grid-template-columns:1fr!important;gap:10px!important}.landing-adventure-type{width:100%!important;min-height:92px!important;height:92px!important;padding:12px 16px!important;border-radius:20px!important;overflow:visible!important;box-sizing:border-box!important}.landing-adventure-type .icon{flex:0 0 48px!important;width:48px!important;height:48px!important;margin-right:14px!important}.landing-adventure-type .icon svg{width:25px!important;height:25px!important}.landing-adventure-type-copy{flex:1 1 auto!important;min-width:0!important;gap:5px!important}.landing-adventure-type-copy>span{font-size:13px!important;line-height:1.08!important;white-space:normal!important}.landing-adventure-type-copy small{font-size:10px!important;line-height:1.2!important;white-space:normal!important;display:block!important}.landing-adventure-type-copy small strong{font-size:16px!important;margin-right:3px!important}.landing-features{grid-template-columns:1fr 1fr!important;border-radius:14px!important}.landing-feature-item{padding:10px!important;grid-template-columns:26px 1fr!important;gap:7px!important}.landing-feature-item strong{font-size:10px!important}.landing-feature-item span{font-size:8px!important}}
/* Responsive tablet / foldable / large-phone portrait and landscape logo safety. */
@media (min-width:601px) and (max-width:1100px){
.landing-nav{width:100%!important;padding:14px 24px!important;display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important}
.landing-brand{display:block!important;width:min(520px,78vw)!important;height:auto!important;aspect-ratio:330 / 116!important;margin:0 auto!important;transform:none!important;background:url('../assets/compass_logo.png') center/contain no-repeat!important;background-position:center!important}
}
@media (max-width:1100px) and (orientation:landscape) and (max-height:600px){
.landing-nav{padding:8px 20px!important}
.landing-brand{width:min(340px,46vw)!important}
.landing-hero{padding:10px 18px 22px!important;gap:18px!important}
.landing-feature-card{min-height:420px!important}
}
@media (max-width:600px) and (orientation:landscape){
.landing-brand{width:min(320px,72vw)!important}
.landing-hero{padding-top:8px!important;gap:18px!important}
}
html:has(#s-login.active),body:has(#s-login.active){background:#07140d!important;overscroll-behavior-x:none!important}#s-login.active{background:#07140d!important;overflow-x:hidden!important;overscroll-behavior-x:none!important}@media (max-width:600px){.landing-page{background:#07140d!important;overflow-x:hidden!important;overflow-y:auto;overscroll-behavior-x:none!important}.landing-hero,.landing-features{max-width:100%}}
@media (min-width:1101px){.landing-feature-card{left:auto!important;right:max(28px,calc((100% - 1400px)/2))!important}}
@media (min-width:1101px) and (max-width:1450px){.landing-feature-card{right:18px!important}}