@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:var(--font-geist-sans);--color-red-600:#e40014;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono);--color-navy:#011531;--color-navy-light:#0a2652;--color-brand-blue:#1844d8;--color-sky:#89bad7;--color-lime:#e3fe69;--color-mist:#fafafa;--color-ink:#1a1d21;--color-teal:#007e8e;--color-teal-deep:#00636f;--color-card-lime:#c3d54e;--color-card-body:#4b5563;--color-card-border:#e4e9ea;--color-card-border-hover:#bedee0}@supports (color:lab(0% 0 0)){:root,:host{--color-red-600:lab(48.4493% 77.4328 61.5452)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-20{top:calc(var(--spacing) * -20)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1\/2{top:50%}.top-10{top:calc(var(--spacing) * 10)}.top-auto{top:auto}.top-full{top:100%}.-right-4{right:calc(var(--spacing) * -4)}.-right-6{right:calc(var(--spacing) * -6)}.-right-8{right:calc(var(--spacing) * -8)}.-right-20{right:calc(var(--spacing) * -20)}.-right-24{right:calc(var(--spacing) * -24)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-10{right:calc(var(--spacing) * 10)}.-bottom-4{bottom:calc(var(--spacing) * -4)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.-bottom-8{bottom:calc(var(--spacing) * -8)}.-bottom-24{bottom:calc(var(--spacing) * -24)}.bottom-0{bottom:0}.bottom-6{bottom:calc(var(--spacing) * 6)}.-left-24{left:calc(var(--spacing) * -24)}.left-1\/2{left:50%}.left-\[-9999px\]{left:-9999px}.-z-10{z-index:calc(10 * -1)}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[3px\]{height:3px}.h-\[28rem\]{height:28rem}.h-\[30rem\]{height:30rem}.h-full{height:100%}.h-px{height:1px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[280px\]{min-height:280px}.min-h-full{min-height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[40rem\]{width:40rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-card-border{border-color:var(--color-card-border)}.border-card-lime\/50{border-color:#c3d54e80}@supports (color:color-mix(in lab, red, red)){.border-card-lime\/50{border-color:color-mix(in oklab, var(--color-card-lime) 50%, transparent)}}.border-navy\/10{border-color:#0115311a}@supports (color:color-mix(in lab, red, red)){.border-navy\/10{border-color:color-mix(in oklab, var(--color-navy) 10%, transparent)}}.border-navy\/15{border-color:#01153126}@supports (color:color-mix(in lab, red, red)){.border-navy\/15{border-color:color-mix(in oklab, var(--color-navy) 15%, transparent)}}.border-navy\/20{border-color:#01153133}@supports (color:color-mix(in lab, red, red)){.border-navy\/20{border-color:color-mix(in oklab, var(--color-navy) 20%, transparent)}}.border-navy\/25{border-color:#01153140}@supports (color:color-mix(in lab, red, red)){.border-navy\/25{border-color:color-mix(in oklab, var(--color-navy) 25%, transparent)}}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-brand-blue{background-color:var(--color-brand-blue)}.bg-brand-blue\/10{background-color:#1844d81a}@supports (color:color-mix(in lab, red, red)){.bg-brand-blue\/10{background-color:color-mix(in oklab, var(--color-brand-blue) 10%, transparent)}}.bg-brand-blue\/35{background-color:#1844d859}@supports (color:color-mix(in lab, red, red)){.bg-brand-blue\/35{background-color:color-mix(in oklab, var(--color-brand-blue) 35%, transparent)}}.bg-brand-blue\/40{background-color:#1844d866}@supports (color:color-mix(in lab, red, red)){.bg-brand-blue\/40{background-color:color-mix(in oklab, var(--color-brand-blue) 40%, transparent)}}.bg-card-lime\/10{background-color:#c3d54e1a}@supports (color:color-mix(in lab, red, red)){.bg-card-lime\/10{background-color:color-mix(in oklab, var(--color-card-lime) 10%, transparent)}}.bg-lime{background-color:var(--color-lime)}.bg-lime\/35{background-color:#e3fe6959}@supports (color:color-mix(in lab, red, red)){.bg-lime\/35{background-color:color-mix(in oklab, var(--color-lime) 35%, transparent)}}.bg-lime\/55{background-color:#e3fe698c}@supports (color:color-mix(in lab, red, red)){.bg-lime\/55{background-color:color-mix(in oklab, var(--color-lime) 55%, transparent)}}.bg-mist{background-color:var(--color-mist)}.bg-mist\/80{background-color:#fafafacc}@supports (color:color-mix(in lab, red, red)){.bg-mist\/80{background-color:color-mix(in oklab, var(--color-mist) 80%, transparent)}}.bg-mist\/95{background-color:#fafafaf2}@supports (color:color-mix(in lab, red, red)){.bg-mist\/95{background-color:color-mix(in oklab, var(--color-mist) 95%, transparent)}}.bg-navy{background-color:var(--color-navy)}.bg-navy\/5{background-color:#0115310d}@supports (color:color-mix(in lab, red, red)){.bg-navy\/5{background-color:color-mix(in oklab, var(--color-navy) 5%, transparent)}}.bg-navy\/10{background-color:#0115311a}@supports (color:color-mix(in lab, red, red)){.bg-navy\/10{background-color:color-mix(in oklab, var(--color-navy) 10%, transparent)}}.bg-navy\/15{background-color:#01153126}@supports (color:color-mix(in lab, red, red)){.bg-navy\/15{background-color:color-mix(in oklab, var(--color-navy) 15%, transparent)}}.bg-navy\/70{background-color:#011531b3}@supports (color:color-mix(in lab, red, red)){.bg-navy\/70{background-color:color-mix(in oklab, var(--color-navy) 70%, transparent)}}.bg-navy\/\[0\.03\]{background-color:#01153108}@supports (color:color-mix(in lab, red, red)){.bg-navy\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-navy) 3%, transparent)}}.bg-navy\/\[0\.06\]{background-color:#0115310f}@supports (color:color-mix(in lab, red, red)){.bg-navy\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-navy) 6%, transparent)}}.bg-sky\/30{background-color:#89bad74d}@supports (color:color-mix(in lab, red, red)){.bg-sky\/30{background-color:color-mix(in oklab, var(--color-sky) 30%, transparent)}}.bg-teal{background-color:var(--color-teal)}.bg-teal\/10{background-color:#007e8e1a}@supports (color:color-mix(in lab, red, red)){.bg-teal\/10{background-color:color-mix(in oklab, var(--color-teal) 10%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-brand-blue{--tw-gradient-from:var(--color-brand-blue);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-lime{--tw-gradient-from:var(--color-lime);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-navy{--tw-gradient-from:var(--color-navy);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-navy-light{--tw-gradient-from:var(--color-navy-light);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky{--tw-gradient-from:var(--color-sky);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal{--tw-gradient-from:var(--color-teal);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-brand-blue{--tw-gradient-to:var(--color-brand-blue);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-card-lime{--tw-gradient-to:var(--color-card-lime);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-lime{--tw-gradient-to:var(--color-lime);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-navy-light{--tw-gradient-to:var(--color-navy-light);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky{--tw-gradient-to:var(--color-sky);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-9{padding:calc(var(--spacing) * 9)}.p-10{padding:calc(var(--spacing) * 10)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-geist-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-brand-blue{color:var(--color-brand-blue)}.text-card-body{color:var(--color-card-body)}.text-card-body\/70{color:#4b5563b3}@supports (color:color-mix(in lab, red, red)){.text-card-body\/70{color:color-mix(in oklab, var(--color-card-body) 70%, transparent)}}.text-foreground{color:var(--foreground)}.text-ink{color:var(--color-ink)}.text-ink\/85{color:#1a1d21d9}@supports (color:color-mix(in lab, red, red)){.text-ink\/85{color:color-mix(in oklab, var(--color-ink) 85%, transparent)}}.text-lime{color:var(--color-lime)}.text-navy{color:var(--color-navy)}.text-navy\/35{color:#01153159}@supports (color:color-mix(in lab, red, red)){.text-navy\/35{color:color-mix(in oklab, var(--color-navy) 35%, transparent)}}.text-navy\/40{color:#01153166}@supports (color:color-mix(in lab, red, red)){.text-navy\/40{color:color-mix(in oklab, var(--color-navy) 40%, transparent)}}.text-navy\/50{color:#01153180}@supports (color:color-mix(in lab, red, red)){.text-navy\/50{color:color-mix(in oklab, var(--color-navy) 50%, transparent)}}.text-navy\/60{color:#01153199}@supports (color:color-mix(in lab, red, red)){.text-navy\/60{color:color-mix(in oklab, var(--color-navy) 60%, transparent)}}.text-navy\/65{color:#011531a6}@supports (color:color-mix(in lab, red, red)){.text-navy\/65{color:color-mix(in oklab, var(--color-navy) 65%, transparent)}}.text-navy\/70{color:#011531b3}@supports (color:color-mix(in lab, red, red)){.text-navy\/70{color:color-mix(in oklab, var(--color-navy) 70%, transparent)}}.text-navy\/75{color:#011531bf}@supports (color:color-mix(in lab, red, red)){.text-navy\/75{color:color-mix(in oklab, var(--color-navy) 75%, transparent)}}.text-navy\/80{color:#011531cc}@supports (color:color-mix(in lab, red, red)){.text-navy\/80{color:color-mix(in oklab, var(--color-navy) 80%, transparent)}}.text-red-600{color:var(--color-red-600)}.text-sky\/80{color:#89bad7cc}@supports (color:color-mix(in lab, red, red)){.text-sky\/80{color:color-mix(in oklab, var(--color-sky) 80%, transparent)}}.text-teal{color:var(--color-teal)}.text-teal\/40{color:#007e8e66}@supports (color:color-mix(in lab, red, red)){.text-teal\/40{color:color-mix(in oklab, var(--color-teal) 40%, transparent)}}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/20{color:#fff3}@supports (color:color-mix(in lab, red, red)){.text-white\/20{color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-\[0\.14\]{opacity:.14}.opacity-\[0\.16\]{opacity:.16}.opacity-\[0\.18\]{opacity:.18}.opacity-\[0\.22\]{opacity:.22}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-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,);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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.group-focus-within\:visible:is(:where(.group):focus-within *){visibility:visible}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:rotate-180:is(:where(.group):hover *){rotate:180deg}.group-hover\:bg-card-lime\/30:is(:where(.group):hover *){background-color:#c3d54e4d}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-card-lime\/30:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-card-lime) 30%, transparent)}}.group-hover\:text-teal:is(:where(.group):hover *){color:var(--color-teal)}.group-hover\:text-teal-deep:is(:where(.group):hover *){color:var(--color-teal-deep)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-card-body\/50::placeholder{color:#4b556380}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-card-body\/50::placeholder{color:color-mix(in oklab, var(--color-card-body) 50%, transparent)}}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-brand-blue:hover{border-color:var(--color-brand-blue)}.hover\:border-navy:hover{border-color:var(--color-navy)}.hover\:bg-brand-blue:hover{background-color:var(--color-brand-blue)}.hover\:bg-navy:hover{background-color:var(--color-navy)}.hover\:bg-navy\/5:hover{background-color:#0115310d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-navy\/5:hover{background-color:color-mix(in oklab, var(--color-navy) 5%, transparent)}}.hover\:bg-navy\/10:hover{background-color:#0115311a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-navy\/10:hover{background-color:color-mix(in oklab, var(--color-navy) 10%, transparent)}}.hover\:bg-teal-deep:hover{background-color:var(--color-teal-deep)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-brand-blue:hover{color:var(--color-brand-blue)}.hover\:text-teal:hover{color:var(--color-teal)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-teal:focus{border-color:var(--color-teal)}.focus\:shadow-\[0_0_0_4px_rgba\(0\,126\,142\,0\.12\)\]:focus{--tw-shadow:0 0 0 4px var(--tw-shadow-color,#007e8e1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:translate-y-0:active{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:translate-y-0:disabled:hover{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:h-48{height:calc(var(--spacing) * 48)}.sm\:h-64{height:calc(var(--spacing) * 64)}.sm\:h-72{height:calc(var(--spacing) * 72)}.sm\:min-h-\[240px\]{min-height:240px}.sm\:w-52{width:calc(var(--spacing) * 52)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-16{padding-inline:calc(var(--spacing) * 16)}.sm\:py-32{padding-block:calc(var(--spacing) * 32)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr}.lg\:grid-cols-\[2fr_1fr_1\.4fr\]{grid-template-columns:2fr 1fr 1.4fr}.lg\:items-center{align-items:center}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}:root{--background:#fafafa;--foreground:#1a1d21}html{scroll-behavior:smooth}body{background:var(--color-mist);color:var(--foreground);font-family:var(--font-sans), Arial, Helvetica, sans-serif}.bg-hero-gradient{background:linear-gradient(135deg,#fdf6e9 0%,#e4edf9 45%,#1844d8 100%)}.card-glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9;border:1px solid #ffffffbf;transition:box-shadow .35s,border-color .35s;box-shadow:0 10px 30px -10px #0115312e}.card-glass:hover{border-color:#ffffffe6;box-shadow:0 14px 34px -10px #0115313d}.card-light{border:1px solid var(--color-card-border);background:#fff;transition:box-shadow .35s,border-color .35s;box-shadow:0 1px 2px #1118270a}.card-light:hover{border-color:var(--color-card-border-hover);box-shadow:0 20px 32px -16px #1118272e}::selection{background:var(--color-lime);color:var(--color-navy)}:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:2px;border-radius:2px}.animate-glow-pulse,.animate-glow-pulse-corner{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}


