.cp-hero:not([hidden]){background-image:radial-gradient(var(--border-subtle) 1px, transparent 1px);background-position:50%;background-size:16px 16px;flex-direction:column;justify-content:center;min-height:clamp(18rem,52vh,34rem);display:flex}@media (min-width:640px){.cp-hero:not([hidden]){padding:3rem 2.5rem}}.cp-code{--tw-bg-opacity:1;background-color:color-mix(in oklab, var(--surface-sunken) calc(var(--tw-bg-opacity,1) * 100%), transparent)}