html{scroll-behavior:smooth;scroll-padding-top:90px}
.ch-hero{isolation:isolate;background:#090e13;min-height:100svh}
.ch-hero-content{position:relative;z-index:2}
.ch-hero h1{max-width:1000px;text-wrap:balance;letter-spacing:-.035em;text-shadow:0 3px 35px #090e1380}
.ch-hero h1 em{display:inline-block;background:linear-gradient(100deg,#00dee8 5%,#a9faff 47%,#00dee8 90%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ch-text-shine 8s ease-in-out 1.2s infinite alternate}
.ch-hero-content>div:first-child{animation:ch-enter .8s cubic-bezier(.16,1,.3,1) .06s both}
.ch-hero h1{animation:ch-enter 1s cubic-bezier(.16,1,.3,1) .15s both}
.ch-hero-content>p{animation:ch-enter 1s cubic-bezier(.16,1,.3,1) .3s both}
.ch-hero-content>div:not(:first-child){animation:ch-enter 1s cubic-bezier(.16,1,.3,1) .45s both}
.ch-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1)}
.ch-reveal.ch-visible{opacity:1;transform:translate3d(0,0,0)}
.ch-card{transition:opacity .75s ease,transform .4s cubic-bezier(.2,.65,.3,1),border-color .35s,box-shadow .35s}
.ch-button{position:relative;transition:background-color .25s,box-shadow .25s,transform .25s;touch-action:manipulation}
.ch-button:focus-visible{outline:2px solid #94faff;outline-offset:5px;box-shadow:0 0 30px #00dee84d}
.ch-button.ch-pulsing{animation:ch-button-pulse .55s ease-out}
@media(hover:hover) and (pointer:fine){
 .ch-card.ch-visible:hover,.ch-card:not(.ch-reveal):hover{transform:translate3d(0,-6px,0);border-color:#00dee866;box-shadow:0 18px 55px #0005,0 0 32px #00dee80d}
 .ch-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00dee82b}
}
@keyframes ch-enter{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes ch-text-shine{to{background-position:100% center}}
@keyframes ch-button-pulse{0%{box-shadow:0 0 0 0 #00dee870}100%{box-shadow:0 0 0 16px #00dee800}}
@media(max-width:767px){
 .ch-hero{min-height:100svh;height:auto;padding-top:64px}
 .ch-hero-content{padding-top:64px!important;padding-bottom:64px!important}
 .ch-hero h1{font-size:clamp(2.5rem,7.4vw,3.5rem);line-height:1.08;letter-spacing:-.035em}
 .ch-hero-content>p{font-size:1rem;line-height:1.65}
 .ch-hero-content>div:first-child{gap:8px}
 .ch-hero-content>div:first-child>div{font-size:9px;letter-spacing:.09em;padding:8px 10px}
 .ch-reveal{transform:translate3d(0,14px,0)}
 .ch-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}
@media(max-width:480px){
 .ch-hero-content{padding-left:22px!important;padding-right:22px!important}
 .ch-hero-content>div:has(>a){display:flex;flex-direction:column;gap:12px}
 .ch-hero-content>div>a{width:100%;padding:16px 20px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .ch-hero *,.ch-reveal,.ch-card,.ch-button,.logo-scroll-track{animation:none!important;transition:none!important}
 .ch-reveal{opacity:1;transform:none}
 .ch-hero h1 em{background:none;color:#00dee8}
}

/* Use the compact navigation through tablet widths, where the full link set cannot fit. */
@media(max-width:1100px){
 .ch-navigation [class~="md:flex"]{display:none!important}
 .ch-navigation button[aria-label="Toggle menu"]{display:block;min-width:44px;min-height:44px}
 .ch-navigation .ch-mobile-menu{display:flex;max-height:calc(100svh - 64px);overflow-y:auto}
 .ch-navigation .ch-mobile-menu>a{min-height:44px;display:flex;align-items:center}
}