/*====================================
   SITE-WIDE MOTION SYSTEM -- added on top of the compiled Tailwind
   build above (do not run the build again, or this gets clobbered;
   append future tweaks the same way).

   Every selector here targets classes that already exist in this
   compiled output and in every page's markup (.card-light, header
   nav links, bg-lime buttons, the rounded-xl+bg-gradient-to-br icon
   badges) -- nothing needed to change in any HTML file for this to
   apply everywhere. The only new hooks are two things a companion
   script (assets/js/site-motion.js) does at runtime: it adds a `js`
   class to <html> and an `in-view` class to elements as they scroll
   into place. .reveal-up is written so it stays fully visible unless
   that `js` class is present (see below) -- if the script fails to
   load for any reason, nothing on the page goes invisible.

   Nothing here needs its own prefers-reduced-motion handling: the
   compiled block above already clamps every animation/transition
   duration to ~0 for reduced-motion users globally (search this file
   for "prefers-reduced-motion" if you want to see it), so nothing
   added below has to repeat that.
   ============================================================ */

/* ---- scroll reveal ---- */
.reveal-up{opacity:1;transform:none}
html.js .reveal-up{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .7s cubic-bezier(.16,.84,.44,1)}
html.js .reveal-up.in-view{opacity:1;transform:none}
html.js .reveal-up.reveal-pop{transform:translateY(20px) scale(.94)}
html.js .reveal-up.reveal-pop.in-view{transform:none}

