*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;line-height:1.5}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}img{display:block;max-width:100%}section{isolation:isolate}a:focus-visible,button:focus-visible{outline:2px solid #ffaed9;outline-offset:5px}
.-bottom-8{bottom:-2.0rem}
.-left-40{left:-10.0rem}
.-left-8{left:-2.0rem}
.-right-32{right:-8.0rem}
.-rotate-1{transform:rotate(-1deg)}
.-rotate-2{transform:rotate(-2deg)}
.-rotate-6{transform:rotate(-6deg)}
.-top-40{top:-10.0rem}
.absolute{position:absolute}
.active\:scale-95:active{transform:scale(.95)}
.aspect-\[16\/9\]{aspect-ratio:16/9}
.aspect-\[2\/3\]{aspect-ratio:2/3}
.aspect-\[3\/4\]{aspect-ratio:3/4}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.aspect-\[4\/5\]{aspect-ratio:4/5}
.aspect-square{aspect-ratio:1 / 1}
.backdrop-blur-md{backdrop-filter:blur(12px)}
.backdrop-blur-xl{backdrop-filter:blur(24px)}
.bg-center{background-position:center}
.bg-clip-text{background-clip:text;-webkit-background-clip:text}
.bg-cover{background-size:cover}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--from,transparent),var(--via,var(--to,transparent)),var(--to,transparent))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--from,transparent),var(--via,var(--to,transparent)),var(--to,transparent))}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--from,transparent),var(--via,var(--to,transparent)),var(--to,transparent))}
.bg-primary{background-color:#ffffff}
.bg-primary-container{background-color:#c7f246}
.bg-primary-container\/10{background-color:rgb(199,242,70 / 0.1)}
.bg-primary-fixed-dim{background-color:#acd528}
.bg-secondary{background-color:#ffaed9}
.bg-secondary-container{background-color:#821960}
.bg-secondary-container\/20{background-color:rgb(130,25,96 / 0.2)}
.bg-secondary-container\/60{background-color:rgb(130,25,96 / 0.6)}
.bg-surface{background-color:#13131c}
.bg-surface-container{background-color:#1f1f28}
.bg-surface-container-high{background-color:#292933}
.bg-surface-container-high\/40{background-color:rgb(41,41,51 / 0.4)}
.bg-surface-container-high\/60{background-color:rgb(41,41,51 / 0.6)}
.bg-surface-container-high\/80{background-color:rgb(41,41,51 / 0.8)}
.bg-surface-container-high\/85{background-color:rgb(41,41,51 / 0.85)}
.bg-surface-container-highest{background-color:#34343e}
.bg-surface-container-highest\/90{background-color:rgb(52,52,62 / 0.9)}
.bg-surface-container-low{background-color:#1b1b24}
.bg-surface-container-low\/90{background-color:rgb(27,27,36 / 0.9)}
.bg-surface-container-lowest{background-color:#0d0d16}
.bg-surface-container-lowest\/80{background-color:rgb(13,13,22 / 0.8)}
.bg-surface-container-lowest\/90{background-color:rgb(13,13,22 / 0.9)}
.bg-surface\/80{background-color:rgb(19,19,28 / 0.8)}
.block{display:block}
.blur-\[140px\]{filter:blur(140px)}
.blur-\[150px\]{filter:blur(150px)}
.bottom-4{bottom:1.0rem}
.bottom-5{bottom:1.25rem}
.bottom-6{bottom:1.5rem}
.fixed{position:fixed}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.focus\:outline-none:focus{outline:none}
.font-body-lg{font-family:"Inter",sans-serif}
.font-body-md{font-family:"Inter",sans-serif}
.font-body-sm{font-family:"Inter",sans-serif}
.font-bold{font-weight:700}
.font-display-lg{font-family:"Space Grotesk",sans-serif}
.font-headline-lg{font-family:"Space Grotesk",sans-serif}
.font-headline-md{font-family:"Space Grotesk",sans-serif}
.font-label-lg{font-family:"Inter",sans-serif}
.font-label-md{font-family:"Inter",sans-serif}
.font-label-sm{font-family:"Inter",sans-serif}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.from-surface-container{--from:#1f1f28}
.from-surface-container-lowest{--from:#0d0d16}
.from-surface-container-lowest\/80{--from:rgb(13,13,22 / 0.8)}
.from-surface-container-lowest\/90{--from:rgb(13,13,22 / 0.9)}
.from-tertiary{--from:#ffffff}
.from-transparent{--from:transparent}
.gap-1\.5{gap:0.375rem}
.gap-12{gap:3.0rem}
.gap-2{gap:0.5rem}
.gap-2\.5{gap:0.625rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1.0rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2.0rem}
.gap-space-lg{gap:1.5rem}
.gap-space-md{gap:1rem}
.gap-space-sm{gap:0.5rem}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.h-0\.5{height:0.125rem}
.h-1{height:0.25rem}
.h-1\.5{height:0.375rem}
.h-12{height:3.0rem}
.h-2{height:0.5rem}
.h-2\.5{height:0.625rem}
.h-20{height:5.0rem}
.h-3{height:0.75rem}
.h-8{height:2.0rem}
.h-\[540px\]{height:540px}
.h-\[620px\]{height:620px}
.h-full{height:100%}
.hidden{display:none}
.hover\:bg-primary-fixed-dim:hover{background-color:#acd528}
.hover\:bg-surface-bright:hover{background-color:#393842}
.hover\:bg-surface-container-high:hover{background-color:#292933}
.hover\:rotate-0:hover{transform:rotate(0)}
.hover\:scale-105:hover{transform:scale(1.05)}
.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #0008}
.hover\:text-on-surface:hover{color:#e4e1ee}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inset-0{inset:0}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-\[1\.08\]{line-height:1.08}
.leading-relaxed{line-height:1.625}
.left-0{left:0.0rem}
.left-2{left:0.5rem}
.left-4{left:1.0rem}
.left-5{left:1.25rem}
.left-6{left:1.5rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-\[1280px\]{max-width:1280px}
.max-w-\[440px\]{max-width:440px}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-xl{max-width:36rem}
.mb-2{margin-bottom:0.5rem}
.ml-space-sm{margin-left:0.5rem}
.mt-0\.5{margin-top:0.125rem}
.mx-auto{margin-inline:auto}
.my-3{margin-top:0.75rem;margin-bottom:0.75rem}
.object-cover{object-fit:cover}
.opacity-90{opacity:0.9}
.overflow-hidden{overflow:hidden}
.p-1{padding:0.25rem}
.p-2{padding:0.5rem}
.p-4{padding:1.0rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.pb-2{padding-bottom:0.5rem}
.pb-24{padding-bottom:6.0rem}
.pb-space-lg{padding-bottom:1.5rem}
.pointer-events-none{pointer-events:none}
.pt-1{padding-top:0.25rem}
.pt-12{padding-top:3.0rem}
.pt-2{padding-top:0.5rem}
.pt-20{padding-top:5.0rem}
.pt-3{padding-top:0.75rem}
.pt-4{padding-top:1.0rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2.0rem}
.pt-space-md{padding-top:1rem}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-4{padding-left:1.0rem;padding-right:1.0rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2.0rem;padding-right:2.0rem}
.px-margin{padding-left:1.25rem;padding-right:1.25rem}
.px-space-lg{padding-left:1.5rem;padding-right:1.5rem}
.px-space-sm{padding-left:0.5rem;padding-right:0.5rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-20{padding-top:5.0rem;padding-bottom:5.0rem}
.py-28{padding-top:7.0rem;padding-bottom:7.0rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1.0rem;padding-bottom:1.0rem}
.py-space-xl{padding-top:2.25rem;padding-bottom:2.25rem}
.relative{position:relative}
.right-0{right:0.0rem}
.right-4{right:1.0rem}
.right-5{right:1.25rem}
.right-6{right:1.5rem}
.rotate-1{transform:rotate(1deg)}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.selection\:bg-primary-container{background-color:#c7f246}
.selection\:text-on-primary-container{color:#556d00}
.shadow-2xl{box-shadow:0 25px 50px -12px #0008}
.shadow-\[0_0_12px_rgba\(199\,242\,70\,0\.8\)\]{box-shadow:0 0 12px rgba(199,242,70,0.8)}
.shadow-\[0_0_24px_rgba\(199\,242\,70\,0\.35\)\]{box-shadow:0 0 24px rgba(199,242,70,0.35)}
.shadow-\[0_0_24px_rgba\(211\,255\,82\,0\.25\)\]{box-shadow:0 0 24px rgba(211,255,82,0.25)}
.shadow-\[0_0_28px_rgba\(199\,242\,70\,0\.35\)\]{box-shadow:0 0 28px rgba(199,242,70,0.35)}
.shadow-\[0_1px_8px_rgba\(0\,0\,0\,0\.04\)\]{box-shadow:0 1px 8px rgba(0,0,0,0.04)}
.shadow-xl{box-shadow:0 20px 25px -5px #0005}
.shrink-0{flex-shrink:0}
.space-y-1 > :not([hidden]) ~ :not([hidden]){margin-top:0.25rem}
.space-y-10 > :not([hidden]) ~ :not([hidden]){margin-top:2.5rem}
.space-y-12 > :not([hidden]) ~ :not([hidden]){margin-top:3.0rem}
.space-y-16 > :not([hidden]) ~ :not([hidden]){margin-top:4.0rem}
.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:0.5rem}
.space-y-20 > :not([hidden]) ~ :not([hidden]){margin-top:5.0rem}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:0.75rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1.0rem}
.space-y-6 > :not([hidden]) ~ :not([hidden]){margin-top:1.5rem}
.text-\[16px\]{font-size:16px}
.text-\[18px\]{font-size:18px}
.text-\[20px\]{font-size:20px}
.text-\[24px\]{font-size:24px}
.text-body-lg{font-size:16px;line-height:24px;font-weight:500}
.text-body-md{font-size:14px;line-height:20px;font-weight:400}
.text-body-sm{font-size:12px;line-height:16px;font-weight:400}
.text-center{text-align:center}
.text-display-lg{font-size:40px;line-height:48px;letter-spacing:-0.02em;font-weight:700}
.text-headline-lg{font-size:26px;line-height:32px;letter-spacing:-0.01em;font-weight:700}
.text-headline-md{font-size:20px;line-height:26px;letter-spacing:-0.01em;font-weight:600}
.text-label-lg{font-size:14px;line-height:18px;letter-spacing:0.01em;font-weight:700}
.text-label-md{font-size:12px;line-height:16px;letter-spacing:0.02em;font-weight:600}
.text-label-sm{font-size:10px;line-height:12px;letter-spacing:0.04em;font-weight:600}
.text-on-primary{color:#283500}
.text-on-primary-container{color:#556d00}
.text-on-surface{color:#e4e1ee}
.text-on-surface-variant{color:#c4c9af}
.text-on-surface-variant\/70{color:rgb(196,201,175 / 0.7)}
.text-outline{color:#8e937c}
.text-primary-container{color:#c7f246}
.text-primary-fixed{color:#c7f246}
.text-primary-fixed-dim{color:#acd528}
.text-secondary{color:#ffaed9}
.text-secondary-fixed{color:#ffd8ea}
.text-secondary-fixed-dim{color:#ffaed9}
.text-tertiary{color:#ffffff}
.text-transparent{color:transparent}
.to-primary-container{--to:#c7f246}
.to-primary-container\/5{--to:rgb(199,242,70 / 0.05)}
.to-transparent{--to:transparent}
.top-0{top:0.0rem}
.top-1\/3{top:33.333%}
.top-2{top:0.5rem}
.top-4{top:1.0rem}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.tracking-widest{letter-spacing:.1em}
.transition-all{transition:all .2s}
.transition-colors{transition:color .2s,background-color .2s}
.transition-transform{transition:transform .3s}
.uppercase{text-transform:uppercase}
.via-secondary-container\/10{--via:rgb(130,25,96 / 0.1)}
.via-secondary-fixed{--via:#ffd8ea}
.via-surface-container-lowest\/20{--via:rgb(13,13,22 / 0.2)}
.via-surface-container\/20{--via:rgb(31,31,40 / 0.2)}
.via-transparent{--via:transparent}
.w-1\.5{width:0.375rem}
.w-12{width:3.0rem}
.w-2{width:0.5rem}
.w-2\.5{width:0.625rem}
.w-3{width:0.75rem}
.w-44{width:11.0rem}
.w-6{width:1.5rem}
.w-8{width:2.0rem}
.w-\[36\%\]{width:36%}
.w-\[540px\]{width:540px}
.w-\[620px\]{width:620px}
.w-\[75\%\]{width:75%}
.w-\[78\%\]{width:78%}
.w-\[92\%\]{width:92%}
.w-full{width:100%}
.z-10{z-index:10}
.z-50{z-index:50}
@media(min-width:640px){.sm\:block{display:block}}
@media(min-width:640px){.sm\:flex-row{flex-direction:row}}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:640px){.sm\:inline-flex{display:inline-flex}}
@media(min-width:640px){.sm\:items-center{align-items:center}}
@media(min-width:768px){.md\:aspect-\[21\/8\]{aspect-ratio:21/8}}
@media(min-width:768px){.md\:aspect-\[21\/9\]{aspect-ratio:21/9}}
@media(min-width:768px){.md\:flex-row{flex-direction:row}}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.md\:items-center{align-items:center}}
@media(min-width:768px){.md\:items-end{align-items:flex-end}}
@media(min-width:768px){.md\:p-8{padding:2.0rem}}
@media(min-width:768px){.md\:py-28{padding-top:7.0rem;padding-bottom:7.0rem}}
@media(min-width:1024px){.lg\:col-span-5{grid-column:span 5 / span 5}}
@media(min-width:1024px){.lg\:col-span-7{grid-column:span 7 / span 7}}
@media(min-width:1024px){.lg\:flex{display:flex}}
@media(min-width:1024px){.lg\:gap-8{gap:2.0rem}}
@media(min-width:1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:py-32{padding-top:8.0rem;padding-bottom:8.0rem}}
@media(min-width:1280px){.xl\:flex{display:flex}}