body{margin:0;background:#fff;color:#000;font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased}
a{color:#000;text-decoration:none}a:hover{color:#000}
input::placeholder{color:#777}
[hidden]{display:none!important}

/* Pseudo-states. The markup keeps the design's inline styles, so these need !important to win. */
.nav-link:hover{background:#000!important;color:#fff!important}
.nav-link:active{box-shadow:none!important;transform:translate(2px,2px)}
.cta:hover{background:#000!important;color:#fff!important}
.cta:active{box-shadow:none!important;transform:translate(3px,3px)}
.cta-dark:hover{background:#d6ff3d!important;color:#000!important}
.oss-row:hover{background:#000!important;color:#fff!important}
.cta:disabled{cursor:wait;opacity:.6}
.field:focus{box-shadow:inset 3px 3px 0 #000!important}

@keyframes xk-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

@media (max-width:900px){
[data-r~=doors]{grid-template-columns:minmax(0,1fr)!important}
[data-r~=h1]{font-size:clamp(40px,9vw,72px)!important}
[data-r~=hero]{padding:48px 20px!important}
[data-r~=panel]{padding:28px 24px!important}
[data-r~=nav]{flex-wrap:wrap!important}
[data-r~=foot]{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}
[data-r~=sec]{padding-left:20px!important;padding-right:20px!important}
[data-r~=frame]{margin:12px!important;box-shadow:6px 6px 0 #000!important}
[data-r~=news]{flex-direction:column!important;align-items:stretch!important}
[data-r~=believe],[data-r~=oss]{grid-template-columns:minmax(0,1fr)!important}
.oss-row{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
[data-r~=believe]>div:first-child{position:static!important}
}