/* ---- card hover: sheen + icon-badge tilt ----
   .card-light already ships a lift (hover:-translate-y-1, inline per
   card) and a layered glow box-shadow (see .card-light:hover above,
   compiled from the source design) -- this only adds a diagonal
   light sheen across the card and a spring tilt on its icon badge,
   nothing here touches the existing shadow/lift so they combine. */
.card-light{position:relative;overflow:hidden}
.card-light::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(24,68,216,.07),rgba(227,254,105,.13) 55%,transparent 75%);opacity:0;transition:opacity .5s ease;pointer-events:none}
.card-light:hover::before{opacity:1}
.card-light [class~="rounded-xl"][class*="bg-gradient-to-br"]{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.card-light:hover [class~="rounded-xl"][class*="bg-gradient-to-br"]{transform:rotate(-6deg) scale(1.08)}

/* ---- CTA button shine sweep ----
   `class~=` matches the exact "bg-lime" token only -- deliberately
   not a substring selector, which would also catch the *different*
   literal class "bg-lime/55" used on the decorative blur blobs. */
a[class~="bg-lime"],button[class~="bg-lime"]{position:relative;overflow:hidden}
a[class~="bg-lime"]::after,button[class~="bg-lime"]::after{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(115deg,transparent,rgba(137,186,215,.75),transparent);transform:skewX(-18deg);transition:left .7s ease;pointer-events:none}
a[class~="bg-lime"]:hover::after,button[class~="bg-lime"]:hover::after{left:130%}

/* ---- header nav underline sweep ---- */
header nav>a{position:relative}
header nav>a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:linear-gradient(90deg,var(--color-brand-blue),var(--color-lime));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,.84,.44,1)}
header nav>a:hover::after,header nav>a[class~="text-brand-blue"]::after{transform:scaleX(1)}

