*,
        :before,
        :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 / .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:
        }

        ::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 / .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:
        }

        *,
        :before,
        :after {
            box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: #e5e7eb
        }

        :before,
        :after {
            --tw-content: ""
        }

        html,
        :host {
            line-height: 1.5;
            -webkit-text-size-adjust: 100%;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            font-family: Inter, system-ui, sans-serif;
            font-feature-settings: normal;
            font-variation-settings: normal;
            -webkit-tap-highlight-color: transparent
        }

        body {
            margin: 0;
            line-height: inherit
        }

        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;
            text-decoration: inherit
        }

        b,
        strong {
            font-weight: bolder
        }

        code,
        kbd,
        samp,
        pre {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
            font-feature-settings: normal;
            font-variation-settings: normal;
            font-size: 1em
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        table {
            text-indent: 0;
            border-color: inherit;
            border-collapse: collapse
        }

        button,
        input,
        optgroup,
        select,
        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: 0;
            padding: 0
        }

        button,
        select {
            text-transform: none
        }

        button,
        input:where([type=button]),
        input:where([type=reset]),
        input:where([type=submit]) {
            -webkit-appearance: button;
            background-color: transparent;
            background-image: none
        }

        :-moz-focusring {
            outline: auto
        }

        :-moz-ui-invalid {
            box-shadow: none
        }

        progress {
            vertical-align: baseline
        }

        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        ::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        summary {
            display: list-item
        }

        blockquote,
        dl,
        dd,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        figure,
        p,
        pre {
            margin: 0
        }

        fieldset {
            margin: 0;
            padding: 0
        }

        legend {
            padding: 0
        }

        ol,
        ul,
        menu {
            list-style: none;
            margin: 0;
            padding: 0
        }

        dialog {
            padding: 0
        }

        textarea {
            resize: vertical
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            opacity: 1;
            color: #9ca3af
        }

        input::placeholder,
        textarea::placeholder {
            opacity: 1;
            color: #9ca3af
        }

        button,
        [role=button] {
            cursor: pointer
        }

        :disabled {
            cursor: default
        }

        img,
        svg,
        video,
        canvas,
        audio,
        iframe,
        embed,
        object {
            display: block;
            vertical-align: middle
        }

        img,
        video {
            max-width: 100%;
            height: auto
        }

        [hidden]:where(:not([hidden=until-found])) {
            display: none
        }

        html {
            scroll-behavior: smooth
        }

        body {
            margin: 0;
            min-height: 100vh;
            background-color: var(--ink);
            color: var(--paper);
            font-family: Inter, system-ui, sans-serif;
            font-weight: 400;
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility
        }

        h1,
        h2,
        h3 {
            font-family: Fraunces, Georgia, serif;
            font-weight: 400;
            line-height: 1.08;
            letter-spacing: -.01em
        }

        a {
            color: inherit;
            text-decoration: none
        }

        img,
        video {
            max-width: 100%;
            display: block
        }

        ::-moz-selection {
            background: #5b8def59;
            color: #fff
        }

        ::selection {
            background: #5b8def59;
            color: #fff
        }

        .section {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            max-width: 1180px;
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        @media (min-width: 768px) {
            .section {
                padding-left: 2.5rem;
                padding-right: 2.5rem
            }
        }

        .btn-primary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            border-radius: 9999px;
            --tw-bg-opacity: 1;
            background-color: rgb(91 141 239 / var(--tw-bg-opacity, 1));
            padding: .875rem 1.75rem;
            font-size: .875rem;
            line-height: 1.25rem;
            font-weight: 600;
            letter-spacing: .025em;
            --tw-text-opacity: 1;
            color: rgb(8 8 10 / var(--tw-text-opacity, 1));
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s;
            box-shadow: 0 0 0 1px #8fb4f566, 0 10px 30px -10px #5b8def8c
        }

        .btn-primary:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(143 180 245 / var(--tw-bg-opacity, 1));
            transform: translateY(-1px)
        }

        .btn-ghost {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            border-radius: 9999px;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(38 38 47 / var(--tw-border-opacity, 1));
            background-color: #0d0d1099;
            padding: .875rem 1.75rem;
            font-size: .875rem;
            line-height: 1.25rem;
            font-weight: 600;
            letter-spacing: .025em;
            --tw-text-opacity: 1;
            color: rgb(243 238 225 / var(--tw-text-opacity, 1));
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
        }

        .btn-ghost:hover {
            --tw-border-opacity: 1;
            border-color: rgb(52 52 63 / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(26 26 32 / var(--tw-bg-opacity, 1))
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            font-size: .75rem;
            line-height: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .22em;
            --tw-text-opacity: 1;
            color: rgb(91 141 239 / var(--tw-text-opacity, 1))
        }

        .hairline {
            border-top-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(26 26 32 / var(--tw-border-opacity, 1))
        }

        .pointer-events-none {
            pointer-events: none
        }

        .static {
            position: static
        }

        .fixed {
            position: fixed
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-0 {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .-inset-x-10 {
            left: -2.5rem;
            right: -2.5rem
        }

        .inset-x-0 {
            left: 0;
            right: 0
        }

        .-right-20 {
            right: -5rem
        }

        .-top-10 {
            top: -2.5rem
        }

        .-top-20 {
            top: -5rem
        }

        .-top-3 {
            top: -.75rem
        }

        .bottom-0 {
            bottom: 0
        }

        .left-1\/2 {
            left: 50%
        }

        .left-8 {
            left: 2rem
        }

        .top-0 {
            top: 0
        }

        .top-24 {
            top: 6rem
        }

        .-z-10 {
            z-index: -10
        }

        .z-50 {
            z-index: 50
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .my-4 {
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .ml-3 {
            margin-left: .75rem
        }

        .mt-0\.5 {
            margin-top: .125rem
        }

        .mt-1 {
            margin-top: .25rem
        }

        .mt-1\.5 {
            margin-top: .375rem
        }

        .mt-10 {
            margin-top: 2.5rem
        }

        .mt-12 {
            margin-top: 3rem
        }

        .mt-14 {
            margin-top: 3.5rem
        }

        .mt-16 {
            margin-top: 4rem
        }

        .mt-2 {
            margin-top: .5rem
        }

        .mt-24 {
            margin-top: 6rem
        }

        .mt-3 {
            margin-top: .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
        }

        .block {
            display: block
        }

        .inline {
            display: inline
        }

        .flex {
            display: flex
        }

        .grid {
            display: grid
        }

        .contents {
            display: contents
        }

        .hidden {
            display: none
        }

        .h-10 {
            height: 2.5rem
        }

        .h-11 {
            height: 2.75rem
        }

        .h-5 {
            height: 1.25rem
        }

        .h-7 {
            height: 1.75rem
        }

        .h-72 {
            height: 18rem
        }

        .h-9 {
            height: 2.25rem
        }

        .h-\[480px\] {
            height: 480px
        }

        .h-full {
            height: 100%
        }

        .min-h-screen {
            min-height: 100vh
        }

        .w-10 {
            width: 2.5rem
        }

        .w-11 {
            width: 2.75rem
        }

        .w-48 {
            width: 12rem
        }

        .w-5 {
            width: 1.25rem
        }

        .w-7 {
            width: 1.75rem
        }

        .w-72 {
            width: 18rem
        }

        .w-9 {
            width: 2.25rem
        }

        .w-\[820px\] {
            width: 820px
        }

        .w-full {
            width: 100%
        }

        .max-w-2xl {
            max-width: 42rem
        }

        .max-w-3xl {
            max-width: 48rem
        }

        .max-w-4xl {
            max-width: 56rem
        }

        .max-w-md {
            max-width: 28rem
        }

        .max-w-xl {
            max-width: 36rem
        }

        .max-w-xs {
            max-width: 20rem
        }

        .flex-1 {
            flex: 1 1 0%
        }

        .shrink-0 {
            flex-shrink: 0
        }

        .-translate-x-1\/2 {
            --tw-translate-x: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .cursor-pointer {
            cursor: pointer
        }

        .list-none {
            list-style-type: none
        }

        .columns-1 {
            -moz-columns: 1;
            columns: 1
        }

        .break-inside-avoid {
            -moz-column-break-inside: avoid;
            break-inside: avoid
        }

        .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .flex-col {
            flex-direction: column
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .place-items-center {
            place-items: center
        }

        .items-start {
            align-items: flex-start
        }

        .items-center {
            align-items: center
        }

        .items-baseline {
            align-items: baseline
        }

        .justify-center {
            justify-content: center
        }

        .justify-between {
            justify-content: space-between
        }

        .gap-1 {
            gap: .25rem
        }

        .gap-10 {
            gap: 2.5rem
        }

        .gap-12 {
            gap: 3rem
        }

        .gap-2 {
            gap: .5rem
        }

        .gap-2\.5 {
            gap: .625rem
        }

        .gap-24 {
            gap: 6rem
        }

        .gap-3 {
            gap: .75rem
        }

        .gap-4 {
            gap: 1rem
        }

        .gap-6 {
            gap: 1.5rem
        }

        .gap-7 {
            gap: 1.75rem
        }

        .gap-px {
            gap: 1px
        }

        .space-y-12>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(3rem * var(--tw-space-y-reverse))
        }

        .space-y-2\.5>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
        }

        .space-y-3>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
        }

        .divide-y>:not([hidden])~:not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
        }

        .divide-ink-800>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: rgb(26 26 32 / var(--tw-divide-opacity, 1))
        }

        .overflow-hidden {
            overflow: hidden
        }

        .rounded-2xl {
            border-radius: 1rem
        }

        .rounded-3xl {
            border-radius: 1.5rem
        }

        .rounded-\[2rem\] {
            border-radius: 2rem
        }

        .rounded-full {
            border-radius: 9999px
        }

        .rounded-lg {
            border-radius: .5rem
        }

        .rounded-xl {
            border-radius: .75rem
        }

        .border {
            border-width: 1px
        }

        .border-y {
            border-top-width: 1px;
            border-bottom-width: 1px
        }

        .border-b {
            border-bottom-width: 1px
        }

        .border-t {
            border-top-width: 1px
        }

        .border-ink-700 {
            --tw-border-opacity: 1;
            border-color: rgb(38 38 47 / var(--tw-border-opacity, 1))
        }

        .border-ink-800 {
            --tw-border-opacity: 1;
            border-color: rgb(26 26 32 / var(--tw-border-opacity, 1))
        }

        .border-raven\/40 {
            border-color: #5b8def66
        }

        .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
        }

        .bg-ink-700 {
            --tw-bg-opacity: 1;
            background-color: rgb(38 38 47 / var(--tw-bg-opacity, 1))
        }

        .bg-ink-800 {
            --tw-bg-opacity: 1;
            background-color: rgb(26 26 32 / var(--tw-bg-opacity, 1))
        }

        .bg-ink-900 {
            --tw-bg-opacity: 1;
            background-color: rgb(13 13 16 / var(--tw-bg-opacity, 1))
        }

        .bg-ink-950 {
            --tw-bg-opacity: 1;
            background-color: rgb(8 8 10 / var(--tw-bg-opacity, 1))
        }

        .bg-raven {
            --tw-bg-opacity: 1;
            background-color: rgb(91 141 239 / var(--tw-bg-opacity, 1))
        }

        .bg-raven\/10 {
            background-color: #5b8def1a
        }

        .bg-\[radial-gradient\(circle_at_50\%_-10\%\,rgba\(91\,141\,239\,0\.1\)\,transparent_60\%\)\] {
            background-image: radial-gradient(circle at 50% -10%, rgba(91, 141, 239, .1), transparent 60%)
        }

        .bg-\[radial-gradient\(circle_at_50\%_0\%\,rgba\(91\,141\,239\,0\.08\)\,transparent_60\%\)\] {
            background-image: radial-gradient(circle at 50% 0%, rgba(91, 141, 239, .08), transparent 60%)
        }

        .fill-paper {
            fill: #f3eee1
        }

        .p-1 {
            padding: .25rem
        }

        .p-2 {
            padding: .5rem
        }

        .p-6 {
            padding: 1.5rem
        }

        .p-7 {
            padding: 1.75rem
        }

        .p-8 {
            padding: 2rem
        }

        .\!px-5 {
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important
        }

        .\!px-8 {
            padding-left: 2rem !important;
            padding-right: 2rem !important
        }

        .\!py-2\.5 {
            padding-top: .625rem !important;
            padding-bottom: .625rem !important
        }

        .\!py-4 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .px-2\.5 {
            padding-left: .625rem;
            padding-right: .625rem
        }

        .px-3 {
            padding-left: .75rem;
            padding-right: .75rem
        }

        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .px-8 {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .py-0\.5 {
            padding-top: .125rem;
            padding-bottom: .125rem
        }

        .py-1 {
            padding-top: .25rem;
            padding-bottom: .25rem
        }

        .py-12 {
            padding-top: 3rem;
            padding-bottom: 3rem
        }

        .py-16 {
            padding-top: 4rem;
            padding-bottom: 4rem
        }

        .py-2 {
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .py-24 {
            padding-top: 6rem;
            padding-bottom: 6rem
        }

        .py-3 {
            padding-top: .75rem;
            padding-bottom: .75rem
        }

        .py-4 {
            padding-top: 1rem;
            padding-bottom: 1rem
        }

        .py-6 {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }

        .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .pb-12 {
            padding-bottom: 3rem
        }

        .pb-16 {
            padding-bottom: 4rem
        }

        .pb-24 {
            padding-bottom: 6rem
        }

        .pb-8 {
            padding-bottom: 2rem
        }

        .pt-36 {
            padding-top: 9rem
        }

        .pt-6 {
            padding-top: 1.5rem
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .font-display {
            font-family: Fraunces, Georgia, serif
        }

        .font-mono {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
        }

        .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .text-4xl {
            font-size: 2.25rem;
            line-height: 2.5rem
        }

        .text-5xl {
            font-size: 3rem;
            line-height: 1
        }

        .text-\[10px\] {
            font-size: 10px
        }

        .text-base {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .text-xs {
            font-size: .75rem;
            line-height: 1rem
        }

        .font-bold {
            font-weight: 700
        }

        .font-medium {
            font-weight: 500
        }

        .font-semibold {
            font-weight: 600
        }

        .uppercase {
            text-transform: uppercase
        }

        .italic {
            font-style: italic
        }

        .leading-\[1\.05\] {
            line-height: 1.05
        }

        .leading-none {
            line-height: 1
        }

        .leading-relaxed {
            line-height: 1.625
        }

        .leading-snug {
            line-height: 1.375
        }

        .leading-tight {
            line-height: 1.25
        }

        .tracking-\[0\.15em\] {
            letter-spacing: .15em
        }

        .tracking-\[0\.18em\] {
            letter-spacing: .18em
        }

        .tracking-\[0\.2em\] {
            letter-spacing: .2em
        }

        .tracking-tight {
            letter-spacing: -.025em
        }

        .\!text-raven {
            --tw-text-opacity: 1 !important;
            color: rgb(91 141 239 / var(--tw-text-opacity, 1)) !important
        }

        .text-ink-950 {
            --tw-text-opacity: 1;
            color: rgb(8 8 10 / var(--tw-text-opacity, 1))
        }

        .text-paper {
            --tw-text-opacity: 1;
            color: rgb(243 238 225 / var(--tw-text-opacity, 1))
        }

        .text-paper-dim {
            --tw-text-opacity: 1;
            color: rgb(109 104 92 / var(--tw-text-opacity, 1))
        }

        .text-paper-muted {
            --tw-text-opacity: 1;
            color: rgb(168 162 148 / var(--tw-text-opacity, 1))
        }

        .text-raven {
            --tw-text-opacity: 1;
            color: rgb(91 141 239 / var(--tw-text-opacity, 1))
        }

        .text-raven\/50 {
            color: #5b8def80
        }

        .underline {
            text-decoration-line: underline
        }

        .shadow-glow {
            --tw-shadow: 0 0 80px -10px rgba(91, 141, 239, .4);
            --tw-shadow-colored: 0 0 80px -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)
        }

        .shadow-screen {
            --tw-shadow: 0 40px 120px -20px rgba(0, 0, 0, .8);
            --tw-shadow-colored: 0 40px 120px -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)
        }

        .outline {
            outline-style: solid
        }

        .blur {
            --tw-blur: blur(8px);
            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(64px);
            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-\[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)
        }

        .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)
        }

        .backdrop-filter {
            -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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
        }

        :root {
            --paper: #f3eee1;
            --ink: #333;
            --raven: #5b8def
        }

        .hover\:border-raven\/40:hover {
            border-color: #5b8def66
        }

        .hover\:bg-ink-800:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(26 26 32 / var(--tw-bg-opacity, 1))
        }

        .hover\:text-paper:hover {
            --tw-text-opacity: 1;
            color: rgb(243 238 225 / var(--tw-text-opacity, 1))
        }

        .group[open] .group-open\:rotate-45 {
            --tw-rotate: 45deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .group:hover .group-hover\:border-raven\/40 {
            border-color: #5b8def66
        }

        .group:hover .group-hover\:fill-raven {
            fill: #5b8def
        }

        .group:hover .group-hover\:text-raven {
            --tw-text-opacity: 1;
            color: rgb(91 141 239 / var(--tw-text-opacity, 1))
        }

        .peer:checked~.peer-checked\:block {
            display: block
        }

        @media (min-width: 640px) {
            .sm\:columns-2 {
                -moz-columns: 2;
                columns: 2
            }

            .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\:justify-between {
                justify-content: space-between
            }
        }

        @media (min-width: 768px) {
            .md\:flex {
                display: flex
            }

            .md\:hidden {
                display: none
            }

            .md\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .md\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .md\:flex-row {
                flex-direction: row
            }

            .md\:items-start {
                align-items: flex-start
            }

            .md\:justify-between {
                justify-content: space-between
            }

            .md\:gap-16 {
                gap: 4rem
            }

            .md\:gap-32 {
                gap: 8rem
            }

            .md\:px-16 {
                padding-left: 4rem;
                padding-right: 4rem
            }

            .md\:py-32 {
                padding-top: 8rem;
                padding-bottom: 8rem
            }

            .md\:pt-44 {
                padding-top: 11rem
            }

            .md\:text-2xl {
                font-size: 1.5rem;
                line-height: 2rem
            }

            .md\:text-3xl {
                font-size: 1.875rem;
                line-height: 2.25rem
            }

            .md\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }

            .md\:text-5xl {
                font-size: 3rem;
                line-height: 1
            }

            .md\:text-6xl {
                font-size: 3.75rem;
                line-height: 1
            }

            .md\:text-7xl {
                font-size: 4.5rem;
                line-height: 1
            }

            .md\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }
        }

        @media (min-width: 1024px) {
            .lg\:w-1\/2 {
                width: 50%
            }

            .lg\:columns-3 {
                -moz-columns: 3;
                columns: 3
            }

            .lg\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .lg\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            .lg\:flex-row {
                flex-direction: row
            }

            .lg\:flex-row-reverse {
                flex-direction: row-reverse
            }
        }

        .\[\&\>\*\]\:mb-6>* {
            margin-bottom: 1.5rem
        }

        .prose-faq a {
            color: var(--raven);
            text-decoration: underline
        }

        .prose-faq img {
            border-radius: .5rem;
            border: 1px solid #26262f
        }

        .prose-faq .font-mono {
            background: #1a1a20;
            color: #f3eee1
        }

        *,
        :before,
        :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 / .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:
        }

        ::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 / .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:
        }

        *,
        :before,
        :after {
            box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: #e5e7eb
        }

        :before,
        :after {
            --tw-content: ""
        }

        html,
        :host {
            line-height: 1.5;
            -webkit-text-size-adjust: 100%;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            font-family: Inter, system-ui, sans-serif;
            font-feature-settings: normal;
            font-variation-settings: normal;
            -webkit-tap-highlight-color: transparent
        }

        body {
            margin: 0;
            line-height: inherit
        }

        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;
            text-decoration: inherit
        }

        b,
        strong {
            font-weight: bolder
        }

        code,
        kbd,
        samp,
        pre {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
            font-feature-settings: normal;
            font-variation-settings: normal;
            font-size: 1em
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        table {
            text-indent: 0;
            border-color: inherit;
            border-collapse: collapse
        }

        button,
        input,
        optgroup,
        select,
        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: 0;
            padding: 0
        }

        button,
        select {
            text-transform: none
        }

        button,
        input:where([type=button]),
        input:where([type=reset]),
        input:where([type=submit]) {
            -webkit-appearance: button;
            background-color: transparent;
            background-image: none
        }

        :-moz-focusring {
            outline: auto
        }

        :-moz-ui-invalid {
            box-shadow: none
        }

        progress {
            vertical-align: baseline
        }

        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        ::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        summary {
            display: list-item
        }

        blockquote,
        dl,
        dd,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        figure,
        p,
        pre {
            margin: 0
        }

        fieldset {
            margin: 0;
            padding: 0
        }

        legend {
            padding: 0
        }

        ol,
        ul,
        menu {
            list-style: none;
            margin: 0;
            padding: 0
        }

        dialog {
            padding: 0
        }

        textarea {
            resize: vertical
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            opacity: 1;
            color: #9ca3af
        }

        input::placeholder,
        textarea::placeholder {
            opacity: 1;
            color: #9ca3af
        }

        button,
        [role=button] {
            cursor: pointer
        }

        :disabled {
            cursor: default
        }

        img,
        svg,
        video,
        canvas,
        audio,
        iframe,
        embed,
        object {
            display: block;
            vertical-align: middle
        }

        img,
        video {
            max-width: 100%;
            height: auto
        }

        [hidden]:where(:not([hidden=until-found])) {
            display: none
        }

        html {
            scroll-behavior: smooth
        }

        body {
            margin: 0;
            min-height: 100vh;
            background-color: var(--ink);
            color: var(--paper);
            font-family: Inter, system-ui, sans-serif;
            font-weight: 400;
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility
        }

        h1,
        h2,
        h3 {
            font-family: Fraunces, Georgia, serif;
            font-weight: 400;
            line-height: 1.08;
            letter-spacing: -.01em
        }

        a {
            color: inherit;
            text-decoration: none
        }

        img,
        video {
            max-width: 100%;
            display: block
        }

        ::-moz-selection {
            background: #5b8def59;
            color: #fff
        }

        ::selection {
            background: #5b8def59;
            color: #fff
        }

        .section {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            max-width: 1180px;
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        @media (min-width: 768px) {
            .section {
                padding-left: 2.5rem;
                padding-right: 2.5rem
            }
        }

        .btn-primary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            border-radius: 9999px;
            --tw-bg-opacity: 1;
            background-color: rgb(91 141 239 / var(--tw-bg-opacity, 1));
            padding: .875rem 1.75rem;
            font-size: .875rem;
            line-height: 1.25rem;
            font-weight: 600;
            letter-spacing: .025em;
            --tw-text-opacity: 1;
            color: rgb(8 8 10 / var(--tw-text-opacity, 1));
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s;
            box-shadow: 0 0 0 1px #8fb4f566, 0 10px 30px -10px #5b8def8c
        }

        .btn-primary:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(143 180 245 / var(--tw-bg-opacity, 1));
            transform: translateY(-1px)
        }

        .btn-ghost {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            border-radius: 9999px;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(38 38 47 / var(--tw-border-opacity, 1));
            background-color: #0d0d1099;
            padding: .875rem 1.75rem;
            font-size: .875rem;
            line-height: 1.25rem;
            font-weight: 600;
            letter-spacing: .025em;
            --tw-text-opacity: 1;
            color: rgb(243 238 225 / var(--tw-text-opacity, 1));
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
        }

        .btn-ghost:hover {
            --tw-border-opacity: 1;
            border-color: rgb(52 52 63 / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(26 26 32 / var(--tw-bg-opacity, 1))
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            font-size: .75rem;
            line-height: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .22em;
            --tw-text-opacity: 1;
            color: rgb(91 141 239 / var(--tw-text-opacity, 1))
        }

        .hairline {
            border-top-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(26 26 32 / var(--tw-border-opacity, 1))
        }

        .pointer-events-none {
            pointer-events: none
        }

        .static {
            position: static
        }

        .fixed {
            position: fixed
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-0 {
            inset: 0
        }

        .-inset-x-10 {
            left: -2.5rem;
            right: -2.5rem
        }

        .inset-x-0 {
            left: 0;
            right: 0
        }

        .-right-20 {
            right: -5rem
        }

        .-top-10 {
            top: -2.5rem
        }

        .-top-20 {
            top: -5rem
        }

        .-top-3 {
            top: -.75rem
        }

        .bottom-0 {
            bottom: 0
        }

        .left-1\/2 {
            left: 50%
        }

        .left-8 {
            left: 2rem
        }

        .top-0 {
            top: 0
        }

        .top-24 {
            top: 6rem
        }

        .-z-10 {
            z-index: -10
        }

        .z-50 {
            z-index: 50
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .my-4 {
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .ml-3 {
            margin-left: .75rem
        }

        .mt-0\.5 {
            margin-top: .125rem
        }

        .mt-1 {
            margin-top: .25rem
        }

        .mt-1\.5 {
            margin-top: .375rem
        }

        .mt-10 {
            margin-top: 2.5rem
        }

        .mt-12 {
            margin-top: 3rem
        }

        .mt-14 {
            margin-top: 3.5rem
        }

        .mt-16 {
            margin-top: 4rem
        }

        .mt-2 {
            margin-top: .5rem
        }

        .mt-24 {
            margin-top: 6rem
        }

        .mt-3 {
            margin-top: .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
        }

        .block {
            display: block
        }

        .inline {
            display: inline
        }

        .flex {
            display: flex
        }

        .grid {
            display: grid
        }

        .contents {
            display: contents
        }

        .hidden {
            display: none
        }

        .h-10 {
            height: 2.5rem
        }

        .h-11 {
            height: 2.75rem
        }

        .h-5 {
            height: 1.25rem
        }

        .h-7 {
            height: 1.75rem
        }

        .h-72 {
            height: 18rem
        }

        .h-9 {
            height: 2.25rem
        }

        .h-\[480px\] {
            height: 480px
        }

        .h-full {
            height: 100%
        }

        .min-h-screen {
            min-height: 100vh
        }

        .w-10 {
            width: 2.5rem
        }

        .w-11 {
            width: 2.75rem
        }

        .w-48 {
            width: 12rem
        }

        .w-5 {
            width: 1.25rem
        }

        .w-7 {
            width: 1.75rem
        }

        .w-72 {
            width: 18rem
        }

        .w-9 {
            width: 2.25rem
        }

        .w-\[820px\] {
            width: 820px
        }

        .w-full {
            width: 100%
        }

        .max-w-2xl {
            max-width: 42rem
        }

        .max-w-3xl {
            max-width: 48rem
        }

        .max-w-4xl {
            max-width: 56rem
        }

        .max-w-md {
            max-width: 28rem
        }

        .max-w-xl {
            max-width: 36rem
        }

        .max-w-xs {
            max-width: 20rem
        }

        .flex-1 {
            flex: 1 1 0%
        }

        .shrink-0 {
            flex-shrink: 0
        }

        .-translate-x-1\/2 {
            --tw-translate-x: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .cursor-pointer {
            cursor: pointer
        }

        .list-none {
            list-style-type: none
        }

        .columns-1 {
            -moz-columns: 1;
            columns: 1
        }

        .break-inside-avoid {
            -moz-column-break-inside: avoid;
            break-inside: avoid
        }

        .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .flex-col {
            flex-direction: column
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .place-items-center {
            place-items: center
        }

        .items-start {
            align-items: flex-start
        }

        .items-center {
            align-items: center
        }

        .items-baseline {
            align-items: baseline
        }

        .justify-center {
            justify-content: center
        }

        .justify-between {
            justify-content: space-between
        }

        .gap-1 {
            gap: .25rem
        }

        .gap-10 {
            gap: 2.5rem
        }

        .gap-12 {
            gap: 3rem
        }

        .gap-2 {
            gap: .5rem
        }

        .gap-2\.5 {
            gap: .625rem
        }

        .gap-24 {
            gap: 6rem
        }

        .gap-3 {
            gap: .75rem
        }

        .gap-4 {
            gap: 1rem
        }

        .gap-6 {
            gap: 1.5rem
        }

        .gap-7 {
            gap: 1.75rem
        }

        .gap-px {
            gap: 1px
        }

        .space-y-12>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(3rem * var(--tw-space-y-reverse))
        }

        .space-y-2\.5>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
        }

        .space-y-3>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
        }

        .divide-y>:not([hidden])~:not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
        }

        .divide-ink-800>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: rgb(26 26 32 / var(--tw-divide-opacity, 1))
        }

        .overflow-hidden {
            overflow: hidden
        }

        .rounded-2xl {
            border-radius: 1rem
        }

        .rounded-3xl {
            border-radius: 1.5rem
        }

        .rounded-\[2rem\] {
            border-radius: 2rem
        }

        .rounded-full {
            border-radius: 9999px
        }

        .rounded-lg {
            border-radius: .5rem
        }

        .rounded-xl {
            border-radius: .75rem
        }

        .border {
            border-width: 1px
        }

        .border-y {
            border-top-width: 1px;
            border-bottom-width: 1px
        }

        .border-b {
            border-bottom-width: 1px
        }

        .border-t {
            border-top-width: 1px
        }

        .border-ink-700 {
            --tw-border-opacity: 1;
            border-color: rgb(38 38 47 / var(--tw-border-opacity, 1))
        }

        .border-ink-800 {
            --tw-border-opacity: 1;
            border-color: rgb(26 26 32 / var(--tw-border-opacity, 1))
        }

        .border-raven\/40 {
            border-color: #5b8def66
        }

        .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
        }

        .bg-ink-700 {
            --tw-bg-opacity: 1;
            background-color: rgb(38 38 47 / var(--tw-bg-opacity, 1))
        }

        .bg-ink-800 {
            --tw-bg-opacity: 1;
            background-color: rgb(26 26 32 / var(--tw-bg-opacity, 1))
        }

        .bg-ink-900 {
            --tw-bg-opacity: 1;
            background-color: rgb(13 13 16 / var(--tw-bg-opacity, 1))
        }

        .bg-ink-950 {
            --tw-bg-opacity: 1;
            background-color: rgb(8 8 10 / var(--tw-bg-opacity, 1))
        }

        .bg-raven {
            --tw-bg-opacity: 1;
            background-color: rgb(91 141 239 / var(--tw-bg-opacity, 1))
        }

        .bg-raven\/10 {
            background-color: #5b8def1a
        }

        .bg-\[radial-gradient\(circle_at_50\%_-10\%\,rgba\(91\,141\,239\,0\.1\)\,transparent_60\%\)\] {
            background-image: radial-gradient(circle at 50% -10%, rgba(91, 141, 239, .1), transparent 60%)
        }

        .bg-\[radial-gradient\(circle_at_50\%_0\%\,rgba\(91\,141\,239\,0\.08\)\,transparent_60\%\)\] {
            background-image: radial-gradient(circle at 50% 0%, rgba(91, 141, 239, .08), transparent 60%)
        }

        .fill-paper {
            fill: #f3eee1
        }

        .p-1 {
            padding: .25rem
        }

        .p-2 {
            padding: .5rem
        }

        .p-6 {
            padding: 1.5rem
        }

        .p-7 {
            padding: 1.75rem
        }

        .p-8 {
            padding: 2rem
        }

        .\!px-5 {
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important
        }

        .\!px-8 {
            padding-left: 2rem !important;
            padding-right: 2rem !important
        }

        .\!py-2\.5 {
            padding-top: .625rem !important;
            padding-bottom: .625rem !important
        }

        .\!py-4 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .px-2\.5 {
            padding-left: .625rem;
            padding-right: .625rem
        }

        .px-3 {
            padding-left: .75rem;
            padding-right: .75rem
        }

        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .px-8 {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .py-0\.5 {
            padding-top: .125rem;
            padding-bottom: .125rem
        }

        .py-1 {
            padding-top: .25rem;
            padding-bottom: .25rem
        }

        .py-12 {
            padding-top: 3rem;
            padding-bottom: 3rem
        }

        .py-16 {
            padding-top: 4rem;
            padding-bottom: 4rem
        }

        .py-2 {
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .py-24 {
            padding-top: 6rem;
            padding-bottom: 6rem
        }

        .py-3 {
            padding-top: .75rem;
            padding-bottom: .75rem
        }

        .py-4 {
            padding-top: 1rem;
            padding-bottom: 1rem
        }

        .py-6 {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }

        .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .pb-12 {
            padding-bottom: 3rem
        }

        .pb-16 {
            padding-bottom: 4rem
        }

        .pb-24 {
            padding-bottom: 6rem
        }

        .pb-8 {
            padding-bottom: 2rem
        }

        .pt-36 {
            padding-top: 9rem
        }

        .pt-6 {
            padding-top: 1.5rem
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .font-display {
            font-family: Fraunces, Georgia, serif
        }

        .font-mono {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
        }

        .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .text-4xl {
            font-size: 2.25rem;
            line-height: 2.5rem
        }

        .text-5xl {
            font-size: 3rem;
            line-height: 1
        }

        .text-\[10px\] {
            font-size: 10px
        }

        .text-base {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .text-xs {
            font-size: .75rem;
            line-height: 1rem
        }

        .font-bold {
            font-weight: 700
        }

        .font-medium {
            font-weight: 500
        }

        .font-semibold {
            font-weight: 600
        }

        .uppercase {
            text-transform: uppercase
        }

        .italic {
            font-style: italic
        }

        .leading-\[1\.05\] {
            line-height: 1.05
        }

        .leading-none {
            line-height: 1
        }

        .leading-relaxed {
            line-height: 1.625
        }

        .leading-snug {
            line-height: 1.375
        }

        .leading-tight {
            line-height: 1.25
        }

        .tracking-\[0\.15em\] {
            letter-spacing: .15em
        }

        .tracking-\[0\.18em\] {
            letter-spacing: .18em
        }

        .tracking-\[0\.2em\] {
            letter-spacing: .2em
        }

        .tracking-tight {
            letter-spacing: -.025em
        }

        .\!text-raven {
            --tw-text-opacity: 1 !important;
            color: rgb(91 141 239 / var(--tw-text-opacity, 1)) !important
        }

        .text-ink-950 {
            --tw-text-opacity: 1;
            color: rgb(8 8 10 / var(--tw-text-opacity, 1))
        }

        .text-paper {
            --tw-text-opacity: 1;
            color: rgb(243 238 225 / var(--tw-text-opacity, 1))
        }

        .text-paper-dim {
            --tw-text-opacity: 1;
            color: rgb(109 104 92 / var(--tw-text-opacity, 1))
        }

        .text-paper-muted {
            --tw-text-opacity: 1;
            color: rgb(168 162 148 / var(--tw-text-opacity, 1))
        }

        .text-raven {
            --tw-text-opacity: 1;
            color: rgb(91 141 239 / var(--tw-text-opacity, 1))
        }

        .text-raven\/50 {
            color: #5b8def80
        }

        .underline {
            text-decoration-line: underline
        }

        .shadow-glow {
            --tw-shadow: 0 0 80px -10px rgba(91, 141, 239, .4);
            --tw-shadow-colored: 0 0 80px -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)
        }

        .shadow-screen {
            --tw-shadow: 0 40px 120px -20px rgba(0, 0, 0, .8);
            --tw-shadow-colored: 0 40px 120px -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)
        }

        .outline {
            outline-style: solid
        }

        .blur {
            --tw-blur: blur(8px);
            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(64px);
            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-\[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)
        }

        .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)
        }

        .backdrop-filter {
            -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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
        }

        :root {
            --paper: #f3eee1;
            --ink: #333;
            --raven: #5b8def
        }

        .hover\:border-raven\/40:hover {
            border-color: #5b8def66
        }

        .hover\:bg-ink-800:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(26 26 32 / var(--tw-bg-opacity, 1))
        }

        .hover\:text-paper:hover {
            --tw-text-opacity: 1;
            color: rgb(243 238 225 / var(--tw-text-opacity, 1))
        }

        .group[open] .group-open\:rotate-45 {
            --tw-rotate: 45deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .group:hover .group-hover\:border-raven\/40 {
            border-color: #5b8def66
        }

        .group:hover .group-hover\:fill-raven {
            fill: #5b8def
        }

        .group:hover .group-hover\:text-raven {
            --tw-text-opacity: 1;
            color: rgb(91 141 239 / var(--tw-text-opacity, 1))
        }

        .peer:checked~.peer-checked\:block {
            display: block
        }

        @media (min-width: 640px) {
            .sm\:columns-2 {
                -moz-columns: 2;
                columns: 2
            }

            .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\:justify-between {
                justify-content: space-between
            }
        }

        @media (min-width: 768px) {
            .md\:flex {
                display: flex
            }

            .md\:hidden {
                display: none
            }

            .md\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .md\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .md\:flex-row {
                flex-direction: row
            }

            .md\:items-start {
                align-items: flex-start
            }

            .md\:justify-between {
                justify-content: space-between
            }

            .md\:gap-16 {
                gap: 4rem
            }

            .md\:gap-32 {
                gap: 8rem
            }

            .md\:px-16 {
                padding-left: 4rem;
                padding-right: 4rem
            }

            .md\:py-32 {
                padding-top: 8rem;
                padding-bottom: 8rem
            }

            .md\:pt-44 {
                padding-top: 11rem
            }

            .md\:text-2xl {
                font-size: 1.5rem;
                line-height: 2rem
            }

            .md\:text-3xl {
                font-size: 1.875rem;
                line-height: 2.25rem
            }

            .md\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }

            .md\:text-5xl {
                font-size: 3rem;
                line-height: 1
            }

            .md\:text-6xl {
                font-size: 3.75rem;
                line-height: 1
            }

            .md\:text-7xl {
                font-size: 4.5rem;
                line-height: 1
            }

            .md\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }
        }

        @media (min-width: 1024px) {
            .lg\:w-1\/2 {
                width: 50%
            }

            .lg\:columns-3 {
                -moz-columns: 3;
                columns: 3
            }

            .lg\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .lg\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            .lg\:flex-row {
                flex-direction: row
            }

            .lg\:flex-row-reverse {
                flex-direction: row-reverse
            }
        }

        .\[\&\>\*\]\:mb-6>* {
            margin-bottom: 1.5rem
        }

        #menu-toggle:checked~div .menu-icon-open {
            display: none
        }

        #menu-toggle:checked~div .menu-icon-close {
            display: inline
        }

        #menu-toggle:not(:checked)~div .menu-icon-close {
            display: none
        }
        

.modal {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(77, 77, 77, .7);
  transition: all .4s;
}

.modal.visible {
  visibility: visible;
  opacity: 1;
}

.modal__content {
  border-radius: 4px;
  position: relative;
  width: 500px;
  max-width: 90%;
  background: #fff;
  color: #222;
  padding: 1em 2em;
}

.modal__footer {
  text-align: right;
  a {
    color: #585858;
  }
  i {
    color: #d02d2c;
  }
}
.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #585858;
  text-decoration: none;
  font-size: large;
}