.reference-frame,.reference-frame *,.reference-frame ::before,.reference-frame ::after{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
.reference-frame ::backdrop{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
.reference-frame,.reference-frame *,.reference-frame ::after,.reference-frame ::before{box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235);}
.reference-frame ::after,.reference-frame ::before{--tw-content: '';}
.reference-frame,.reference-frame{line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: "Reference Inter", sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent;}
.reference-frame{margin: 0px; line-height: inherit;}
.reference-frame hr{height: 0px; color: inherit; border-top-width: 1px;}
.reference-frame abbr:where([title]){text-decoration: underline dotted;}
.reference-frame h1,.reference-frame h2,.reference-frame h3,.reference-frame h4,.reference-frame h5,.reference-frame h6{font-size: inherit; font-weight: inherit;}
.reference-frame a{color: inherit; text-decoration: inherit;}
.reference-frame b,.reference-frame strong{font-weight: bolder;}
.reference-frame code,.reference-frame kbd,.reference-frame pre,.reference-frame samp{font-family: "Reference Space Grotesk", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em;}
.reference-frame small{font-size: 80%;}
.reference-frame sub,.reference-frame sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
.reference-frame sub{bottom: -0.25em;}
.reference-frame sup{top: -0.5em;}
.reference-frame table{text-indent: 0px; border-color: inherit; border-collapse: collapse;}
.reference-frame button,.reference-frame input,.reference-frame optgroup,.reference-frame select,.reference-frame textarea{font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px;}
.reference-frame button,.reference-frame select{text-transform: none;}
.reference-frame button,.reference-frame input:where([type="button"]),.reference-frame input:where([type="reset"]),.reference-frame input:where([type="submit"]){appearance: button; background-color: transparent; background-image: none;}
.reference-frame progress{vertical-align: baseline;}
.reference-frame ::-webkit-inner-spin-button,.reference-frame ::-webkit-outer-spin-button{height: auto;}
.reference-frame [type="search"]{appearance: textfield; outline-offset: -2px;}
.reference-frame ::-webkit-search-decoration{appearance: none;}
.reference-frame ::-webkit-file-upload-button{appearance: button; font: inherit;}
.reference-frame summary{display: list-item;}
.reference-frame blockquote,.reference-frame dd,.reference-frame dl,.reference-frame figure,.reference-frame h1,.reference-frame h2,.reference-frame h3,.reference-frame h4,.reference-frame h5,.reference-frame h6,.reference-frame hr,.reference-frame p,.reference-frame pre{margin: 0px;}
.reference-frame fieldset{margin: 0px; padding: 0px;}
.reference-frame legend{padding: 0px;}
.reference-frame menu,.reference-frame ol,.reference-frame ul{list-style: none; margin: 0px; padding: 0px;}
.reference-frame dialog{padding: 0px;}
.reference-frame textarea{resize: vertical;}
.reference-frame input::placeholder,.reference-frame textarea::placeholder{opacity: 1; color: rgb(156, 163, 175);}
.reference-frame [role="button"],.reference-frame button{cursor: pointer;}
.reference-frame :disabled{cursor: default;}
.reference-frame audio,.reference-frame canvas,.reference-frame embed,.reference-frame iframe,.reference-frame img,.reference-frame object,.reference-frame svg,.reference-frame video{display: block; vertical-align: middle;}
.reference-frame img,.reference-frame video{max-width: 100%; height: auto;}
.reference-frame [hidden]:where(:not([hidden="until-found"])){display: none;}
.reference-frame .pointer-events-none{pointer-events: none;}
.reference-frame .pointer-events-auto{pointer-events: auto;}
.reference-frame .fixed{position: fixed;}
.reference-frame .absolute{position: absolute;}
.reference-frame .relative{position: relative;}
.reference-frame .inset-0{inset: 0px;}
.reference-frame .inset-10{inset: 2.5rem;}
.reference-frame .inset-4{inset: 1rem;}
.reference-frame .-right-10{right: -2.5rem;}
.reference-frame .-top-10{top: -2.5rem;}
.reference-frame .bottom-1{bottom: 0.25rem;}
.reference-frame .bottom-4{bottom: 1rem;}
.reference-frame .left-0{left: 0px;}
.reference-frame .left-1{left: 0.25rem;}
.reference-frame .left-1\/2{left: 50%;}
.reference-frame .right-0{right: 0px;}
.reference-frame .top-0{top: 0px;}
.reference-frame .top-1{top: 0.25rem;}
.reference-frame .top-1\/2{top: 50%;}
.reference-frame .top-3{top: 0.75rem;}
.reference-frame .top-\[-10\%\]{top: -10%;}
.reference-frame .z-0{z-index: 0;}
.reference-frame .z-10{z-index: 10;}
.reference-frame .z-20{z-index: 20;}
.reference-frame .z-\[100\]{z-index: 100;}
.reference-frame .z-\[200\]{z-index: 200;}
.reference-frame .order-1{order: 1;}
.reference-frame .order-2{order: 2;}
.reference-frame .order-3{order: 3;}
.reference-frame .mx-auto{margin-left: auto; margin-right: auto;}
.reference-frame .mb-0\.5{margin-bottom: 0.125rem;}
.reference-frame .mb-1{margin-bottom: 0.25rem;}
.reference-frame .mb-1\.5{margin-bottom: 0.375rem;}
.reference-frame .mb-10{margin-bottom: 2.5rem;}
.reference-frame .mb-16{margin-bottom: 4rem;}
.reference-frame .mb-2{margin-bottom: 0.5rem;}
.reference-frame .mb-4{margin-bottom: 1rem;}
.reference-frame .mb-6{margin-bottom: 1.5rem;}
.reference-frame .mb-8{margin-bottom: 2rem;}
.reference-frame .ml-0\.5{margin-left: 0.125rem;}
.reference-frame .mt-0\.5{margin-top: 0.125rem;}
.reference-frame .mt-1{margin-top: 0.25rem;}
.reference-frame .mt-2{margin-top: 0.5rem;}
.reference-frame .mt-8{margin-top: 2rem;}
.reference-frame .mt-auto{margin-top: auto;}
.reference-frame .inline-block{display: inline-block;}
.reference-frame .flex{display: flex;}
.reference-frame .inline-flex{display: inline-flex;}
.reference-frame .grid{display: grid;}
.reference-frame .hidden{display: none;}
.reference-frame .h-1\.5{height: 0.375rem;}
.reference-frame .h-10{height: 2.5rem;}
.reference-frame .h-12{height: 3rem;}
.reference-frame .h-14{height: 3.5rem;}
.reference-frame .h-2\.5{height: 0.625rem;}
.reference-frame .h-24{height: 6rem;}
.reference-frame .h-3{height: 0.75rem;}
.reference-frame .h-3\.5{height: 0.875rem;}
.reference-frame .h-4{height: 1rem;}
.reference-frame .h-40{height: 10rem;}
.reference-frame .h-48{height: 12rem;}
.reference-frame .h-5{height: 1.25rem;}
.reference-frame .h-6{height: 1.5rem;}
.reference-frame .h-7{height: 1.75rem;}
.reference-frame .h-8{height: 2rem;}
.reference-frame .h-\[570px\]{height: 570px;}
.reference-frame .h-\[600px\]{height: 600px;}
.reference-frame .h-\[80\%\]{height: 80%;}
.reference-frame .h-auto{height: auto;}
.reference-frame .h-full{height: 100%;}
.reference-frame .min-h-screen{min-height: 100vh;}
.reference-frame .w-1\.5{width: 0.375rem;}
.reference-frame .w-10{width: 2.5rem;}
.reference-frame .w-14{width: 3.5rem;}
.reference-frame .w-2\.5{width: 0.625rem;}
.reference-frame .w-24{width: 6rem;}
.reference-frame .w-3{width: 0.75rem;}
.reference-frame .w-3\.5{width: 0.875rem;}
.reference-frame .w-4{width: 1rem;}
.reference-frame .w-40{width: 10rem;}
.reference-frame .w-48{width: 12rem;}
.reference-frame .w-5{width: 1.25rem;}
.reference-frame .w-56{width: 14rem;}
.reference-frame .w-6{width: 1.5rem;}
.reference-frame .w-7{width: 1.75rem;}
.reference-frame .w-8{width: 2rem;}
.reference-frame .w-\[110px\]{width: 110px;}
.reference-frame .w-\[280px\]{width: 280px;}
.reference-frame .w-\[80\%\]{width: 80%;}
.reference-frame .w-\[800px\]{width: 800px;}
.reference-frame .w-full{width: 100%;}
.reference-frame .w-max{width: max-content;}
.reference-frame .max-w-2xl{max-width: 42rem;}
.reference-frame .max-w-4xl{max-width: 56rem;}
.reference-frame .max-w-\[1000px\]{max-width: 1000px;}
.reference-frame .max-w-\[1100px\]{max-width: 1100px;}
.reference-frame .max-w-\[1200px\]{max-width: 1200px;}
.reference-frame .max-w-lg{max-width: 32rem;}
.reference-frame .flex-1{flex: 1 1 0%;}
.reference-frame .shrink-0{flex-shrink: 0;}
.reference-frame .origin-center{transform-origin: center center;}
.reference-frame .-translate-x-1\/2{--tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .-translate-y-1\/2{--tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .translate-y-32{--tw-translate-y: 8rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .translate-y-4{--tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .translate-y-0{--tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .scale-95{--tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .scale-\[0\.95\]{--tw-scale-x: 0.95; --tw-scale-y: 0.95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .scale-\[0\.9\]{--tw-scale-x: 0.9; --tw-scale-y: 0.9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .transform{transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.reference-frame .animate-\[spin_10s_linear_infinite_reverse\]{animation: 10s linear 0s infinite reverse none running spin;}
@keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
.reference-frame .animate-ping{animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping;}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
.reference-frame .animate-pulse{animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse;}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
.reference-frame .animate-pulse-fast{animation: 1.5s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse;}
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.reference-frame .animate-spin-slow{animation: 12s linear 0s infinite normal none running spin;}
.reference-frame .cursor-default{cursor: default;}
.reference-frame .cursor-pointer{cursor: pointer;}
.reference-frame .list-disc{list-style-type: disc;}
.reference-frame .grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.reference-frame .flex-col{flex-direction: column;}
.reference-frame .items-start{align-items: flex-start;}
.reference-frame .items-end{align-items: flex-end;}
.reference-frame .items-center{align-items: center;}
.reference-frame .items-stretch{align-items: stretch;}
.reference-frame .justify-start{justify-content: flex-start;}
.reference-frame .justify-center{justify-content: center;}
.reference-frame .justify-between{justify-content: space-between;}
.reference-frame .gap-0\.5{gap: 0.125rem;}
.reference-frame .gap-1{gap: 0.25rem;}
.reference-frame .gap-1\.5{gap: 0.375rem;}
.reference-frame .gap-12{gap: 3rem;}
.reference-frame .gap-2{gap: 0.5rem;}
.reference-frame .gap-2\.5{gap: 0.625rem;}
.reference-frame .gap-3{gap: 0.75rem;}
.reference-frame .gap-4{gap: 1rem;}
.reference-frame .gap-5{gap: 1.25rem;}
.reference-frame .gap-6{gap: 1.5rem;}
.reference-frame .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));}
.reference-frame .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));}
.reference-frame .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));}
.reference-frame .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse));}
.reference-frame .space-y-7 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));}
.reference-frame .overflow-hidden{overflow: hidden;}
.reference-frame .scroll-smooth{scroll-behavior: smooth;}
.reference-frame .whitespace-nowrap{white-space: nowrap;}
.reference-frame .rounded{border-radius: 0.25rem;}
.reference-frame .rounded-2xl{border-radius: 1rem;}
.reference-frame .rounded-\[2\.1rem\]{border-radius: 2.1rem;}
.reference-frame .rounded-\[2\.5rem\]{border-radius: 2.5rem;}
.reference-frame .rounded-\[20px\]{border-radius: 20px;}
.reference-frame .rounded-full{border-radius: 9999px;}
.reference-frame .rounded-lg{border-radius: 0.5rem;}
.reference-frame .rounded-md{border-radius: 0.375rem;}
.reference-frame .rounded-sm{border-radius: 0.125rem;}
.reference-frame .rounded-xl{border-radius: 0.75rem;}
.reference-frame .rounded-bl-xl{border-bottom-left-radius: 0.75rem;}
.reference-frame .border{border-width: 1px;}
.reference-frame .border-b{border-bottom-width: 1px;}
.reference-frame .border-r{border-right-width: 1px;}
.reference-frame .border-t{border-top-width: 1px;}
.reference-frame .border-brand-accent{--tw-border-opacity: 1; border-color: rgb(45 212 160 / var(--tw-border-opacity, 1));}
.reference-frame .border-brand-accent\/10{border-color: rgba(45, 212, 160, 0.1);}
.reference-frame .border-brand-accent\/20{border-color: rgba(45, 212, 160, 0.2);}
.reference-frame .border-brand-accent\/30{border-color: rgba(45, 212, 160, 0.3);}
.reference-frame .border-brand-accent\/40{border-color: rgba(45, 212, 160, 0.4);}
.reference-frame .border-brand-accent\/5{border-color: rgba(45, 212, 160, 0.05);}
.reference-frame .border-brand-bright\/20{border-color: rgba(74, 222, 128, 0.2);}
.reference-frame .border-transparent{border-color: transparent;}
.reference-frame .border-white\/10{border-color: rgba(255, 255, 255, 0.1);}
.reference-frame .border-white\/5{border-color: rgba(255, 255, 255, 0.05);}
.reference-frame .border-b-brand-accent\/20{border-bottom-color: rgba(45, 212, 160, 0.2);}
.reference-frame .border-t-brand-accent\/30{border-top-color: rgba(45, 212, 160, 0.3);}
.reference-frame .bg-\[\#050D0A\]{--tw-bg-opacity: 1; background-color: rgb(5 13 10 / var(--tw-bg-opacity, 1));}
.reference-frame .bg-\[\#061410\]{--tw-bg-opacity: 1; background-color: rgb(6 20 16 / var(--tw-bg-opacity, 1));}
.reference-frame .bg-\[\#061410\]\/80{background-color: rgba(6, 20, 16, 0.8);}
.reference-frame .bg-\[\#081814\]{--tw-bg-opacity: 1; background-color: rgb(8 24 20 / var(--tw-bg-opacity, 1));}
.reference-frame .bg-\[\#081814\]\/50{background-color: rgba(8, 24, 20, 0.5);}
.reference-frame .bg-\[\#081814\]\/80{background-color: rgba(8, 24, 20, 0.8);}
.reference-frame .bg-\[\#081814\]\/85{background-color: rgba(8, 24, 20, 0.85);}
.reference-frame .bg-\[\#0A1F1A\]{--tw-bg-opacity: 1; background-color: rgb(10 31 26 / var(--tw-bg-opacity, 1));}
.reference-frame .bg-black{--tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));}
.reference-frame .bg-black\/40{background-color: rgba(0, 0, 0, 0.4);}
.reference-frame .bg-brand-accent{--tw-bg-opacity: 1; background-color: rgb(45 212 160 / var(--tw-bg-opacity, 1));}
.reference-frame .bg-brand-accent\/10{background-color: rgba(45, 212, 160, 0.1);}
.reference-frame .bg-brand-accent\/20{background-color: rgba(45, 212, 160, 0.2);}
.reference-frame .bg-brand-accent\/5{background-color: rgba(45, 212, 160, 0.05);}
.reference-frame .bg-brand-bright\/10{background-color: rgba(74, 222, 128, 0.1);}
.reference-frame .bg-white\/10{background-color: rgba(255, 255, 255, 0.1);}
.reference-frame .bg-white\/5{background-color: rgba(255, 255, 255, 0.05);}
.reference-frame .bg-\[radial-gradient\(ellipse_at_top\,_var\(--tw-gradient-stops\)\)\]{background-image: radial-gradient(ellipse at top, var(--tw-gradient-stops));}
.reference-frame .bg-gradient-to-b{background-image: linear-gradient(to bottom, var(--tw-gradient-stops));}
.reference-frame .bg-gradient-to-r{background-image: linear-gradient(to right, var(--tw-gradient-stops));}
.reference-frame .from-\[\#0A1F1A\]{--tw-gradient-from: #0A1F1A var(--tw-gradient-from-position); --tw-gradient-to: rgb(10 31 26 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}
.reference-frame .from-\[\#0D2520\]{--tw-gradient-from: #0D2520 var(--tw-gradient-from-position); --tw-gradient-to: rgb(13 37 32 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}
.reference-frame .from-brand-accent\/5{--tw-gradient-from: rgb(45 212 160 / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: rgb(45 212 160 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}
.reference-frame .to-\[\#061410\]{--tw-gradient-to: #061410 var(--tw-gradient-to-position);}
.reference-frame .to-\[\#081814\]{--tw-gradient-to: #081814 var(--tw-gradient-to-position);}
.reference-frame .to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position);}
.reference-frame .fill-brand-accent{fill: rgb(45, 212, 160);}
.reference-frame .fill-current{fill: currentcolor;}
.reference-frame .object-cover{object-fit: cover;}
.reference-frame .p-1{padding: 0.25rem;}
.reference-frame .p-1\.5{padding: 0.375rem;}
.reference-frame .p-2{padding: 0.5rem;}
.reference-frame .p-2\.5{padding: 0.625rem;}
.reference-frame .p-3{padding: 0.75rem;}
.reference-frame .p-4{padding: 1rem;}
.reference-frame .p-5{padding: 1.25rem;}
.reference-frame .p-6{padding: 1.5rem;}
.reference-frame .px-1{padding-left: 0.25rem; padding-right: 0.25rem;}
.reference-frame .px-2{padding-left: 0.5rem; padding-right: 0.5rem;}
.reference-frame .px-3{padding-left: 0.75rem; padding-right: 0.75rem;}
.reference-frame .px-4{padding-left: 1rem; padding-right: 1rem;}
.reference-frame .px-6{padding-left: 1.5rem; padding-right: 1.5rem;}
.reference-frame .py-0\.5{padding-top: 0.125rem; padding-bottom: 0.125rem;}
.reference-frame .py-1{padding-top: 0.25rem; padding-bottom: 0.25rem;}
.reference-frame .py-1\.5{padding-top: 0.375rem; padding-bottom: 0.375rem;}
.reference-frame .py-12{padding-top: 3rem; padding-bottom: 3rem;}
.reference-frame .py-24{padding-top: 6rem; padding-bottom: 6rem;}
.reference-frame .py-3{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.reference-frame .py-4{padding-top: 1rem; padding-bottom: 1rem;}
.reference-frame .py-6{padding-top: 1.5rem; padding-bottom: 1.5rem;}
.reference-frame .pb-24{padding-bottom: 6rem;}
.reference-frame .pb-1{padding-bottom: 0.25rem;}
.reference-frame .pb-16{padding-bottom: 4rem;}
.reference-frame .pl-1{padding-left: 0.25rem;}
.reference-frame .pl-5{padding-left: 1.25rem;}
.reference-frame .pr-5{padding-right: 1.25rem;}
.reference-frame .pt-1{padding-top: 0.25rem;}
.reference-frame .pt-2{padding-top: 0.5rem;}
.reference-frame .pt-20{padding-top: 5rem;}
.reference-frame .pt-6{padding-top: 1.5rem;}
.reference-frame .text-center{text-align: center;}
.reference-frame .text-right{text-align: right;}
.reference-frame .font-mono{font-family: "Reference Space Grotesk", monospace;}
.reference-frame .font-sans{font-family: "Reference Inter", sans-serif;}
.reference-frame .text-2xl{font-size: 1.5rem; line-height: 2rem;}
.reference-frame .text-3xl{font-size: 1.875rem; line-height: 2.25rem;}
.reference-frame .text-5xl{font-size: 3rem; line-height: 1;}
.reference-frame .text-\[10px\]{font-size: 10px;}
.reference-frame .text-\[11px\]{font-size: 11px;}
.reference-frame .text-\[9px\]{font-size: 9px;}
.reference-frame .text-base{font-size: 1rem; line-height: 1.5rem;}
.reference-frame .text-lg{font-size: 1.125rem; line-height: 1.75rem;}
.reference-frame .text-sm{font-size: 0.875rem; line-height: 1.25rem;}
.reference-frame .text-xl{font-size: 1.25rem; line-height: 1.75rem;}
.reference-frame .text-xs{font-size: 0.75rem; line-height: 1rem;}
.reference-frame .font-black{font-weight: 900;}
.reference-frame .font-bold{font-weight: 700;}
.reference-frame .font-medium{font-weight: 500;}
.reference-frame .font-normal{font-weight: 400;}
.reference-frame .font-semibold{font-weight: 600;}
.reference-frame .uppercase{text-transform: uppercase;}
.reference-frame .leading-\[0\.9\]{line-height: 0.9;}
.reference-frame .leading-none{line-height: 1;}
.reference-frame .leading-relaxed{line-height: 1.625;}
.reference-frame .tracking-tight{letter-spacing: -0.02em;}
.reference-frame .tracking-tighter{letter-spacing: -0.04em;}
.reference-frame .tracking-wide{letter-spacing: 0.025em;}
.reference-frame .tracking-wider{letter-spacing: 0.05em;}
.reference-frame .tracking-widest{letter-spacing: 0.1em;}
.reference-frame .text-\[\#061410\]{--tw-text-opacity: 1; color: rgb(6 20 16 / var(--tw-text-opacity, 1));}
.reference-frame .text-\[\#FFD700\]{--tw-text-opacity: 1; color: rgb(255 215 0 / var(--tw-text-opacity, 1));}
.reference-frame .text-brand-accent{--tw-text-opacity: 1; color: rgb(45 212 160 / var(--tw-text-opacity, 1));}
.reference-frame .text-brand-accent\/50{color: rgba(45, 212, 160, 0.5);}
.reference-frame .text-brand-accent\/90{color: rgba(45, 212, 160, 0.9);}
.reference-frame .text-brand-bright{--tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1));}
.reference-frame .text-brand-bright\/80{color: rgba(74, 222, 128, 0.8);}
.reference-frame .text-txt-muted{--tw-text-opacity: 1; color: rgb(139 168 158 / var(--tw-text-opacity, 1));}
.reference-frame .text-txt-muted\/50{color: rgba(139, 168, 158, 0.5);}
.reference-frame .text-txt-muted\/70{color: rgba(139, 168, 158, 0.7);}
.reference-frame .text-white{--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1));}
.reference-frame .text-white\/20{color: rgba(255, 255, 255, 0.2);}
.reference-frame .text-white\/90{color: rgba(255, 255, 255, 0.9);}
.reference-frame .underline{text-decoration-line: underline;}
.reference-frame .line-through{text-decoration-line: line-through;}
.reference-frame .decoration-brand-accent\/30{text-decoration-color: rgba(45, 212, 160, 0.3);}
.reference-frame .underline-offset-4{text-underline-offset: 4px;}
.reference-frame .opacity-0{opacity: 0;}
.reference-frame .opacity-50{opacity: 0.5;}
.reference-frame .opacity-60{opacity: 0.6;}
.reference-frame .opacity-90{opacity: 0.9;}
.reference-frame .opacity-\[0\.03\]{opacity: 0.03;}
.reference-frame .opacity-\[0\.08\]{opacity: 0.08;}
.reference-frame .opacity-\[0\.15\]{opacity: 0.15;}
.reference-frame .opacity-80{opacity: 0.8;}
.reference-frame .opacity-100{opacity: 1;}
.reference-frame .shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-\[0_0_10px_rgba\(45\,212\,160\,0\.4\)\]{--tw-shadow: 0 0 10px rgba(45,212,160,0.4); --tw-shadow-colored: 0 0 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-\[0_0_12px_rgba\(45\,212\,160\,0\.25\)\]{--tw-shadow: 0 0 12px rgba(45,212,160,0.25); --tw-shadow-colored: 0 0 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-\[0_0_15px_rgba\(45\,212\,160\,0\.2\)\]{--tw-shadow: 0 0 15px rgba(45,212,160,0.2); --tw-shadow-colored: 0 0 15px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-\[0_0_20px_rgba\(45\,212\,160\,0\.2\)\]{--tw-shadow: 0 0 20px rgba(45,212,160,0.2); --tw-shadow-colored: 0 0 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-\[0_0_30px_rgba\(45\,212\,160\,0\.15\)\]{--tw-shadow: 0 0 30px rgba(45,212,160,0.15); --tw-shadow-colored: 0 0 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-\[0_20px_40px_-10px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow: 0 20px 40px -10px rgba(0,0,0,0.8); --tw-shadow-colored: 0 20px 40px -10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow: 0 30px 80px rgba(0,0,0,0.8); --tw-shadow-colored: 0 30px 80px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-\[0_40px_80px_-20px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow: 0 40px 80px -20px rgba(0,0,0,0.8); --tw-shadow-colored: 0 40px 80px -20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-\[0_5px_20px_-5px_rgba\(45\,212\,160\,0\.5\)\]{--tw-shadow: 0 5px 20px -5px rgba(45,212,160,0.5); --tw-shadow-colored: 0 5px 20px -5px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .blur-\[100px\]{--tw-blur: blur(100px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.reference-frame .blur-\[120px\]{--tw-blur: blur(120px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.reference-frame .blur-\[30px\]{--tw-blur: blur(30px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.reference-frame .blur-\[3px\]{--tw-blur: blur(3px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.reference-frame .blur-\[80px\]{--tw-blur: blur(80px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.reference-frame .filter{filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.reference-frame .backdrop-blur-md{--tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
.reference-frame .backdrop-blur-sm{--tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
.reference-frame .backdrop-blur-xl{--tw-backdrop-blur: blur(24px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
.reference-frame .transition-all{transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.reference-frame .transition-colors{transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.reference-frame .transition-opacity{transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.reference-frame .transition-transform{transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.reference-frame .delay-150{transition-delay: 150ms;}
.reference-frame .delay-75{transition-delay: 75ms;}
.reference-frame .duration-300{transition-duration: 300ms;}
.reference-frame .duration-700{transition-duration: 700ms;}
.reference-frame .marker\:text-brand-accent ::marker{color: rgb(45, 212, 160);}
.reference-frame .marker\:text-brand-accent::marker{color: rgb(45, 212, 160);}
.reference-frame .selection\:bg-brand-accent ::selection{--tw-bg-opacity: 1; background-color: rgb(45 212 160 / var(--tw-bg-opacity, 1));}
.reference-frame .selection\:text-void ::selection{--tw-text-opacity: 1; color: rgb(6 20 16 / var(--tw-text-opacity, 1));}
.reference-frame .selection\:bg-brand-accent::selection{--tw-bg-opacity: 1; background-color: rgb(45 212 160 / var(--tw-bg-opacity, 1));}
.reference-frame .selection\:text-void::selection{--tw-text-opacity: 1; color: rgb(6 20 16 / var(--tw-text-opacity, 1));}
.reference-frame .before\:absolute::before{content: var(--tw-content); position: absolute;}
.reference-frame .before\:inset-y-3::before{content: var(--tw-content); top: 0.75rem; bottom: 0.75rem;}
.reference-frame .before\:left-\[15px\]::before{content: var(--tw-content); left: 15px;}
.reference-frame .before\:w-px::before{content: var(--tw-content); width: 1px;}
.reference-frame .before\:bg-gradient-to-b::before{content: var(--tw-content); background-image: linear-gradient(to bottom, var(--tw-gradient-stops));}
.reference-frame .before\:from-brand-accent\/50::before{content: var(--tw-content); --tw-gradient-from: rgb(45 212 160 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(45 212 160 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}
.reference-frame .before\:to-transparent::before{content: var(--tw-content); --tw-gradient-to: transparent var(--tw-gradient-to-position);}
.reference-frame .hover\:-translate-y-0\.5:hover{--tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .hover\:scale-105:hover{--tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .hover\:bg-brand-bright:hover{--tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));}
.reference-frame .hover\:bg-white\/10:hover{background-color: rgba(255, 255, 255, 0.1);}
.reference-frame .hover\:bg-white\/5:hover{background-color: rgba(255, 255, 255, 0.05);}
.reference-frame .hover\:text-white:hover{--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1));}
.reference-frame .hover\:decoration-brand-accent:hover{text-decoration-color: rgb(45, 212, 160);}
.reference-frame .hover\:shadow-\[0_0_30px_rgba\(45\,212\,160\,0\.4\)\]:hover{--tw-shadow: 0 0 30px rgba(45,212,160,0.4); --tw-shadow-colored: 0 0 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .hover\:shadow-\[0_10px_25px_-5px_rgba\(45\,212\,160\,0\.7\)\]:hover{--tw-shadow: 0 10px 25px -5px rgba(45,212,160,0.7); --tw-shadow-colored: 0 10px 25px -5px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.reference-frame .focus\:outline-none:focus{outline: transparent solid 2px; outline-offset: 2px;}
.reference-frame .group:hover .group-hover\:bg-\[\#E53935\]{--tw-bg-opacity: 1; background-color: rgb(229 57 53 / var(--tw-bg-opacity, 1));}
.reference-frame .group:hover .group-hover\:bg-brand-accent{--tw-bg-opacity: 1; background-color: rgb(45 212 160 / var(--tw-bg-opacity, 1));}
.reference-frame .group:hover .group-hover\:bg-yellow-500{--tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));}
.reference-frame .group:hover .group-hover\:opacity-\[0\.15\]{opacity: 0.15;}
@media (min-width: 640px){.reference-frame .sm\:bottom-6{bottom: 1.5rem;}
.reference-frame .sm\:block{display: block;}
.reference-frame .sm\:scale-100{--tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .sm\:rounded-full{border-radius: 9999px;}
.reference-frame .sm\:p-3{padding: 0.75rem;}
.reference-frame .sm\:p-4{padding: 1rem;}
.reference-frame .sm\:p-6{padding: 1.5rem;}
.reference-frame .sm\:p-8{padding: 2rem;}
.reference-frame .sm\:px-2{padding-left: 0.5rem; padding-right: 0.5rem;}
.reference-frame .sm\:text-sm{font-size: 0.875rem; line-height: 1.25rem;}
.reference-frame .sm\:text-xs{font-size: 0.75rem; line-height: 1rem;}}
@media (min-width: 768px){.reference-frame .md\:mb-20{margin-bottom: 5rem;}
.reference-frame .md\:block{display: block;}
.reference-frame .md\:flex{display: flex;}
.reference-frame .md\:hidden{display: none;}
.reference-frame .md\:h-28{height: 7rem;}
.reference-frame .md\:h-48{height: 12rem;}
.reference-frame .md\:h-\[460px\]{height: 460px;}
.reference-frame .md\:w-28{width: 7rem;}
.reference-frame .md\:w-48{width: 12rem;}
.reference-frame .md\:w-auto{width: auto;}
.reference-frame .md\:-translate-y-2{--tw-translate-y: -0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .md\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.reference-frame .md\:flex-row{flex-direction: row;}
.reference-frame .md\:items-center{align-items: center;}
.reference-frame .md\:gap-4{gap: 1rem;}
.reference-frame .md\:border-transparent{border-color: transparent;}
.reference-frame .md\:bg-transparent{background-color: transparent;}
.reference-frame .md\:p-0{padding: 0px;}
.reference-frame .md\:p-6{padding: 1.5rem;}
.reference-frame .md\:p-8{padding: 2rem;}
.reference-frame .md\:px-6{padding-left: 1.5rem; padding-right: 1.5rem;}
.reference-frame .md\:py-0{padding-top: 0px; padding-bottom: 0px;}
.reference-frame .md\:py-32{padding-top: 8rem; padding-bottom: 8rem;}
.reference-frame .md\:text-3xl{font-size: 1.875rem; line-height: 2.25rem;}
.reference-frame .md\:text-4xl{font-size: 2.25rem; line-height: 2.5rem;}
.reference-frame .md\:text-7xl{font-size: 4.5rem; line-height: 1;}
.reference-frame .md\:text-base{font-size: 1rem; line-height: 1.5rem;}
.reference-frame .md\:text-sm{font-size: 0.875rem; line-height: 1.25rem;}
.reference-frame .md\:hover\:-translate-y-1:hover{--tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}}
@media (min-width: 1024px){.reference-frame .lg\:order-1{order: 1;}
.reference-frame .lg\:order-2{order: 2;}
.reference-frame .lg\:mt-12{margin-top: 3rem;}
.reference-frame .lg\:block{display: block;}
.reference-frame .lg\:w-auto{width: auto;}
.reference-frame .lg\:scale-105{--tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.reference-frame .lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns: 1.1fr 0.9fr;}
.reference-frame .lg\:flex-row{flex-direction: row;}
.reference-frame .lg\:gap-16{gap: 4rem;}
.reference-frame .lg\:gap-4{gap: 1rem;}
.reference-frame .lg\:gap-8{gap: 2rem;}
.reference-frame .lg\:pr-6{padding-right: 1.5rem;}
.reference-frame .lg\:text-\[6\.5rem\]{font-size: 6.5rem;}}
.reference-frame{--glass-border: rgba(255, 255, 255, 0.08); --glass-bg: rgba(8, 24, 20, 0.4);}
.reference-frame{background-color: rgb(6, 20, 16); color: rgb(255, 255, 255); overflow-x: hidden; -webkit-font-smoothing: antialiased;}
.reference-frame .noise-bg{position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; pointer-events: none; z-index: 9999; opacity: 0.03; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");}
.reference-frame #network-canvas{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; opacity: 0.5; pointer-events: none; mask-image: radial-gradient(circle, black 20%, transparent 80%);}
.reference-frame .gradient-text{background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.6) 100%) text; -webkit-text-fill-color: transparent;}
.reference-frame .gradient-brand{background: linear-gradient(135deg, rgb(74, 222, 128) 0%, rgb(45, 212, 160) 100%) text; -webkit-text-fill-color: transparent;}
.reference-frame .pricing-card-border{background: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); padding: 1px; border-radius: 24px; transition: 0.4s;}
.reference-frame .pricing-card-border:hover{background: linear-gradient(rgba(45, 212, 160, 0.6) 0%, rgba(26, 107, 74, 0.1) 100%); transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 40px;}
.reference-frame .pricing-card-border.premium{background: linear-gradient(135deg, rgb(74, 222, 128) 0%, rgb(45, 212, 160) 100%); box-shadow: rgba(45, 212, 160, 0.15) 0px 0px 30px;}
.reference-frame .pricing-card-inner{background: rgb(8, 24, 20); border-radius: 23px; height: 100%; position: relative; overflow: hidden;}
.reference-frame .perspective-container{perspective: 2000px; transform-style: preserve-3d;}
.reference-frame .switcher-track{box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px inset;}
.reference-frame .switcher-indicator{transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}
.reference-frame .dashboard-bento{background: rgba(10, 31, 26, 0.6); border: 1px solid rgba(45, 212, 160, 0.1); border-radius: 16px;}
.reference-frame .clip-reveal{clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%);}
@media (prefers-reduced-motion: reduce){.reference-frame,.reference-frame *,.reference-frame ::before,.reference-frame ::after{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important;}
.reference-frame .gsap-reveal,.reference-frame .gsap-title{opacity: 1 !important; transform: none !important; filter: none !important;}}
/* Only the new site header occupies the original blank top area; source hero stays in place. */
.site-header{position:absolute;top:0;left:0;width:100%}
.reference-frame #dashboard-mockup *, .reference-frame #android-mockup *{cursor:default!important}
.reference-frame{font-family:"Reference Inter",sans-serif;line-height:1.5;color:#fff;background:#061410;padding-bottom:150px}
.reference-frame #sticky-banner{opacity:1;transform:none}
.reference-frame #reference-other-download,.reference-frame #reference-signing,.reference-frame #reference-install-link a{text-decoration:underline;text-underline-offset:3px}
.reference-frame a,.reference-frame button{scroll-margin-top:100px;scroll-margin-bottom:200px}
.reference-frame a:focus-visible,.reference-frame button:focus-visible{outline:2px solid #2dd4a0;outline-offset:4px}
.reference-frame~.site-footer{padding-bottom:200px}
@media(prefers-reduced-motion:reduce){.reference-frame *, .reference-frame *::before,.reference-frame *::after{animation:none!important;transition:none!important}}

/* Replacing the source tariff button with a real link retains its full-width box. */
.reference-frame #pricing .pricing-card-inner a.w-full{display:block}

.reference-frame:not([data-reference-enhanced]) .gsap-reveal{opacity:1;transform:none}

/* Preserve the original grid under the deployed style-src self policy. */
.reference-frame .reference-dashboard-grid{background-image: radial-gradient(#2DD4A0 1px, transparent 1px); background-size: 24px 24px; background-position: center;}

/* Company descriptor keeps the original heading line box. */
.reference-frame .reference-site-label{font-size:.32em;line-height:1;letter-spacing:.01em}

/* Exact global Inter glyph subsets for this homepage. Other characters retain the original faces in site.css. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-home-latin-cf75ec9d47bd17c6.woff2') format('woff2');unicode-range:U+0020,U+0028,U+0029,U+002C,U+002E,U+0030,U+0032,U+0036,U+003B,U+0041,U+0045,U+0049,U+004D,U+004E,U+0053,U+0057,U+0061,U+0063,U+0064,U+0065,U+0069,U+006D,U+006E,U+006F,U+0070,U+0072,U+0073,U+0077,U+0078,U+0079,U+00A9,U+00AB,U+00BB,U+2014}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-home-cyrillic-8da22a3e80c3ecf1.woff2') format('woff2');unicode-range:U+0410,U+0413,U+0414,U+0417,U+0418,U+041E,U+041F,U+0421,U+0430,U+0431,U+0432,U+0433,U+0434,U+0435,U+0436,U+0437,U+0438,U+0439,U+043A,U+043B,U+043C,U+043D,U+043E,U+043F,U+0440,U+0441,U+0442,U+0443,U+0444,U+0446,U+0447,U+0449,U+044B,U+044C,U+044E,U+044F,U+0451}