/* ---- header logo micro-interaction ---- */
header a[href="/"] img{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
header a[href="/"]:hover img{transform:rotate(-8deg) scale(1.06)}

/* Hero cursor spotlight removed on request (the radial glow that tracked
   the pointer inside hero sections). .bg-hero-gradient stays position:relative
   -- the pan animation (::before below) and the hero particles/media
   inserted at runtime are absolutely positioned against it. */
.bg-hero-gradient{position:relative}

/* ---- scroll progress bar ----
   Element itself is created at runtime by site-motion.js (it is not
   part of any page's markup) -- styled here so both live together. */
#site-scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--color-lime),var(--color-brand-blue));z-index:999;pointer-events:none}


/* ============================================================
   SITE-WIDE MOTION SYSTEM, PART 2 -- more creative motion layered on
   top of the base pass above (search "SITE-WIDE MOTION SYSTEM" for
   that one). Same rules apply: only targets classes already in the
   compiled markup, plus a handful of elements assets/js/site-motion.js
   creates itself at runtime (cursor glow, ripples, ambient hero
   particles) rather than anything baked into a page's HTML.
   ============================================================ */

/* ---- stat number pop ----
   site-motion.js count-up-animates any big font-extrabold number
   (800+, 10+, 3, 100%...) from 0 as it scrolls into view; this just
   gives the moment the count lands a little extra life. */
.stat-counted{display:inline-block;animation:statPop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes statPop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}

/* ---- 3D tilt on cards ----
   site-motion.js sets the transform inline per mousemove (needs the
   live cursor position, can't be done in CSS alone); this just adds
   the perspective + a smooth spring back to flat on mouseleave. */
.card-light{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,.84,.44,1),box-shadow .4s ease,border-color .35s}

