/* Generated by tools/build_css.py from index.html. Do not edit by hand. */
@layer base, utilities;
@layer base{
*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}
html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
small{font-size:80%}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}
::placeholder{opacity:1}
textarea{resize:vertical}
button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}
summary{display:list-item}
[hidden]:where(:not([hidden=until-found])){display:none!important}
/* Unlike stock Tailwind, a grid with no grid-cols-* gets one shrinkable column, so
   long content (e.g. on mobile, before an lg:grid-cols-* kicks in) can't overflow. */
.grid{grid-template-columns:minmax(0,1fr)}
}
@layer utilities{
.\!mt-3{margin-top:0.75rem !important}
.\!px-4{padding-inline:1rem !important}
.\!py-2{padding-block:0.5rem !important}
.\!text-sm{font-size:0.875rem !important;line-height:1.25rem !important}
.-bottom-40{bottom:calc(10rem * -1)}
.-bottom-6{bottom:calc(1.5rem * -1)}
.-left-40{left:calc(10rem * -1)}
.-mr-2{margin-right:calc(0.5rem * -1)}
.-right-1{right:calc(0.25rem * -1)}
.-space-x-2 > :not(:last-child){margin-inline-end:calc(0.5rem * -1)}
.-top-1{top:calc(0.25rem * -1)}
.-top-48{top:calc(12rem * -1)}
.\[\&_svg\]\:h-5 svg{height:1.25rem}
.\[\&_svg\]\:w-5 svg{width:1.25rem}
.\[mask-image\:radial-gradient\(70\%_60\%_at_100\%_0\%\,\#000_30\%\,transparent_100\%\)\]{-webkit-mask-image:radial-gradient(70% 60% at 100% 0%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 60% at 100% 0%,#000 30%,transparent 100%)}
.\[mask-image\:radial-gradient\(80\%_70\%_at_50\%_0\%\,\#000_40\%\,transparent_100\%\)\]{-webkit-mask-image:radial-gradient(80% 70% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(80% 70% at 50% 0%,#000 40%,transparent 100%)}
.absolute{position:absolute}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.aspect-\[16\/10\]{aspect-ratio:16/10}
.bg-\[\#1764d1\]{background-color:#1764d1}
.bg-\[\#1764d1\]\/20{background-color:rgb(23 100 209 / 0.2)}
.bg-\[\#1764d1\]\/25{background-color:rgb(23 100 209 / 0.25)}
.bg-\[\#1764d1\]\/40{background-color:rgb(23 100 209 / 0.4)}
.bg-\[\#5aa2ff\]{background-color:#5aa2ff}
.bg-\[var\(--bg\)\]{background-color:var(--bg)}
.bg-\[var\(--brand\)\]{background-color:var(--brand)}
.bg-\[var\(--navy-700\)\]{background-color:var(--navy-700)}
.bg-\[var\(--navy-900\)\]{background-color:var(--navy-900)}
.bg-\[var\(--navy-950\)\]{background-color:var(--navy-950)}
.bg-blue-600{background-color:#2563eb}
.bg-emerald-300{background-color:#6ee7b7}
.bg-emerald-400{background-color:#34d399}
.bg-emerald-50{background-color:#ecfdf5}
.bg-emerald-500\/15{background-color:rgb(16 185 129 / 0.15)}
.bg-slate-100{background-color:#f1f5f9}
.bg-slate-400{background-color:#94a3b8}
.bg-white{background-color:#ffffff}
.bg-white\/5{background-color:rgb(255 255 255 / 0.05)}
.bg-white\/\[0\.03\]{background-color:rgb(255 255 255 / 0.03)}
.block{display:block}
.blur-2xl{filter:blur(40px)}
.blur-\[130px\]{filter:blur(130px)}
.blur-\[140px\]{filter:blur(140px)}
.border{border-style:solid;border-width:1px}
.border-2{border-style:solid;border-width:2px}
.border-\[\#5aa2ff\]\/25{border-color:rgb(90 162 255 / 0.25)}
.border-\[var\(--line\)\]{border-color:var(--line)}
.border-b{border-bottom-style:solid;border-bottom-width:1px}
.border-blue-300{border-color:#93c5fd}
.border-emerald-200{border-color:#a7f3d0}
.border-l-4\!{border-left-style:solid !important;border-left-width:4px !important}
.border-l-\[var\(--brand\)\]\!{border-left-color:var(--brand) !important}
.border-slate-200{border-color:#e2e8f0}
.border-slate-900\/10{border-color:rgb(15 23 42 / 0.1)}
.border-slate-900\/8{border-color:rgb(15 23 42 / 0.08)}
.border-t{border-top-style:solid;border-top-width:1px}
.border-white{border-color:#ffffff}
.border-white\/10{border-color:rgb(255 255 255 / 0.1)}
.border-white\/15{border-color:rgb(255 255 255 / 0.15)}
.border-white\/20{border-color:rgb(255 255 255 / 0.2)}
.border-white\/30{border-color:rgb(255 255 255 / 0.3)}
.border-y{border-block-style:solid;border-block-width:1px}
.bottom-5{bottom:1.25rem}
.cursor-pointer{cursor:pointer}
.divide-\[var\(--line\)\] > :not(:last-child){border-color:var(--line)}
.divide-y > :not(:last-child){border-top-width:0;border-bottom-style:solid;border-bottom-width:1px}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-10{gap:2.5rem}
.gap-12{gap:3rem}
.gap-2{gap:0.5rem}
.gap-2\.5{gap:0.625rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-x-10{column-gap:2.5rem}
.gap-x-4{column-gap:1rem}
.gap-x-6{column-gap:1.5rem}
.gap-x-8{column-gap:2rem}
.gap-y-3{row-gap:0.75rem}
.gap-y-4{row-gap:1rem}
.gap-y-5{row-gap:1.25rem}
.gap-y-7{row-gap:1.75rem}
.gap-y-8{row-gap:2rem}
.grid{display:grid}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}
.h-1{height:0.25rem}
.h-1\.5{height:0.375rem}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-20{height:5rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-8{height:2rem}
.h-\[26\%\]{height:26%}
.h-\[560px\]{height:560px}
.h-\[720px\]{height:720px}
.h-\[80\%\]{height:80%}
.h-auto{height:auto}
.h-full{height:100%}
.hidden{display:none}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inset-0{inset:0}
.inset-x-0{inset-inline:0}
.italic{font-style:italic}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.justify-start{justify-content:flex-start}
.leading-\[1\.08\]{line-height:1.08}
.leading-none{line-height:1}
.leading-relaxed{line-height:1.625}
.leading-snug{line-height:1.375}
.leading-tight{line-height:1.25}
.left-4{left:1rem}
.list-none{list-style-type:none}
.max-h-72{max-height:18rem}
.max-w-3xl{max-width:48rem}
.max-w-\[300px\]{max-width:300px}
.max-w-\[80\%\]{max-width:80%}
.max-w-\[85\%\]{max-width:85%}
.max-w-xl{max-width:36rem}
.max-w-xs{max-width:20rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-7{margin-bottom:1.75rem}
.min-h-\[240px\]{min-height:240px}
.min-w-0{min-width:0}
.ml-2{margin-left:0.5rem}
.ml-3{margin-left:0.75rem}
.ml-auto{margin-left:auto}
.ms-auto{margin-inline-start:auto}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-10{margin-top:2.5rem}
.mt-12{margin-top:3rem}
.mt-14{margin-top:3.5rem}
.mt-2{margin-top:0.5rem}
.mt-2\.5{margin-top:0.625rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-7{margin-top:1.75rem}
.mt-8{margin-top:2rem}
.mt-9{margin-top:2.25rem}
.mt-auto{margin-top:auto}
.mx-auto{margin-inline:auto}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.object-top{object-position:top}
.opacity-70{opacity:0.7}
.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}
.p-1{padding:0.25rem}
.p-2{padding:0.5rem}
.p-2\.5{padding:0.625rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.pb-14{padding-bottom:3.5rem}
.pb-2{padding-bottom:0.5rem}
.pointer-events-none{pointer-events:none}
.pt-1\.5{padding-top:0.375rem}
.pt-28{padding-top:7rem}
.pt-3{padding-top:0.75rem}
.pt-5{padding-top:1.25rem}
.pt-8{padding-top:2rem}
.px-2{padding-inline:0.5rem}
.px-2\.5{padding-inline:0.625rem}
.px-3{padding-inline:0.75rem}
.px-3\.5{padding-inline:0.875rem}
.px-4{padding-inline:1rem}
.px-5{padding-inline:1.25rem}
.py-0\.5{padding-block:0.125rem}
.py-1{padding-block:0.25rem}
.py-1\.5{padding-block:0.375rem}
.py-16{padding-block:4rem}
.py-2{padding-block:0.5rem}
.py-2\.5{padding-block:0.625rem}
.py-3{padding-block:0.75rem}
.py-3\.5{padding-block:0.875rem}
.py-4{padding-block:1rem}
.py-5{padding-block:1.25rem}
.py-6{padding-block:1.5rem}
.relative{position:relative}
.right-0{right:0}
.right-4{right:1rem}
.right-5{right:1.25rem}
.right-\[-10\%\]{right:-10%}
.ring-8{box-shadow:0 0 0 8px var(--tw-ring-color,currentColor)}
.ring-white{--tw-ring-color:#ffffff}
.rounded{border-radius:0.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-bl-sm{border-bottom-left-radius:0.25rem}
.rounded-br-sm{border-bottom-right-radius:0.25rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-sm{border-radius:0.25rem}
.rounded-xl{border-radius:0.75rem}
.scroll-smooth{scroll-behavior:smooth}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / .25)}
.shadow-\[0_15px_35px_-10px_rgba\(23\,100\,209\,\.7\)\]{box-shadow:0 15px 35px -10px rgba(23,100,209,.7)}
.shadow-\[0_20px_40px_-20px_rgba\(11\,29\,54\,\.35\)\]{box-shadow:0 20px 40px -20px rgba(11,29,54,.35)}
.shadow-\[0_30px_60px_-35px_rgba\(11\,29\,54\,\.45\)\]{box-shadow:0 30px 60px -35px rgba(11,29,54,.45)}
.shadow-\[0_30px_60px_-40px_rgba\(11\,29\,54\,\.4\)\]{box-shadow:0 30px 60px -40px rgba(11,29,54,.4)}
.shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}
.shrink-0{flex-shrink:0}
.space-y-1 > :not(:last-child){margin-bottom:0.25rem}
.space-y-1\.5 > :not(:last-child){margin-bottom:0.375rem}
.space-y-2 > :not(:last-child){margin-bottom:0.5rem}
.space-y-2\.5 > :not(:last-child){margin-bottom:0.625rem}
.space-y-3 > :not(:last-child){margin-bottom:0.75rem}
.space-y-4 > :not(:last-child){margin-bottom:1rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-\[\#5aa2ff\]{color:#5aa2ff}
.text-\[\#5aa2ff\]\!{color:#5aa2ff !important}
.text-\[\#7d8ca3\]{color:#7d8ca3}
.text-\[\#9cc5ff\]{color:#9cc5ff}
.text-\[\#9cc5ff\]\!{color:#9cc5ff !important}
.text-\[\#a9b8cc\]{color:#a9b8cc}
.text-\[\#c4d0e0\]{color:#c4d0e0}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-\[2\.4rem\]{font-size:2.4rem}
.text-\[9px\]{font-size:9px}
.text-\[var\(--body\)\]{color:var(--body)}
.text-\[var\(--brand\)\]{color:var(--brand)}
.text-\[var\(--ink\)\]{color:var(--ink)}
.text-\[var\(--muted\)\]{color:var(--muted)}
.text-amber-300{color:#fcd34d}
.text-blue-100\/80{color:rgb(219 234 254 / 0.8)}
.text-blue-600{color:#2563eb}
.text-center{text-align:center}
.text-emerald-300{color:#6ee7b7}
.text-emerald-400{color:#34d399}
.text-emerald-700{color:#047857}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-red-400{color:#f87171}
.text-slate-100{color:#f1f5f9}
.text-slate-200{color:#e2e8f0}
.text-slate-300{color:#cbd5e1}
.text-slate-400{color:#94a3b8}
.text-slate-500{color:#64748b}
.text-slate-600{color:#475569}
.text-slate-800{color:#1e293b}
.text-slate-900{color:#0f172a}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-white{color:#ffffff}
.text-white\!{color:#ffffff !important}
.text-white\/80{color:rgb(255 255 255 / 0.8)}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.top-0{top:0}
.tracking-tight{letter-spacing:-0.025em}
.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.underline{text-decoration-line:underline}
.underline-offset-2{text-underline-offset:2px}
.w-1\.5{width:0.375rem}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-14{width:3.5rem}
.w-20{width:5rem}
.w-4{width:1rem}
.w-40{width:10rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-8{width:2rem}
.w-\[560px\]{width:560px}
.w-\[720px\]{width:720px}
.w-\[85vw\]{width:85vw}
.w-auto{width:auto}
.w-full{width:100%}
.whitespace-nowrap{white-space:nowrap}
.z-50{z-index:50}
.z-\[60\]{z-index:60}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.disabled\:opacity-60:disabled{opacity:0.6}
.focus\:border-white\/50:focus{border-color:rgb(255 255 255 / 0.5)}
.focus\:outline-none:focus{outline-style:none}
.group:hover .group-hover\:scale-\[1\.03\]{scale:1.03}
.group:hover .group-hover\:text-\[var\(--brand\)\]{color:var(--brand)}
.group[open] .group-open\:rotate-45{rotate:45deg}
.hover\:bg-\[var\(--brand-600\)\]:hover{background-color:var(--brand-600)}
.hover\:bg-blue-50:hover{background-color:#eff6ff}
.hover\:bg-slate-100:hover{background-color:#f1f5f9}
.hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1)}
.hover\:border-blue-400:hover{border-color:#60a5fa}
.hover\:text-\[\#9cc5ff\]\!:hover{color:#9cc5ff !important}
.hover\:text-blue-600:hover{color:#2563eb}
.hover\:text-white:hover{color:#ffffff}
.hover\:text-white\!:hover{color:#ffffff !important}
@media (min-width:40rem){.sm\:block{display:block}}
@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1 / span 1}}
@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2 / span 2}}
@media (min-width:40rem){.sm\:flex-row{flex-direction:row}}
@media (min-width:40rem){.sm\:gap-5{gap:1.25rem}}
@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:40rem){.sm\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}}
@media (min-width:40rem){.sm\:h-24{height:6rem}}
@media (min-width:40rem){.sm\:left-8{left:2rem}}
@media (min-width:40rem){.sm\:max-w-\[360px\]{max-width:360px}}
@media (min-width:40rem){.sm\:max-w-sm{max-width:24rem}}
@media (min-width:40rem){.sm\:p-10{padding:2.5rem}}
@media (min-width:40rem){.sm\:p-6{padding:1.5rem}}
@media (min-width:40rem){.sm\:p-7{padding:1.75rem}}
@media (min-width:40rem){.sm\:p-8{padding:2rem}}
@media (min-width:40rem){.sm\:p-9{padding:2.25rem}}
@media (min-width:40rem){.sm\:right-auto{right:auto}}
@media (min-width:40rem){.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}
@media (min-width:40rem){.sm\:text-5xl{font-size:3rem;line-height:1}}
@media (min-width:40rem){.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}
@media (min-width:40rem){.sm\:w-24{width:6rem}}
@media (min-width:40rem){.sm\:w-\[92vw\]{width:92vw}}
@media (min-width:48rem){.md\:flex{display:flex}}
@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:48rem){.md\:h-\[72px\]{height:72px}}
@media (min-width:48rem){.md\:hidden\!{display:none !important}}
@media (min-width:64rem){.lg\:block{display:block}}
@media (min-width:64rem){.lg\:col-span-12{grid-column:span 12 / span 12}}
@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2 / span 2}}
@media (min-width:64rem){.lg\:col-span-3{grid-column:span 3 / span 3}}
@media (min-width:64rem){.lg\:col-span-4{grid-column:span 4 / span 4}}
@media (min-width:64rem){.lg\:col-span-5{grid-column:span 5 / span 5}}
@media (min-width:64rem){.lg\:col-span-6{grid-column:span 6 / span 6}}
@media (min-width:64rem){.lg\:col-span-7{grid-column:span 7 / span 7}}
@media (min-width:64rem){.lg\:col-span-8{grid-column:span 8 / span 8}}
@media (min-width:64rem){.lg\:gap-10{gap:2.5rem}}
@media (min-width:64rem){.lg\:gap-12{gap:3rem}}
@media (min-width:64rem){.lg\:gap-14{gap:3.5rem}}
@media (min-width:64rem){.lg\:gap-16{gap:4rem}}
@media (min-width:64rem){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:64rem){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:64rem){.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:64rem){.lg\:mt-16{margin-top:4rem}}
@media (min-width:64rem){.lg\:p-8{padding:2rem}}
@media (min-width:64rem){.lg\:pb-24{padding-bottom:6rem}}
@media (min-width:64rem){.lg\:pt-36{padding-top:9rem}}
@media (min-width:64rem){.lg\:sticky{position:sticky}}
@media (min-width:64rem){.lg\:text-\[3\.6rem\]{font-size:3.6rem}}
@media (min-width:64rem){.lg\:top-28{top:7rem}}
@media (min-width:80rem){.xl\:flex{display:flex}}
@media (min-width:80rem){.xl\:hidden{display:none}}
}