/* Local utilities for the existing 12Stages layouts. No runtime CDN. */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid}body{margin:0}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button{cursor:pointer}
.absolute{position:absolute}
.antialiased{-webkit-font-smoothing:antialiased}
.bg-black\/50{background-color:rgba(0,0,0,0.5)}
.bg-black\/60{background-color:rgba(0,0,0,0.6)}
.bg-black\/65{background-color:rgba(0,0,0,0.65)}
.bg-center{background-position:center}
.bg-cover{background-size:cover}
.bg-purple-500\/30{background-color:rgba(168,85,247,0.3)}
.bg-purple-500\/50{background-color:rgba(168,85,247,0.5)}
.block{display:block}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-purple-400\/40{border-color:rgba(192,132,252,0.4)}
.border-purple-500\/10{border-color:rgba(168,85,247,0.1)}
.border-purple-500\/20{border-color:rgba(168,85,247,0.2)}
.border-purple-500\/30{border-color:rgba(168,85,247,0.3)}
.border-t{border-top-width:1px}
.border-white\/5{border-color:rgba(255,255,255,0.05)}
.duration-700{transition-duration:700ms}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.font-light{font-weight:300}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2.0rem}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.h-\[1px\]{height:1px}
.h-\[50vh\]{height:50vh}
.h-\[70vh\]{height:70vh}
.h-\[80vh\]{height:80vh}
.inline-block{display:inline-block}
.inset-0{inset:0}
.italic{font-style:italic}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-center{justify-content:center}
.leading-loose{line-height:2}
.leading-relaxed{line-height:1.625}
.leading-snug{line-height:1.375}
.leading-tight{line-height:1.25}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-md{max-width:28rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3.0rem}
.mb-16{margin-bottom:4.0rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1.0rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2.0rem}
.mt-16{margin-top:4.0rem}
.mt-20{margin-top:5.0rem}
.mt-3{margin-top:0.75rem}
.mx-auto{margin-left:auto;margin-right:auto}
.no-underline{text-decoration:none}
.overflow-hidden{overflow:hidden}
.p-10{padding:2.5rem}
.pb-24{padding-bottom:6.0rem}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-12{padding-top:3.0rem;padding-bottom:3.0rem}
.py-16{padding-top:4.0rem;padding-bottom:4.0rem}
.py-20{padding-top:5.0rem;padding-bottom:5.0rem}
.py-24{padding-top:6.0rem;padding-bottom:6.0rem}
.py-4{padding-top:1.0rem;padding-bottom:1.0rem}
.relative{position:relative}
.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}
.text-4xl{font-size:2.25rem}
.text-6xl{font-size:3.75rem}
.text-\[10px\]{font-size:10px}
.text-\[32px\]{font-size:32px}
.text-\[9px\]{font-size:9px}
.text-center{text-align:center}
.text-lg{font-size:1.125rem}
.text-purple-100\/40{color:rgba(243,232,255,0.4)}
.text-purple-100\/50{color:rgba(243,232,255,0.5)}
.text-purple-100\/70{color:rgba(243,232,255,0.7)}
.text-purple-200{color:rgba(233,213,255,1.0)}
.text-purple-200\/30{color:rgba(233,213,255,0.3)}
.text-purple-300{color:rgba(216,180,254,1.0)}
.text-purple-400\/50{color:rgba(192,132,252,0.5)}
.text-sm{font-size:.875rem}
.text-white{color:rgba(255,255,255,1.0)}
.text-xs{font-size:.75rem}
.tracking-\[0\.3em\]{letter-spacing:0.3em}
.tracking-\[0\.4em\]{letter-spacing:0.4em}
.tracking-\[0\.5em\]{letter-spacing:0.5em}
.tracking-\[0\.6em\]{letter-spacing:0.6em}
.tracking-widest{letter-spacing:.1em}
.transition{transition:all .2s}
.transition-all{transition:all .2s}
.underline{text-decoration:underline}
.uppercase{text-transform:uppercase}
.w-16{width:4.0rem}
.w-24{width:6.0rem}
.z-0{z-index:0}
.z-10{z-index:10}
.group:hover .group-hover\:text-purple-200{color:rgba(233,213,255,1.0)}
.hover\:bg-white:hover{background-color:rgba(255,255,255,1.0)}
.hover\:border-purple-500\/30:hover{border-color:rgba(168,85,247,0.3)}
.hover\:text-black:hover{color:rgba(0,0,0,1.0)}
.hover\:text-purple-300:hover{color:rgba(216,180,254,1.0)}
.hover\:text-white:hover{color:rgba(255,255,255,1.0)}
@media(min-width:768px){.md\:col-span-1{grid-column:span 1 / span 1}}
@media(min-width:768px){.md\:col-span-3{grid-column:span 3 / span 3}}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:768px){.md\:text-5xl{font-size:3rem}}
@media(min-width:768px){.md\:text-6xl{font-size:3.75rem}}
@media(min-width:768px){.md\:text-7xl{font-size:4.5rem}}
@media(min-width:768px){.md\:text-8xl{font-size:6rem}}
@media(min-width:768px){.md\:text-\[60px\]{font-size:60px}}
.space-y-0>*+*{margin-top:0.0rem}
.space-y-6>*+*{margin-top:1.5rem}
.space-y-12>*+*{margin-top:3.0rem}
a:focus-visible,button:focus-visible{outline:2px solid #c4b5fd;outline-offset:4px}