/* Cursor glow follower removed on request (the blurred circle that used to
   trail the mouse across the whole page). site-motion.js no longer creates
   or moves #site-cursor-glow -- see that file. */

/* ---- hero: slow animated gradient pan + ambient particles ---- */
.bg-hero-gradient::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(227,254,105,.16),transparent 30%,transparent 70%,rgba(24,68,216,.14));background-size:220% 220%;animation:heroPan 16s ease-in-out infinite}
@keyframes heroPan{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}
.hero-particle{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(227,254,105,.95),rgba(137,186,215,.4) 55%,transparent 75%);opacity:.55;animation:heroParticleFloat 9s ease-in-out infinite}
@keyframes heroParticleFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-22px)}}

/* ---- eyebrow accent line draw-in ---- */
span[class~="h-px"]{transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.16,.84,.44,1)}
html.js .reveal-up.in-view span[class~="h-px"],span[class~="h-px"].in-view{transform:scaleX(1)}

/* ---- gradient accent text shimmer ----
   Targets the bg-clip-text gradient words (e.g. "studio.") already
   compiled into the page -- widens the gradient and slowly pans it. */
[class~="bg-clip-text"]{background-size:220% auto;animation:accentShimmer 6s ease-in-out infinite}
@keyframes accentShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* text-shadow works independently of the background-clip/transparent-fill
   trick above (it follows the glyph outline, not the fill color), so this
   layers a soft navy-tinted shadow under the gradient text without
   touching the lime/sky colors themselves -- those are brand colors used
   elsewhere (buttons, etc.), so recoloring them here would ripple wider
   than intended. .bg-hero-gradient runs cream -> pale blue -> navy
   (see that rule above), and lime/sky are both light colors, so wherever
   the word lands on the paler end of that background the two light
   colors were sitting too close in value to read cleanly. This darkens
   the edge just enough to separate them everywhere the background can be,
   without adding a hard outline. */
[class~="bg-clip-text"]{text-shadow:0 1px 3px rgba(1,21,49,.35),0 0 14px rgba(1,21,49,.15)}

/* ---- button click ripple ----
   Ripple <span> is created per-click by site-motion.js and removed
   after the animation finishes. */
.motion-ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(137,186,215,.6);pointer-events:none;animation:rippleOut .6s ease-out forwards}
@keyframes rippleOut{to{transform:scale(2.6);opacity:0}}

/* ---- footer social icons ---- */
footer a[aria-label]{transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .3s ease}
footer a[aria-label]:hover{transform:translateY(-4px) rotate(-8deg)}


/* ============================================================
   SITE-WIDE MOTION SYSTEM, PART 3 -- hero background media (photo on
   About/Services/Contact, the existing profile cover video reused on
   Home). Created at runtime by site-motion.js (search "hero
   background media" there), never baked into any page's HTML, same
   reasoning as the ambient particles above.
   ============================================================ */
.hero-bg-media{position:absolute;top:0;right:0;width:60%;height:100%;object-fit:cover;z-index:0;pointer-events:none;opacity:.85;filter:saturate(.55) brightness(1.05);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
/* Blend-mode overlay that locks the media above to brand hues only -- mix-blend-mode:color takes THIS layer's hue/saturation and the video/photo's luminance, so no matter what colors are actually in the source footage (a stock video looping through unrelated hues, a photo with its own palette), only navy/brand-blue/sky/lime are ever visible. Same mask + position as .hero-bg-media so it sits exactly on top of it. */
.hero-media-tint{position:absolute;top:0;right:0;width:60%;height:100%;z-index:0;pointer-events:none;mix-blend-mode:color;background:linear-gradient(135deg,var(--color-brand-blue),var(--color-sky) 45%,var(--color-lime) 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
@media (max-width:900px){.hero-media-tint{display:none}}
.hero-bg-media.is-image{animation:heroKenBurns 18s ease-in-out infinite alternate}
@keyframes heroKenBurns{0%{transform:scale(1)}100%{transform:scale(1.09)}}
@media (max-width:900px){.hero-bg-media{display:none}}

[aria-label="Skip loading screen"]{display:none!important}