/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --tw-mask-linear: linear-gradient(#fff, #fff);
            --tw-mask-radial: linear-gradient(#fff, #fff);
            --tw-mask-conic: linear-gradient(#fff, #fff);
            --tw-mask-left: linear-gradient(#fff, #fff);
            --tw-mask-right: linear-gradient(#fff, #fff);
            --tw-mask-bottom: linear-gradient(#fff, #fff);
            --tw-mask-top: linear-gradient(#fff, #fff);
            --tw-mask-bottom-from-position: 0%;
            --tw-mask-bottom-to-position: 100%;
            --tw-mask-bottom-from-color: black;
            --tw-mask-bottom-to-color: transparent;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: 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-outline-style: solid;
            --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
        }
    }
}

@layer theme {

    :root,
    :host {
        --color-slate-200: oklch(92.9% .013 255.508);
        --color-slate-300: oklch(86.9% .022 252.894);
        --color-slate-400: oklch(70.4% .04 256.788);
        --color-slate-500: oklch(55.4% .046 257.417);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-5xl: 64rem;
        --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: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-9xl: 8rem;
        --text-9xl--line-height: 1;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-extrabold: 800;
        --tracking-tight: -.025em;
        --leading-tight: 1.25;
        --leading-relaxed: 1.625;
        --radius-lg: var(--radius);
        --radius-xl: calc(var(--radius) + .5rem);
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
        --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-xl: 24px;
        --aspect-video: 16 / 9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font);
        --default-mono-font-family: var(--mono);
        --font-heading: var(--font-heading)
    }
}

@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%;
        -moz-tab-size: 4;
        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;
        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]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: 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
    }

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .not-sr-only {
        clip-path: none;
        white-space: normal;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        overflow: visible
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: calc(var(--spacing) * 0)
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing) * 0)
    }

    .start {
        inset-inline-start: var(--spacing)
    }

    .end {
        inset-inline-end: var(--spacing)
    }

    .top-0 {
        top: calc(var(--spacing) * 0)
    }

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

    .left-3 {
        left: calc(var(--spacing) * 3)
    }

    .isolate {
        isolation: isolate
    }

    .isolation-auto {
        isolation: auto
    }

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

    .z-10 {
        z-index: 10
    }

    .z-\[70\] {
        z-index: 70
    }

    .container {
        width: 100%
    }

    @media(min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media(min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media(min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media(min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media(min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    .mx-auto {
        margin-inline: auto
    }

    .-mt-8 {
        margin-top: calc(var(--spacing) * -8)
    }

    .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-16 {
        margin-top: calc(var(--spacing) * 16)
    }

    .mt-auto {
        margin-top: auto
    }

    .mr-2 {
        margin-right: calc(var(--spacing) * 2)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .-ml-2 {
        margin-left: calc(var(--spacing) * -2)
    }

    .ml-2 {
        margin-left: calc(var(--spacing) * 2)
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .flow-root {
        display: flow-root
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .inline-grid {
        display: inline-grid
    }

    .inline-table {
        display: inline-table
    }

    .list-item {
        display: list-item
    }

    .table {
        display: table
    }

    .table-caption {
        display: table-caption
    }

    .table-cell {
        display: table-cell
    }

    .table-column {
        display: table-column
    }

    .table-column-group {
        display: table-column-group
    }

    .table-footer-group {
        display: table-footer-group
    }

    .table-header-group {
        display: table-header-group
    }

    .table-row {
        display: table-row
    }

    .table-row-group {
        display: table-row-group
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .size-10 {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10)
    }

    .h-3 {
        height: calc(var(--spacing) * 3)
    }

    .h-4 {
        height: calc(var(--spacing) * 4)
    }

    .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-96 {
        height: calc(var(--spacing) * 96)
    }

    .h-full {
        height: 100%
    }

    .max-h-\[calc\(100vh-1\.5rem\)\] {
        max-height: calc(100vh - 1.5rem)
    }

    .min-h-12 {
        min-height: calc(var(--spacing) * 12)
    }

    .min-h-\[3rem\] {
        min-height: 3rem
    }

    .min-h-\[40rem\] {
        min-height: 40rem
    }

    .min-h-\[calc\(100vh-10rem\)\] {
        min-height: calc(100vh - 10rem)
    }

    .min-h-\[clamp\(320px\,34vh\,380px\)\] {
        min-height: clamp(320px, 34vh, 380px)
    }

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

    .w-4 {
        width: calc(var(--spacing) * 4)
    }

    .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-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-5xl {
        max-width: var(--container-5xl)
    }

    .max-w-\[30rem\] {
        max-width: 30rem
    }

    .max-w-\[1180px\] {
        max-width: 1180px
    }

    .max-w-lg {
        max-width: var(--container-lg)
    }

    .max-w-md {
        max-width: var(--container-md)
    }

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .max-w-xl {
        max-width: var(--container-xl)
    }

    .min-w-0 {
        min-width: calc(var(--spacing) * 0)
    }

    .flex-1 {
        flex: 1
    }

    .flex-\[0_0_100\%\] {
        flex: 0 0 100%
    }

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .border-collapse {
        border-collapse: collapse
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-none {
        translate: none
    }

    .scale-3d {
        scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)
    }

    .scale-\[1\.14\] {
        scale: 1.14
    }

    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
    }

    .touch-pinch-zoom {
        --tw-pinch-zoom: pinch-zoom;
        touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, )
    }

    .resize {
        resize: both
    }

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

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

    .justify-center {
        justify-content: center
    }

    .gap-2 {
        gap: calc(var(--spacing) * 2)
    }

    .gap-3 {
        gap: calc(var(--spacing) * 3)
    }

    .gap-4 {
        gap: calc(var(--spacing) * 4)
    }

    .gap-6 {
        gap: calc(var(--spacing) * 6)
    }

    .gap-8 {
        gap: calc(var(--spacing) * 8)
    }

    :where(.space-y-1\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * 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-7>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-reverse>:not(:last-child)) {
        --tw-space-y-reverse: 1
    }

    :where(.space-x-reverse>:not(:last-child)) {
        --tw-space-x-reverse: 1
    }

    :where(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
    }

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-y-reverse>:not(:last-child)) {
        --tw-divide-y-reverse: 1
    }

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

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }

    .rounded-\[1\.75rem\] {
        border-radius: 1.75rem
    }

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

    .rounded-\[20px\] {
        border-radius: 20px
    }

    .rounded-\[22px\] {
        border-radius: 22px
    }

    .rounded-\[24px\] {
        border-radius: 24px
    }

    .rounded-\[28px\] {
        border-radius: 28px
    }

    .rounded-\[32px\] {
        border-radius: 32px
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-lg {
        border-radius: var(--radius)
    }

    .rounded-md {
        border-radius: calc(var(--radius) - .125rem)
    }

    .rounded-xl {
        border-radius: calc(var(--radius) + .5rem)
    }

    .rounded-s {
        border-start-start-radius: .25rem;
        border-end-start-radius: .25rem
    }

    .rounded-ss {
        border-start-start-radius: .25rem
    }

    .rounded-e {
        border-start-end-radius: .25rem;
        border-end-end-radius: .25rem
    }

    .rounded-se {
        border-start-end-radius: .25rem
    }

    .rounded-ee {
        border-end-end-radius: .25rem
    }

    .rounded-es {
        border-end-start-radius: .25rem
    }

    .rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .rounded-l {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .rounded-tl {
        border-top-left-radius: .25rem
    }

    .rounded-r {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .rounded-tr {
        border-top-right-radius: .25rem
    }

    .rounded-b {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .rounded-br {
        border-bottom-right-radius: .25rem
    }

    .rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-x {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1px
    }

    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }

    .border-s {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px
    }

    .border-e {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px
    }

    .border-bs {
        border-block-start-style: var(--tw-border-style);
        border-block-start-width: 1px
    }

    .border-be {
        border-block-end-style: var(--tw-border-style);
        border-block-end-width: 1px
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-\[\#60a5fa\]\/18 {
        border-color: #60a5fa2e
    }

    .border-\[\#60a5fa\]\/20 {
        border-color: #60a5fa33
    }

    .border-\[\#60a5fa\]\/24 {
        border-color: #60a5fa3d
    }

    .border-\[\#60a5fa\]\/28 {
        border-color: #60a5fa47
    }

    .border-\[\#ef6b6b\]\/22 {
        border-color: #ef6b6b38
    }

    .border-\[\#ef6b6b\]\/24 {
        border-color: #ef6b6b3d
    }

    .border-input {
        border-color: var(--input)
    }

    .border-white\/8 {
        border-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/8 {
            border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }

    .border-white\/10 {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/10 {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .border-white\/12 {
        border-color: #ffffff1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/12 {
            border-color: color-mix(in oklab, var(--color-white) 12%, transparent)
        }
    }

    .border-white\/\[0\.08\] {
        border-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.08\] {
            border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }

    .bg-\[\#0c141c\] {
        background-color: #0c141c
    }

    .bg-\[\#0d1510\]\/70 {
        background-color: #0d1510b3
    }

    .bg-\[\#0d1510\]\/80 {
        background-color: #0d1510cc
    }

    .bg-\[\#9edfff\] {
        background-color: #9edfff
    }

    .bg-\[\#38181d\] {
        background-color: #38181d
    }

    .bg-\[\#071017\] {
        background-color: #071017
    }

    .bg-\[\#081017\]\/90 {
        background-color: #081017e6
    }

    .bg-\[\#60a5fa\] {
        background-color: #60a5fa
    }

    .bg-\[\#60a5fa\]\/10 {
        background-color: #60a5fa1a
    }

    .bg-\[rgba\(4\,7\,10\,0\.74\)\] {
        background-color: #04070abd
    }

    .bg-\[rgba\(13\,18\,24\,0\.54\)\] {
        background-color: #0d12188a
    }

    .bg-\[rgba\(13\,18\,24\,0\.84\)\] {
        background-color: #0d1218d6
    }

    .bg-\[rgba\(13\,18\,24\,0\.86\)\] {
        background-color: #0d1218db
    }

    .bg-background {
        background-color: var(--background)
    }

    .bg-black {
        background-color: var(--color-black)
    }

    .bg-black\/20 {
        background-color: #0003
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/20 {
            background-color: color-mix(in oklab, var(--color-black) 20%, transparent)
        }
    }

    .bg-black\/28 {
        background-color: #00000047
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/28 {
            background-color: color-mix(in oklab, var(--color-black) 28%, transparent)
        }
    }

    .bg-black\/30 {
        background-color: #0000004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/30 {
            background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
        }
    }

    .bg-black\/35 {
        background-color: #00000059
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/35 {
            background-color: color-mix(in oklab, var(--color-black) 35%, transparent)
        }
    }

    .bg-destructive {
        background-color: var(--destructive)
    }

    .bg-muted {
        background-color: var(--muted)
    }

    .bg-primary {
        background-color: var(--primary)
    }

    .bg-secondary {
        background-color: var(--secondary)
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-white\/5 {
        background-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/5 {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }

    .bg-white\/6 {
        background-color: #ffffff0f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/6 {
            background-color: color-mix(in oklab, var(--color-white) 6%, transparent)
        }
    }

    .bg-white\/20 {
        background-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/20 {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }

    .bg-white\/\[0\.06\] {
        background-color: #ffffff0f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.06\] {
            background-color: color-mix(in oklab, var(--color-white) 6%, transparent)
        }
    }

    .bg-white\/\[0\.025\] {
        background-color: #ffffff06
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.025\] {
            background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent)
        }
    }

    .bg-white\/\[0\.045\] {
        background-color: #ffffff0b
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.045\] {
            background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent)
        }
    }

    .bg-\[linear-gradient\(135deg\,rgba\(184\,207\,137\,0\.14\)\,rgba\(122\,179\,199\,0\.08\)\)\] {
        background-image: linear-gradient(135deg, #60a5fa24, #4f9ef814)
    }

    .bg-\[linear-gradient\(135deg\,rgba\(184\,207\,137\,0\.24\)\,rgba\(122\,179\,199\,0\.16\)\)\] {
        background-image: linear-gradient(135deg, #60a5fa3d, #4f9ef829)
    }

    .bg-\[linear-gradient\(180deg\,rgba\(9\,15\,22\,0\.98\)\,rgba\(7\,11\,16\,0\.94\)\)\] {
        background-image: linear-gradient(#090f16fa, #070b10f0)
    }

    .bg-\[linear-gradient\(180deg\,rgba\(14\,19\,26\,0\.97\)\,rgba\(7\,11\,15\,0\.99\)\)\] {
        background-image: linear-gradient(#0e131af7, #070b0ffc)
    }

    .bg-\[linear-gradient\(180deg\,rgba\(31\,12\,16\,0\.96\)\,rgba\(17\,10\,12\,0\.98\)\)\] {
        background-image: linear-gradient(#1f0c10f5, #110a0cfa)
    }

    .bg-\[radial-gradient\(circle_at_top\,rgba\(184\,207\,137\,0\.16\)\,transparent_58\%\)\] {
        background-image: radial-gradient(circle at top, #60a5fa29, #0000 58%)
    }

    .bg-\[radial-gradient\(circle_at_top_left\,rgba\(122\,179\,199\,0\.32\)\,transparent_34\%\)\,linear-gradient\(180deg\,rgba\(6\,9\,12\,0\.16\)\,rgba\(6\,9\,12\,0\.92\)\)\] {
        background-image: radial-gradient(circle at 0 0, #4f9ef852, #0000 34%), linear-gradient(#06090c29, #06090ceb)
    }

    .bg-\[radial-gradient\(circle_at_top_right\,rgba\(122\,179\,199\,0\.16\)\,transparent_30\%\)\,radial-gradient\(circle_at_bottom_left\,rgba\(184\,207\,137\,0\.12\)\,transparent_32\%\)\] {
        background-image: radial-gradient(circle at 100% 0, #4f9ef829, #0000 30%), radial-gradient(circle at 0 100%, #60a5fa1f, #0000 32%)
    }

    .mask-b-from-20\% {
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
        --tw-mask-bottom-from-position: 20%;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .mask-b-to-80\% {
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
        --tw-mask-bottom-to-position: 80%;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .bg-repeat {
        background-repeat: repeat
    }

    .mask-no-clip {
        -webkit-mask-clip: no-clip;
        mask-clip: no-clip
    }

    .mask-repeat {
        -webkit-mask-repeat: repeat;
        mask-repeat: repeat
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .p-3 {
        padding: calc(var(--spacing) * 3)
    }

    .p-3\.5 {
        padding: calc(var(--spacing) * 3.5)
    }

    .p-4 {
        padding: calc(var(--spacing) * 4)
    }

    .p-5 {
        padding: calc(var(--spacing) * 5)
    }

    .p-6 {
        padding: calc(var(--spacing) * 6)
    }

    .p-8 {
        padding: calc(var(--spacing) * 8)
    }

    .p-12 {
        padding: calc(var(--spacing) * 12)
    }

    .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: calc(var(--spacing) * 1)
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5)
    }

    .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-4 {
        padding-block: calc(var(--spacing) * 4)
    }

    .py-8 {
        padding-block: calc(var(--spacing) * 8)
    }

    .pt-3 {
        padding-top: calc(var(--spacing) * 3)
    }

    .pb-14 {
        padding-bottom: calc(var(--spacing) * 14)
    }

    .pl-11 {
        padding-left: calc(var(--spacing) * 11)
    }

    .text-center {
        text-align: center
    }

    .font-heading {
        font-family: var(--font-heading)
    }

    .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-9xl {
        font-size: var(--text-9xl);
        line-height: var(--tw-leading, var(--text-9xl--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-sm\/relaxed {
        font-size: var(--text-sm);
        line-height: var(--leading-relaxed)
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

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

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

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

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

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

    .leading-5 {
        --tw-leading: calc(var(--spacing) * 5);
        line-height: calc(var(--spacing) * 5)
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6)
    }

    .leading-7 {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7)
    }

    .leading-\[0\.95\] {
        --tw-leading: .95;
        line-height: .95
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .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\.03em\] {
        --tw-tracking: -.03em;
        letter-spacing: -.03em
    }

    .tracking-\[-0\.05em\] {
        --tw-tracking: -.05em;
        letter-spacing: -.05em
    }

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

    .tracking-\[0\.14em\] {
        --tw-tracking: .14em;
        letter-spacing: .14em
    }

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

    .tracking-\[0\.22em\] {
        --tw-tracking: .22em;
        letter-spacing: .22em
    }

    .tracking-\[0\.24em\] {
        --tw-tracking: .24em;
        letter-spacing: .24em
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .text-balance {
        text-wrap: balance
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .text-wrap {
        text-wrap: wrap
    }

    .text-clip {
        text-overflow: clip
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-\[\#4f9ef8\] {
        color: #4f9ef8
    }

    .text-\[\#9edfff\] {
        color: #9edfff
    }

    .text-\[\#081017\] {
        color: #081017
    }

    .text-\[\#60a5fa\] {
        color: #60a5fa
    }

    .text-\[\#cda27a\] {
        color: #cda27a
    }

    .text-\[\#d6e1e8\] {
        color: #d6e1e8
    }

    .text-\[\#d7e1eb\] {
        color: #d7e1eb
    }

    .text-\[\#d8e8f7\] {
        color: #d8e8f7
    }

    .text-\[\#d9ebf2\] {
        color: #d9ebf2
    }

    .text-\[\#dce8b6\] {
        color: #dce8b6
    }

    .text-\[\#dce9bf\] {
        color: #dce9bf
    }

    .text-\[\#e4edf3\] {
        color: #e4edf3
    }

    .text-\[\#e4f0c8\] {
        color: #e4f0c8
    }

    .text-\[\#e5f2c8\] {
        color: #e5f2c8
    }

    .text-\[\#e7c9cc\] {
        color: #e7c9cc
    }

    .text-\[\#f3dde0\] {
        color: #f3dde0
    }

    .text-\[\#f3f8fb\] {
        color: #f3f8fb
    }

    .text-\[\#f4efe3\] {
        color: #f4efe3
    }

    .text-\[\#ff9c9c\] {
        color: #ff9c9c
    }

    .text-\[\#ffc7c7\] {
        color: #ffc7c7
    }

    .text-destructive-foreground {
        color: var(--destructive-foreground)
    }

    .text-foreground,
    .text-foreground\/80 {
        color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/80 {
            color: color-mix(in oklab, var(--foreground) 80%, transparent)
        }
    }

    .text-muted-foreground {
        color: var(--muted-foreground)
    }

    .text-primary {
        color: var(--primary)
    }

    .text-primary-foreground {
        color: var(--primary-foreground)
    }

    .text-secondary-foreground {
        color: var(--secondary-foreground)
    }

    .text-slate-200 {
        color: var(--color-slate-200)
    }

    .text-slate-300 {
        color: var(--color-slate-300)
    }

    .text-slate-400 {
        color: var(--color-slate-400)
    }

    .text-white {
        color: var(--color-white)
    }

    .text-white\/70 {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
    }

    .text-white\/\[0\.78\] {
        color: #ffffffc7
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/\[0\.78\] {
            color: color-mix(in oklab, var(--color-white) 78%, transparent)
        }
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .normal-case {
        text-transform: none
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .not-italic {
        font-style: normal
    }

    .diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .lining-nums {
        --tw-numeric-figure: lining-nums;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .proportional-nums {
        --tw-numeric-spacing: proportional-nums;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .slashed-zero {
        --tw-slashed-zero: slashed-zero;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .stacked-fractions {
        --tw-numeric-fraction: stacked-fractions;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .normal-nums {
        font-variant-numeric: normal
    }

    .line-through {
        text-decoration-line: line-through
    }

    .no-underline {
        text-decoration-line: none
    }

    .overline {
        text-decoration-line: overline
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-\[\#dce8b6\]\/80 {
        text-decoration-color: #dce8b6cc
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-100 {
        opacity: 1
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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-\[0_10px_24px_rgba\(0\,0\,0\,0\.18\)\] {
        --tw-shadow: 0 10px 24px var(--tw-shadow-color, #0000002e);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_18px_48px_rgba\(0\,0\,0\,0\.2\)\] {
        --tw-shadow: 0 18px 48px var(--tw-shadow-color, #0003);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_18px_48px_rgba\(0\,0\,0\,0\.18\)\] {
        --tw-shadow: 0 18px 48px var(--tw-shadow-color, #0000002e);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.22\)\] {
        --tw-shadow: 0 18px 50px var(--tw-shadow-color, #00000038);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_32px_90px_rgba\(0\,0\,0\,0\.34\)\] {
        --tw-shadow: 0 32px 90px var(--tw-shadow-color, #00000057);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_32px_120px_rgba\(0\,0\,0\,0\.42\)\] {
        --tw-shadow: 0 32px 120px var(--tw-shadow-color, #0000006b);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_40px_120px_rgba\(0\,0\,0\,0\.42\)\] {
        --tw-shadow: 0 40px 120px var(--tw-shadow-color, #0000006b);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .inset-ring {
        --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-offset-background {
        --tw-ring-offset-color: var(--background)
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

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

    .drop-shadow {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
        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-blur {
        --tw-backdrop-blur: blur(8px);
        -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, )
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -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, )
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -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, )
    }

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

    .backdrop-grayscale {
        --tw-backdrop-grayscale: grayscale(100%);
        -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, )
    }

    .backdrop-invert {
        --tw-backdrop-invert: invert(100%);
        -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, )
    }

    .backdrop-sepia {
        --tw-backdrop-sepia: sepia(100%);
        -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, )
    }

    .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, 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-\[background-color\,color\,box-shadow\,transform\] {
        transition-property: background-color, color, box-shadow, transform;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[border-color\,box-shadow\] {
        transition-property: border-color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[height\] {
        transition-property: height;
        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-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-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    :where(.divide-x-reverse>:not(:last-child)) {
        --tw-divide-x-reverse: 1
    }

    .ring-inset {
        --tw-ring-inset: inset
    }

    .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:bg-transparent::file-selector-button {
        background-color: #0000
    }

    .file\:text-sm::file-selector-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .file\:font-medium::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .file\:text-foreground::file-selector-button {
        color: var(--foreground)
    }

    .placeholder\:text-muted-foreground::placeholder {
        color: var(--muted-foreground)
    }

    .placeholder\:text-slate-500::placeholder {
        color: var(--color-slate-500)
    }

    @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\:bg-\[\#93c5fd\]:hover {
            background-color: #93c5fd
        }

        .hover\:bg-accent:hover {
            background-color: var(--surface-accent)
        }

        .hover\:bg-destructive\/90:hover {
            background-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/90:hover {
                background-color: color-mix(in oklab, var(--destructive) 90%, transparent)
            }
        }

        .hover\:bg-primary\/90:hover {
            background-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/90:hover {
                background-color: color-mix(in oklab, var(--primary) 90%, transparent)
            }
        }

        .hover\:bg-secondary\/80:hover {
            background-color: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/80:hover {
                background-color: color-mix(in oklab, var(--secondary) 80%, transparent)
            }
        }

        .hover\:bg-white\/35:hover {
            background-color: #ffffff59
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/35:hover {
                background-color: color-mix(in oklab, var(--color-white) 35%, transparent)
            }
        }

        .hover\:bg-white\/\[0\.06\]:hover {
            background-color: #ffffff0f
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.06\]:hover {
                background-color: color-mix(in oklab, var(--color-white) 6%, transparent)
            }
        }

        .hover\:text-\[\#eef6d3\]:hover {
            color: #eef6d3
        }

        .hover\:text-accent-foreground:hover {
            color: var(--surface-accent-foreground)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }
    }

    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-\[\#60a5fa\]\/45:focus-visible {
        --tw-ring-color: oklab(82.0451% -.0526754 .0802109/.45)
    }

    .focus-visible\:ring-ring:focus-visible {
        --tw-ring-color: var(--ring)
    }

    .focus-visible\:ring-offset-2:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

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

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    @media(min-width:40rem) {
        .sm\:mt-4 {
            margin-top: calc(var(--spacing) * 4)
        }

        .sm\:mt-5 {
            margin-top: calc(var(--spacing) * 5)
        }

        .sm\:max-h-\[calc\(100vh-2\.5rem\)\] {
            max-height: calc(100vh - 2.5rem)
        }

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

        .sm\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }

        .sm\:gap-7 {
            gap: calc(var(--spacing) * 7)
        }

        .sm\:p-4 {
            padding: calc(var(--spacing) * 4)
        }

        .sm\:p-5 {
            padding: calc(var(--spacing) * 5)
        }

        .sm\:p-7 {
            padding: calc(var(--spacing) * 7)
        }

        .sm\:px-1 {
            padding-inline: calc(var(--spacing) * 1)
        }

        .sm\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }

        .sm\:px-10 {
            padding-inline: calc(var(--spacing) * 10)
        }

        .sm\:py-2 {
            padding-block: calc(var(--spacing) * 2)
        }

        .sm\:py-3 {
            padding-block: calc(var(--spacing) * 3)
        }

        .sm\:py-4 {
            padding-block: calc(var(--spacing) * 4)
        }

        .sm\:pb-\[4\.5rem\] {
            padding-bottom: 4.5rem
        }

        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .sm\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

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

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

        .sm\:leading-6 {
            --tw-leading: calc(var(--spacing) * 6);
            line-height: calc(var(--spacing) * 6)
        }
    }

    @media(min-width:48rem) {
        .md\:p-12 {
            padding: calc(var(--spacing) * 12)
        }
    }

    @media(min-width:64rem) {
        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

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

        .lg\:grid-cols-\[1\.06fr_0\.94fr\] {
            grid-template-columns: 1.06fr .94fr
        }

        .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(260px\,0\.8fr\)\] {
            grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr)
        }

        .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(280px\,0\.85fr\)\] {
            grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr)
        }

        .lg\:flex-col {
            flex-direction: column
        }

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

        .lg\:items-center {
            align-items: center
        }

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

        .lg\:justify-end {
            justify-content: flex-end
        }

        .lg\:px-14 {
            padding-inline: calc(var(--spacing) * 14)
        }

        .lg\:py-12 {
            padding-block: calc(var(--spacing) * 12)
        }

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

    @media(min-width:80rem) {
        .xl\:p-6 {
            padding: calc(var(--spacing) * 6)
        }

        .xl\:p-14 {
            padding: calc(var(--spacing) * 14)
        }
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]) {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .\[\&\>a\]\:underline>a {
        text-decoration-line: underline
    }

    .\[\&\>a\]\:underline-offset-4>a {
        text-underline-offset: 4px
    }

    .\[\&\>a\:hover\]\:text-primary>a:hover {
        color: var(--primary)
    }
}

:root {
    --bg: #06090c;
    --bg-soft: #0b1014;
    --panel: #0d1218e6;
    --panel-strong: #11181ff5;
    --panel-muted: #0a0f14d6;
    --line: #d7e2f21a;
    --line-strong: #d7e2f22e;
    --ink: #f4efe3;
    --soft: #9ba7b8;
    --soft-strong: #c9d2de;
    --accent: #60a5fa;
    --accent2: #93c5fd;
    --accent3: #38bdf8;
    --good: #7dd3fc;
    --font: "Manrope", "Segoe UI Variable Text", "Segoe UI", sans-serif;
    --mono: "Geist Mono", "SFMono-Regular", "SF Mono", "Consolas", "Liberation Mono", "Menlo", monospace;
    --shadow-lg: 0 18px 48px #0000003d;
    --shadow-md: 0 12px 28px #00000029;
    --radius-xl: 30px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --shell-max: 1320px;
    --Bookmark-max: 1360px;
    --shell-gutter: clamp(18px, 3vw, 32px);
    --section-space: clamp(78px, 9vw, 112px);
    --landing-stack-xs: clamp(10px, .9vw, 14px);
    --landing-stack-sm: clamp(14px, 1.2vw, 18px);
    --landing-stack-md: clamp(20px, 1.8vw, 28px);
    --landing-stack-lg: clamp(28px, 2.8vw, 40px);
    --landing-stack-xl: clamp(36px, 4vw, 56px);
    --scrollbar-track: #05080beb;
    --scrollbar-thumb: #3f4d58e6;
    --scrollbar-thumb-hover: #566874f0;
    --scrollbar-thumb-active: #6a8391fa;
    --background: #06090c;
    --foreground: #f4efe3;
    --card: #0d1218f0;
    --card-foreground: #f4efe3;
    --popover: #0d1218f5;
    --popover-foreground: #f4efe3;
    --primary: #60a5fa;
    --primary-foreground: #03111f;
    --secondary: #60a5fa29;
    --secondary-foreground: #f4efe3;
    --muted: #ffffff0d;
    --muted-foreground: #9ba7b8;
    --surface-accent: #ffffff0f;
    --surface-accent-foreground: #f4efe3;
    --destructive: #ef6b6b;
    --destructive-foreground: #081017;
    --border: #d7e2f21f;
    --input: #d7e2f224;
    --ring: #60a5fa73;
    --radius: 1rem;
    --font-heading: "Manrope", "Segoe UI Variable Text", "Segoe UI", sans-serif
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    color-scheme: dark;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    scrollbar-width: thin
}

body {
    min-height: 100vh;
    color: var(--ink);
    font: 16px/1.65 var(--font);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    background: radial-gradient(circle at 18% 10%, #60a5fa0d, #0000 24%), radial-gradient(circle at 82% 18%, #93c5fd0a, #0000 22%), linear-gradient(#070d14, #050a10 42%, #03060a);
    margin: 0;
    overflow-x: hidden
}

* {
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    scrollbar-width: thin
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track)
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(#44535e, #33404a) padding-box padding-box;
    border: 3px solid #0000;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px #ffffff08, 0 0 0 1px #00000047
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(#556773, #3e4d57) padding-box padding-box
}

::-webkit-scrollbar-thumb:active {
    background: linear-gradient(#697f8d, #4d616d) padding-box padding-box
}

::-webkit-scrollbar-corner {
    background: 0 0
}

body:before,
body:after {
    content: "";
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

body:before {
    opacity: .12;
    background: linear-gradient(90deg, #ffffff05, #0000 16%, #0000 84%, #ffffff03), linear-gradient(#ffffff04, #0000 14%, #0000 86%, #ffffff03)
}

body:after {
    filter: blur(72px);
    opacity: .34;
    background: radial-gradient(circle at 16% 34%, #4f9ef80d, #0000 18%), radial-gradient(circle at 80% 22%, #60a5fa0a, #0000 18%), radial-gradient(circle at 76% 78%, #cda27a0a, #0000 22%);
    top: -18%;
    right: -18%;
    bottom: -18%;
    left: -18%
}

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

button,
input,
textarea,
select {
    font: inherit
}

main,
header,
footer {
    width: min(var(--shell-max), calc(100vw - (var(--shell-gutter) * 2)));
    margin: 0 auto
}

.page-shell {
    z-index: 1;
    position: relative
}

.page-shell--legal,
.page-shell--dashboard {
    padding-top: 112px
}

main {
    z-index: 1;
    padding-bottom: 56px;
    position: relative
}

.landing-top {
    position: relative
}

.landing-top:after {
    content: "";
    filter: blur(24px);
    pointer-events: none;
    background: radial-gradient(circle, #4f9ef814, #0000 70%);
    border-radius: 999px;
    width: min(520px, 48vw);
    height: 420px;
    position: absolute;
    top: 18px;
    left: 0
}

.site-header {
    z-index: 40;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.site-header:before {
    content: "";
    -webkit-backdrop-filter: blur(14px)saturate(120%);
    pointer-events: none;
    background: #070a0de0;
    border-bottom: 1px solid #d7e2f214;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 1px #ffffff08, 0 10px 24px #0000001f
}

.site-header:after {
    content: "";
    pointer-events: none;
    background: linear-gradient(#06090c42, #06090c00);
    height: 18px;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0
}

nav {
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 18px 0 14px;
    display: flex
}

.site-nav--Bookmark {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    display: grid
}

.site-nav--Bookmark>.brand {
    grid-column: 1;
    justify-self: start
}

.site-nav__center {
    grid-column: 2;
    justify-content: center;
    min-width: 0;
    display: flex
}

.site-nav__center .links {
    margin-inline: 0
}

.site-nav--Bookmark>.nav-actions--Bookmark {
    grid-column: 3;
    justify-self: end
}

.site-header nav {
    width: min(var(--shell-max), calc(100vw - (var(--shell-gutter) * 2)));
    margin: 0 auto;
    position: relative
}

.brand {
    color: #f4efe3fa;
    letter-spacing: -.055em;
    align-items: center;
    gap: 14px;
    font-size: 24px;
    font-weight: 800;
    transition: opacity .2s, transform .2s;
    display: inline-flex
}

.brand:hover {
    opacity: .95;
    transform: translateY(-1px)
}

.brand:focus-visible,
.button:focus-visible,
.links a:focus-visible,
.link-button:focus-visible,
.header-cta:focus-visible,
.footer-links a:focus-visible,
.footer-link-button:focus-visible,
.ghost-button:focus-visible,
.cookie-banner__manage:focus-visible,
.cookie-switch:focus-visible,
.cookie-close:focus-visible,
.legal-nav a:focus-visible,
.legal-card a:focus-visible,
.live-link:focus-visible {
    outline-offset: 4px;
    outline: 2px solid #7fdfff6b
}

.brand-icon {
    filter: drop-shadow(0 6px 12px #0000002e);
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: block
}

.brand-icon svg,
.brand-icon img {
    width: 100%;
    height: 100%;
    display: block
}

.brand-name {
    line-height: 1
}

.nav-actions {
    align-items: center;
    gap: 14px;
    display: flex
}

.nav-actions--Bookmark {
    margin-left: 0
}

.links {
    color: var(--soft);
    isolation: isolate;
    -webkit-backdrop-filter: blur(14px)saturate(140%);
    background: linear-gradient(#ffffff09, #ffffff04);
    border: 1px solid #ffffff0d;
    border-radius: 999px;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px;
    display: flex;
    position: relative;
    box-shadow: inset 0 1px #ffffff0f, 0 14px 30px #0000001f
}

.links a,
.link-button,
.header-cta,
.button,
.footer-links a,
.footer-link-button {
    transition: transform .2s, border-color .2s, background .2s, color .2s, box-shadow .2s
}

.links a,
.link-button {
    z-index: 1;
    color: inherit;
    letter-spacing: -.02em;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
    font-weight: 600;
    transition: color .3s, transform .52s cubic-bezier(.34, 1.56, .64, 1), opacity .26s;
    display: inline-flex;
    position: relative
}

.link-button {
    color: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.links a:hover,
.link-button:hover {
    color: var(--ink);
    background: #ffffff09
}

.links a.is-active,
.links .link-button.is-active {
    color: var(--ink);
    text-shadow: 0 0 18px #ffffff14;
    background: 0 0;
    transform: translateY(-1px)
}

.links-indicator {
    width: var(--links-indicator-width, 0px);
    height: var(--links-indicator-height, 0px);
    border-radius: var(--links-indicator-radius-left, 999px) var(--links-indicator-radius-right, 999px) var(--links-indicator-radius-right, 999px) var(--links-indicator-radius-left, 999px);
    -webkit-backdrop-filter: blur(18px)saturate(160%);
    pointer-events: none;
    transform: translate3d(var(--links-indicator-x, 0px), var(--links-indicator-y, 0px), 0);
    will-change: transform, width, height;
    background: linear-gradient(#1c2630d6, #0f161deb), #8ecbff14;
    border: 1px solid #aad9ff33;
    transition: transform .58s cubic-bezier(.34, 1.56, .64, 1), width .46s cubic-bezier(.22, 1, .36, 1), height .46s cubic-bezier(.22, 1, .36, 1), opacity .16s, box-shadow .3s;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 1px #ffffff29, inset 0 -10px 18px #070d122e, 0 12px 28px #0000002e
}

.links-indicator:before,
.links-indicator:after {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.links-indicator:before {
    opacity: .65;
    background: linear-gradient(#ffffff29, #ffffff05);
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px
}

.links-indicator:after {
    opacity: .8;
    filter: blur(10px);
    background: radial-gradient(circle at 18% 20%, #ffffff2e, #0000 42%), radial-gradient(circle at 82% 85%, #4f9ef82e, #0000 48%);
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px
}

.links--legal {
    gap: 0
}

.links--legal a,
.links--legal .link-button {
    background: 0 0;
    padding: 0
}

.links--legal a:not(:first-child):before,
.links--legal .link-button:before {
    content: "·";
    color: #9ba7b8b3;
    margin: 0 10px
}

.links--legal a:hover,
.links--legal .link-button:hover,
.links--legal a.is-active {
    background: 0 0
}

.links--legal a.is-active {
    text-underline-offset: 3px;
    text-decoration: underline
}

.header-cta {
    min-height: 44px;
    color: var(--ink);
    font: 700 12px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase;
    background: linear-gradient(#131b21f5, #0d1217fa);
    border: 1px solid #4f9ef833;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0 18px;
    display: inline-flex;
    box-shadow: inset 0 1px #ffffff08
}

.header-cta:hover {
    border-color: #4f9ef857;
    transform: translateY(-1px)
}

.header-cta.is-active {
    background: linear-gradient(#182229fa, #0f151afc);
    border-color: #4f9ef857
}

.header-cta--Bookmark {
    color: #f4efe3;
    isolation: isolate;
    background: linear-gradient(#161d22fa, #0b1014fc);
    border-color: #60a5fa3d;
    justify-content: space-between;
    gap: 10px;
    min-width: 132px;
    padding: 0 10px 0 16px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 1px #ffffff14, inset 0 -12px 20px #04080b38, 0 14px 30px #0306083d
}

.header-cta--Bookmark:before {
    content: "";
    pointer-events: none;
    border-radius: inherit;
    opacity: .92;
    background: radial-gradient(circle at 14%, #60a5fa29, #0000 34%), linear-gradient(135deg, #60a5fa24, #4f9ef814 56%, #0000 80%), linear-gradient(#ffffff14, #0000 42%);
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px
}

.header-cta--Bookmark>span {
    z-index: 1;
    position: relative
}

.header-cta--Bookmark .header-cta__label {
    align-items: center;
    display: inline-flex
}

.header-cta__icon,
.landing-Bookmark-button__icon {
    color: #f2f6ef;
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    transition: transform .22s, border-color .22s, background .22s, box-shadow .22s;
    display: inline-flex;
    position: relative
}

.header-cta__icon {
    color: #f7f8f1;
    background: linear-gradient(#60a5fa3d, #4f9ef829);
    border: 1px solid #60a5fa2e;
    width: 22px;
    height: 22px;
    box-shadow: inset 0 1px #ffffff1f, 0 8px 16px #04080b29
}

.header-cta__icon-svg,
.landing-Bookmark-button__icon-svg {
    width: 12px;
    height: 12px;
    display: block
}

.header-cta--Bookmark:hover,
.header-cta--Bookmark.is-active {
    background: linear-gradient(#192127fc, #0c1217);
    border-color: #60a5fa57;
    box-shadow: inset 0 1px #ffffff1a, inset 0 -14px 22px #04080b3d, 0 18px 34px #03060847
}

.header-cta--Bookmark:hover .header-cta__icon,
.header-cta--Bookmark:focus-visible .header-cta__icon,
.header-cta--Bookmark.is-active .header-cta__icon {
    background: linear-gradient(#60a5fa4d, #4f9ef833);
    border-color: #60a5fa3d;
    transform: translate(1px)
}

.button {
    border: 1px solid var(--line);
    min-height: 54px;
    color: var(--ink);
    cursor: pointer;
    letter-spacing: -.01em;
    background: linear-gradient(#12181ef5, #0b0f14fa);
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 0 22px;
    font-weight: 700;
    display: inline-flex;
    box-shadow: inset 0 1px #ffffff08, 0 8px 20px #0000001f
}

.button:hover {
    border-color: var(--line-strong);
    background: linear-gradient(#161d24fa, #0d1216fc);
    transform: translateY(-1px);
    box-shadow: inset 0 1px #ffffff08, 0 12px 26px #00000024
}

.button-accent {
    color: #eef4f7;
    font: 700 12px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: linear-gradient(#151f25fa, #0e1419fc);
    border-color: #4f9ef83d;
    box-shadow: 0 12px 28px #00000029
}

.button-accent:hover {
    border-color: #4f9ef861
}

.button-bookmark {
    color: var(--ink);
    font: 700 12px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    cursor: grab;
    background: linear-gradient(#181f1bfa, #101513fc);
    border-color: #60a5fa33
}

.button-bookmark:hover {
    border-color: #60a5fa57
}

.button-bookmark:active {
    cursor: grabbing
}

.button:disabled,
.header-cta:disabled {
    cursor: not-allowed;
    opacity: .68;
    transform: none
}

.kicker,
.tag {
    font: 600 11px/1 var(--mono);
    letter-spacing: .24em;
    text-transform: uppercase;
    color: #9bc3d1;
    align-items: center;
    gap: 10px;
    display: inline-flex
}

.kicker:before,
.tag:before {
    content: "";
    background: linear-gradient(90deg, #60a5fa00, #60a5fa85);
    width: 18px;
    height: 1px
}

.hero {
    padding: 56px 0 108px;
    position: relative
}

.hero-copy {
    z-index: 1;
    max-width: 760px;
    padding-top: 14px;
    position: relative
}

.hero-copy:before {
    content: "";
    background: linear-gradient(#0000, #4f9ef82e, #60a5fa14, #0000);
    width: 1px;
    position: absolute;
    top: 22px;
    bottom: 18px;
    left: -26px
}

.hero-header {
    gap: 18px;
    display: grid
}

.hero-lockup {
    background: #ffffff08;
    border: 1px solid #d7e2f214;
    border-radius: 18px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 12px 14px;
    display: inline-flex;
    box-shadow: inset 0 1px #ffffff06
}

.hero-lockup span {
    line-height: 1;
    display: inline-block
}

.hero-lockup__brand {
    letter-spacing: -.06em;
    color: #f4efe3eb;
    font-size: clamp(21px, 2.3vw, 32px);
    font-weight: 800
}

.hero-lockup__descriptor {
    color: #c0d7df;
    font: 700 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #4f9ef81a;
    border: 1px solid #4f9ef829;
    border-radius: 999px;
    padding: 7px 10px
}

.hero h1,
.section-head h2,
.edge-copy h2,
.insider-copy h2,
.install-copy h2,
.status-panel h1 {
    letter-spacing: -.065em;
    text-wrap: balance;
    margin: 0;
    font-size: clamp(46px, 5.2vw, 76px);
    line-height: .96
}

.hero h1 {
    max-width: 12.6ch;
    font-size: clamp(52px, 4.7vw, 72px)
}

.lead,
.section-head p,
.edge-copy p,
.insider-copy p,
.install-copy p,
.step p,
.cluster-row p,
.status-note,
.command-row p,
.faq-item p,
.note {
    color: var(--soft);
    margin: 0
}

.lead {
    color: #c4ccd8;
    max-width: 60ch;
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.75
}

.actions {
    flex-wrap: wrap;
    gap: 14px;
    margin: 30px 0 18px;
    display: flex
}

.note {
    color: #d3dde5;
    background: #4f9ef80f;
    border: 1px solid #4f9ef824;
    border-radius: 18px;
    max-width: 56ch;
    padding: 16px 18px;
    box-shadow: inset 0 1px #ffffff05
}

.hero-proof-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
    display: grid
}


.hero:before {
    content: "";
    pointer-events: none;
    filter: blur(34px);
    opacity: .62;
    background: radial-gradient(circle, #4f9ef824, #0000 48%), radial-gradient(circle at 62% 42%, #60a5fa14, #0000 28%);
    border-radius: 999px;
    width: min(42vw, 520px);
    height: min(40vw, 480px);
    position: absolute;
    top: 48px;
    right: 2%
}

.section {
    padding: var(--section-space) 0;
    scroll-margin-top: 104px;
    position: relative
}

.section:before {
    content: "";
    background: linear-gradient(90deg, #0000, #ffffff14, #0000);
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.section-head {
    --section-head-copy-offset: 26px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .68fr);
    align-items: start;
    gap: clamp(28px, 4vw, 72px);
    margin-bottom: 32px;
    display: grid
}

.section-head-title {
    gap: 14px;
    display: grid
}

.section-head h2 {
    max-width: 11ch
}

.section-head-copy {
    padding-top: var(--section-head-copy-offset);
    justify-content: flex-end;
    display: flex
}

.section-head p {
    max-width: 31ch;
    font-size: 17px;
    line-height: 1.8
}

:where(.live).section {
    padding-top: 76px;
    padding-bottom: 84px
}

:where(.live) .section-head {
    --section-head-copy-offset: 22px;
    grid-template-columns: minmax(0, 1.04fr) minmax(300px, .56fr);
    gap: clamp(20px, 3vw, 40px);
    margin-bottom: 20px
}

:where(.live) .section-head-title {
    gap: 10px
}

:where(.live) .section-head h2 {
    letter-spacing: -.055em;
    max-width: 16ch;
    font-size: clamp(38px, 4vw, 52px);
    line-height: 1.02
}

:where(.live) .section-head p {
    max-width: 31ch;
    font-size: 15px;
    line-height: 1.65
}

.section-meta {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 26px;
    display: flex
}

.meta-pill {
    border: 1px solid var(--line);
    color: var(--soft-strong);
    font: 600 12px/1 var(--mono);
    letter-spacing: .06em;
    background: #ffffff08;
    border-radius: 999px;
    padding: 10px 14px
}

.step,
.status-panel,
.faq-item,
.empty-panel {
    border: 1px solid var(--line);
    box-shadow: var(--shadow-lg);
    background: linear-gradient(#12181feb, #0a0f14fa)
}

.step,
.command-row,
.faq-item,
.empty-panel {
    transition: transform .24s, border-color .24s, box-shadow .24s, background .24s
}

.step:hover,
.command-row:hover,
.faq-item:hover {
    border-color: var(--line-strong);
    transform: translateY(-1px);
    box-shadow: 0 16px 34px #0000002e, inset 0 1px #ffffff08
}

.step,
.empty-panel,
.docs-card {
    border-radius: var(--radius-lg);
    padding: 24px;
    position: relative;
    overflow: hidden
}

.step:before,
.faq-item:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(#ffffff06, #0000 26%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.docs-card strong {
    letter-spacing: -.04em;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.16;
    display: block
}



.live-link {
    color: #ffffff;
    font: 600 12px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase
}

.live-link:hover {
    color: var(--ink)
}

.step h3,
.cluster-row strong {
    letter-spacing: -.06em;
    margin: 0;
    font-size: clamp(30px, 3vw, 40px);
    line-height: .98
}

.command-row span,
.control label,
.cluster-row.head,
.step b {
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block
}

.command-row span,
.control label,
.cluster-row.head {
    color: #9edfff
}

.capabilities .cap-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    display: grid;
    position: relative
}

.capabilities .cap-grid:before {
    content: "";
    background: linear-gradient(90deg, #ffffff05, #ffffff14, #ffffff05);
    height: 1px;
    position: absolute;
    top: 18px;
    left: 0;
    right: 0
}


.signal-demo .edge-shell,
.insider-shell,
.docs-shell {
    align-items: start;
    gap: 24px;
    display: grid
}

.edge-shell {
    grid-template-columns: minmax(300px, .74fr) minmax(0, 1.26fr)
}

.edge-copy,
.insider-copy,
.install-copy {
    gap: 14px;
    display: grid
}

.install-note {
    color: var(--soft);
    font-size: 14px
}



.signal-subline {
    color: var(--soft);
    margin-top: 8px;
    font-size: 14px;
    display: inline-block
}

.signal-analysis-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
    display: grid
}

.signal-card {
    background: #ffffff09;
    border: 1px solid #ffffff0f;
    border-radius: 22px;
    padding: 18px
}

.signal-card-head span,
.control-shell-head span,
.watch-list>span {
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #9bc3d1;
    display: block
}

.signal-card-head strong {
    letter-spacing: -.045em;
    margin-top: 10px;
    font-size: 24px;
    line-height: 1.05;
    display: block
}

.driver-list,
.decision-list {
    gap: 12px;
    margin-top: 18px;
    display: grid
}

.driver-row,
.decision-row {
    border-top: 1px solid #ffffff14;
    grid-template-columns: 1fr auto;
    gap: 16px;
    padding: 14px 0;
    display: grid
}

.driver-row:first-child,
.decision-row:first-child {
    border-top: none;
    padding-top: 0
}

.driver-copy span,
.decision-row span {
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #9bc3d1;
    display: block
}

.driver-copy strong,
.decision-row strong {
    letter-spacing: -.04em;
    margin-top: 9px;
    font-size: 19px;
    line-height: 1.08;
    display: block
}

.driver-copy p,
.decision-row p,
.watch-list p,
.control-shell-head p {
    margin: 8px 0 0
}

.driver-score {
    text-align: center;
    min-width: 58px;
    font: 700 20px/1 var(--mono);
    border-radius: 16px;
    align-self: center;
    padding: 12px 10px
}

.driver-score--positive {
    color: var(--good);
    background: #7dd3fc1a;
    border: 1px solid #7dd3fc3d
}

.driver-score--neutral {
    color: #a8e5ff;
    background: #7fdfff14;
    border: 1px solid #7fdfff2e
}

.driver-score--warning {
    color: #ffd59f;
    background: #ffbe711a;
    border: 1px solid #ffbe7133
}

.watch-list {
    border-top: 1px solid #ffffff14;
    margin-top: 16px;
    padding-top: 16px
}

.control-shell {
    border-top: 1px solid #ffffff14;
    margin-top: 20px;
    padding-top: 20px
}

.control-shell-head p {
    max-width: 48ch
}

.control-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
    display: grid
}

.control {
    background: #ffffff09;
    border: 1px solid #ffffff0f;
    border-radius: 18px;
    padding: 14px 16px
}

.control strong {
    letter-spacing: -.04em;
    margin-bottom: 12px;
    font-size: 20px;
    display: block
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    width: 100%
}

input[type=range]::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, #d3ff7461, #7fdfff8a, #ffbe716b);
    border-radius: 999px;
    height: 8px
}

input[type=range]::-moz-range-track {
    background: linear-gradient(90deg, #d3ff7461, #7fdfff8a, #ffbe716b);
    border-radius: 999px;
    height: 8px
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f7f2e9;
    border: 2px solid #87dcff;
    border-radius: 999px;
    width: 18px;
    height: 18px;
    margin-top: -5px;
    box-shadow: 0 0 20px #7fdfff47
}

input[type=range]::-moz-range-thumb {
    background: #f7f2e9;
    border: 2px solid #87dcff;
    border-radius: 999px;
    width: 18px;
    height: 18px;
    box-shadow: 0 0 20px #7fdfff47
}

.trust-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    align-items: stretch;
    gap: 18px;
    display: grid
}


.insider-shell {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr)
}

.insider-copy p {
    max-width: 52ch
}


.cluster-row {
    border-bottom: 1px solid #ffffff14;
    grid-template-columns: 1fr auto;
    gap: 14px;
    padding: 16px 0;
    display: grid
}

.cluster-row.head {
    padding-top: 0
}

.cluster-row:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.cluster-row p {
    margin-top: 6px
}

.cluster-row:not(.head)>span {
    font: 700 20px/1 var(--mono);
    color: #dfff86;
    align-self: center
}

.docs-shell {
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr)
}

.docs-grid {
    gap: 18px;
    display: grid
}

.docs-card {
    min-height: 0
}


.command-row {
    background: #ffffff09;
    border: 1px solid #ffffff0f;
    border-radius: 20px;
    padding: 18px
}

.command-row strong {
    color: var(--ink);
    letter-spacing: -.045em;
    margin-top: 12px;
    font-size: 23px;
    line-height: 1.08;
    display: block
}

.faq-list {
    border-top: 1px solid #ffffff1a;
    gap: 0;
    display: grid
}

.faq-item {
    box-shadow: none;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #ffffff1a;
    border-radius: 0;
    padding: 0;
    overflow: visible
}

.faq-item:before {
    display: none
}

.faq-item:hover {
    box-shadow: none;
    background: 0 0;
    border-color: #0000 #0000 #ffffff1a;
    transform: none
}

.faq-item__trigger {
    cursor: pointer;
    width: 100%;
    color: inherit;
    text-align: left;
    letter-spacing: -.04em;
    background: 0 0;
    border: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 24px 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    transition: color .24s;
    display: grid;
    position: relative
}

.faq-item__question {
    transition: color .28s
}

.faq-item.is-open .faq-item__question {
    color: #f4efe3
}

.faq-item__trigger:focus-visible {
    outline-offset: 6px;
    outline: 2px solid #7fdfff6b
}

.faq-item__icon {
    background: #4f9ef80f;
    border: 1px solid #4f9ef82e;
    border-radius: 999px;
    width: 22px;
    height: 22px;
    transition: transform .28s, border-color .24s, background .24s;
    position: relative
}

.faq-item__icon:before,
.faq-item__icon:after {
    content: "";
    background: #dfff86;
    border-radius: 999px;
    width: 10px;
    height: 1.5px;
    transition: transform .24s, opacity .2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.faq-item__icon:after {
    transform: translate(-50%, -50%)rotate(90deg)
}

.faq-item.is-open .faq-item__icon {
    background: #60a5fa1a;
    border-color: #60a5fa3d;
    transform: rotate(180deg)
}

.faq-item.is-open .faq-item__icon:after {
    opacity: 0;
    transform: translate(-50%, -50%)rotate(90deg)scaleX(0)
}

.faq-item__content {
    max-height: 0;
    transition: max-height .48s cubic-bezier(.22, 1, .36, 1);
    overflow: hidden
}

.faq-item.is-open .faq-item__content {
    max-height: var(--faq-content-height, 0px)
}

.faq-item__content-inner {
    padding-right: 48px;
    overflow: hidden
}

.faq-item p {
    opacity: 0;
    will-change: transform, opacity;
    max-width: none;
    margin: 0;
    padding: 0 0 24px;
    transition: opacity .34s, transform .52s cubic-bezier(.22, 1, .36, 1);
    transform: translateY(18px)
}

.faq-item.is-open p {
    opacity: 1;
    transform: translate(0)
}


.install-body {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .76fr);
    align-items: start;
    gap: 42px;
    margin-top: 36px;
    display: grid
}

.install-grid {
    border-top: 1px solid #ffffff1a;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 0;
    display: grid
}

.install-grid:before {
    display: none
}

.step {
    min-height: 0;
    box-shadow: none;
    opacity: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 20px;
    padding: 24px 0;
    transition: transform .24s;
    animation: .68s cubic-bezier(.22, 1, .36, 1) forwards sectionFadeUp;
    display: grid
}

.step+.step {
    border-top: 1px solid #ffffff1a
}

.step:before {
    display: none
}

.step:hover {
    box-shadow: none;
    background: 0 0;
    border-color: #0000;
    transform: translate(4px)
}

.step b {
    color: #60a5fad1;
    width: auto;
    height: auto;
    box-shadow: none;
    letter-spacing: .14em;
    background: 0 0;
    border: none;
    padding-top: 3px;
    font-size: 12px;
    font-weight: 700;
    display: block;
    position: relative;
    top: auto;
    left: auto
}

.step-copy {
    gap: 10px;
    max-width: 42ch;
    display: grid
}

.step p {
    max-width: none;
    margin: 0
}

.step:first-child {
    animation-delay: .1s
}

.step:nth-child(2) {
    animation-delay: .18s
}

.step:nth-child(3) {
    animation-delay: .26s
}

.step:after {
    display: none
}

.bookmark-bar {
    background: linear-gradient(#0b1015d1, #080d12f0);
    border: 1px solid #ffffff14;
    border-radius: 24px;
    padding: 22px;
    position: sticky;
    top: 118px;
    box-shadow: inset 0 1px #ffffff08
}

.bookbar-top {
    align-items: center;
    gap: 8px;
    display: flex
}

.bookbar-top i {
    background: #fff3;
    border-radius: 999px;
    width: 10px;
    height: 10px;
    display: inline-block
}

.bookbar-top span {
    font: 600 12px/1 var(--mono);
    color: var(--soft);
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    flex: 1;
    padding: 10px 14px
}

.chips {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
    display: flex
}

.chip {
    border: 1px solid var(--line);
    color: var(--soft-strong);
    background: #ffffff09;
    border-radius: 14px;
    padding: 11px 14px;
    font-size: 14px
}

.chip.live {
    color: #e8efdb;
    font-family: var(--mono);
    background: #60a5fa14;
    border-color: #60a5fa29
}

.bookmark-cta {
    margin-top: 20px
}

.empty-panel strong {
    letter-spacing: -.05em;
    font-size: 25px;
    line-height: 1.12;
    display: block
}

.empty-panel p {
    margin-top: 12px
}

.status-shell {
    place-items: center;
    width: min(1240px, 100vw - 48px);
    min-height: calc(100vh - 320px);
    margin: 0 auto;
    display: grid
}

.status-panel {
    border-radius: 32px;
    width: min(720px, 100%);
    padding: 34px
}

.dashboard-status-shell {
    align-content: start;
    min-height: calc(100vh - 176px);
    padding-top: 24px;
    padding-bottom: 32px;
    display: grid
}

.dashboard-status-shell--error {
    align-content: center
}

.dashboard-status-layout {
    z-index: 1;
    gap: 18px;
    margin-top: 18px;
    display: grid;
    position: relative
}

.dashboard-status-layout--error {
    max-width: min(1040px, 100%)
}

.dashboard-status-actions {
    gap: 10px
}

.dashboard-status-chip {
    min-height: 38px;
    color: var(--soft-strong);
    font: 600 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    align-items: center;
    padding: 0 14px;
    display: inline-flex
}

.dashboard-status-head {
    align-items: stretch
}

.dashboard-status-layout--error .dashboard-status-head {
    gap: 24px
}

.dashboard-status-head .status-note {
    max-width: 60ch;
    margin-top: 14px
}

.dashboard-status-meter {
    background: #ffffff09;
    border: 1px solid #ffffff14;
    border-radius: 24px;
    align-content: start;
    gap: 18px;
    min-width: 300px;
    padding: 22px;
    display: grid
}

.dashboard-status-meter.is-error {
    background: #ef6b6b0d;
    border-color: #ef6b6b29
}

.dashboard-status-meter__row {
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    display: flex
}

.dashboard-status-meter__row span,
.dashboard-status-meta span {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .16em;
    text-transform: uppercase
}

.dashboard-status-meter__row strong {
    letter-spacing: -.03em;
    font-size: 18px
}

.dashboard-status-meter__copy {
    color: var(--soft);
    margin: 0
}

.dashboard-status-error-actions {
    margin: 0
}

.dashboard-status-kpis {
    z-index: 1;
    position: relative
}

.dashboard-status-card {
    gap: 18px
}

.dashboard-status-card--kpi strong {
    letter-spacing: -.04em;
    margin-top: 10px;
    font-size: 24px;
    line-height: 1.08
}

.dashboard-status-grid,
.dashboard-status-board {
    z-index: 1;
    position: relative
}

.dashboard-status-module-list,
.dashboard-status-note-stack,
.dashboard-status-watchlist {
    gap: 12px;
    display: grid
}

.dashboard-status-module {
    grid-template-columns: 14px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    display: grid
}

.dashboard-status-module strong {
    letter-spacing: -.03em;
    font-size: 16px;
    line-height: 1.18;
    display: block
}

.dashboard-status-module__dot {
    background: linear-gradient(180deg, var(--accent), var(--accent2));
    border-radius: 999px;
    width: 10px;
    height: 10px;
    margin-top: 6px;
    box-shadow: 0 0 0 5px #4f9ef814
}

.dashboard-status-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    display: grid
}

.dashboard-status-meta {
    gap: 10px;
    display: grid
}

.dashboard-status-watch-row {
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 22px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    display: grid
}

.dashboard-status-watch-copy,
.dashboard-status-watch-metrics,
.dashboard-status-signal-grid,
.dashboard-status-note-list,
.dashboard-status-progress {
    display: grid
}

.dashboard-status-watch-copy {
    gap: 10px
}

.dashboard-status-watch-metrics {
    grid-template-columns: repeat(3, minmax(72px, 1fr));
    gap: 10px;
    min-width: 260px
}

.dashboard-status-signal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px
}

.dashboard-status-note-list {
    gap: 10px
}

.dashboard-status-note-row {
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    display: grid
}

.dashboard-status-progress {
    gap: 10px
}

.dashboard-status-progress__bar {
    background: linear-gradient(90deg, #4f9ef82e, #60a5fa6b);
    border-radius: 999px;
    height: 10px;
    animation: 1.35s ease-in-out infinite dashboard-loader-pulse;
    display: block
}

.dashboard-status-progress__bar--wide {
    width: 100%
}

.dashboard-status-progress__bar--short {
    width: 72%
}

.dashboard-skeleton {
    background: #ffffff0f;
    border-radius: 999px;
    position: relative;
    overflow: hidden
}

.dashboard-skeleton:after {
    content: "";
    background: linear-gradient(90deg, #0000, #ffffff1f, #0000);
    animation: 1.6s ease-in-out infinite dashboard-status-shimmer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translate(-100%)
}

.dashboard-skeleton--line {
    width: 100%;
    height: 10px
}

.dashboard-skeleton--line-short {
    width: 58%
}

.dashboard-skeleton--line-medium {
    width: 74%
}

.dashboard-skeleton--pill {
    border-radius: 14px;
    width: 100%;
    height: 32px
}

.dashboard-skeleton--pill-short {
    width: 72%
}

.dashboard-skeleton--tile {
    border-radius: 18px;
    height: 86px
}

.dashboard-skeleton--panel {
    border-radius: 24px;
    height: 160px
}

.dashboard-status-card--error {
    z-index: 1;
    max-width: min(760px, 100%);
    position: relative
}

footer {
    color: var(--soft);
    padding: 18px 0 44px;
    font-size: 14px
}

.footer-shell {
    border-top: 1px solid #ffffff14;
    gap: 22px;
    padding-top: 32px;
    display: grid
}

.footer-topline {
    align-items: start;
    gap: 24px 36px;
    display: grid
}

.footer-brand {
    gap: 18px;
    max-width: 76ch;
    display: grid
}

.footer-brand>strong {
    letter-spacing: -.02em;
    color: var(--ink);
    font-size: 16px;
    font-weight: 700;
    display: inline-block
}

.footer-disclaimer a,
.legal-card a {
    color: #d7ff86
}

.footer-disclaimer a:hover,
.legal-card a:hover {
    color: var(--ink)
}

.footer-inline-nav {
    color: var(--soft);
    grid-template-columns: repeat(2, minmax(0, max-content));
    align-content: start;
    gap: 12px 24px;
    display: grid
}

.footer-side {
    align-content: start;
    gap: 28px;
    display: grid
}

.footer-inline-item {
    align-items: center;
    display: inline-flex
}

.footer-inline-link,
.footer-link-button {
    color: #c9d2de;
    min-height: 28px;
    font: 600 11px/1.3 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7e2f224;
    align-items: center;
    padding: 0 0 6px;
    transition: color .2s, border-color .2s, transform .2s;
    display: inline-flex
}

.footer-link-button {
    cursor: pointer
}

.footer-inline-link:hover,
.footer-link-button:hover {
    color: var(--ink);
    border-bottom-color: #4f9ef857
}

.footer-backing {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: fit-content;
    display: inline-flex
}

.footer-backing-label {
    color: #7f8a99;
    font-size: 12px;
    line-height: 1.3
}

.footer-backing-logo-row {
    align-items: flex-end;
    gap: 8px;
    line-height: 0;
    display: flex
}

.footer-backing-link {
    align-items: center;
    line-height: 0;
    display: inline-flex
}

.footer-backing-logo {
    width: min(139px, 32vw);
    height: auto
}

.footer-disclaimer {
    color: #7f8a99;
    max-width: 76ch;
    margin: 0;
    font-size: 14px;
    line-height: 1.8
}

@media(min-width:640px) {
    .footer-backing-label {
        font-size: 14px
    }

    .footer-backing-logo {
        width: 120px
    }
}

@media(min-width:1024px) {
    .footer-topline {
        grid-template-columns: minmax(0, 1fr) auto
    }

    .footer-side {
        justify-items: end
    }

    .footer-backing {
        text-align: right;
        align-items: flex-end;
        margin-left: auto
    }

    .footer-backing-logo {
        width: 139px;
        transform: translateY(-5px)
    }
}

body:has(.cookie-banner) footer,
body:has(.cookie-banner) .Bookmark-shell--auth,
body:has(.cookie-banner) .Bookmark-shell--dashboard {
    padding-bottom: 156px
}

.legal-top {
    padding-top: 104px
}

.cookie-banner__panel,
.cookie-dialog__panel {
    border: 1px solid var(--line);
    box-shadow: var(--shadow-lg);
    background: linear-gradient(#12181ff0, #0a0f14fc)
}

.cookie-dialog__panel {
    position: relative;
    overflow: hidden
}

.cookie-dialog__panel:before {
    content: "";
    pointer-events: none;
    background: linear-gradient(#ffffff08, #0000 28%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.legal-main {
    width: min(1120px, 100vw - 48px);
    margin: 0 auto;
    padding-top: 28px;
    padding-bottom: 54px
}

.legal-page-head {
    border-bottom: 1px solid #ffffff14;
    padding-bottom: 24px
}

.legal-breadcrumbs,
.legal-meta-row,
.legal-utility-links {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    display: flex
}

.legal-breadcrumbs {
    color: var(--soft);
    font: 600 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase
}

.legal-breadcrumbs a,
.legal-utility-links a,
.legal-utility-links button,
.legal-sidebar-nav a,
.legal-sidebar-links a,
.legal-contact-link {
    color: var(--soft-strong);
    text-decoration: none;
    transition: color .2s
}

.legal-breadcrumbs a:hover,
.legal-utility-links a:hover,
.legal-utility-links button:hover,
.legal-sidebar-nav a:hover,
.legal-sidebar-links a:hover,
.legal-contact-link:hover {
    color: var(--ink)
}

.legal-page-head h1 {
    letter-spacing: -.05em;
    margin: 18px 0 0;
    font-size: clamp(38px, 4vw, 54px);
    line-height: 1.02
}

.legal-page-head p {
    color: #b5bfcc;
    max-width: 72ch;
    margin: 16px 0 0;
    font-size: 16px;
    line-height: 1.8
}

.legal-meta-row {
    color: var(--soft);
    margin-top: 18px;
    font-size: 14px
}

.legal-utility-links {
    gap: 14px;
    margin-top: 12px
}

.legal-utility-links button {
    font: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    padding: 0
}

.legal-layout {
    grid-template-columns: 240px minmax(0, 1fr);
    align-items: start;
    gap: 34px;
    margin-top: 28px;
    display: grid
}

.legal-sidebar,
.legal-doc,
.cookie-preferences {
    gap: 18px;
    display: grid
}

.legal-sidebar {
    position: sticky;
    top: 108px
}

.legal-sidebar-block {
    padding-top: 14px
}

.legal-sidebar-label {
    color: #8b98a9;
    font: 600 11px/1 var(--mono);
    letter-spacing: .16em;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block
}

.legal-sidebar-nav,
.legal-sidebar-links {
    gap: 10px;
    display: grid
}

.legal-sidebar-links a.is-active {
    color: var(--ink);
    text-underline-offset: 3px;
    text-decoration: underline
}

.legal-section {
    border-bottom: 1px solid #ffffff14;
    padding: 28px 0
}

.legal-section h2 {
    letter-spacing: -.03em;
    color: var(--ink);
    margin: 0 0 16px;
    font-size: 24px;
    line-height: 1.18
}

.legal-section p,
.legal-section li {
    color: #adb7c4;
    max-width: 72ch;
    font-size: 15px;
    line-height: 1.88
}

.legal-section p+p,
.legal-section p+ul,
.legal-section ul+.legal-note {
    margin-top: 16px
}

.legal-section ul {
    gap: 10px;
    padding-left: 22px;
    display: grid
}

.legal-note {
    color: #d7e1ea;
    background: 0 0;
    border-left: 2px solid #4f9ef857;
    max-width: 72ch;
    padding: 0 0 0 14px
}

.cookie-banner {
    z-index: 60;
    pointer-events: none;
    width: min(560px, 100vw - 32px);
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%)
}

.cookie-banner__panel {
    pointer-events: auto;
    -webkit-backdrop-filter: blur(18px);
    background: radial-gradient(circle at 100% 0, #7dd3fc1f, #0000 34%), linear-gradient(#12181ff5, #0a0f14fc);
    border-radius: 18px;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    padding: 16px 18px 18px;
    display: grid
}

.cookie-banner__copy {
    gap: 10px;
    display: grid
}

.cookie-banner__copy .tag {
    justify-self: flex-start
}

.cookie-banner__copy strong {
    letter-spacing: -.03em;
    max-width: 32ch;
    margin-top: 0;
    font-size: clamp(17px, 1.25vw, 19px);
    line-height: 1.14;
    display: block
}

.cookie-banner__copy p {
    color: var(--soft);
    max-width: 46ch;
    margin: 0;
    font-size: 13px;
    line-height: 1.62
}

.cookie-banner__actions,
.cookie-dialog__actions {
    gap: 10px;
    display: flex
}

.cookie-dialog__actions {
    flex-wrap: wrap;
    justify-content: flex-end
}

.cookie-banner__actions {
    border-top: 1px solid #ffffff14;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding-top: 12px
}

.cookie-banner__manage {
    color: #dde8f0b3;
    cursor: pointer;
    font: 600 11px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    padding: 0;
    transition: color .2s, opacity .2s
}

.cookie-banner__manage:hover {
    color: var(--ink)
}

.cookie-banner__cta-group {
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    display: flex
}

.cookie-banner__actions .button,
.cookie-banner__actions .ghost-button {
    letter-spacing: .1em;
    border-radius: 12px;
    flex: none;
    min-height: 36px;
    padding: 0 12px;
    font-size: 11px
}

.cookie-dialog {
    z-index: 70;
    place-items: center;
    padding: 24px;
    display: grid;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cookie-dialog__backdrop {
    -webkit-backdrop-filter: blur(10px);
    background: #030608d1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cookie-dialog__panel {
    z-index: 1;
    border-radius: 24px;
    width: min(760px, 100%);
    max-height: min(100vh - 48px, 920px);
    padding: 28px;
    position: relative;
    overflow: auto
}

.cookie-dialog__head,
.cookie-dialog__footer {
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    display: flex
}

.cookie-dialog__head h2 {
    letter-spacing: -.04em;
    margin: 14px 0 0;
    font-size: clamp(28px, 3vw, 36px);
    line-height: 1.02
}

.cookie-dialog__head p,
.cookie-dialog__footer p,
.cookie-preference p {
    color: var(--soft);
    margin: 12px 0 0
}

.cookie-close {
    min-height: 42px;
    color: var(--soft-strong);
    cursor: pointer;
    font: 600 12px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 14px;
    padding: 0 16px
}

.cookie-close:hover {
    color: var(--ink);
    border-color: #ffffff29
}

.cookie-preferences {
    margin-top: 22px
}

.cookie-preference {
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 16px;
    display: grid
}

.cookie-preference strong {
    letter-spacing: -.03em;
    font-size: 20px;
    line-height: 1.1;
    display: block
}

.cookie-switch {
    min-width: 118px;
    min-height: 38px;
    color: var(--soft-strong);
    cursor: pointer;
    font: 700 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #ffffff08;
    border: 1px solid #ffffff1a;
    border-radius: 999px;
    padding: 0 14px
}

.cookie-switch.is-on {
    color: var(--ink);
    background: #4f9ef824;
    border-color: #4f9ef83d
}

.cookie-switch:disabled {
    cursor: not-allowed;
    opacity: .9
}

.cookie-dialog__footer {
    margin-top: 22px
}

@keyframes float {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-14px)
    }
}

@keyframes blink {

    0%,
    to {
        opacity: .72
    }

    50% {
        opacity: 1
    }
}

@keyframes signalLinePulse {
    0% {
        opacity: .58
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .74
    }
}

@keyframes sectionFadeUp {
    0% {
        opacity: 0;
        transform: translateY(18px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media(max-width:1120px) {

    .hero,
    .section-head,
    .edge-shell,
    .insider-shell,
    .docs-shell,
    .install-body,
    .trust-grid,
    .intro-grid,
    .legal-layout,
    .cookie-banner__panel {
        grid-template-columns: 1fr
    }

    .hero {
        gap: 32px
    }

    .hero-copy:before,
    .capabilities .cap-grid:before {
        display: none
    }

    .hero h1,
    .section-head h2 {
        max-width: none
    }

    .section-head-copy {
        justify-content: flex-start;
        padding-top: 0
    }

    .section-head p {
        text-align: left;
        max-width: 100%
    }

    .metric-grid,
    .control-grid,
    .cluster-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .cap-row,
    .live-row {
        grid-template-columns: 1fr
    }

    .live-row-expiry {
        text-align: left
    }

    .bookmark-bar {
        position: static
    }

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

@media(max-width:820px) {

    main,
    header,
    footer,
    .status-shell,
    .site-header nav,
    .legal-main {
        width: min(100vw - 28px, 100%)
    }

    header#top,
    .legal-top {
        padding-top: 248px
    }

    nav {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        padding-top: 14px;
        padding-bottom: 16px
    }

    .nav-actions {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }

    .site-nav--Bookmark {
        flex-direction: row;
        align-items: center;
        gap: 12px;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .site-nav--Bookmark .brand {
        gap: 10px;
        font-size: 20px
    }

    .site-nav--Bookmark .brand-icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px
    }

    .site-nav--Bookmark .nav-actions {
        flex-direction: row;
        align-items: center;
        width: auto;
        margin-left: auto
    }

    .site-nav--Bookmark .header-cta {
        width: auto;
        padding: 0 14px
    }

    .links:not(.links--legal),
    .header-cta,
    .actions .button,
    .bookmark-cta {
        width: 100%
    }

    .links:not(.links--legal) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        display: grid
    }

    .links:not(.links--legal) a,
    .links:not(.links--legal) .link-button {
        background: #ffffff06;
        border: 1px solid #ffffff0f;
        justify-content: center;
        padding: 10px 12px;
        display: flex
    }

    .links--legal {
        gap: 0;
        display: flex
    }

    .hero-proof-grid,
    .metric-grid,
    .signal-analysis-grid,
    .control-grid,
    .cluster-panel,
    .legal-layout {
        grid-template-columns: 1fr
    }

    .hero {
        padding: 34px 0 76px
    }

    .live-row-top,
    .signal-top,
    .signal-footer,
    .legal-meta-row,
    .legal-utility-links,
    .cookie-dialog__head,
    .cookie-dialog__footer {
        flex-direction: column;
        align-items: flex-start
    }

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

    .cookie-banner {
        width: auto;
        bottom: 14px;
        left: 14px;
        right: 14px;
        transform: none
    }

    .cookie-dialog__actions {
        justify-content: flex-start
    }

    .cookie-preference {
        grid-template-columns: 1fr
    }

    .legal-sidebar {
        position: static
    }
}

@media(max-width:640px) {
    .section {
        padding: 72px 0
    }

    header#top {
        padding-top: 276px
    }

    .legal-top {
        padding-top: 282px
    }

    .hero h1,
    .section-head h2,
    .edge-copy h2,
    .insider-copy h2,
    .install-copy h2,
    .status-panel h1 {
        font-size: clamp(38px, 13vw, 54px)
    }

    .hero-lockup span {
        font-size: clamp(20px, 8vw, 28px)
    }

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

    .lead {
        font-size: 16px
    }

    .driver-row,
    .decision-row {
        grid-template-columns: 1fr
    }

    .driver-score {
        justify-self: flex-start
    }

    .signal-panel,
    .command-panel,
    .net,
    .cluster-list,
    .status-panel {
        padding: 22px
    }

    .mini-card,
    .cap-card,
    .live-card,
    .trust-card,
    .empty-panel,
    .docs-card {
        padding: 20px
    }

    .install-shell {
        padding: 0
    }

    .step {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 16px
    }

    .live-row-expiry {
        text-align: left
    }

    .faq-item__trigger {
        font-size: 19px
    }

    .cookie-dialog__panel {
        padding: 20px
    }

    .cookie-banner__panel {
        padding: 18px
    }

    .legal-meta-row,
    .legal-utility-links,
    .cookie-banner__actions,
    .cookie-dialog__actions {
        width: 100%
    }

    .cookie-banner__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 12px
    }

    .cookie-banner__manage {
        align-self: flex-start
    }

    .cookie-banner__cta-group {
        flex-direction: column;
        align-items: stretch;
        width: 100%
    }

    .cookie-banner__actions .button,
    .cookie-banner__actions .ghost-button,
    .cookie-dialog__actions .button,
    .cookie-dialog__actions .ghost-button {
        width: 100%
    }

    .legal-page-head h1 {
        font-size: clamp(32px, 11vw, 42px)
    }
}

.Bookmark-shell {
    width: min(var(--Bookmark-max), calc(100vw - (var(--shell-gutter) * 2)));
    min-height: 100vh;
    margin: 0 auto;
    padding: 40px 0 56px
}

.Bookmark-shell--auth {
    width: min(1160px, 100vw - 40px);
    padding-bottom: 72px
}

.Bookmark-shell--dashboard {
    position: relative
}

.Bookmark-shell--dashboard:before {
    content: "";
    filter: blur(26px);
    opacity: .48;
    pointer-events: none;
    background: radial-gradient(circle, #4f9ef824, #0000 70%);
    border-radius: 999px;
    width: 340px;
    height: 340px;
    position: absolute;
    top: 48px;
    right: 12%
}

.Bookmark-topbar {
    z-index: 1;
    -webkit-backdrop-filter: blur(16px);
    box-shadow: var(--shadow-lg);
    background: #090e12e6;
    border: 1px solid #ffffff14;
    border-radius: 28px;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 16px 20px;
    display: flex;
    position: relative
}

.Bookmark-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    display: flex
}

.Bookmark-link {
    color: var(--soft);
    font: 600 12px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 10px 14px
}

.Bookmark-link:hover {
    color: var(--ink);
    background: #ffffff0d
}

.auth-layout,
.Bookmark-grid,
.Bookmark-split,
.watchlist-grid,
.signal-stats-grid,
.Bookmark-user-meta,
.watch-metrics {
    display: grid
}

.auth-layout {
    grid-template-columns: minmax(280px, .84fr) minmax(400px, 460px);
    align-items: stretch;
    gap: 18px;
    margin-top: 24px
}

.Bookmark-grid {
    z-index: 1;
    grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
    align-items: start;
    gap: 20px;
    margin-top: 24px;
    position: relative
}

.Bookmark-sidebar,
.Bookmark-main {
    gap: 20px;
    display: grid
}

.Bookmark-card {
    border: 1px solid var(--line);
    box-shadow: var(--shadow-lg);
    background: radial-gradient(circle at 88% 12%, #60a5fa12, #0000 20%), linear-gradient(#12181feb, #0a0f14fa);
    border-radius: 28px;
    padding: 30px;
    position: relative;
    overflow: hidden
}

.Bookmark-card:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(#ffffff06, #0000 28%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Bookmark-card>* {
    z-index: 1;
    position: relative
}

.auth-hero {
    align-content: start;
    gap: 24px;
    display: grid
}

.auth-hero-copy,
.auth-panel-copy {
    gap: 12px;
    display: grid
}

.auth-hero h1,
.Bookmark-card--welcome h2,
.Bookmark-hero-card h2,
.Bookmark-section-head h3 {
    letter-spacing: -.06em;
    margin: 12px 0 0;
    font-size: clamp(34px, 3.8vw, 50px);
    line-height: 1
}

.Bookmark-card--welcome h2,
.Bookmark-section-head h3 {
    font-size: clamp(28px, 3vw, 42px)
}

.Bookmark-card--welcome p,
.Bookmark-hero-card p,
.Bookmark-section-head p,
.stat-card p,
.checklist-item p,
.watch-card p,
.activity-item p,
.aside-copy p {
    color: var(--soft);
    margin: 10px 0 0
}

.auth-lead {
    max-width: 30rem;
    margin-top: 0
}

.auth-hero-support {
    gap: 18px;
    max-width: 32rem;
    display: grid
}

.auth-summary-list {
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.auth-summary-item {
    border-top: 1px solid #ffffff14;
    grid-template-columns: 12px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 16px 0 0;
    display: grid
}

.auth-summary-item:first-child {
    border-top: none;
    padding-top: 0
}

.auth-summary-marker {
    background: linear-gradient(180deg, var(--accent), var(--accent2));
    border-radius: 999px;
    width: 12px;
    height: 12px;
    margin-top: 6px;
    box-shadow: 0 0 0 4px #4f9ef814
}

.auth-summary-item strong {
    letter-spacing: -.03em;
    font-size: 18px;
    line-height: 1.14;
    display: block
}

.auth-summary-item p {
    color: var(--soft);
    margin: 8px 0 0
}

.auth-hero-note {
    color: var(--soft);
    background: #4f9ef80f;
    border: 1px solid #4f9ef824;
    border-radius: 20px;
    margin: 0;
    padding: 16px 18px
}

.auth-panel {
    align-content: start;
    align-self: stretch;
    gap: 18px;
    display: grid
}

.auth-panel-copy h2 {
    letter-spacing: -.05em;
    margin: 0;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1
}

.auth-panel-copy p {
    max-width: 30ch;
    color: var(--soft);
    margin: 0
}

.auth-switch {
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 6px;
    display: inline-grid
}

.auth-switch button {
    min-height: 54px;
    color: var(--soft);
    font: 700 12px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    cursor: pointer;
    background: 0 0;
    border: 0;
    border-radius: 16px
}

.auth-switch button.is-active {
    color: var(--ink);
    background: #4f9ef829;
    box-shadow: inset 0 1px #ffffff0a
}

.auth-form {
    gap: 12px;
    display: grid
}

.auth-demo-inline {
    background: #ffffff09;
    border: 1px solid #4f9ef824;
    border-radius: 20px;
    gap: 12px;
    padding: 16px 18px;
    display: grid
}

.auth-demo-inline-copy span {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block
}

.auth-demo-inline-copy strong {
    letter-spacing: -.03em;
    margin-top: 10px;
    font-size: 18px;
    display: block
}

.auth-demo-inline-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    display: flex
}

.auth-demo-inline code {
    min-height: 40px;
    font-family: var(--mono);
    color: #ebf5ff;
    background: #070b0f70;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    display: inline-flex
}

.field {
    gap: 10px;
    display: grid
}

.field label {
    color: #c5d6e5;
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase
}

.field input,
.field select,
.field textarea {
    min-height: 56px;
    color: var(--ink);
    background: #070b0fb8;
    border: 1px solid #ffffff14;
    border-radius: 18px;
    padding: 0 16px
}

.field textarea {
    resize: vertical;
    min-height: 132px;
    padding: 16px
}

.field input::placeholder,
.field textarea::placeholder {
    color: #9ba7b894
}

.field input:focus,
.field select:focus,
.field textarea:focus {
    outline-offset: 2px;
    border-color: #7fdfff3d;
    outline: 2px solid #7fdfff38
}

.auth-form-actions {
    gap: 10px;
    display: grid
}

.auth-submit {
    width: 100%;
    margin-top: 2px
}

.auth-demo-button {
    min-height: 40px
}

.auth-footnote {
    color: var(--soft);
    margin: 0;
    font-size: 13px;
    line-height: 1.55
}

.auth-message {
    color: #ffcf97;
    opacity: 0;
    background: 0 0;
    border: 1px solid #0000;
    border-radius: 18px;
    min-height: 0;
    margin: 0;
    padding: 14px 16px;
    transition: opacity .2s, transform .2s, border-color .2s, background .2s;
    transform: translateY(-4px)
}

.auth-message.is-visible {
    opacity: 1;
    background: #ffcf9714;
    border-color: #ffcf972e;
    transform: translateY(0)
}

.profile-pill {
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 18px;
    gap: 4px;
    padding: 10px 14px;
    display: grid
}

.profile-pill strong,
.edge-pill strong,
.checklist-item strong,
.activity-item strong,
.watch-card strong {
    letter-spacing: -.03em;
    display: block
}

.profile-pill strong {
    font-size: 14px
}

.profile-pill span {
    color: var(--soft);
    font-size: 12px
}

.Bookmark-card-head {
    gap: 8px;
    display: grid
}

.Bookmark-card-head span,
.Bookmark-section-head span,
.Bookmark-hero-head span,
.edge-pill span,
.signal-stat span,
.stat-card span,
.watch-metrics span,
.Bookmark-user-meta span,
.activity-item span {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block
}

.Bookmark-card-head strong,
.Bookmark-section-head h3,
.Bookmark-hero-head h2 {
    margin: 0
}

.Bookmark-user-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px
}

.Bookmark-user-meta div,
.signal-stat,
.stat-card,
.cluster-badge,
.watch-card,
.activity-item {
    background: #ffffff09;
    border: 1px solid #ffffff14;
    border-radius: 22px;
    padding: 18px
}

.Bookmark-user-meta strong,
.signal-stat strong,
.stat-card strong,
.edge-pill strong {
    letter-spacing: -.05em;
    margin-top: 10px;
    font-size: 28px;
    display: block
}

.stats-stack,
.checklist-list,
.activity-list {
    gap: 12px;
    margin-top: 18px;
    display: grid
}

.checklist-item {
    border-top: 1px solid #ffffff14;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0;
    display: flex
}

.checklist-item:first-child {
    border-top: none;
    padding-top: 0
}

.Bookmark-hero-card {
    gap: 18px;
    display: grid
}

.Bookmark-hero-head {
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    display: flex
}

.edge-pill {
    background: #7dd3fc14;
    border: 1px solid #7dd3fc2e;
    border-radius: 22px;
    min-width: 180px;
    padding: 18px 20px
}

.edge-pill strong {
    color: var(--good)
}

.signal-stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px
}

.edge-track {
    gap: 10px;
    display: grid
}

.edge-track-row {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    display: flex
}

.edge-track-row span {
    color: #b8c7d9;
    font: 600 12px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase
}

.edge-track-row strong {
    letter-spacing: -.03em;
    font-size: 17px
}

.edge-track-bar {
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    height: 14px;
    position: relative;
    overflow: hidden
}

.edge-track-fill {
    border-radius: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.edge-track-fill--crowd {
    background: linear-gradient(90deg, #cda27a5c, #cda27ab8)
}

.edge-track-fill--model {
    background: linear-gradient(90deg, #4f9ef86b, #60a5fad1)
}

.cluster-badges {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid
}

.cluster-badge span {
    color: #c3ebfb;
    font: 700 11px/1 var(--mono);
    letter-spacing: .12em;
    background: #4f9ef81a;
    border-radius: 999px;
    padding: 8px 10px;
    display: inline-flex
}

.cluster-badge strong {
    margin-top: 14px;
    font-size: 20px;
    line-height: 1.08;
    display: block
}

.cluster-badge p {
    color: var(--soft);
    margin: 10px 0 0
}

.Bookmark-section {
    gap: 18px;
    display: grid
}

.Bookmark-section-head {
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    display: flex
}

.Bookmark-section-head p {
    max-width: 34ch
}

.watchlist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px
}

.watch-card {
    gap: 16px;
    padding: 24px;
    display: grid
}

.watch-card-head {
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    display: flex
}

.watch-card strong {
    font-size: 25px;
    line-height: 1.08
}

.watch-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px
}

.watch-metrics div {
    background: #ffffff08;
    border: 1px solid #ffffff0f;
    border-radius: 18px;
    padding: 14px
}

.watch-metrics strong {
    margin-top: 10px;
    font-size: 20px;
    display: block
}

.Bookmark-split {
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    gap: 20px
}

.activity-item {
    gap: 8px;
    display: grid
}

.activity-item strong {
    font-size: 20px
}

.activity-item p,
.aside-copy p {
    margin: 0
}

.aside-copy {
    gap: 14px;
    margin-top: 18px;
    display: grid
}

.state-pill {
    min-height: 34px;
    font: 700 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    display: inline-flex
}

.state-pill.is-fresh,
.state-pill.is-ready {
    color: #dfffe8;
    background: #7dd3fc1a;
    border: 1px solid #7dd3fc3d
}

.state-pill.is-monitoring,
.state-pill.is-review {
    color: #dff4ff;
    background: #7fdfff17;
    border: 1px solid #7fdfff3d
}

.state-pill.is-crowded,
.state-pill.is-queued {
    color: #ffe2bd;
    background: #ffbe711a;
    border: 1px solid #ffbe7138
}

.state-pill.is-high {
    color: #ffd5d5;
    background: #ff75751a;
    border: 1px solid #ff757538
}

.state-pill.is-medium {
    color: #dff4ff;
    background: #7fdfff17;
    border: 1px solid #7fdfff3d
}

.state-pill.is-low {
    color: #edf7d1;
    background: #60a5fa1a;
    border: 1px solid #60a5fa38
}

.Bookmark-user-meta--dense strong {
    font-size: 22px
}

.desk-banner-grid,
.Bookmark-controls,
.detail-form-grid,
.detail-metric-grid,
.ticket-metrics {
    gap: 12px;
    display: grid
}

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

.desk-banner-card,
.detail-metric,
.alert-item,
.catalyst-item,
.ticket-item,
.briefing-item {
    background: #ffffff09;
    border: 1px solid #ffffff14;
    border-radius: 22px;
    padding: 18px
}

.desk-banner-card span,
.watch-card-meta span,
.detail-kicker,
.briefing-meta,
.alert-source,
.ticket-date,
.catalyst-item-head span {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block
}

.desk-banner-card strong {
    letter-spacing: -.04em;
    margin-top: 12px;
    font-size: 21px;
    line-height: 1.1;
    display: block
}

.desk-banner-card p,
.detail-note,
.briefing-panel p,
.briefing-item p,
.catalyst-item p,
.ticket-item p,
.alert-item p {
    color: var(--soft);
    margin: 10px 0 0
}

.hero-action-row {
    flex-wrap: wrap;
    gap: 12px;
    display: flex
}

.Bookmark-flash {
    color: #e1edf4;
    background: #4f9ef814;
    border: 1px solid #4f9ef829;
    border-radius: 18px;
    padding: 16px 18px
}

.Bookmark-controls,
.detail-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px
}

.filter-pills {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
    display: flex
}

.filter-pill,
.ghost-button {
    min-height: 40px;
    color: var(--soft-strong);
    cursor: pointer;
    font: 600 12px/1 var(--mono);
    letter-spacing: .06em;
    text-transform: uppercase;
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    transition: background .2s, border-color .2s, color .2s, transform .2s;
    display: inline-flex
}

.filter-pill:hover,
.ghost-button:hover {
    color: var(--ink);
    border-color: #ffffff24;
    transform: translateY(-1px)
}

.filter-pill span {
    color: #dff4ff
}

.filter-pill.is-active,
.ghost-button--pin.is-active {
    color: var(--ink);
    background: #4f9ef81f;
    border-color: #4f9ef842
}

.Bookmark-split--desk {
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr)
}

.watchlist-grid--dashboard {
    grid-template-columns: 1fr
}

.watch-card.is-selected {
    background: linear-gradient(#11181ff0, #0b1015fa);
    border-color: #4f9ef838
}

.watch-card-head--spread {
    align-items: flex-start
}

.watch-card-meta,
.watch-card-actions,
.detail-head,
.alert-item-head,
.ticket-item-head,
.catalyst-item-head {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex
}

.watch-card-meta {
    flex-wrap: wrap
}

.watch-card-actions {
    margin-top: 4px
}

.button-compact {
    min-height: 42px;
    font: 700 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    border-radius: 14px;
    padding: 0 16px
}

.Bookmark-card--detail {
    gap: 18px;
    display: grid
}

.detail-kicker {
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    padding: 10px 14px
}

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

.detail-metric span,
.ticket-metrics span {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block
}

.detail-metric strong,
.ticket-metrics strong,
.alert-item strong,
.ticket-item strong,
.catalyst-item b {
    letter-spacing: -.03em;
    margin-top: 12px;
    font-size: 20px;
    line-height: 1.1;
    display: block
}

.detail-form-grid--trade {
    align-items: end
}

.detail-form-grid>.button {
    grid-column: 1/-1;
    width: 100%
}

.field--textarea {
    margin-top: -2px
}

.detail-note {
    margin: 0
}

.alert-list,
.ticket-list,
.catalyst-list,
.briefing-list {
    gap: 12px;
    margin-top: 18px;
    display: grid
}

.alert-item-head,
.ticket-item-head {
    align-items: flex-start
}

.alert-source,
.ticket-date {
    color: var(--soft)
}

.briefing-panel {
    gap: 14px;
    margin-top: 18px;
    display: grid
}

.briefing-meta {
    color: var(--soft)
}

.briefing-item {
    grid-template-columns: 12px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    display: grid
}

.briefing-item span {
    background: linear-gradient(180deg, var(--accent), var(--accent2));
    border-radius: 999px;
    width: 12px;
    height: 12px;
    margin-top: 6px;
    box-shadow: 0 0 0 4px #4f9ef80d
}

.briefing-item p {
    margin: 0
}

.catalyst-item-head strong,
.ticket-item-head strong {
    letter-spacing: -.02em;
    margin: 0;
    font-size: 14px
}

.ticket-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px
}

.empty-panel--compact {
    padding: 28px
}

.Bookmark-nav,
.Bookmark-user-meta,
.Bookmark-rail-metrics,
.desk-summary-grid,
.detail-fact-grid,
.alert-list,
.ticket-list,
.catalyst-list,
.briefing-list,
.activity-list {
    margin: 18px 0 0;
    padding: 0
}

.Bookmark-nav,
.Bookmark-rail-metrics,
.desk-summary-grid,
.detail-fact-grid,
.alert-list,
.ticket-list,
.catalyst-list,
.briefing-list,
.activity-list {
    list-style: none
}

.Bookmark-nav {
    gap: 0;
    display: grid
}

.Bookmark-nav-item {
    border-top: 1px solid #ffffff14
}

.Bookmark-nav-item:first-child {
    border-top: none
}

.Bookmark-nav-link__label,
.Bookmark-user-meta dt,
.Bookmark-rail-metric dt,
.desk-summary-item dt,
.detail-fact dt {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .16em;
    text-transform: uppercase;
    display: block
}

.Bookmark-nav-link__meta {
    color: var(--ink);
    font: 700 13px/1 var(--mono);
    letter-spacing: .08em;
    text-transform: uppercase
}

.Bookmark-user-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
    display: grid
}

.Bookmark-user-meta div,
.Bookmark-rail-metric,
.signal-stat,
.cluster-badge,
.desk-summary-item,
.detail-fact,
.alert-item,
.catalyst-item,
.ticket-item,
.briefing-item,
.activity-item {
    box-shadow: none;
    background: 0 0;
    border: none;
    border-top: 1px solid #ffffff14;
    border-radius: 0;
    padding: 16px 0 0
}

.Bookmark-user-meta dd,
.Bookmark-rail-metric dd,
.signal-stat strong,
.cluster-badge strong,
.desk-summary-item dd,
.detail-fact dd {
    letter-spacing: -.04em;
    margin: 10px 0 0;
    font-size: 22px;
    line-height: 1.08;
    display: block
}

.Bookmark-user-meta dd,
.Bookmark-rail-metric dd,
.desk-summary-item dd,
.detail-fact dd {
    margin-left: 0
}

.Bookmark-rail-metrics {
    gap: 0;
    display: grid
}

.Bookmark-rail-metric p,
.desk-summary-item p {
    color: var(--soft);
    margin: 10px 0 0
}

.signal-stats-grid {
    gap: 18px
}

.signal-stat {
    border-top: none;
    padding-top: 0
}

.signal-stat strong {
    font-size: 26px
}

.cluster-badges {
    gap: 18px
}

.cluster-badge span {
    background: 0 0;
    border-radius: 0;
    padding: 0;
    display: inline-flex
}

.cluster-badge strong {
    margin-top: 12px
}

.desk-summary-grid,
.detail-fact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 28px;
    display: grid
}

.briefing-list,
.activity-list,
.alert-list,
.catalyst-list,
.ticket-list {
    gap: 0;
    display: grid
}

.briefing-item:first-child,
.activity-item:first-child,
.alert-item:first-child,
.catalyst-item:first-child,
.ticket-item:first-child {
    border-top: none;
    padding-top: 0
}

.activity-item {
    gap: 8px
}

.briefing-item {
    grid-template-columns: 12px minmax(0, 1fr);
    list-style: none
}

@media(max-width:1120px) {

    .auth-layout,
    .Bookmark-grid,
    .Bookmark-split,
    .Bookmark-split--desk {
        grid-template-columns: 1fr
    }

    .auth-panel {
        order: -1
    }

    .signal-stats-grid,
    .cluster-badges,
    .watchlist-grid,
    .watch-metrics,
    .desk-summary-grid,
    .detail-metric-grid,
    .detail-fact-grid,
    .Bookmark-controls,
    .detail-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width:820px) {
    .Bookmark-shell {
        width: min(100vw - 28px, 100%)
    }

    .Bookmark-topbar,
    .Bookmark-hero-head,
    .Bookmark-section-head,
    .checklist-item,
    .watch-card-actions,
    .detail-head,
    .alert-item-head,
    .ticket-item-head,
    .catalyst-item-head {
        flex-direction: column;
        align-items: flex-start
    }

    .Bookmark-actions {
        justify-content: flex-start;
        width: 100%
    }

    .Bookmark-link,
    .Bookmark-actions .header-cta {
        width: 100%
    }

    .signal-stats-grid,
    .cluster-badges,
    .watchlist-grid,
    .Bookmark-user-meta,
    .watch-metrics,
    .desk-summary-grid,
    .Bookmark-controls,
    .detail-form-grid,
    .detail-metric-grid,
    .detail-fact-grid,
    .ticket-metrics {
        grid-template-columns: 1fr
    }
}

@media(max-width:640px) {

    .Bookmark-card,
    .watch-card {
        padding: 22px
    }

    .button-compact,
    .hero-action-row .button,
    .hero-action-row .button-bookmark,
    .filter-pill {
        width: 100%
    }

    .auth-switch {
        grid-template-columns: 1fr
    }

    .Bookmark-card--welcome h2,
    .Bookmark-hero-card h2,
    .Bookmark-section-head h3,
    .auth-hero h1 {
        font-size: clamp(32px, 11vw, 46px)
    }

    .auth-panel-copy h2 {
        font-size: clamp(26px, 8vw, 36px)
    }

    .auth-demo-inline-actions,
    .auth-demo-inline code,
    .auth-demo-inline .auth-demo-button {
        width: 100%
    }
}

.Bookmark-shell--dashboard {
    width: min(1520px, 100vw - 40px)
}

.Bookmark-dashboard-frame {
    z-index: 1;
    transition: filter .35s, opacity .35s, transform .35s;
    position: relative
}

.Bookmark-dashboard-frame.is-locked {
    filter: blur(22px)saturate(.78);
    opacity: .42;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    transform: scale(.992)
}

.Bookmark-topbar--dashboard {
    gap: 18px;
    padding: 18px 22px
}

.Bookmark-brand-block,
.Bookmark-suite-chip,
.watchlist-row-top {
    align-items: center;
    display: flex
}

.Bookmark-brand-block {
    flex-wrap: wrap;
    gap: 14px
}

.Bookmark-suite-chip {
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 16px;
    gap: 10px;
    padding: 10px 14px
}

.Bookmark-suite-chip span,
.watchlist-table-head span,
.watchlist-meta-pill {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase
}

.Bookmark-suite-chip strong {
    letter-spacing: -.02em;
    font-size: 14px
}

.Bookmark-actions--dashboard {
    margin-left: auto
}

.Bookmark-layout,
.Bookmark-content,
.Bookmark-kpi-grid,
.Bookmark-board,
.Bookmark-widget-grid,
.Bookmark-rail-metrics,
.watchlist-table {
    display: grid
}

.Bookmark-layout {
    grid-template-columns: 304px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    margin-top: 28px
}

.Bookmark-rail {
    gap: 18px;
    display: grid;
    position: sticky;
    top: 16px
}

.Bookmark-content {
    gap: 24px
}

.Bookmark-card--compact {
    border-radius: 26px;
    padding: 24px
}

.Bookmark-card--nav {
    align-content: start
}

.Bookmark-card--rail-intro h2 {
    letter-spacing: -.05em;
    margin: 12px 0 0;
    font-size: clamp(28px, 2.8vw, 40px);
    line-height: 1.02
}

.Bookmark-card--rail-intro p,
.Bookmark-page-copy p,
.Bookmark-panel-copy,
.Bookmark-rail-metric p,
.watchlist-row-main p {
    color: var(--soft);
    margin: 10px 0 0
}

.watchlist-row-main p {
    max-width: 44ch
}

.Bookmark-nav {
    gap: 0;
    margin-top: 18px;
    display: grid
}

.Bookmark-nav-link {
    background: 0 0;
    border: none;
    border-radius: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    display: grid
}

.Bookmark-nav-link:hover {
    background: 0 0
}

.Bookmark-nav-link__meta,
.Bookmark-rail-metric dd {
    letter-spacing: -.04em;
    font-size: 18px
}

.Bookmark-rail-metrics {
    gap: 0;
    margin-top: 18px
}

.Bookmark-rail-metric {
    background: 0 0;
    border: none;
    border-top: 1px solid #ffffff14;
    border-radius: 0;
    padding: 16px 0 0
}

.Bookmark-page-head {
    box-shadow: var(--shadow-lg);
    background: radial-gradient(circle at 100% 0, #7dd3fc1a, #0000 28%), linear-gradient(#10161df0, #090d12fa);
    border: 1px solid #ffffff14;
    border-radius: 30px;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
    padding: 30px 32px;
    display: flex
}

.Bookmark-page-copy {
    max-width: 820px
}

.Bookmark-page-head h1 {
    letter-spacing: -.06em;
    margin: 14px 0 0;
    font-size: clamp(30px, 3.4vw, 46px);
    line-height: 1
}

.Bookmark-head-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    display: flex
}

.Bookmark-head-pills {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
    display: flex
}

.Bookmark-head-pill {
    color: #dce8f3;
    min-height: 38px;
    font: 600 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    align-items: center;
    padding: 0 14px;
    display: inline-flex
}

.Bookmark-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px
}

.Bookmark-kpi-grid .stat-card {
    min-height: 0
}

.Bookmark-board {
    grid-template-columns: minmax(0, 1.26fr) minmax(340px, .74fr);
    align-items: start;
    gap: 24px
}

.Bookmark-board--desk {
    grid-template-columns: minmax(0, 1.32fr) minmax(340px, .68fr)
}

.Bookmark-widget-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px
}

.Bookmark-card--signal,
.Bookmark-card--operations,
.Bookmark-card--detail {
    gap: 18px;
    display: grid
}

.Bookmark-panel-copy {
    margin: 0
}

.Bookmark-compare-grid {
    gap: 12px;
    display: grid
}

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

.Bookmark-mini-note {
    color: #d3dde5;
    background: #4f9ef80f;
    border: 1px solid #4f9ef824;
    border-radius: 18px;
    margin: 0;
    padding: 16px 18px
}

.Bookmark-spread-list {
    gap: 12px;
    display: grid
}

.Bookmark-spread-row {
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 22px;
    grid-template-columns: minmax(0, 1.1fr) minmax(220px, .9fr) 92px;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    display: grid
}

.Bookmark-spread-copy strong,
.watchlist-row-main strong {
    letter-spacing: -.03em;
    font-size: 19px;
    line-height: 1.16;
    display: block
}

.Bookmark-spread-copy span,
.Bookmark-spread-bar span,
.watchlist-cell span {
    color: var(--soft);
    font-size: 12px
}

.Bookmark-spread-bars {
    gap: 8px;
    display: grid
}

.Bookmark-spread-track {
    background: #ffffff0d;
    border-radius: 999px;
    height: 10px;
    margin-top: 8px;
    position: relative;
    overflow: hidden
}

.Bookmark-spread-edge {
    text-align: right
}

.Bookmark-spread-edge strong {
    letter-spacing: -.04em;
    margin-top: 8px;
    font-size: 20px;
    display: block
}

.watchlist-table {
    gap: 14px
}

.watchlist-table-head {
    display: none
}

.watchlist-row {
    background: #ffffff09;
    border: 1px solid #ffffff14;
    border-radius: 24px;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .9fr) auto;
    align-items: start;
    gap: 24px;
    padding: 24px 26px;
    display: grid
}

.watchlist-row.is-selected {
    background: linear-gradient(#11181ff0, #0b1015fa);
    border-color: #4f9ef83d
}

.watchlist-row-main {
    gap: 10px;
    min-width: 0;
    display: grid
}

.watchlist-row-top {
    flex-wrap: wrap;
    gap: 8px
}

.watchlist-meta-pill {
    letter-spacing: .08em;
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    padding: 7px 10px
}

.watchlist-meta-pill--accent {
    color: #dff4ff;
    background: #4f9ef81a;
    border-color: #4f9ef82e
}

.watchlist-row-metrics {
    grid-template-columns: repeat(2, minmax(112px, 1fr));
    align-content: start;
    gap: 16px 20px;
    min-width: 0;
    padding: 4px 0;
    display: grid
}

.watchlist-cell {
    text-align: left
}

.watchlist-cell strong {
    letter-spacing: -.04em;
    margin-top: 8px;
    font-size: 24px;
    display: block
}

.watchlist-row-actions {
    align-content: center;
    justify-items: end;
    gap: 10px;
    min-width: 122px;
    display: grid
}

.dashboard-activation-layer {
    z-index: 65;
    justify-content: center;
    align-items: center;
    padding: 120px 24px 32px;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden auto
}

.dashboard-activation-layer:before {
    content: "";
    -webkit-backdrop-filter: blur(14px);
    background: #04070a9e;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 40px 80px #00000047
}

.dashboard-activation-loader,
.dashboard-activation-modal {
    background: radial-gradient(circle at 100% 0, #7dd3fc1f, #0000 30%), radial-gradient(circle at 0 0, #4f9ef829, #0000 26%), linear-gradient(#0e131af5, #080c11fa);
    border: 1px solid #ffffff1a;
    width: min(1220px, 100%);
    position: relative;
    box-shadow: 0 32px 88px #00000057
}

.dashboard-activation-loader {
    text-align: center;
    border-radius: 30px;
    max-width: 520px;
    padding: 32px
}

.dashboard-activation-loader h2,
.dashboard-activation-modal h2,
.dashboard-activation-step h3 {
    letter-spacing: -.05em;
    margin: 14px 0 0;
    line-height: 1
}

.dashboard-activation-loader h2,
.dashboard-activation-modal h2 {
    font-size: clamp(28px, 3vw, 42px)
}

.dashboard-activation-loader p,
.dashboard-activation-head p,
.dashboard-activation-step p,
.dashboard-browser-guide p {
    color: var(--soft);
    margin: 12px 0 0
}

.dashboard-loader-bars {
    gap: 12px;
    margin-top: 24px;
    display: grid
}

.dashboard-loader-bars span {
    background: linear-gradient(90deg, #4f9ef82e, #60a5fa5c);
    border-radius: 999px;
    height: 12px;
    animation: 1.3s ease-in-out infinite dashboard-loader-pulse;
    display: block
}

.dashboard-loader-bars span:nth-child(2) {
    animation-delay: .15s
}

.dashboard-loader-bars span:nth-child(3) {
    width: 74%;
    margin: 0 auto;
    animation-delay: .3s
}

.dashboard-activation-modal {
    border-radius: 34px;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    gap: 18px;
    max-height: min(100vh - 160px, 860px);
    padding: 28px 28px 22px;
    display: grid;
    overflow: hidden
}

.dashboard-activation-head {
    border-bottom: 1px solid #ffffff0f;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 14px;
    display: flex
}

.dashboard-activation-badge,
.dashboard-step-index,
.dashboard-bookmarklet-status {
    min-height: 38px;
    font: 700 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    display: inline-flex
}

.dashboard-activation-badge {
    background: #ffbe7114;
    border: 1px solid #ffbe712e;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-width: 216px;
    padding: 18px
}

.dashboard-activation-badge span,
.dashboard-step-index {
    color: #ffe2bd
}

.dashboard-activation-badge strong {
    letter-spacing: -.03em;
    font-size: 16px
}

.dashboard-activation-step {
    background: linear-gradient(#161c24ad, #0d1218d1);
    border: 1px solid #ffffff0f;
    border-radius: 26px;
    align-content: start;
    gap: 18px;
    min-width: 0;
    padding: 28px;
    display: grid;
    box-shadow: inset 0 1px #ffffff05
}

.dashboard-activation-step--single {
    max-width: 760px;
    min-height: 420px;
    margin: 0 auto
}

.dashboard-step-index {
    background: #ffbe7114;
    border: 1px solid #ffbe712e;
    justify-self: flex-start
}

.dashboard-activation-step h3 {
    font-size: 28px
}

.dashboard-step-list {
    color: #d7e1eb;
    gap: 10px;
    margin: 0;
    padding-left: 18px;
    display: grid
}

.dashboard-video-placeholder {
    aspect-ratio: 16/9;
    text-align: center;
    background: linear-gradient(135deg, #4f9ef81f, #60a5fa0d), #070b0f9e;
    border: 1px dashed #4f9ef847;
    border-radius: 24px;
    place-items: center;
    padding: 24px;
    display: grid
}

.dashboard-video-placeholder span {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .16em;
    text-transform: uppercase
}

.dashboard-video-placeholder strong {
    letter-spacing: -.04em;
    margin-top: 12px;
    font-size: 24px;
    line-height: 1.08;
    display: block
}

.dashboard-video-field span {
    color: #c5d6e5;
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block
}

.dashboard-browser-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid
}

.dashboard-browser-guide {
    background: #ffffff08;
    border: 1px solid #ffffff14;
    border-radius: 22px;
    padding: 16px 18px
}

.dashboard-browser-guide strong {
    letter-spacing: -.03em;
    font-size: 17px;
    display: block
}

.dashboard-bookmarklet-cta {
    color: #f3f8fb;
    min-height: 58px;
    font: 700 12px/1 var(--mono);
    letter-spacing: .14em;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(135deg, #60a5fa2e, #4f9ef82e);
    border: 1px solid #7dd3fc38;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    padding: 0 22px;
    transition: transform .2s, border-color .2s, background .2s;
    display: inline-flex
}

.dashboard-bookmarklet-cta:hover {
    background: linear-gradient(135deg, #60a5fa3d, #4f9ef838);
    border-color: #7dd3fc52;
    transform: translateY(-1px)
}

.dashboard-bookmarklet-status {
    color: var(--soft-strong);
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    justify-self: flex-start
}

.dashboard-bookmarklet-status.is-active {
    color: #ddffea;
    background: #7dd3fc1a;
    border-color: #7dd3fc38
}

.dashboard-activation-stage {
    grid-template-rows: minmax(0, 1fr);
    min-height: 0;
    display: grid
}

.dashboard-activation-slide-shell {
    justify-content: center;
    align-items: center;
    min-height: 0;
    display: flex;
    overflow: hidden
}

.dashboard-activation-slide-media {
    width: 100%;
    min-height: 0
}

.dashboard-activation-progress {
    justify-items: center;
    gap: 10px;
    padding-top: 2px;
    display: grid
}

.dashboard-activation-progress>span,
.dashboard-activation-footer-copy span {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .16em;
    text-transform: uppercase
}

.dashboard-activation-dots {
    align-items: center;
    gap: 10px;
    display: flex
}

.dashboard-activation-dot {
    cursor: pointer;
    background: #ffffff2e;
    border: 0;
    border-radius: 999px;
    width: 10px;
    height: 10px;
    padding: 0;
    transition: transform .2s, background .2s
}

.dashboard-activation-dot.is-active {
    background: #7edfff;
    transform: scale(1.15)
}

.hero-grid {
    grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
    align-items: start;
    gap: clamp(28px, 4vw, 56px);
    display: grid
}

.hero-copy {
    max-width: none
}

.hero-stage {
    gap: 16px;
    padding-top: 18px;
    display: grid
}

.hero-stage-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    display: grid
}

.hero-stat,
.live-callout,
.install-note-card {
    border: 1px solid var(--line);
    box-shadow: var(--shadow-lg);
    background: linear-gradient(#12181feb, #0a0f14fa);
    border-radius: 24px
}

.hero-stat {
    padding: 18px
}

.hero-stat span,
.install-note-card span {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block
}

.hero-stat strong,
.install-note-card strong {
    letter-spacing: -.06em;
    margin-top: 12px;
    font-size: clamp(28px, 2.4vw, 36px);
    line-height: .94;
    display: block
}

.hero-stat p,
.install-note-card p,
.live-callout p,
.capabilities-copy p {
    color: var(--soft);
    margin: 10px 0 0
}

.hero-stat--accent {
    background: radial-gradient(circle at 78% 20%, #4f9ef824, #0000 22%), linear-gradient(#111921f5, #0a0f14fa);
    border-color: #4f9ef838
}

.media-slot {
    isolation: isolate;
    background: radial-gradient(circle at 18% 14%, #4f9ef814, #0000 24%), radial-gradient(circle at 82% 86%, #60a5fa14, #0000 28%), linear-gradient(#0d1319eb, #080c10f5);
    border: 1px dashed #4f9ef83d;
    border-radius: 28px;
    align-content: space-between;
    min-height: 320px;
    padding: 22px;
    display: grid;
    position: relative;
    overflow: hidden
}

.media-slot:before,
.media-slot:after {
    content: "";
    pointer-events: none;
    position: absolute
}

.media-slot:before {
    opacity: .72;
    background: linear-gradient(90deg, #ffffff08, #0000 12%, #0000 88%, #ffffff05), linear-gradient(#ffffff05, #0000 20%, #0000 80%, #ffffff04);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.media-slot:after {
    opacity: .52;
    background-color: #0000;
    background-image: linear-gradient(90deg, #0000 24%, #ffffff09, #0000 26%), linear-gradient(#0000 24%, #ffffff08, #0000 26%);
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: 32px 32px;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
    border: 1px dashed #d7e2f21f;
    border-radius: 22px;
    top: 18px;
    right: 18px;
    bottom: 18px;
    left: 18px
}

.media-slot__chrome,
.media-slot__body {
    z-index: 1;
    position: relative
}

.media-slot__chrome {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    display: flex
}

.media-slot__chrome span,
.media-slot__chrome strong {
    font: 600 11px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase
}

.media-slot__chrome span {
    color: #9edfff
}

.media-slot__chrome strong {
    color: #f4efe3b8
}

.media-slot__body {
    gap: 12px;
    max-width: 34ch;
    margin-top: auto;
    display: grid
}

.media-slot__title,
.live-callout h3,
.capabilities-copy h2 {
    letter-spacing: -.06em;
    margin: 0;
    font-size: clamp(34px, 3vw, 48px);
    line-height: .96
}

.media-slot__description {
    color: var(--soft);
    margin: 0
}

.media-slot__list {
    gap: 10px;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    display: grid
}

.media-slot__list li {
    color: #d8e2eb;
    padding-left: 18px;
    font-size: 14px;
    position: relative
}

.media-slot__list li:before {
    content: "";
    background: linear-gradient(180deg, var(--accent2), var(--accent));
    border-radius: 999px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 0;
    box-shadow: 0 0 0 6px #4f9ef80d
}

.media-slot--hero {
    min-height: 520px
}

.media-slot--compact {
    min-height: 280px
}

.media-slot--short {
    min-height: 228px
}

.intro-feature {
    gap: 14px;
    display: grid
}

.intro-media-slot,
.trust-media-slot,
.docs-media-slot,
.live-media-slot,
.capabilities-media-slot {
    margin-top: 8px
}

.live-shell {
    grid-template-columns: minmax(280px, .42fr) minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    display: grid
}

.live-callout {
    gap: 14px;
    padding: 24px;
    display: grid;
    position: sticky;
    top: 118px
}

.live-sheet {
    border-radius: var(--radius-xl);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-lg);
    background: linear-gradient(#12181feb, #0a0f14fa);
    padding: 0 24px
}

.capabilities-shell {
    grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
    align-items: start;
    gap: 24px;
    display: grid
}

.capabilities-copy {
    gap: 14px;
    display: grid;
    position: sticky;
    top: 118px
}

.capabilities-card-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.capabilities-card-list .cap-card {
    min-height: 280px
}

.install-visual {
    gap: 16px;
    display: grid;
    position: sticky;
    top: 118px
}

.install-media-slot {
    min-height: 470px
}

.install-grid .step h3 {
    letter-spacing: -.05em;
    margin: 0;
    font-size: clamp(24px, 2vw, 30px);
    line-height: 1
}

.install-actions {
    margin-top: 28px
}

.install-note-card {
    padding: 22px
}

.install-note-card strong {
    font-size: clamp(24px, 2.1vw, 30px)
}

@media(max-width:1240px) {

    .hero-grid,
    .live-shell,
    .capabilities-shell {
        grid-template-columns: 1fr
    }

    .live-callout,
    .capabilities-copy,
    .install-visual {
        position: static
    }

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

@media(max-width:980px) {

    .hero-stage-grid,
    .capabilities-card-list {
        grid-template-columns: 1fr
    }

    .live-sheet {
        padding: 0 18px
    }

    .hero-copy:before {
        display: none
    }
}

@media(max-width:640px) {
    .hero-grid {
        gap: 24px
    }

    .media-slot {
        border-radius: 22px;
        padding: 18px
    }

    .media-slot--hero,
    .install-media-slot {
        min-height: 380px
    }

    .hero-stat,
    .live-callout,
    .install-note-card {
        padding: 18px
    }
}

.dashboard-activation-footer {
    border-top: 1px solid #ffffff0f;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding-top: 18px;
    display: flex
}

.dashboard-activation-footer-copy {
    gap: 10px;
    display: grid
}

.dashboard-activation-footer-copy strong {
    letter-spacing: -.03em;
    font-size: 18px;
    line-height: 1.12
}

.dashboard-activation-footer-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    display: flex
}

.dashboard-activation-confirm {
    color: #d7e1eb;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    display: grid
}

.dashboard-activation-confirm input {
    margin: 3px 0 0
}

.dashboard-activation-continue {
    width: 100%
}

.dashboard-onboarding-modal {
    background: #14161cfa;
    border: 1px solid #ffffff14;
    border-radius: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    width: min(860px, 100vw - 48px);
    min-width: 0;
    display: grid;
    position: relative;
    overflow: hidden;
    box-shadow: 0 34px 88px #0000006b
}

.dashboard-onboarding-topbar,
.dashboard-onboarding-footer {
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    display: flex
}

.dashboard-onboarding-topbar {
    padding: 18px 20px 0
}

.dashboard-onboarding-step-pill {
    color: #d8e8f7;
    min-height: 32px;
    font: 700 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    border-radius: 999px;
    align-items: center;
    padding: 0 12px;
    display: inline-flex
}

.dashboard-onboarding-media-wrap {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 14px 20px 0
}

.dashboard-onboarding-preview {
    background: #0b0e12db;
    border: 1px solid #ffffff0f;
    border-radius: 18px;
    gap: 16px;
    min-width: 0;
    min-height: 420px;
    padding: 14px;
    display: grid;
    overflow: hidden
}

.dashboard-onboarding-preview--activation,
.dashboard-onboarding-preview--bookmark {
    place-content: center
}

.dashboard-preview-window,
.dashboard-bookmark-stage {
    gap: 16px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0 auto;
    display: grid
}

.dashboard-preview-window {
    background: linear-gradient(#181d25f0, #11151bf0);
    border: 1px solid #ffffff0d;
    border-radius: 18px;
    min-height: 320px;
    padding: 22px
}

.dashboard-preview-window__top,
.dashboard-bookmark-stage__head {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex
}

.dashboard-preview-kicker,
.dashboard-preview-status,
.dashboard-onboarding-copy span,
.dashboard-onboarding-footer-copy span {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .16em;
    text-transform: uppercase
}

.dashboard-preview-status {
    background: #60a5fa14;
    border: 1px solid #60a5fa2e;
    border-radius: 999px;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    display: inline-flex
}

.dashboard-preview-window__body {
    gap: 12px;
    min-width: 0;
    display: grid
}

.dashboard-preview-card,
.dashboard-browser-guide {
    background: #ffffff09;
    border: 1px solid #ffffff0f;
    border-radius: 16px;
    min-width: 0;
    padding: 16px 18px
}

.dashboard-preview-card span {
    color: #dff4ff;
    width: 26px;
    height: 26px;
    font: 700 12px/1 var(--mono);
    background: #7edfff1f;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.dashboard-preview-card strong {
    letter-spacing: -.03em;
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.08;
    display: block
}

.dashboard-preview-card p,
.dashboard-bookmark-stage__note,
.dashboard-onboarding-copy p {
    color: var(--soft);
    margin: 8px 0 0
}

.dashboard-onboarding-preview--video {
    align-content: start;
    min-height: 420px
}

.dashboard-video-placeholder {
    min-height: 248px
}

.dashboard-video-field {
    margin-top: 0
}

.dashboard-browser-guide-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%
}

.dashboard-browser-guide strong {
    letter-spacing: -.02em;
    font-size: 15px;
    line-height: 1.1;
    display: block
}

.dashboard-bookmark-stage {
    background: linear-gradient(#181d25f0, #11151bf0);
    border: 1px solid #ffffff0d;
    border-radius: 18px;
    max-width: 620px;
    padding: 24px
}

.dashboard-bookmark-stage__note {
    text-align: center
}

.dashboard-bookmarklet-cta--hero {
    min-height: 72px;
    padding: 0 28px;
    font-size: 13px
}

.dashboard-activation-confirm {
    background: #ffffff08;
    border: 1px solid #ffffff0f;
    border-radius: 16px;
    padding: 14px 16px
}

.dashboard-onboarding-copy {
    text-align: center;
    justify-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 22px 24px 14px;
    display: grid
}

.dashboard-onboarding-copy h2 {
    letter-spacing: -.05em;
    margin: 0;
    font-size: clamp(34px, 2.4vw, 40px);
    line-height: 1.04
}

.dashboard-onboarding-copy p {
    max-width: 42ch;
    margin: 0
}

.dashboard-activation-progress {
    gap: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 24px 18px
}

.dashboard-onboarding-footer {
    background: #ffffff05;
    border-top: 1px solid #ffffff14;
    width: 100%;
    max-width: 100%;
    padding: 16px 20px
}

.dashboard-onboarding-footer-copy {
    gap: 8px;
    min-width: 0;
    display: grid
}

.dashboard-onboarding-footer-copy strong {
    letter-spacing: -.03em;
    font-size: 18px;
    line-height: 1.1
}

@keyframes dashboard-loader-pulse {

    0%,
    to {
        opacity: .48;
        transform: scaleX(.98)
    }

    50% {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes dashboard-status-shimmer {
    to {
        transform: translate(100%)
    }
}

@media(max-width:1280px) {

    .Bookmark-layout,
    .Bookmark-board,
    .Bookmark-widget-grid {
        grid-template-columns: 1fr
    }

    .Bookmark-rail {
        position: static
    }
}

@media(max-width:1180px) {

    .Bookmark-board--desk,
    .watchlist-row {
        grid-template-columns: 1fr
    }

    .watchlist-row-metrics {
        border-top: 1px solid #ffffff14;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding-top: 18px
    }

    .watchlist-row-actions {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        display: flex
    }
}

@media(max-width:980px) {

    .Bookmark-page-head,
    .Bookmark-topbar--dashboard,
    .dashboard-activation-head,
    .dashboard-activation-footer,
    .dashboard-onboarding-topbar,
    .dashboard-onboarding-footer {
        flex-direction: column;
        align-items: flex-start
    }

    .Bookmark-head-actions,
    .Bookmark-actions--dashboard {
        justify-content: flex-start;
        width: 100%
    }

    .dashboard-status-meter,
    .dashboard-status-watch-metrics {
        min-width: 0
    }

    .dashboard-status-watch-row,
    .dashboard-status-meta-grid,
    .dashboard-status-signal-grid,
    .dashboard-browser-guide-grid {
        grid-template-columns: 1fr
    }

    .dashboard-activation-footer-actions {
        justify-content: flex-start;
        width: 100%
    }

    .dashboard-onboarding-preview,
    .dashboard-onboarding-preview--video {
        min-height: 0
    }

    .dashboard-activation-layer {
        align-items: flex-start
    }

    .Bookmark-actions--dashboard .Bookmark-link,
    .Bookmark-actions--dashboard .profile-pill,
    .Bookmark-actions--dashboard .header-cta {
        width: auto
    }

    .Bookmark-kpi-grid,
    .desk-banner-grid--operations {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .Bookmark-spread-row {
        grid-template-columns: 1fr
    }

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

@media(max-width:640px) {
    .Bookmark-shell--dashboard {
        width: min(100vw - 24px, 100%)
    }

    .dashboard-status-shell {
        padding-top: 18px
    }

    .dashboard-status-chip {
        min-height: 34px;
        padding: 0 12px
    }

    .dashboard-status-meter,
    .dashboard-status-watch-row {
        padding: 18px
    }

    .Bookmark-dashboard-frame.is-locked {
        filter: blur(18px)saturate(.78)
    }

    .Bookmark-kpi-grid,
    .Bookmark-widget-grid,
    .desk-banner-grid--operations {
        grid-template-columns: 1fr
    }

    .dashboard-activation-layer {
        padding: 96px 12px 16px
    }

    .dashboard-activation-modal,
    .dashboard-activation-loader {
        border-radius: 26px;
        padding: 22px 18px
    }

    .dashboard-activation-step,
    .Bookmark-page-head {
        padding: 18px
    }

    .dashboard-activation-step--single {
        min-height: 0
    }

    .dashboard-activation-step h3 {
        font-size: 24px
    }

    .dashboard-onboarding-modal {
        border-radius: 18px;
        width: calc(100vw - 24px)
    }

    .dashboard-onboarding-preview {
        min-height: 0;
        padding: 10px
    }

    .dashboard-preview-window,
    .dashboard-bookmark-stage {
        padding: 16px
    }

    .dashboard-onboarding-media-wrap,
    .dashboard-onboarding-copy,
    .dashboard-activation-progress,
    .dashboard-onboarding-footer {
        padding-left: 16px;
        padding-right: 16px
    }

    .watchlist-row-metrics {
        grid-template-columns: 1fr
    }

    .Bookmark-nav-link,
    .Bookmark-head-actions .button,
    .Bookmark-head-actions .button-bookmark,
    .dashboard-bookmarklet-cta,
    .dashboard-activation-continue,
    .dashboard-activation-footer-actions .button,
    .watchlist-row-actions .button,
    .watchlist-row-actions .ghost-button,
    .watchlist-row-actions .live-link {
        justify-content: center;
        width: 100%
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    *,
    :before,
    :after {
        transition: none !important;
        animation: none !important
    }
}

.page-shell--landing {
    padding-top: 0
}

.landing-main {
    gap: 0;
    padding-bottom: clamp(72px, 10vw, 120px);
    display: grid
}

.button-secondary {
    box-shadow: none;
    background: #0a0f143d;
    border-color: #d7e2f21f
}

.button-secondary:hover {
    background: #12191f7a;
    border-color: #4f9ef83d
}

.landing-Bookmark-button {
    --landing-Bookmark-icon-shell: 38px;
    --landing-Bookmark-icon-size: 12px;
    color: #f4efe3;
    isolation: isolate;
    background: linear-gradient(#161d22fa, #0b1014fc);
    border-color: #60a5fa47;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    min-width: clamp(220px, 18vw, 250px);
    padding: 10px 12px 10px 18px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 1px #ffffff14, inset 0 -14px 24px #04080b3d, 0 22px 44px #04080b47, 0 0 0 1px #60a5fa14
}

.landing-Bookmark-button--hero {
    --landing-Bookmark-icon-shell: 44px;
    --landing-Bookmark-icon-size: 18px
}

.landing-Bookmark-button--hero .landing-Bookmark-button__icon-svg path {
    stroke-width: 2.2px
}

.landing-Bookmark-button:before {
    content: "";
    pointer-events: none;
    border-radius: inherit;
    opacity: .9;
    background: radial-gradient(circle at 14%, #60a5fa2e, #0000 34%), linear-gradient(135deg, #60a5fa29, #4f9ef81a 56%, #0000 80%), linear-gradient(#ffffff14, #0000 42%);
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px
}

.landing-Bookmark-button>span {
    z-index: 1;
    position: relative
}

.landing-Bookmark-button__copy {
    text-align: left;
    gap: 4px;
    display: grid
}

.landing-Bookmark-button__eyebrow {
    color: #60a5fad1;
    font: 700 10px/1 var(--mono);
    letter-spacing: .18em;
    text-transform: uppercase
}

.landing-Bookmark-button__label {
    color: #f4efe3;
    letter-spacing: -.03em;
    font-size: 16px;
    font-weight: 800
}

.landing-Bookmark-button__icon {
    width: var(--landing-Bookmark-icon-shell);
    height: var(--landing-Bookmark-icon-shell);
    color: #f7f8f1;
    background: linear-gradient(#60a5fa47, #4f9ef82e);
    border: 1px solid #60a5fa33;
    box-shadow: inset 0 1px #ffffff1a, 0 12px 22px #04080b29
}

.landing-Bookmark-button__icon-svg {
    width: var(--landing-Bookmark-icon-size);
    height: var(--landing-Bookmark-icon-size)
}

.landing-Bookmark-button:hover,
.landing-Bookmark-button:focus-visible {
    background: linear-gradient(#192127fc, #0c1217);
    border-color: #60a5fa66;
    box-shadow: inset 0 1px #ffffff1a, inset 0 -16px 26px #04080b42, 0 24px 48px #04080b4d
}

.landing-Bookmark-button:hover .landing-Bookmark-button__icon,
.landing-Bookmark-button:focus-visible .landing-Bookmark-button__icon {
    background: linear-gradient(#60a5fa57, #4f9ef838);
    border-color: #60a5fa42;
    transform: translate(2px)
}

.landing-hero {
    box-sizing: border-box;
    min-height: calc(100svh - 96px);
    padding: calc(82px + clamp(18px, 2.8vw, 34px)) 0 clamp(32px, 5vw, 64px);
    position: relative;
    overflow: clip
}

.landing-hero:before {
    content: "";
    pointer-events: none;
    background: radial-gradient(circle at 74% 22%, #4f9ef81f, #0000 28%), radial-gradient(circle at 18% 18%, #60a5fa0d, #0000 22%), linear-gradient(#05080c9e, #05080c1f 24%, #05080ca8);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.landing-hero__ambient {
    filter: blur(40px);
    opacity: .42;
    pointer-events: none;
    background: radial-gradient(circle, #4f9ef82e, #0000 70%);
    border-radius: 999px;
    width: min(40vw, 520px);
    height: min(38vw, 460px);
    position: absolute;
    inset: auto auto 8% -4%
}

.landing-hero__inner {
    z-index: 1;
    width: min(var(--Bookmark-max), calc(100vw - (var(--shell-gutter) * 2)));
    grid-template-columns: minmax(0, .96fr) minmax(500px, 1.04fr);
    align-items: center;
    gap: clamp(36px, 4.6vw, 72px);
    min-height: 0;
    margin: 0 auto;
    display: grid;
    position: relative
}

.landing-hero__copy {
    align-content: start;
    gap: var(--landing-stack-sm);
    max-width: 35rem;
    padding: clamp(8px, .9vw, 14px) 0 0;
    display: grid
}

.landing-hero__kicker,
.landing-section__eyebrow {
    color: #9edfff;
    font: 600 11px/1 var(--mono);
    letter-spacing: .22em;
    text-transform: uppercase;
    align-items: center;
    gap: 10px;
    display: inline-flex
}

.landing-hero__kicker:before,
.landing-section__eyebrow:before {
    content: "";
    background: linear-gradient(90deg, #60a5fa00, #4f9ef8a3);
    width: 18px;
    height: 1px
}

.landing-hero__brand,
.landing-hero__title,
.landing-section__title,
.workflow-step h3,
.proof-board__featured h3,
.landing-cta__step strong {
    color: #f4efe3;
    letter-spacing: -.065em;
    text-wrap: balance;
    margin: 0;
    font-weight: 350
}

.landing-hero__brand {
    font-size: clamp(58px, 6.6vw, 96px);
    font-weight: 600;
    line-height: .9
}

.landing-hero__title {
    max-width: 13.4ch;
    font-size: clamp(30px, 3.3vw, 46px);
    line-height: .98
}

.landing-hero__description,
.landing-section__intro,
.proof-section__lede,
.proof-section__evidence-item p,
.proof-board__featured p,
.workflow-step p,
.workflow-note p,
.landing-cta__note,
.landing-cta__step p {
    color: #b5c0ce;
    margin: 0
}

.landing-hero__description {
    max-width: 33rem;
    font-size: 17px;
    line-height: 1.62
}

.proof-section__pitch span,
.edge-section__chip {
    color: #dce8f2;
    min-height: 32px;
    font: 600 10px/1 var(--mono);
    letter-spacing: .115em;
    text-transform: uppercase;
    background: #ffffff08;
    border: 1px solid #d7e2f214;
    border-radius: 999px;
    align-items: center;
    padding: 0 11px;
    display: inline-flex
}

.landing-hero__actions,
.landing-cta__actions {
    flex-wrap: wrap;
    gap: 12px;
    display: flex
}

.landing-hero__actions .button {
    min-height: 50px;
    padding: 0 20px
}

.landing-hero__actions .landing-Bookmark-button,
.landing-cta__actions .landing-Bookmark-button,
.install-actions .landing-Bookmark-button {
    min-height: 60px;
    padding: 10px 12px 10px 18px
}

.landing-hero__signal-line {
    border-top: 1px solid #d7e2f21a;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    max-width: 33rem;
    padding-top: 18px;
    display: flex
}

.landing-hero__signal-line strong {
    color: #f4efe3;
    letter-spacing: -.02em;
    font-size: 14px
}

.landing-hero__signal-line p {
    color: var(--soft);
    margin: 0;
    font-size: 12px
}

.landing-hero__signal-status {
    color: #ddffea;
    min-height: 30px;
    font: 700 10px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #60a5fa14;
    border: 1px solid #60a5fa2e;
    border-radius: 999px;
    align-items: center;
    padding: 0 11px;
    display: inline-flex
}

.landing-hero__visual {
    aspect-ratio: 1;
    isolation: isolate;
    justify-content: center;
    justify-self: end;
    align-items: center;
    width: min(100%, 820px);
    max-width: 100%;
    display: flex;
    position: relative;
    overflow: visible
}

.landing-hero__visual:before {
    content: "";
    filter: blur(46px);
    opacity: .94;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(circle at 38% 32%, #60a5fa2e, #0000 26%), radial-gradient(circle at 64% 42%, #4f9ef829, #0000 34%), radial-gradient(circle at 50% 62%, #12281d38, #0000 58%);
    border-radius: 50%;
    position: absolute;
    top: 10%;
    right: 10%;
    bottom: 14%;
    left: 10%
}

.landing-hero__visual:after {
    content: "";
    opacity: .34;
    filter: blur(.6px);
    pointer-events: none;
    z-index: 0;
    border: 1px solid #60a5fa14;
    border-radius: 50%;
    position: absolute;
    top: 32%;
    right: 2%;
    bottom: 18%;
    left: 2%
}

.landing-hero__visual-shell {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    position: relative
}

.landing-hero__globe-wrap {
    aspect-ratio: 1;
    isolation: isolate;
    place-items: center;
    width: min(100%, 760px);
    min-height: 0;
    display: grid;
    position: relative;
    overflow: visible
}

.landing-hero__globe-wrap:before {
    content: "";
    filter: blur(58px);
    opacity: 1;
    background: radial-gradient(circle at 34% 32%, #60a5fa42, #0000 28%), radial-gradient(circle at 66% 44%, #4f9ef833, #0000 34%), radial-gradient(circle at 50% 58%, #0e221957, #0000 62%);
    border-radius: 999px;
    position: absolute;
    top: 14%;
    right: 14%;
    bottom: 16%;
    left: 14%
}

.landing-hero__globe-wrap:after {
    content: "";
    filter: blur(28px);
    opacity: .8;
    background: radial-gradient(circle, #03090ee6, #03090e00);
    border-radius: 999px;
    height: 18%;
    position: absolute;
    inset: auto 16% 6%
}

.landing-hero__globe {
    z-index: 3;
    filter: drop-shadow(0 42px 72px #0000006b)drop-shadow(0 0 22px #60a5fa0f);
    width: min(100%, 680px);
    position: relative;
    transform: translateY(1.5%)
}

.landing-hero__globe:before,
.landing-hero__globe:after {
    content: "";
    pointer-events: none;
    border-radius: 50%;
    position: absolute;
    top: 6%;
    right: 6%;
    bottom: 6%;
    left: 6%
}

.landing-hero__globe:before {
    opacity: .48;
    box-shadow: inset 0 -26px 46px #040c122e, inset 0 0 26px #60a5fa0f
}

.landing-hero__globe:after {
    mix-blend-mode: screen;
    opacity: .84;
    background: radial-gradient(circle at 34% 26%, #ffffff24, #0000 18%), radial-gradient(circle at 66% 74%, #60a5fa1f, #0000 26%), radial-gradient(circle at 50% 46%, #4f9ef814, #0000 44%);
    top: 9%;
    right: 10%;
    bottom: 18%;
    left: 10%
}

.landing-hero__globe-orbit,
.landing-hero__globe-haze,
.landing-hero__globe-dust {
    pointer-events: none;
    position: absolute
}

.landing-hero__globe-orbit {
    --orbit-transform: rotate(0deg);
    opacity: .18;
    transform: var(--orbit-transform);
    border: 1px solid #c4dfb10f;
    border-radius: 999px;
    animation: 48s ease-in-out infinite landing-globe-orbit-drift;
    will-change: transform, opacity;
    box-shadow: inset 0 1px #ffffff03, 0 0 18px #60a5fa07
}

.landing-hero__globe-orbit--one {
    --orbit-transform: rotate(-16deg);
    animation-duration: 52s;
    animation-delay: -3s;
    top: 16%;
    right: 8%;
    bottom: 18%;
    left: 8%
}

.landing-hero__globe-orbit--two {
    --orbit-transform: rotate(12deg);
    border-color: #7dd3fc14;
    animation-duration: 60s;
    animation-delay: -9s;
    top: 26%;
    right: 14%;
    bottom: 8%;
    left: 14%
}

.landing-hero__globe-orbit--three {
    --orbit-transform: rotate(28deg) scaleX(.84);
    opacity: .11;
    border-color: #4f9ef80b;
    animation-duration: 72s;
    animation-delay: -14s;
    top: 10%;
    right: 20%;
    bottom: 26%;
    left: 20%
}

.landing-hero__globe-haze {
    opacity: .92;
    background: radial-gradient(circle at 38% 30%, #60a5fa1f, #0000 24%), radial-gradient(circle at 60% 44%, #4f9ef817, #0000 38%), radial-gradient(circle at 50% 72%, #111f293d, #0000 66%);
    top: 6%;
    right: 6%;
    bottom: 6%;
    left: 6%
}

.landing-hero__globe-dust {
    filter: blur(.2px);
    opacity: .56;
    background: radial-gradient(circle at 24% 36%, #ffffff24 0, #ffffff24 1px, #0000 1.6px), radial-gradient(circle at 72% 30%, #60a5fa29 0, #60a5fa29 1px, #0000 1.5px), radial-gradient(circle at 58% 74%, #7dd3fc24 0, #7dd3fc24 1px, #0000 1.8px);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@keyframes landing-globe-orbit-drift {
    0% {
        transform: var(--orbit-transform) scale(1);
        opacity: .12
    }

    50% {
        transform: var(--orbit-transform) scale(1.012) translateY(-.4%);
        opacity: .2
    }

    to {
        transform: var(--orbit-transform) scale(1);
        opacity: .12
    }
}

.landing-hero__image,
.workflow-stage__image,
.landing-cta__image {
    object-fit: contain;
    object-position: top center;
    width: 100%;
    height: 100%;
    display: block
}

.landing-hero__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(1.015)
}

.proof-board__eyebrow,
.proof-section__evidence-item span,
.workflow-step__eyebrow,
.workflow-note span,
.landing-cta__step span,
.proof-section__metric dt,
.proof-board__meta span,
.proof-row__market span,
.proof-row__stat span,
.proof-row__outcomes span {
    color: #9edfff;
    font: 600 11px/1.2 var(--mono);
    letter-spacing: .16em;
    text-transform: uppercase
}

.proof-section__evidence-item strong,
.workflow-note strong,
.proof-row__market strong,
.landing-cta__step strong {
    color: #f4efe3;
    display: block
}

.landing-section {
    padding: var(--section-space) 0;
    scroll-margin-top: 112px;
    position: relative
}

.landing-section:before {
    content: "";
    background: linear-gradient(90deg, #0000, #d7e2f214, #0000);
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.landing-section__head {
    margin-bottom: var(--landing-stack-lg);
    grid-template-columns: minmax(0, .98fr) minmax(320px, .62fr);
    align-items: start;
    gap: clamp(28px, 4vw, 56px);
    display: grid
}

.landing-section__head--stacked {
    margin-bottom: var(--landing-stack-md);
    grid-template-columns: minmax(0, 1fr)
}

.landing-section__head-copy {
    gap: var(--landing-stack-xs);
    display: grid
}

.landing-section__title {
    max-width: 13ch;
    font-size: clamp(34px, 3.8vw, 54px);
    line-height: 1
}

.landing-section__intro {
    justify-self: start;
    max-width: 32rem;
    font-size: 16px;
    line-height: 1.66
}

.landing-section__intro--wide {
    max-width: 40rem
}

.proof-section__grid {
    grid-template-columns: minmax(320px, .46fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(28px, 4vw, 56px);
    display: grid
}

.proof-section__copy {
    gap: var(--landing-stack-md);
    display: grid
}

.proof-section__pitch {
    flex-wrap: wrap;
    gap: 10px;
    display: flex
}

.proof-section__lede {
    color: #c9d2de;
    font-size: 18px;
    line-height: 1.72
}

.proof-section__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
    margin: 0;
    display: grid
}

.proof-section__metric {
    border-top: 1px solid #d7e2f214;
    gap: 10px;
    padding-top: 14px;
    display: grid
}

.proof-section__metric dd {
    color: #f4efe3;
    letter-spacing: -.05em;
    margin: 0;
    font-size: clamp(24px, 2vw, 30px);
    line-height: .98
}

.proof-section__evidence {
    gap: var(--landing-stack-sm);
    display: grid
}

.proof-section__evidence-item {
    border-top: 1px solid #d7e2f214;
    gap: 8px;
    padding-top: 16px;
    display: grid
}

.edge-section {
    padding-top: clamp(56px, 7vw, 96px)
}

.edge-section__layout {
    grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);
    align-items: start;
    gap: clamp(40px, 4.8vw, 80px);
    display: grid
}

.edge-section__intro {
    align-content: start;
    gap: 20px;
    max-width: 33rem;
    display: grid;
    position: sticky;
    top: 118px
}

.edge-section__title {
    letter-spacing: -.068em;
    gap: 2px;
    max-width: 12.5ch;
    font-size: clamp(50px, 4.6vw, 72px);
    line-height: 1;
    display: grid
}

.edge-section__title-line {
    text-wrap: pretty;
    display: block
}

.edge-section__description {
    color: #aebac8;
    max-width: 27rem;
    margin: 0;
    font-size: 15px;
    line-height: 1.68
}

.edge-section__outcomes {
    flex-wrap: wrap;
    gap: 10px;
    display: flex
}

.edge-section__body {
    display: grid
}

.edge-row {
    border-top: 1px solid #d7e2f214;
    grid-template-columns: minmax(82px, 104px) minmax(0, 1fr);
    align-items: start;
    gap: clamp(20px, 2.4vw, 34px);
    padding: clamp(26px, 2.6vw, 36px) 0;
    display: grid
}

.edge-row:first-child {
    border-top: 0
}

.edge-row__meta {
    text-align: center;
    grid-template-rows: auto auto;
    place-items: start center;
    gap: 12px;
    min-height: 0;
    padding-top: 2px;
    display: grid
}

.edge-row__index {
    color: #f4efe3d1;
    font: 500 clamp(28px, 2.1vw, 38px) / .84 var(--font);
    letter-spacing: -.07em;
    justify-content: center;
    align-items: flex-end;
    display: inline-flex
}

.edge-row__meta-line {
    background: linear-gradient(#4f9ef857, #4f9ef800);
    width: 1px;
    height: clamp(78px, 8vw, 116px);
    min-height: 78px
}

.edge-row__content {
    gap: 18px;
    max-width: 46rem;
    display: grid
}

.edge-row__content h3 {
    color: #f4efe3;
    letter-spacing: -.06em;
    text-wrap: balance;
    max-width: 14ch;
    margin: 0;
    font-size: clamp(32px, 3.25vw, 46px);
    line-height: .98
}

.edge-row__copy {
    gap: 14px;
    max-width: 37rem;
    display: grid
}

.edge-row__copy-line {
    color: #b8c3cf;
    margin: 0;
    font-size: 15px;
    line-height: 1.72
}

.edge-row__copy-line--lead {
    font-size: 17px;
    line-height: 1.62
}

.proof-board {
    box-shadow: var(--shadow-lg);
    background: linear-gradient(#0e141af0, #080c10fa);
    border: 1px solid #d7e2f214;
    border-radius: 30px;
    overflow: hidden
}

.proof-board__meta,
.proof-board__signal-strip {
    flex-wrap: wrap;
    gap: 10px 16px;
    padding: 18px 24px;
    display: flex
}

.proof-board__meta {
    border-bottom: 1px solid #d7e2f214
}

.proof-board__featured {
    border-bottom: 1px solid #d7e2f214;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 20px;
    padding: 24px;
    display: grid
}

.proof-board__featured-copy {
    gap: 10px;
    display: grid
}

.proof-board__featured h3 {
    font-size: clamp(28px, 2.8vw, 42px);
    line-height: .98
}

.proof-board__signal-strip {
    border-bottom: 1px solid #d7e2f214
}

.proof-board__signal-strip span {
    color: #d5dde8;
    min-height: 34px;
    font: 600 11px/1 var(--mono);
    letter-spacing: .1em;
    text-transform: uppercase;
    background: #ffffff08;
    border: 1px solid #ffffff0f;
    border-radius: 999px;
    align-items: center;
    padding: 0 12px;
    display: inline-flex
}

.proof-board__rows {
    display: grid
}

.proof-row {
    border-top: 1px solid #d7e2f214;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 22px 28px;
    padding: 22px 24px;
    transition: background .24s;
    display: grid
}

.proof-row:first-child {
    border-top: 0
}

.proof-row:hover {
    background: linear-gradient(90deg, #4f9ef814, #4f9ef805 42%, #4f9ef800)
}

.proof-row__main {
    gap: 16px;
    min-width: 0;
    display: grid
}

.proof-row__market {
    gap: 10px;
    max-width: 40rem;
    display: grid
}

.proof-row__market strong {
    letter-spacing: -.04em;
    font-size: 19px;
    line-height: 1.22
}

.proof-row__read {
    gap: 14px;
    max-width: min(100%, 32rem);
    display: grid
}

.proof-row__rail {
    background: #ffffff0f;
    border-radius: 999px;
    width: 100%;
    height: 5px;
    position: relative;
    overflow: hidden
}

.proof-row__rail:after {
    content: "";
    width: var(--proof-row-share, 50%);
    border-radius: inherit;
    background: linear-gradient(90deg, #dfff86eb, #4f9ef87a);
    position: absolute;
    inset: 0 auto 0 0
}

.proof-row__outcomes {
    flex-wrap: wrap;
    gap: 10px 16px;
    display: flex
}

.proof-row__outcome {
    align-content: start;
    gap: 6px;
    min-width: 86px;
    display: inline-grid
}

.proof-row__outcome strong,
.proof-row__stat strong {
    color: #f4efe3;
    letter-spacing: -.03em;
    font-size: 16px;
    line-height: 1
}

.proof-row__outcome.is-leading {
    background: linear-gradient(#dfff8617, #4f9ef80f);
    border: 1px solid #dfff8629;
    border-radius: 16px;
    padding: 10px 12px
}

.proof-row__outcome:not(.is-leading) {
    opacity: .76
}

.proof-row__aside {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 16px 24px;
    min-width: 260px;
    padding-top: 2px;
    display: flex
}

.proof-row__stat {
    text-align: right;
    justify-items: end;
    gap: 8px;
    display: grid
}

.proof-row__link {
    color: #f4efe3;
    font: 700 13px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap;
    justify-self: end;
    align-items: center;
    gap: 10px;
    transition: opacity .2s, color .2s, transform .2s;
    display: inline-flex
}

.proof-row__link:after {
    content: "";
    opacity: .42;
    background: currentColor;
    width: 18px;
    height: 1px;
    transition: width .2s, opacity .2s
}

.proof-row__link:hover {
    color: #dfff86;
    opacity: 1;
    transform: translate(2px)
}

.proof-row__link:hover:after {
    opacity: .8;
    width: 24px
}

.workflow-section__layout {
    grid-template-columns: minmax(320px, .9fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(28px, 4vw, 60px);
    display: grid
}

.workflow-stage-wrap {
    align-content: start;
    gap: clamp(18px, 2vw, 26px);
    display: grid;
    position: sticky;
    top: 124px
}

.workflow-stage-copy {
    gap: 14px;
    max-width: 34rem;
    display: grid
}

.workflow-stage-copy .landing-section__title {
    max-width: 11.5ch
}

.workflow-section__intro {
    max-width: 34rem
}

.workflow-stage {
    aspect-ratio: 1700/1588;
    background: linear-gradient(#090d12fa, #06090d);
    border: 1px solid #d7e2f21f;
    border-radius: 30px;
    min-height: 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 28px 66px #00000042, inset 0 1px #ffffff08
}

.workflow-stage__image {
    object-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.workflow-stage__shade {
    background: linear-gradient(#05080c14, #05080c2e), radial-gradient(circle at 20% 24%, #4f9ef814, #0000 30%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.workflow-steps {
    gap: 0;
    display: grid
}

.workflow-step {
    border-top: 1px solid #d7e2f214;
    gap: 18px;
    padding: 28px 0;
    display: grid
}

.workflow-step:first-child {
    border-top: 0;
    padding-top: 0
}

.workflow-step__meta {
    grid-template-columns: auto auto minmax(0, 1fr);
    grid-template-areas: "index label line";
    align-items: end;
    gap: 0 14px;
    display: grid
}

.workflow-step__index {
    color: #f4efe3db;
    font: 500 clamp(38px, 4vw, 58px) / .84 var(--font);
    letter-spacing: -.07em;
    text-transform: none;
    grid-area: index;
    align-items: flex-end;
    display: inline-flex
}

.workflow-step__meta-line {
    background: linear-gradient(90deg, #4f9ef861, #4f9ef800);
    grid-area: line;
    width: 100%;
    min-width: 48px;
    height: 1px;
    margin-bottom: 10px
}

.workflow-step__eyebrow {
    color: #f4efe3ad;
    font: 600 clamp(14px, 1.15vw, 16px) / 1.05 var(--font);
    letter-spacing: -.02em;
    text-transform: none;
    grid-area: label;
    align-self: end
}

.workflow-step__body {
    gap: clamp(18px, 2vw, 24px);
    max-width: 48rem;
    display: grid
}

.workflow-step h3 {
    max-width: 11.5ch;
    font-size: clamp(28px, 2.5vw, 38px);
    line-height: 1.02
}

.workflow-step__tags {
    flex-wrap: wrap;
    gap: 10px;
    display: flex
}

.workflow-step__tags span {
    color: #dfe7ef;
    min-height: 34px;
    font: 600 11px/1 var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #ffffff08;
    border: 1px solid #ffffff0f;
    border-radius: 999px;
    align-items: center;
    padding: 0 12px;
    display: inline-flex
}

.workflow-step__notes {
    gap: 16px;
    display: grid
}

.workflow-note {
    border-top: 1px solid #d7e2f212;
    align-content: start;
    gap: 10px;
    padding: 16px 0 0;
    display: grid
}

.workflow-note strong {
    letter-spacing: -.03em;
    font-size: 18px;
    line-height: 1.18
}

.workflow-note p {
    max-width: 34rem;
    line-height: 1.6
}

.landing-cta {
    padding-bottom: clamp(48px, 8vw, 96px)
}

.landing-cta__panel {
    background: linear-gradient(#0a0f14f5, #080c10fa);
    border: 1px solid #d7e2f214;
    border-radius: 36px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 34px 78px #0000003d
}

.landing-cta__media {
    justify-content: flex-end;
    align-items: center;
    padding: clamp(18px, 3vw, 34px);
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.landing-cta__media:after {
    content: "";
    background: linear-gradient(90deg, #05080cf0, #05080cc2 36%, #05080c8f, #05080cbd), linear-gradient(#05080c2e, #05080c80);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.landing-cta__image {
    z-index: 0;
    opacity: .18;
    object-position: center center;
    filter: saturate(.92);
    flex: 0 min(46%, 620px);
    width: min(46%, 620px);
    height: auto;
    max-height: 100%;
    position: relative;
    transform: none
}

.landing-cta__content {
    z-index: 1;
    gap: var(--landing-stack-lg);
    padding: clamp(28px, 5vw, 52px);
    display: grid;
    position: relative
}

.landing-cta__steps {
    gap: var(--landing-stack-sm);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.landing-cta__step {
    border-top: 1px solid #d7e2f21a;
    gap: 10px;
    padding-top: 14px;
    display: grid
}

.landing-cta__step strong {
    letter-spacing: -.04em;
    font-size: 22px;
    line-height: 1.06
}

.landing-cta__note {
    max-width: 34rem
}

.landing-faq {
    padding-top: clamp(36px, 6vw, 72px)
}

.landing-faq__head {
    margin-bottom: var(--landing-stack-lg);
    grid-template-columns: minmax(0, 1.14fr) minmax(320px, .7fr);
    align-items: start;
    gap: clamp(28px, 5vw, 92px)
}

.landing-faq__head-copy {
    gap: 16px;
    max-width: 56rem
}

.landing-faq .landing-section__title {
    letter-spacing: -.065em;
    text-wrap: pretty;
    max-width: 21ch;
    font-size: clamp(42px, 5vw, 72px);
    line-height: .94
}

.landing-faq__intro {
    max-width: 40rem;
    font-size: 17px;
    line-height: 1.66
}

.landing-faq .faq-list {
    width: 100%;
    max-width: none;
    margin-left: 0
}

.page-shell--landing+footer {
    padding-bottom: clamp(88px, 10vw, 136px)
}

@media(min-width:1400px) {
    .landing-hero {
        min-height: clamp(720px, 100svh - 112px, 860px);
        padding-top: calc(82px + clamp(12px, 1.6vw, 22px));
        padding-bottom: clamp(22px, 2.6vw, 38px)
    }

    .landing-hero__copy {
        gap: 16px
    }

    .landing-main {
        padding-bottom: clamp(64px, 7vw, 96px)
    }

    .landing-section {
        padding: clamp(64px, 5.6vw, 88px) 0
    }

    .landing-section__head {
        gap: clamp(26px, 3vw, 42px);
        margin-bottom: clamp(22px, 2vw, 30px)
    }

    .proof-section__grid,
    .edge-section__layout,
    .workflow-section__layout {
        gap: clamp(28px, 3vw, 44px)
    }

    .proof-board__featured {
        gap: 16px
    }

    .proof-board__signal-strip span {
        letter-spacing: .09em;
        min-height: 32px;
        font-size: 10px
    }

    .proof-row {
        gap: 20px 24px
    }

    .edge-section {
        padding-top: clamp(44px, 4.2vw, 68px)
    }

    .edge-section__intro {
        gap: 16px;
        top: 104px
    }

    .edge-row {
        padding: clamp(22px, 2vw, 28px) 0
    }

    .workflow-stage-wrap {
        top: 104px
    }

    .workflow-stage {
        aspect-ratio: 1700/1588
    }

    .workflow-step {
        align-items: start;
        min-height: clamp(320px, 38vh, 390px);
        padding: 22px 0
    }

    .workflow-step__body {
        gap: clamp(18px, 1.4vw, 22px);
        min-height: 0
    }

    .workflow-step__notes {
        gap: 16px 22px;
        margin-top: 0
    }

    .landing-cta {
        padding-bottom: clamp(40px, 5vw, 72px)
    }

    .landing-cta__panel {
        min-height: clamp(540px, 60vh, 680px);
        display: grid
    }

    .landing-cta__content {
        align-content: end;
        min-height: 100%
    }

    .landing-faq {
        padding-top: clamp(24px, 2.8vw, 40px)
    }

    .landing-faq__head {
        gap: clamp(24px, 3vw, 44px);
        margin-bottom: 28px
    }

    .landing-faq .landing-section__title {
        max-width: 18ch;
        font-size: clamp(38px, 3.8vw, 58px)
    }

    .landing-faq__intro {
        max-width: 34rem
    }
}

@media(min-width:981px) {
    .workflow-step {
        grid-template-columns: minmax(94px, 112px) minmax(0, 1fr);
        align-items: start;
        gap: clamp(22px, 2.2vw, 32px)
    }

    .workflow-step__meta {
        text-align: center;
        grid-template: "index" "label" "line" /1fr;
        place-items: start center;
        gap: 8px;
        min-height: 0;
        padding-top: 4px
    }

    .workflow-step__meta-line {
        background: linear-gradient(#4f9ef86b, #4f9ef800);
        width: 1px;
        min-width: 1px;
        height: clamp(88px, 8vw, 124px);
        min-height: 88px;
        margin-bottom: 0
    }

    .workflow-step__notes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start
    }
}

.cookie-banner {
    width: min(420px, 100vw - 32px);
    bottom: 18px;
    left: auto;
    right: 20px;
    transform: none
}

.cookie-banner__panel {
    gap: 10px;
    padding: 14px 16px 16px
}

.cookie-banner__copy strong {
    max-width: 26ch;
    font-size: 16px
}

.cookie-banner__copy p {
    max-width: 38ch;
    font-size: 12px
}

@media(max-width:1240px) {

    .landing-hero__inner,
    .proof-section__grid,
    .workflow-section__layout {
        grid-template-columns: 1fr
    }

    .landing-hero__copy {
        max-width: 35rem
    }

    .landing-hero__visual {
        aspect-ratio: 1.02;
        justify-self: stretch;
        width: min(100%, 760px)
    }

    .workflow-stage-wrap {
        position: static
    }
}

@media(max-width:980px) {
    .landing-hero {
        padding-top: 102px
    }

    .landing-hero__inner {
        gap: 22px;
        min-height: 0
    }

    .landing-section__head,
    .edge-section__layout,
    .proof-board__featured,
    .proof-row {
        grid-template-columns: 1fr
    }

    .edge-section__intro {
        gap: 18px;
        max-width: 48rem;
        position: static
    }

    .edge-section__description {
        max-width: 38rem
    }

    .proof-row__link {
        justify-self: flex-start
    }

    .proof-row__read {
        max-width: none
    }

    .proof-row__aside {
        justify-content: flex-start;
        min-width: 0
    }

    .proof-row__stat {
        text-align: left;
        justify-items: start
    }

    .workflow-step__body,
    .workflow-note p {
        max-width: none
    }

    .workflow-step__eyebrow {
        align-self: end
    }

    .landing-cta__steps {
        grid-template-columns: 1fr
    }

    .landing-faq__head {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 34px
    }

    .landing-faq__intro {
        max-width: 40rem
    }
}

@media(max-width:720px) {
    .site-header nav {
        align-items: flex-start;
        gap: 10px;
        padding: 14px 0 10px
    }

    .brand {
        gap: 10px;
        font-size: 20px
    }

    .landing-faq__head-copy {
        gap: 12px
    }

    .landing-faq .landing-section__title {
        text-wrap: pretty;
        max-width: none;
        font-size: clamp(30px, 9.2vw, 44px);
        line-height: .96
    }

    .landing-faq__intro {
        font-size: 15px;
        line-height: 1.64
    }

    .brand-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px
    }

    .nav-actions {
        justify-content: flex-end;
        gap: 10px;
        width: auto;
        min-width: 0;
        margin-left: auto
    }

    .links {
        display: none
    }

    .header-cta {
        letter-spacing: .12em;
        min-height: 40px;
        padding: 0 14px;
        font-size: 11px
    }

    .cookie-banner {
        width: auto;
        bottom: 8px;
        left: 8px;
        right: 8px;
        transform: none
    }

    .cookie-banner__panel {
        gap: 10px;
        padding: 14px
    }

    .cookie-banner__copy .tag,
    .cookie-banner__copy p {
        display: none
    }

    .cookie-banner__copy strong {
        max-width: none;
        font-size: 15px
    }

    .cookie-banner__actions,
    .cookie-banner__cta-group {
        width: 100%
    }

    .landing-hero__brand {
        font-size: clamp(44px, 15vw, 72px)
    }

    .landing-hero__title,
    .landing-section__title,
    .workflow-step h3 {
        max-width: none;
        font-size: clamp(28px, 8.5vw, 40px)
    }

    .landing-hero {
        padding-top: 104px
    }

    .landing-hero__inner {
        gap: 18px
    }

    .landing-hero__copy {
        gap: 14px;
        max-width: none
    }

    .landing-hero__description {
        font-size: 16px;
        line-height: 1.6
    }

    .landing-hero__visual-shell {
        padding: 0
    }

    .proof-section__pitch {
        gap: 8px
    }

    .landing-hero__signal-line {
        gap: 10px;
        padding-top: 14px
    }

    .landing-hero__visual {
        aspect-ratio: 1;
        width: 100%
    }

    .landing-hero__globe {
        width: min(100%, 520px)
    }

    .landing-hero__actions,
    .landing-cta__actions {
        display: grid
    }

    .landing-hero__actions .button,
    .landing-cta__actions .button {
        width: 100%
    }

    .edge-section__title,
    .edge-row__content h3 {
        max-width: none;
        font-size: clamp(28px, 8vw, 40px)
    }

    .edge-section__title {
        gap: 4px
    }

    .proof-section__metrics {
        grid-template-columns: 1fr
    }

    .edge-row {
        grid-template-columns: minmax(72px, 88px) minmax(0, 1fr);
        gap: 18px
    }

    .edge-row__index {
        font-size: clamp(26px, 4.2vw, 34px)
    }

    .edge-row__meta-line {
        min-height: 46px
    }
}

@media(max-width:680px) {
    .edge-section__layout {
        gap: 26px
    }

    .edge-section__intro {
        gap: 16px
    }

    .edge-section__description {
        max-width: none;
        font-size: 15px;
        line-height: 1.66
    }

    .edge-row {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 24px 0
    }

    .edge-row__meta {
        grid-template-rows: auto;
        grid-template-columns: auto minmax(56px, 1fr);
        align-items: end;
        gap: 0 12px;
        min-height: 0;
        padding-top: 0
    }

    .edge-row__index {
        font-size: clamp(24px, 7vw, 32px)
    }

    .edge-row__meta-line {
        background: linear-gradient(90deg, #4f9ef857, #4f9ef800);
        width: 100%;
        min-width: 56px;
        height: 1px;
        min-height: 1px;
        margin-bottom: 7px
    }

    .edge-row__content {
        gap: 14px
    }

    .edge-row__copy-line {
        font-size: 14px
    }

    .edge-row__copy-line--lead {
        font-size: 15px
    }
}

.pm-desk-shell {
    width: min(1700px, 100vw - 40px)
}

.pm-desk {
    background: radial-gradient(circle at 100% 0, #7bcf9e1a, #0000 26%), radial-gradient(circle at 0 0, #6796c724, #0000 24%), linear-gradient(#090d11fa, #05080c);
    border: 1px solid #d7e2f214;
    border-radius: 38px;
    gap: 20px;
    padding: 24px;
    display: grid;
    position: relative;
    overflow: hidden;
    box-shadow: 0 34px 96px #00000057
}

.pm-desk:before {
    content: "";
    pointer-events: none;
    opacity: .7;
    background: linear-gradient(#ffffff0a, #0000 14%), repeating-linear-gradient(90deg, #0000 0, #0000 139px, #ffffff05, #ffffff05 141px), repeating-linear-gradient(#0000 0, #0000 119px, #ffffff04, #ffffff04 121px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pm-desk>* {
    z-index: 1;
    position: relative
}

.pm-desk__topbar,
.pm-desk__frame,
.pm-desk__sidebar,
.pm-desk__main,
.pm-desk__metrics,
.pm-desk__actions,
.pm-desk__analytics,
.pm-desk__analytics-side,
.pm-desk__lower,
.pm-desk__side-stack,
.pm-chart-highlights,
.pm-operator-grid,
.pm-market-list,
.pm-market-row__metrics,
.pm-category-list,
.pm-alert-list,
.pm-briefing-list,
.pm-ticket-list {
    display: grid
}

.pm-desk__topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px
}

.pm-desk__brand,
.pm-desk__top-actions,
.pm-desk__tool,
.pm-panel__toggle,
.pm-market-row__badges,
.pm-focus-actions,
.pm-operator-actions,
.pm-ticket-item__head,
.pm-alert-item__head {
    align-items: center;
    display: flex
}

.pm-desk__brand {
    gap: 14px;
    min-width: 0
}

.pm-desk__brand-mark {
    background: linear-gradient(#151d25f0, #090d11fa);
    border: 1px solid #ffffff1a;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    display: inline-flex;
    box-shadow: inset 0 1px #ffffff0f
}

.pm-desk__brand-mark img {
    width: 28px;
    height: 28px
}

.pm-desk__brand-name {
    letter-spacing: -.05em;
    font-size: clamp(28px, 2.4vw, 38px);
    line-height: .94
}

.pm-desk__nav {
    -webkit-backdrop-filter: blur(14px);
    background: #11181fc2;
    border: 1px solid #d7e2f214;
    border-radius: 999px;
    justify-self: center;
    align-items: center;
    gap: 8px;
    min-height: 70px;
    padding: 10px;
    display: inline-flex
}

.pm-desk__nav-link,
.pm-desk__Bookmark-pill,
.pm-desk__tool,
.pm-action-link,
.pm-mini-btn {
    border: 1px solid #d7e2f214;
    border-radius: 999px;
    min-height: 46px;
    transition: transform .18s, border-color .18s, background-color .18s, color .18s
}

.pm-desk__nav-link {
    color: #d5dde8;
    justify-content: center;
    align-items: center;
    padding: 0 18px;
    font-size: 15px;
    display: inline-flex
}

.pm-desk__nav-link:hover,
.pm-desk__Bookmark-pill:hover,
.pm-desk__tool:hover,
.pm-action-link:hover,
.pm-mini-btn:hover {
    border-color: #7bcf9e47;
    transform: translateY(-1px)
}

.pm-desk__top-actions {
    justify-content: flex-end;
    gap: 12px
}

.pm-desk__tool,
.pm-desk__Bookmark-pill,
.pm-mini-btn,
.pm-action-link {
    color: #e9eef4;
    cursor: pointer;
    background: #ffffff0a;
    justify-content: center;
    gap: 10px;
    padding: 0 18px
}

.pm-desk__tool svg,
.pm-action-link svg {
    width: 16px;
    height: 16px
}

.pm-desk__Bookmark-pill {
    font: 700 12px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase;
    background: linear-gradient(#1a232df0, #0d1218fa);
    align-items: center;
    display: inline-flex
}

.pm-desk__flash {
    color: #e4ffed;
    background: #7bcf9e14;
    border: 1px solid #7bcf9e3d;
    border-radius: 18px;
    padding: 14px 18px;
    font-size: 14px
}

.pm-desk__frame {
    grid-template-columns: 282px minmax(0, 1fr);
    align-items: start;
    gap: 20px
}

.pm-desk__sidebar,
.pm-desk__main,
.pm-desk__analytics-side,
.pm-desk__side-stack {
    gap: 18px
}

.pm-panel,
.pm-metric-card,
.pm-action-card {
    background: linear-gradient(#12181ff0, #080c10fa), #ffffff05;
    border: 1px solid #d7e2f214;
    border-radius: 28px;
    position: relative;
    box-shadow: inset 0 1px #ffffff0a, 0 22px 48px #0000002e
}

.pm-panel {
    gap: 18px;
    padding: 22px;
    display: grid
}

.pm-panel:before,
.pm-metric-card:before,
.pm-action-card:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(#ffffff0a, #0000 16%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pm-panel__head {
    gap: 8px;
    display: grid
}

.pm-panel__head--spread {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px
}

.pm-panel__eyebrow,
.pm-board-note,
.pm-chart-highlight span,
.pm-market-badge,
.pm-operator-cell span,
.pm-focus-fact span,
.pm-category-item p,
.pm-alert-item__head small,
.pm-ticket-item__head small,
.pm-metric-card span,
.pm-action-card__copy span {
    color: #92a4b7;
    font: 600 11px/1.2 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase
}

.pm-panel__title,
.pm-action-card__copy h3 {
    letter-spacing: -.05em;
    font-size: clamp(24px, 2.1vw, 34px);
    line-height: 1
}

.pm-sidebar-group {
    gap: 8px
}

.pm-sidebar-section {
    gap: 12px;
    display: grid
}

.pm-sidebar-item {
    background: #ffffff05;
    border: 1px solid #ffffff0d;
    border-radius: 20px;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 14px 14px 14px 12px;
    display: grid
}

.pm-sidebar-item.is-active {
    background: linear-gradient(#1a222bf5, #0e1318fa);
    border-color: #7bcf9e29
}

.pm-sidebar-item--muted {
    opacity: .88
}

.pm-sidebar-icon {
    color: #dbe4ee;
    background: #ffffff0a;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    display: inline-flex
}

.pm-sidebar-icon svg {
    width: 18px;
    height: 18px
}

.pm-sidebar-copy {
    gap: 4px;
    min-width: 0;
    display: grid
}

.pm-sidebar-copy strong,
.pm-category-item strong,
.pm-alert-item strong,
.pm-ticket-item strong,
.pm-focus-fact strong,
.pm-operator-cell strong {
    font-size: 15px;
    line-height: 1.12;
    display: block
}

.pm-sidebar-copy small {
    color: var(--soft);
    font-size: 13px
}

.pm-operator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px
}

.pm-operator-cell,
.pm-chart-highlight,
.pm-focus-fact {
    background: #ffffff08;
    border-radius: 20px;
    gap: 8px;
    min-height: 94px;
    padding: 14px;
    display: grid
}

.pm-operator-actions {
    flex-wrap: wrap;
    gap: 10px
}

.pm-mini-btn {
    align-items: center;
    display: inline-flex
}

.pm-mini-btn--accent,
.pm-action-card__icon,
.pm-metric-card__icon {
    background: linear-gradient(135deg, #7bcf9e29, #6796c71a)
}

.pm-mini-btn--ghost {
    background: #ffffff05
}

.pm-desk__metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px
}

.pm-metric-card {
    gap: 12px;
    min-height: 164px;
    padding: 22px;
    display: grid
}

.pm-metric-card__icon,
.pm-action-card__icon {
    color: #eff7ff;
    border: 1px solid #ffffff0f;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: inline-flex
}

.pm-metric-card__icon--2,
.pm-action-card__icon--warm {
    background: linear-gradient(135deg, #d9b27e2e, #6796c714)
}

.pm-metric-card__icon--3,
.pm-action-card__icon--teal {
    background: linear-gradient(135deg, #6796c72e, #7bcf9e14)
}

.pm-metric-card__icon--4 {
    background: linear-gradient(135deg, #6d83c92e, #d9b27e14)
}

.pm-metric-card strong {
    letter-spacing: -.06em;
    font-size: clamp(30px, 2.6vw, 40px);
    line-height: .94
}

.pm-metric-card p,
.pm-action-card__copy p,
.pm-alert-item p,
.pm-ticket-item p,
.pm-market-row__main p,
.pm-briefing-summary,
.pm-focus-head p {
    color: var(--soft);
    margin: 0;
    font-size: 14px;
    line-height: 1.6
}

.pm-desk__actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px
}

.pm-action-card {
    align-content: start;
    gap: 18px;
    min-height: 214px;
    padding: 22px;
    display: grid
}

.pm-action-card__copy {
    gap: 12px;
    display: grid
}

.pm-action-link {
    align-items: center;
    width: fit-content;
    display: inline-flex
}

.pm-desk__analytics {
    grid-template-columns: minmax(0, 1.16fr) minmax(330px, .84fr);
    gap: 18px
}

.pm-panel__toggle {
    color: #d4dce5;
    gap: 12px;
    font-size: 14px
}

.pm-panel__switch {
    background: #7bcf9e2e;
    border-radius: 999px;
    align-items: center;
    width: 54px;
    height: 32px;
    padding: 4px;
    display: inline-flex;
    position: relative
}

.pm-panel__switch i {
    background: #7bcf9e;
    border-radius: 999px;
    width: 24px;
    height: 24px;
    margin-left: auto;
    display: block
}

.pm-chart-highlights {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px
}

.pm-chart-highlight strong,
.pm-category-item strong,
.pm-focus-fact strong {
    letter-spacing: -.04em;
    font-size: 22px;
    line-height: .98
}

.pm-chart-shell {
    min-height: 312px
}

.pm-chart-svg {
    width: 100%;
    height: auto;
    display: block
}

.pm-chart-gridline {
    stroke: #ffffff0f;
    stroke-width: 1px
}

.pm-chart-axis {
    fill: #6d7b8a;
    font: 600 11px/1 var(--mono);
    letter-spacing: .08em;
    text-transform: uppercase
}

.pm-chart-axis--bottom {
    text-anchor: middle
}

.pm-chart-area {
    fill: url(index-BiPeSIlg.css#pm-chart-area)
}

.pm-chart-line {
    fill: none;
    stroke: #8de7ac;
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 10px 18px #8de7ac2e)
}

.pm-donut-wrap {
    grid-template-columns: 176px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    display: grid
}

.pm-donut {
    aspect-ratio: 1;
    border-radius: 999px;
    position: relative;
    box-shadow: inset 0 1px #ffffff14, 0 18px 34px #00000038
}

.pm-donut__hole {
    text-align: center;
    background: linear-gradient(#0b1015f5, #070a0efa);
    border-radius: 999px;
    place-items: center;
    display: grid;
    position: absolute;
    top: 26px;
    right: 26px;
    bottom: 26px;
    left: 26px
}

.pm-donut__hole span {
    color: #8fa2b5;
    font: 600 11px/1 var(--mono);
    letter-spacing: .14em;
    text-transform: uppercase
}

.pm-donut__hole strong {
    letter-spacing: -.06em;
    font-size: 38px;
    line-height: .9
}

.pm-category-list {
    gap: 12px
}

.pm-category-item {
    grid-template-columns: 14px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    display: grid
}

.pm-category-swatch {
    background: var(--pm-swatch);
    width: 14px;
    height: 14px;
    box-shadow: 0 0 0 4px var(--pm-swatch);
    border-radius: 999px
}

@supports (color:color-mix(in lab, red, red)) {
    .pm-category-swatch {
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--pm-swatch) 20%, transparent)
    }
}

.pm-alert-list,
.pm-ticket-list,
.pm-briefing-list,
.pm-market-list {
    gap: 12px
}

.pm-alert-item,
.pm-ticket-item,
.pm-briefing-item {
    border-top: 1px solid #ffffff14;
    padding-top: 12px
}

.pm-alert-item__head,
.pm-ticket-item__head {
    justify-content: space-between;
    gap: 12px
}

.pm-desk__lower {
    grid-template-columns: minmax(0, 1.18fr) minmax(350px, .82fr);
    gap: 18px
}

.pm-market-row {
    background: #ffffff08;
    border: 1px solid #ffffff12;
    border-radius: 24px;
    grid-template-columns: minmax(0, 1.28fr) minmax(270px, .92fr) auto;
    align-items: start;
    gap: 16px;
    padding: 18px;
    display: grid
}

.pm-market-row.is-selected {
    background: linear-gradient(#131c23f5, #0a0e13fc);
    border-color: #7bcf9e38
}

.pm-market-row__main {
    gap: 10px;
    display: grid
}

.pm-market-row__badges,
.pm-focus-actions {
    flex-wrap: wrap;
    gap: 8px
}

.pm-market-badge {
    background: #ffffff08;
    border: 1px solid #ffffff0f;
    border-radius: 999px;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    display: inline-flex
}

.pm-market-badge--accent {
    color: #dffff0;
    background: #7bcf9e14;
    border-color: #7bcf9e33
}

.pm-market-row__main strong {
    letter-spacing: -.04em;
    font-size: 21px;
    line-height: 1.08;
    display: block
}

.pm-market-row__metrics,
.pm-focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px
}

.pm-market-metric,
.pm-focus-fact {
    background: #ffffff08;
    border-radius: 18px;
    padding: 12px 14px
}

.pm-market-metric strong {
    letter-spacing: -.04em;
    margin-top: 8px;
    font-size: 20px;
    line-height: .96;
    display: block
}

.pm-market-row__actions {
    gap: 10px;
    min-width: 116px;
    display: grid
}

.pm-focus-head {
    gap: 12px;
    display: grid
}

.pm-briefing-item {
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 12px;
    display: grid
}

.pm-briefing-item span {
    background: #8de7ac;
    border-radius: 999px;
    width: 10px;
    height: 10px;
    margin-top: 7px;
    display: block
}

.pm-panel__empty {
    color: var(--soft);
    font-size: 14px
}

.is-spinning {
    animation: .9s linear infinite pm-desk-spin
}

@keyframes pm-desk-spin {
    to {
        transform: rotate(360deg)
    }
}

@media(max-width:1440px) {

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

    .pm-desk__analytics,
    .pm-desk__lower {
        grid-template-columns: 1fr
    }
}

@media(max-width:1080px) {
    .pm-desk {
        padding: 20px
    }

    .pm-desk__topbar,
    .pm-desk__frame {
        grid-template-columns: 1fr
    }

    .pm-desk__nav {
        justify-self: start;
        max-width: 100%;
        overflow-x: auto
    }

    .pm-desk__top-actions {
        justify-content: flex-start
    }

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

    .pm-donut-wrap {
        grid-template-columns: 1fr
    }
}

@media(max-width:780px) {
    .pm-desk {
        border-radius: 30px;
        padding: 16px
    }

    .pm-desk__sidebar,
    .pm-desk__metrics,
    .pm-desk__actions,
    .pm-chart-highlights,
    .pm-market-row,
    .pm-market-row__metrics,
    .pm-focus-grid {
        grid-template-columns: 1fr
    }

    .pm-market-row__actions {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .pm-desk__nav {
        width: 100%
    }

    .pm-panel__head--spread {
        grid-template-columns: 1fr
    }
}

.page-shell--dashboard-plain {
    background: radial-gradient(circle at 15% 6%, #72a7cf12, #0000 20%), radial-gradient(circle at 72% 14%, #76d0990d, #0000 17%), linear-gradient(#070b0ffa, #05080c);
    min-height: calc(100vh - 112px);
    padding: 112px 0 0
}

.dashboard-mobile-notice {
    min-height: calc(100vh - 112px);
    padding: clamp(28px, 8vw, 52px) var(--shell-gutter);
    place-items: center;
    display: grid
}

.dashboard-mobile-notice__inner {
    gap: 16px;
    width: min(100%, 24rem);
    display: grid
}

.dashboard-mobile-notice__eyebrow {
    color: #d7e2f2bd;
    letter-spacing: .16em;
    text-transform: uppercase;
    background: #ffffff08;
    border: 1px solid #d7e2f21f;
    border-radius: 999px;
    width: fit-content;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700
}

.dashboard-mobile-notice__title {
    color: #f4efe3;
    letter-spacing: -.06em;
    text-wrap: balance;
    max-width: 11ch;
    margin: 0;
    font-size: clamp(2rem, 10vw, 3.3rem);
    font-weight: 800;
    line-height: .94
}

.dashboard-mobile-notice__copy {
    color: #d7e2f2b8;
    text-wrap: balance;
    max-width: 28ch;
    margin: 0;
    font-size: 15px;
    line-height: 1.6
}

.dashboard-mobile-notice__link {
    color: #dce8b6;
    letter-spacing: .16em;
    text-transform: uppercase;
    border-bottom: 1px solid #60a5fa5c;
    width: fit-content;
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
    transition: border-color .2s, color .2s, transform .2s
}

.dashboard-mobile-notice__link:hover {
    color: #eef6d3;
    border-color: #60a5faa3;
    transform: translateY(-1px)
}

.dashboard-shot-shell {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 34px 0 54px
}

.dashboard-shot {
    background: radial-gradient(circle at 15% 6%, #72a7cf12, #0000 20%), radial-gradient(circle at 72% 14%, #76d0990d, #0000 17%), linear-gradient(#070b0ffa, #05080c);
    border: 1px solid #d0ddec1f;
    border-radius: 34px;
    min-height: 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 36px 84px #00000057
}

.dashboard-shot:before {
    content: "";
    opacity: .42;
    pointer-events: none;
    background: linear-gradient(#ffffff06, #0000 12%), repeating-linear-gradient(90deg, #0000 0, #0000 127px, #ffffff03, #ffffff03 129px), repeating-linear-gradient(#0000 0, #0000 109px, #ffffff03, #ffffff03 111px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dashboard-shot>* {
    z-index: 1;
    position: relative
}

.dashboard-shot__topbar>*,
.dashboard-shot__body>* {
    min-width: 0
}

.dashboard-shot__topbar {
    border-bottom: 1px solid #d0ddec24;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    min-height: 92px;
    padding: 22px 28px 20px;
    display: grid
}

.dashboard-shot__brand,
.dashboard-shot__brand-mark,
.dashboard-shot__topbar-actions,
.dashboard-shot__Bookmark-pill,
.dashboard-shot__menu-item,
.dashboard-shot__menu-icon,
.dashboard-shot__action-head,
.dashboard-shot__panel-title-wrap,
.dashboard-shot__toggle,
.dashboard-shot__legend-item {
    align-items: center;
    display: flex
}

.dashboard-shot__brand {
    gap: 14px;
    width: fit-content
}

.dashboard-shot__brand-copy {
    gap: 4px;
    display: grid
}

.dashboard-shot__brand-mark {
    background: linear-gradient(#19222cf5, #0a1015fa);
    border: 1px solid #dee7f21f;
    border-radius: 16px;
    justify-content: center;
    width: 48px;
    height: 48px;
    box-shadow: inset 0 1px #ffffff14, 0 12px 28px #00000029
}

.dashboard-shot__brand-mark img {
    opacity: .94;
    width: 28px;
    height: 28px
}

.dashboard-shot__brand-mark svg,
.dashboard-shot__metric-icon svg,
.dashboard-shot__action-icon svg {
    width: 24px;
    height: 24px
}

.dashboard-shot__brand-name {
    color: #f1eadc;
    letter-spacing: -.05em;
    text-shadow: 0 0 24px #ffffff0d;
    font-size: clamp(28px, 1.75vw, 40px);
    line-height: .94
}

.dashboard-shot__brand-subtitle {
    color: #ddd6cab8;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600
}

.dashboard-shot__topbar-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 14px
}

.dashboard-shot__nav {
    -webkit-backdrop-filter: blur(16px);
    background: linear-gradient(#1c252fe6, #0f161df0), #ffffff08;
    border: 1px solid #d0ddec21;
    border-radius: 999px;
    align-items: center;
    gap: 4px;
    padding: 7px;
    display: inline-flex;
    box-shadow: inset 0 1px #ffffff0f, 0 14px 34px #00000024
}

.dashboard-shot__nav-link,
.dashboard-shot__Bookmark-pill {
    color: #ded6c7;
    letter-spacing: -.02em;
    border: 1px solid #0000;
    border-radius: 999px;
    min-height: 46px;
    padding: 0 18px;
    font-size: 15px;
    transition: border-color .2s, background-color .2s, transform .2s
}

.dashboard-shot__nav-link {
    cursor: default;
    border: 0
}

.dashboard-shot__nav-link.is-active {
    color: #f4ece0;
    background: #ffffff0a;
    border-color: #d0ddec24
}

.dashboard-shot__nav-link:hover,
.dashboard-shot__Bookmark-pill:hover {
    background: #ffffff08;
    border-color: #d0ddec29;
    transform: translateY(-1px)
}

.dashboard-shot__Bookmark-pill {
    font: 800 12px/1 var(--font);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #f4ece0;
    background: linear-gradient(#1b242df0, #0e141bfa), #ffffff08;
    border-color: #d0ddec26;
    justify-content: center;
    box-shadow: inset 0 1px #ffffff0f, 0 14px 34px #00000024
}

.dashboard-shot__body,
.dashboard-shot__main,
.dashboard-shot__metric-grid,
.dashboard-shot__action-grid,
.dashboard-shot__analytics,
.dashboard-shot__trend-highlights,
.dashboard-shot__legend {
    display: grid
}

.dashboard-shot__body {
    display: flex
}

.dashboard-shot__sidebar {
    border-right: 1px solid #d0ddec24;
    flex: 0 0 246px;
    align-content: start;
    gap: 24px;
    padding: 28px 0;
    display: grid;
    position: relative
}

.dashboard-shot__collapse {
    color: #b8c5d4;
    background: linear-gradient(#2b333ffa, #1b222afa);
    border: 0;
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: inline-flex;
    position: absolute;
    top: 24px;
    right: -15px;
    box-shadow: 0 14px 28px #00000042, inset 0 1px #ffffff0f
}

.dashboard-shot__sidebar-section {
    gap: 14px;
    display: grid
}

.dashboard-shot__sidebar-section--secondary {
    margin-top: 6px
}

.dashboard-shot__section-label {
    color: #e6ddd19e;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 0 28px;
    font-size: 12px;
    font-weight: 700
}

.dashboard-shot__menu-list {
    gap: 4px;
    display: grid
}

.dashboard-shot__menu-item {
    color: #e7ded1c2;
    text-align: left;
    letter-spacing: -.02em;
    background: 0 0;
    border: 0;
    gap: 16px;
    width: 100%;
    min-height: 56px;
    padding: 0 26px;
    font-size: 15px;
    transition: background-color .2s, color .2s
}

.dashboard-shot__menu-item:hover {
    color: #f5ecdeeb;
    background: #ffffff05
}

.dashboard-shot__menu-item.is-active {
    color: #f0e7d8;
    background: linear-gradient(#202831fa, #131a22f5);
    box-shadow: inset 0 1px #ffffff0a, inset 0 -1px #ffffff05
}

.dashboard-shot__menu-item--secondary {
    min-height: 54px
}

.dashboard-shot__menu-icon {
    color: #dcd6cac7;
    justify-content: center;
    width: 22px
}

.dashboard-shot__main {
    flex: auto;
    gap: 20px;
    min-width: 0;
    padding: 24px 26px 28px 28px
}

.dashboard-shot__metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px
}

.dashboard-shot__metric-card,
.dashboard-shot__action-card,
.dashboard-shot__panel {
    background: linear-gradient(#131b24f0, #0c1218fa), #ffffff05;
    border: 1px solid #d0ddec29;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 1px #ffffff0d, 0 24px 56px #0000002e
}

.dashboard-shot__metric-card:before,
.dashboard-shot__action-card:before,
.dashboard-shot__panel:before {
    content: "";
    pointer-events: none;
    background: linear-gradient(#ffffff09, #0000 18%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dashboard-shot__metric-card {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    min-height: 170px;
    padding: 22px 22px 20px;
    display: grid
}

.dashboard-shot__metric-copy {
    align-content: space-between;
    gap: 20px;
    display: grid
}

.dashboard-shot__metric-copy h2 {
    color: #d9d3c9;
    letter-spacing: -.03em;
    max-width: 11ch;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33
}

.dashboard-shot__metric-copy strong {
    color: #f0eadc;
    letter-spacing: -.06em;
    font-size: clamp(24px, 1.75vw, 34px);
    line-height: .95;
    display: block
}

.dashboard-shot__metric-icon {
    border: 1px solid #ffffff0d;
    border-radius: 13px;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    display: inline-flex;
    box-shadow: inset 0 1px #ffffff0a
}

.dashboard-shot__metric-card[data-tone=olive] .dashboard-shot__metric-icon {
    color: #eff8e2;
    background: linear-gradient(#8eab6ceb, #6f8952fa)
}

.dashboard-shot__metric-card[data-tone=warm] .dashboard-shot__metric-icon {
    color: #f6e9df;
    background: linear-gradient(#a8856af0, #88674efa)
}

.dashboard-shot__metric-card[data-tone=teal] .dashboard-shot__metric-icon {
    color: #e6fbf7;
    background: linear-gradient(#5c9191f0, #3b6c6cfa)
}

.dashboard-shot__metric-card[data-tone=sand] .dashboard-shot__metric-icon {
    color: #fff2d8;
    background: linear-gradient(#ac9666f0, #887247fa)
}

.dashboard-shot__action-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px
}

.dashboard-shot__action-card {
    gap: 20px;
    min-height: 180px;
    padding: 22px;
    display: grid
}

.dashboard-shot__action-head {
    justify-content: space-between;
    gap: 16px
}

.dashboard-shot__action-icon {
    color: #eae3d7c7;
    justify-content: center;
    align-items: center;
    width: 36px;
    display: inline-flex
}

.dashboard-shot__action-arrow {
    color: #eae3d7cc
}

.dashboard-shot__action-copy {
    align-content: start;
    gap: 12px;
    display: grid
}

.dashboard-shot__action-copy h3 {
    color: #f0eadc;
    letter-spacing: -.04em;
    max-width: 12ch;
    margin: 0;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.28
}

.dashboard-shot__action-copy p {
    color: #dbd6cbd1;
    letter-spacing: -.01em;
    max-width: 24ch;
    margin: 0;
    font-size: 14px;
    line-height: 1.42
}

.dashboard-shot__analytics {
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, .92fr);
    align-items: start;
    gap: 16px
}

.dashboard-shot__panel {
    padding: 22px 22px 20px
}

.dashboard-shot__panel--trend,
.dashboard-shot__panel--categories {
    min-height: 352px
}

.dashboard-shot__panel-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    display: grid
}

.dashboard-shot__panel-head--stacked {
    grid-template-columns: 1fr
}

.dashboard-shot__panel-title-wrap {
    gap: 14px
}

.dashboard-shot__panel-icon {
    color: #84c694;
    background: #ffffff08;
    border: 1px solid #d0ddec29;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: inline-flex
}

.dashboard-shot__panel-title-wrap h3 {
    color: #f0eadc;
    letter-spacing: -.04em;
    margin: 0;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.1
}

.dashboard-shot__toggle {
    color: #e7e0d5d6;
    letter-spacing: -.03em;
    gap: 12px;
    font-size: 14px
}

.dashboard-shot__toggle-switch {
    background: #5cb97de0;
    border-radius: 999px;
    align-items: center;
    width: 42px;
    height: 24px;
    padding: 3px;
    display: inline-flex;
    position: relative;
    box-shadow: inset 0 1px #fff3
}

.dashboard-shot__toggle-switch i {
    background: #0f1518;
    border-radius: 999px;
    width: 18px;
    height: 18px;
    margin-left: auto;
    display: block
}

.dashboard-shot__trend-highlights {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px
}

.dashboard-shot__trend-item {
    gap: 6px;
    display: grid
}

.dashboard-shot__trend-item strong {
    color: #f5eddf;
    letter-spacing: -.06em;
    align-items: baseline;
    gap: 6px;
    font-size: clamp(17px, 1.18vw, 25px);
    line-height: .98;
    display: flex
}

.dashboard-shot__trend-item strong span {
    color: #d8cebfc7;
    font-size: .82em;
    font-weight: 500
}

.dashboard-shot__trend-item[data-accent=true] strong {
    color: #7ad59b
}

.dashboard-shot__trend-item p {
    color: #d8d0c2b8;
    letter-spacing: -.02em;
    margin: 0;
    font-size: 13px;
    line-height: 1.22
}

.dashboard-shot__chart {
    border-radius: 18px 18px 0 0;
    margin-top: 10px;
    overflow: hidden
}

.dashboard-shot__chart svg {
    width: 100%;
    height: auto;
    display: block
}

.dashboard-shot__chart-area {
    fill: url(index-BiPeSIlg.css#dashboard-shot-area)
}

.dashboard-shot__chart-line {
    fill: none;
    stroke: #81d39b;
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 8px 20px #81d39b33)
}

.dashboard-shot__category-layout {
    grid-template-columns: 1fr;
    place-items: center;
    gap: 22px;
    padding-top: 14px;
    display: grid
}

.dashboard-shot__donut {
    aspect-ratio: 1;
    border-radius: 999px;
    width: min(100%, 184px);
    position: relative;
    box-shadow: inset 0 1px #ffffff14, 0 20px 40px #00000029
}

.dashboard-shot__donut-hole {
    background: linear-gradient(#0d1217fa, #090d11fa);
    border-radius: 999px;
    position: absolute;
    top: 36px;
    right: 36px;
    bottom: 36px;
    left: 36px;
    box-shadow: inset 0 0 0 1px #d0ddec0f
}

.dashboard-shot__legend {
    gap: 12px;
    width: 100%;
    padding-left: 0
}

.dashboard-shot__legend-item {
    color: #ece4d8e6;
    letter-spacing: -.02em;
    gap: 12px;
    font-size: 15px
}

.dashboard-shot__legend-item strong {
    color: #f5eddf;
    font-weight: 700
}

.dashboard-shot__legend-dot {
    border-radius: 999px;
    width: 14px;
    height: 14px;
    box-shadow: 0 0 0 5px #ffffff08
}

@media(max-width:1640px) {
    .dashboard-shot__main {
        padding-left: 24px;
        padding-right: 22px
    }
}

@media(max-width:1380px) {
    .dashboard-shot__sidebar {
        flex-basis: 220px
    }

    .dashboard-shot__topbar {
        grid-template-columns: 1fr;
        justify-items: start
    }
}

@media(max-width:1080px) {
    .dashboard-shot__body {
        flex-direction: column;
        min-height: 0
    }

    .dashboard-shot__sidebar {
        border-bottom: 1px solid #d0ddec24;
        border-right: 0;
        flex-basis: auto;
        padding-top: 24px
    }

    .dashboard-shot__collapse {
        display: none
    }

    .dashboard-shot__sidebar-section--secondary {
        margin-top: 10px
    }

    .dashboard-shot__main {
        padding-top: 20px
    }

    .dashboard-shot__action-grid,
    .dashboard-shot__metric-grid,
    .dashboard-shot__analytics,
    .dashboard-shot__category-layout {
        grid-template-columns: 1fr
    }
}

@media(max-width:780px) {
    .dashboard-shot-shell {
        padding: 16px 0 28px
    }

    .dashboard-shot__topbar {
        gap: 14px;
        padding: 18px 16px
    }

    .dashboard-shot__topbar-actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%
    }

    .dashboard-shot__nav {
        justify-content: space-between;
        width: 100%
    }

    .dashboard-shot__main {
        gap: 24px;
        padding: 20px 16px 28px
    }

    .dashboard-shot__metric-grid,
    .dashboard-shot__trend-highlights,
    .dashboard-shot__category-layout {
        grid-template-columns: 1fr
    }

    .dashboard-shot__metric-card {
        min-height: 188px;
        padding: 24px
    }

    .dashboard-shot__metric-copy strong {
        font-size: 34px
    }

    .dashboard-shot__action-card,
    .dashboard-shot__panel {
        padding: 22px 20px
    }

    .dashboard-shot__panel-head {
        grid-template-columns: 1fr
    }

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

    .dashboard-shot__legend {
        padding-left: 0
    }
}

@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-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
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-pan-x {
    syntax: "*";
    inherits: false
}

@property --tw-pan-y {
    syntax: "*";
    inherits: false
}

@property --tw-pinch-zoom {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-mask-linear {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-radial {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-conic {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-left {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-right {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-bottom {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-top {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-bottom-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0%
}

@property --tw-mask-bottom-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}

@property --tw-mask-bottom-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}

@property --tw-mask-bottom-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    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-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@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
}