.google-letter{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:17px;font-weight:900;font-family:Arial,sans-serif;background:conic-gradient(from 225deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 68%,#ea4335 68% 82%,#4285f4 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-family-summary{display:flex;align-items:center;gap:9px;min-width:0}.landing-family-summary>span:last-child{white-space:nowrap}.landing-google-btn:focus-visible,.landing-nav-links a:focus-visible,.landing-scroll:focus-visible{outline:2px solid #c9df55;outline-offset:4px}
.landing-nav{width:calc(100% - 48px);max-width:none;margin:0 auto;padding:8px 0 0;justify-content:flex-start;align-items:flex-start}.landing-brand{width:500px;height:175px;display:block;background:url('../assets/compass_logo.png') center/contain no-repeat;border:0;flex:0 0 auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.32));mix-blend-mode:normal}.landing-brand-mark,.landing-brand-name{display:none}
@media(min-width:1101px){
.landing-page{height:100svh;min-height:0;overflow:hidden}.landing-nav{position:absolute;top:8px;left:0;right:0;width:min(1380px,calc(100% - 56px));z-index:20;padding:0}.landing-brand{width:300px;height:106px}.landing-hero{width:min(1380px,calc(100% - 56px));height:calc(100svh - 108px);min-height:0;margin:108px auto 0;padding:0}.landing-hero>.row{height:100%!important;margin-left:0;margin-right:0}.landing-hero>.row>[class*="col-"]{min-width:0}.landing-hero>.row>.col-xl-5,.landing-hero>.row>.col-xl-4{display:block!important;width:auto!important;max-width:none!important;flex:none!important;position:static!important}.landing-copy{position:absolute!important;left:max(48px,calc((100% - 1380px)/2))!important;top:50%!important;transform:translateY(-43%)!important;width:min(700px,39vw)!important;max-width:700px!important}.landing-eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:14px}.landing-eyebrow:before{width:30px}.landing-title{font-size:clamp(50px,5.15vw,78px);line-height:.89;letter-spacing:-.055em;max-width:700px}.landing-title .accent{margin-top:7px}.landing-description{max-width:530px;margin:18px 0 21px;font-size:13.5px;line-height:1.48}.landing-login-wrap{width:min(100%,360px)}.landing-google-btn{min-height:52px;border-radius:13px;font-size:14px}.landing-login-note{margin-top:9px;font-size:10px}
.landing-feature-card{position:absolute!important;z-index:12!important;top:18vh!important;right:max(350px,calc((100% - 1380px)/2 + 350px))!important;width:min(620px,38vw)!important;height:520px!important;min-height:520px!important;margin:0!important;border-radius:24px!important;transform:perspective(1300px) rotateY(-1deg)!important;box-sizing:border-box!important}.landing-feature-card.is-changing{transform:perspective(1300px) rotateY(-1deg)!important;opacity:1!important}.landing-feature-image{height:58%!important;transform:translateX(0);opacity:1;transition:transform .32s cubic-bezier(.22,.75,.2,1),opacity .20s ease,background-position .45s ease!important;will-change:transform,opacity}.landing-feature-card.is-changing .landing-feature-image{transform:translateX(-34px);opacity:.12}.landing-feature-content{padding:22px 28px 20px!important}.landing-feature-meta{gap:7px 18px;margin-top:9px;font-size:10.5px}.landing-feature-divider{margin:15px 0 12px}.landing-feature-tools{gap:3px}.landing-tool{gap:6px;padding:7px 4px;font-size:10px}.landing-feature-footer{margin-top:10px;padding-top:11px;font-size:10px}.landing-avatar{width:26px;height:26px}
.landing-adventures{position:absolute!important;top:150px!important;right:max(24px,calc((100% - 1380px)/2))!important;left:auto!important;width:min(330px,25vw)!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;text-align:left!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;z-index:21!important}.landing-adventures-label{text-align:left!important;font-size:9px!important;letter-spacing:.20em;margin:0 0 8px 4px!important;line-height:1.35}.landing-adventure-types{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;padding-bottom:2px!important}.landing-adventure-type{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;width:100%!important;height:82px!important;min-height:82px!important;padding:9px 11px!important;border:1px solid rgba(190,215,205,.24)!important;border-radius:16px!important;box-sizing:border-box!important;overflow:hidden!important;background:rgba(4,16,11,.68)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important}.landing-adventure-type:nth-child(5){grid-column:1/-1!important}.landing-adventure-type .icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;margin:0!important;flex:0 0 auto!important}.landing-adventure-type-copy{min-width:0!important;overflow:visible!important}.landing-adventure-type-copy>span{display:block!important;font-size:11px!important;line-height:1.05!important;letter-spacing:.035em;white-space:normal!important;overflow:visible!important}.landing-adventure-type-copy small{display:block!important;margin-top:5px!important;font-size:8.5px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.landing-adventure-type-copy small strong{font-size:13px!important;white-space:nowrap!important}.landing-version,.landing-scroll{display:none!important}
.landing-carousel-dots{position:absolute!important;z-index:15;left:calc(50% + 70px)!important;top:calc(18vh + 528px)!important;bottom:auto!important;transform:translateX(-50%);margin:0;min-height:16px}.landing-features{display:grid!important;position:absolute;z-index:14;left:50%;bottom:12px;transform:translateX(-50%);width:min(1180px,calc(100% - 64px));min-height:58px;grid-template-columns:repeat(4,1fr);border-radius:15px;background:rgba(5,18,11,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.landing-feature-item{padding:9px 14px;grid-template-columns:30px 1fr;gap:8px}.landing-feature-item strong{font-size:10px;margin-bottom:2px}.landing-feature-item span{font-size:8px}.landing-feature-item-icon svg{width:24px;height:24px}
}
@media(min-width:1101px) and (max-width:1350px){.landing-feature-card{right:370px!important;width:560px!important;height:500px!important;min-height:500px!important}.landing-feature-image{height:58%!important}.landing-carousel-dots{top:calc(18vh + 508px)!important}.landing-adventures{right:20px!important;width:330px!important}.landing-adventure-types{gap:7px!important}.landing-adventure-type{grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important;padding:7px 8px!important;height:78px!important;min-height:78px!important}.landing-adventure-type .icon{width:34px!important;height:34px!important}.landing-adventure-type-copy>span{font-size:9px!important}.landing-adventure-type-copy small{font-size:7.5px!important}.landing-adventure-type-copy small strong{font-size:11px!important}}
@media(max-width:1100px) and (min-width:761px){.landing-hero{align-items:start;padding-top:18px}.landing-copy{padding-top:45px}}
@media(max-width:760px){.landing-family-summary>span:last-child{font-size:9px}.landing-google-btn{font-size:15px}.landing-nav{width:calc(100% - 28px);padding-top:6px}.landing-brand{width:330px;height:116px}}
@media(prefers-reduced-motion:reduce){.landing-feature-image{transition:none!important;transform:none!important;opacity:1!important}.landing-feature-card,.landing-feature-card.is-changing{transition:none!important}}