@font-face{font-family:Geist;src:url('/acquisition/geist-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/acquisition/geist-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Geist;src:url('/acquisition/geist-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Geist;src:url('/acquisition/geist-700.woff2') format('woff2');font-weight:700;font-display:swap}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Geist, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: Geist Mono, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

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

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
    :root {
        --color-background: 248 250 252;
        --color-surface: 255 255 255;
        --color-surface-subtle: 243 244 246;
        --color-text-primary: 17 24 39;
        --color-text-secondary: 107 114 128;
        --color-text-muted: 156 163 175;
        --color-border: 229 231 235;
        --color-border-strong: 209 213 219;
        --color-accent: 99 91 255;
        --color-accent-soft: 238 242 255;
        --color-good: 22 163 74;
        --color-good-soft: 220 252 231;
        --color-warning: 217 119 6;
        --color-warning-soft: 254 243 199;
        --color-critical: 220 38 38;
        --color-critical-soft: 254 226 226;
        --color-neutral: 107 114 128;
        --color-neutral-soft: 243 244 246;
    }

    :root[data-theme="dark"] {
        --color-background: 11 11 13;
        --color-surface: 17 17 20;
        --color-surface-subtle: 25 25 29;
        --color-text-primary: 244 244 245;
        --color-text-secondary: 161 161 170;
        --color-text-muted: 113 113 122;
        --color-border: 39 39 45;
        --color-border-strong: 63 63 70;
        --color-accent: 139 132 255;
        --color-accent-soft: 38 34 73;
        --color-good: 74 222 128;
        --color-good-soft: 20 53 35;
        --color-warning: 251 191 36;
        --color-warning-soft: 63 44 14;
        --color-critical: 248 113 113;
        --color-critical-soft: 69 25 29;
        --color-neutral: 161 161 170;
        --color-neutral-soft: 25 25 29;
    }

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 5rem;
    }

    a,
    button {
        transition-property: color, background-color, border-color, opacity, box-shadow, transform;
        transition-duration: 160ms;
        transition-timing-function: ease-out;
    }

    body{--tw-bg-opacity:1;background-color:rgb(var(--color-background) / var(--tw-bg-opacity, 1));font-family:Geist, sans-serif;--tw-text-opacity:1;color:rgb(var(--color-text-primary) / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
        background-image: linear-gradient(180deg, #fbfcfd 0, #f8fafc 280px);
        background-attachment: fixed}

    :root[data-theme="dark"] body {
        background-image: linear-gradient(180deg, #0f0f12 0, #0b0b0d 280px);
    }

    :root[data-theme="dark"] img:not([data-preserve-color]) {
        outline-color: rgba(255, 255, 255, 0.1);
    }
.\!container{width:100% !important}
.container{width:100%}
@media (min-width: 640px){
.\!container{max-width:640px !important}
.container{max-width:640px}}
@media (min-width: 768px){
.\!container{max-width:768px !important}
.container{max-width:768px}}
@media (min-width: 1024px){
.\!container{max-width:1024px !important}
.container{max-width:1024px}}
@media (min-width: 1280px){
.\!container{max-width:1280px !important}
.container{max-width:1280px}}
@media (min-width: 1536px){
.\!container{max-width:1536px !important}
.container{max-width:1536px}}
    .card{overflow:hidden;border-radius:0.75rem;border-width:1px;--tw-bg-opacity:1;background-color:rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
        border-color: rgba(17, 24, 39, 0.10);
        background-image: linear-gradient(180deg, #ffffff 0%, #fdfdfe 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            0 1px 2px rgba(17, 24, 39, 0.04),
            0 8px 24px rgba(17, 24, 39, 0.035)}

    .btn-primary{border-radius:0.5rem;border-width:1px;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;transition-duration:150ms}

    .btn-primary:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgb(var(--color-accent) / 0.25);--tw-ring-offset-width:2px}

    .btn-primary:disabled{pointer-events:none;opacity:0.5}

    .btn-primary {
        border-color: #5149dc;
        background: linear-gradient(180deg, #746cff 0%, #6259f2 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.24),
            0 1px 2px rgba(38, 31, 135, 0.22),
            0 3px 8px rgba(99, 91, 255, 0.14);
        text-shadow: 0 1px 0 rgba(29, 23, 104, 0.16);
    }

    .btn-primary:hover {
        background: linear-gradient(180deg, #7d75ff 0%, #685ff5 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.28),
            0 1px 2px rgba(38, 31, 135, 0.24),
            0 5px 12px rgba(99, 91, 255, 0.18);
        transform: translateY(-1px);
    }

    .btn-primary:active {
        background: linear-gradient(180deg, #6259f2 0%, #6b62f7 100%);
        box-shadow: inset 0 1px 2px rgba(38, 31, 135, 0.2);
        transform: translateY(0);
    }

    .btn-secondary{border-radius:0.5rem;border-width:1px;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(var(--color-text-primary) / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;transition-duration:150ms}

    .btn-secondary:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgb(var(--color-text-primary) / 0.1);--tw-ring-offset-width:2px}

    .btn-secondary:disabled{pointer-events:none;opacity:0.5}

    .btn-secondary {
        border-color: rgba(17, 24, 39, 0.13);
        background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            0 1px 2px rgba(17, 24, 39, 0.06);
    }

    .btn-secondary:hover {
        border-color: rgba(17, 24, 39, 0.18);
        background: linear-gradient(180deg, #ffffff 0%, #f3f4f7 100%);
        box-shadow:
            inset 0 1px 0 #ffffff,
            0 2px 5px rgba(17, 24, 39, 0.08);
        transform: translateY(-1px);
    }

    .btn-secondary:active {
        background: #f4f5f7;
        box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.08);
        transform: translateY(0);
    }

    .btn-danger{border-radius:0.5rem;border-width:1px;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;transition-duration:150ms}

    .btn-danger:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgb(var(--color-critical) / 0.25);--tw-ring-offset-width:2px}

    .btn-danger:disabled{pointer-events:none;opacity:0.5}

    .btn-danger {
        border-color: #991b1b;
        background: #dc2626;
        box-shadow: 0 1px 2px rgba(153, 27, 27, 0.22);
    }

    .btn-danger:hover {
        background: #b91c1c;
        transform: translateY(-1px);
    }

    .btn-danger:active {
        background: #991b1b;
        transform: translateY(0);
    }

    .input{border-radius:0.5rem;border-width:1px;--tw-bg-opacity:1;background-color:rgb(var(--color-surface) / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgb(var(--color-text-primary) / var(--tw-text-opacity, 1))}

    .input::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--color-text-muted) / var(--tw-text-opacity, 1))}

    .input::placeholder{--tw-text-opacity:1;color:rgb(var(--color-text-muted) / var(--tw-text-opacity, 1))}

    .input:focus{border-color:rgb(var(--color-accent) / 0.6);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgb(var(--color-accent) / 0.1)}

    .input {
        border-color: rgba(17, 24, 39, 0.13);
        background-image: linear-gradient(180deg, #ffffff 0%, #fdfdfe 100%);
        box-shadow:
            inset 0 1px 2px rgba(17, 24, 39, 0.025),
            0 1px 1px rgba(17, 24, 39, 0.025);
    }

    .badge{display:inline-flex;align-items:center;border-radius:9999px;border-width:1px;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;font-weight:500;line-height:1.25rem;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7)}

    .widget-panel{overflow:hidden;border-radius:1rem;border-width:1px;--tw-bg-opacity:1;background-color:rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
        border-color: rgba(17, 24, 39, 0.10);
        background-image: linear-gradient(180deg, #ffffff 0%, #fdfdfe 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            0 1px 2px rgba(17, 24, 39, 0.045),
            0 16px 44px rgba(17, 24, 39, 0.045)}

    .recommendation-panel {
        border-color: rgba(99, 91, 255, 0.28);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            0 2px 4px rgba(17, 24, 39, 0.05),
            0 20px 52px rgba(99, 91, 255, 0.10);
    }

    .widget-organizer-backdrop {
        animation: widget-organizer-fade-in 160ms ease-out both;
    }

    .widget-organizer-panel {
        animation: widget-organizer-panel-in 180ms cubic-bezier(0.22, 1, 0.36, 1) both;
        transform-origin: center bottom;
    }

    .widget-organizer-backdrop[data-closing="true"] {
        animation: widget-organizer-fade-out 160ms ease-in both;
    }

    .widget-organizer-backdrop[data-closing="true"] .widget-organizer-panel {
        animation: widget-organizer-panel-out 160ms ease-in both;
    }

    .widget-header{border-bottom-width:1px;padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem;
        border-color: rgba(17, 24, 39, 0.08);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 249, 251, 0.72))}

    .control-surface {
        border-color: rgba(17, 24, 39, 0.13);
        background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            0 1px 2px rgba(17, 24, 39, 0.05);
    }
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
.pointer-events-none{pointer-events:none}
.pointer-events-auto{pointer-events:auto}
.\!visible{visibility:visible !important}
.visible{visibility:visible}
.static{position:static}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.inset-0{inset:0px}
.inset-x-0{left:0px;right:0px}
.inset-y-0{top:0px;bottom:0px}
.inset-y-1{top:0.25rem;bottom:0.25rem}
.-left-2{left:-0.5rem}
.-left-3{left:-0.75rem}
.-left-\[23px\]{left:-23px}
.-left-px{left:-1px}
.-right-7{right:-1.75rem}
.-top-2{top:-0.5rem}
.-top-3{top:-0.75rem}
.-top-5{top:-1.25rem}
.bottom-5{bottom:1.25rem}
.bottom-6{bottom:1.5rem}
.left-0{left:0px}
.left-1\/2{left:50%}
.left-3{left:0.75rem}
.left-3\.5{left:0.875rem}
.left-4{left:1rem}
.left-5{left:1.25rem}
.left-\[1\.0625rem\]{left:1.0625rem}
.left-\[48\%\]{left:48%}
.right-0{right:0px}
.right-2{right:0.5rem}
.right-3{right:0.75rem}
.right-4{right:1rem}
.right-5{right:1.25rem}
.top-0{top:0px}
.top-1\.5{top:0.375rem}
.top-1\/2{top:50%}
.top-12{top:3rem}
.top-2{top:0.5rem}
.top-20{top:5rem}
.top-24{top:6rem}
.top-3{top:0.75rem}
.top-4{top:1rem}
.top-5{top:1.25rem}
.top-6{top:1.5rem}
.top-9{top:2.25rem}
.top-\[18\%\]{top:18%}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
.z-\[1000\]{z-index:1000}
.z-\[100\]{z-index:100}
.z-\[1\]{z-index:1}
.z-\[60\]{z-index:60}
.z-\[70\]{z-index:70}
.order-1{order:1}
.order-2{order:2}
.order-3{order:3}
.col-span-12{grid-column:span 12 / span 12}
.col-span-2{grid-column:span 2 / span 2}
.col-span-6{grid-column:span 6 / span 6}
.mx-auto{margin-left:auto;margin-right:auto}
.my-1{margin-top:0.25rem;margin-bottom:0.25rem}
.-mr-1{margin-right:-0.25rem}
.-mt-1{margin-top:-0.25rem}
.-mt-2{margin-top:-0.5rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-2{margin-bottom:0.5rem}
.mb-2\.5{margin-bottom:0.625rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-7{margin-bottom:1.75rem}
.mb-8{margin-bottom:2rem}
.mb-\[7px\]{margin-bottom:7px}
.ml-1{margin-left:0.25rem}
.ml-10{margin-left:2.5rem}
.ml-2{margin-left:0.5rem}
.ml-\[17\%\]{margin-left:17%}
.ml-auto{margin-left:auto}
.mr-2{margin-right:0.5rem}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-1\.5{margin-top:0.375rem}
.mt-10{margin-top:2.5rem}
.mt-12{margin-top:3rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-7{margin-top:1.75rem}
.mt-8{margin-top:2rem}
.mt-9{margin-top:2.25rem}
.mt-auto{margin-top:auto}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table{display:table}
.grid{display:grid}
.contents{display:contents}
.hidden{display:none}
.aspect-\[16\/10\]{aspect-ratio:16/10}
.aspect-\[390\/640\]{aspect-ratio:390/640}
.h-0{height:0px}
.h-0\.5{height:0.125rem}
.h-1{height:0.25rem}
.h-1\.5{height:0.375rem}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-2{height:0.5rem}
.h-2\.5{height:0.625rem}
.h-20{height:5rem}
.h-24{height:6rem}
.h-28{height:7rem}
.h-3{height:0.75rem}
.h-3\.5{height:0.875rem}
.h-36{height:9rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-72{height:18rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-\[142px\]{height:142px}
.h-\[170px\]{height:170px}
.h-\[280px\]{height:280px}
.h-\[38px\]{height:38px}
.h-\[43px\]{height:43px}
.h-\[640px\]{height:640px}
.h-\[calc\(100\%-2\.25rem\)\]{height:calc(100% - 2.25rem)}
.h-auto{height:auto}
.h-dvh{height:100dvh}
.h-full{height:100%}
.h-px{height:1px}
.max-h-16{max-height:4rem}
.max-h-44{max-height:11rem}
.max-h-64{max-height:16rem}
.max-h-80{max-height:20rem}
.max-h-96{max-height:24rem}
.max-h-\[142px\]{max-height:142px}
.max-h-\[26rem\]{max-height:26rem}
.max-h-\[34rem\]{max-height:34rem}
.max-h-\[92dvh\]{max-height:92dvh}
.max-h-\[calc\(100dvh-env\(safe-area-inset-top\)\)\]{max-height:calc(100dvh - env(safe-area-inset-top))}
.\!min-h-8{min-height:2rem !important}
.min-h-0{min-height:0px}
.min-h-10{min-height:2.5rem}
.min-h-11{min-height:2.75rem}
.min-h-12{min-height:3rem}
.min-h-16{min-height:4rem}
.min-h-20{min-height:5rem}
.min-h-24{min-height:6rem}
.min-h-36{min-height:9rem}
.min-h-40{min-height:10rem}
.min-h-5{min-height:1.25rem}
.min-h-6{min-height:1.5rem}
.min-h-64{min-height:16rem}
.min-h-7{min-height:1.75rem}
.min-h-72{min-height:18rem}
.min-h-8{min-height:2rem}
.min-h-9{min-height:2.25rem}
.min-h-\[1px\]{min-height:1px}
.min-h-\[220px\]{min-height:220px}
.min-h-\[280px\]{min-height:280px}
.min-h-\[420px\]{min-height:420px}
.min-h-\[520px\]{min-height:520px}
.min-h-\[620px\]{min-height:620px}
.min-h-\[72px\]{min-height:72px}
.min-h-\[74px\]{min-height:74px}
.min-h-\[calc\(100dvh-4rem\)\]{min-height:calc(100dvh - 4rem)}
.min-h-\[calc\(100vh-5rem\)\]{min-height:calc(100vh - 5rem)}
.min-h-screen{min-height:100vh}
.w-1\.5{width:0.375rem}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-2{width:0.5rem}
.w-2\.5{width:0.625rem}
.w-2\/3{width:66.666667%}
.w-3{width:0.75rem}
.w-3\.5{width:0.875rem}
.w-3\/5{width:60%}
.w-36{width:9rem}
.w-4{width:1rem}
.w-4\/5{width:80%}
.w-40{width:10rem}
.w-48{width:12rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-72{width:18rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-\[22\%\]{width:22%}
.w-\[220px\]{width:220px}
.w-\[56\%\]{width:56%}
.w-\[68px\]{width:68px}
.w-\[min\(286px\2c calc\(100vw-2rem\)\)\]{width:min(286px, calc(100vw - 2rem))}
.w-auto{width:auto}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.w-max{width:-moz-max-content;width:max-content}
.w-px{width:1px}
.min-w-0{min-width:0px}
.min-w-11{min-width:2.75rem}
.min-w-14{min-width:3.5rem}
.min-w-16{min-width:4rem}
.min-w-28{min-width:7rem}
.min-w-32{min-width:8rem}
.min-w-52{min-width:13rem}
.min-w-64{min-width:16rem}
.min-w-\[320px\]{min-width:320px}
.min-w-\[410px\]{min-width:410px}
.min-w-\[500px\]{min-width:500px}
.min-w-\[560px\]{min-width:560px}
.min-w-\[620px\]{min-width:620px}
.min-w-\[720px\]{min-width:720px}
.min-w-max{min-width:-moz-max-content;min-width:max-content}
.max-w-2xl{max-width:42rem}
.max-w-32{max-width:8rem}
.max-w-3xl{max-width:48rem}
.max-w-48{max-width:12rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-64{max-width:16rem}
.max-w-6xl{max-width:72rem}
.max-w-72{max-width:18rem}
.max-w-7xl{max-width:80rem}
.max-w-\[1200px\]{max-width:1200px}
.max-w-\[1400px\]{max-width:1400px}
.max-w-\[180px\]{max-width:180px}
.max-w-\[240px\]{max-width:240px}
.max-w-\[590px\]{max-width:590px}
.max-w-\[620px\]{max-width:620px}
.max-w-full{max-width:100%}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-none{max-width:none}
.max-w-sm{max-width:24rem}
.max-w-xl{max-width:36rem}
.max-w-xs{max-width:20rem}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.border-separate{border-collapse:separate}
.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}
.origin-top-left{transform-origin:top left}
.-translate-x-1{--tw-translate-x:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-20{--tw-translate-y:-5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes ping{
75%, 100%{transform:scale(2);opacity:0}}
.animate-ping{animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite}
@keyframes spin{
to{transform:rotate(360deg)}}
.animate-spin{animation:spin 1s linear infinite}
.cursor-crosshair{cursor:crosshair}
.cursor-grab{cursor:grab}
.cursor-grabbing{cursor:grabbing}
.cursor-not-allowed{cursor:not-allowed}
.cursor-pointer{cursor:pointer}
.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.resize-y{resize:vertical}
.resize{resize:both}
.scroll-mt-20{scroll-margin-top:5rem}
.scroll-mt-24{scroll-margin-top:6rem}
.list-none{list-style-type:none}
.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.grid-flow-row-dense{grid-auto-flow:row dense}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}
.grid-cols-\[112px_1fr_36px\]{grid-template-columns:112px 1fr 36px}
.grid-cols-\[1fr_0\.4fr_auto\]{grid-template-columns:1fr 0.4fr auto}
.grid-cols-\[1fr_0\.8fr\]{grid-template-columns:1fr 0.8fr}
.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}
.grid-cols-\[2\.25rem_minmax\(0\2c 1fr\)\]{grid-template-columns:2.25rem minmax(0,1fr)}
.grid-cols-\[2\.5rem_minmax\(0\2c 1fr\)\]{grid-template-columns:2.5rem minmax(0,1fr)}
.grid-cols-\[2rem_minmax\(0\2c 1fr\)\]{grid-template-columns:2rem minmax(0,1fr)}
.grid-cols-\[40px_minmax\(0\2c 1fr\)\]{grid-template-columns:40px minmax(0,1fr)}
.grid-cols-\[72px_minmax\(0\2c 1fr\)_28px\]{grid-template-columns:72px minmax(0,1fr) 28px}
.grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 0\.9fr\)_minmax\(0\2c 0\.9fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(0,0.9fr) minmax(0,0.9fr)}
.grid-cols-\[minmax\(0\2c 1fr\)_68px_68px\]{grid-template-columns:minmax(0,1fr) 68px 68px}
.grid-cols-\[minmax\(0\2c 1fr\)_70px_70px_88px\]{grid-template-columns:minmax(0,1fr) 70px 70px 88px}
.grid-cols-\[minmax\(0\2c 1fr\)_80px\]{grid-template-columns:minmax(0,1fr) 80px}
.grid-cols-\[minmax\(0\2c 1fr\)_90px_90px\]{grid-template-columns:minmax(0,1fr) 90px 90px}
.grid-cols-\[minmax\(0\2c 1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}
.grid-cols-\[minmax\(108px\2c 1\.2fr\)_minmax\(96px\2c 1fr\)_minmax\(76px\2c 0\.85fr\)\]{grid-template-columns:minmax(108px,1.2fr) minmax(96px,1fr) minmax(76px,0.85fr)}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.place-items-center{place-items:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.items-baseline{align-items:baseline}
.items-stretch{align-items:stretch}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-items-center{justify-items:center}
.gap-0\.5{gap:0.125rem}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-12{gap:3rem}
.gap-16{gap:4rem}
.gap-2{gap:0.5rem}
.gap-2\.5{gap:0.625rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-7{gap:1.75rem}
.gap-8{gap:2rem}
.gap-9{gap:2.25rem}
.gap-x-1\.5{-moz-column-gap:0.375rem;column-gap:0.375rem}
.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}
.gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem}
.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}
.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}
.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}
.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}
.gap-y-1{row-gap:0.25rem}
.gap-y-2{row-gap:0.5rem}
.gap-y-3{row-gap:0.75rem}
.gap-y-4{row-gap:1rem}
.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}
.space-y-10 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}
.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}
.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.space-y-7 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}
.space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}
.space-y-\[19px\] > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(19px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(19px * var(--tw-space-y-reverse))}
.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}
.divide-border > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--color-border) / var(--tw-divide-opacity, 1))}
.self-center{align-self:center}
.justify-self-center{justify-self:center}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-visible{overflow:visible}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overscroll-contain{overscroll-behavior:contain}
.overscroll-none{overscroll-behavior:none}
.overscroll-y-auto{overscroll-behavior-y:auto}
.scroll-smooth{scroll-behavior:smooth}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-nowrap{white-space:nowrap}
.whitespace-pre{white-space:pre}
.text-balance{text-wrap:balance}
.text-pretty{text-wrap:pretty}
.break-words{overflow-wrap:break-word}
.rounded{border-radius:0.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-md{border-radius:0.375rem}
.rounded-sm{border-radius:0.125rem}
.rounded-xl{border-radius:0.75rem}
.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}
.rounded-t-xl{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem}
.border{border-width:1px}
.border-2{border-width:2px}
.border-\[10px\]{border-width:10px}
.border-\[3px\]{border-width:3px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-b{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-l{border-left-width:1px}
.border-l-2{border-left-width:2px}
.border-t{border-top-width:1px}
.border-t-2{border-top-width:2px}
.border-dashed{border-style:dashed}
.border-accent{--tw-border-opacity:1;border-color:rgb(var(--color-accent) / var(--tw-border-opacity, 1))}
.border-accent-soft{--tw-border-opacity:1;border-color:rgb(var(--color-accent-soft) / var(--tw-border-opacity, 1))}
.border-accent\/10{border-color:rgb(var(--color-accent) / 0.1)}
.border-accent\/15{border-color:rgb(var(--color-accent) / 0.15)}
.border-accent\/20{border-color:rgb(var(--color-accent) / 0.2)}
.border-accent\/25{border-color:rgb(var(--color-accent) / 0.25)}
.border-accent\/30{border-color:rgb(var(--color-accent) / 0.3)}
.border-accent\/35{border-color:rgb(var(--color-accent) / 0.35)}
.border-accent\/40{border-color:rgb(var(--color-accent) / 0.4)}
.border-accent\/45{border-color:rgb(var(--color-accent) / 0.45)}
.border-accent\/60{border-color:rgb(var(--color-accent) / 0.6)}
.border-border{--tw-border-opacity:1;border-color:rgb(var(--color-border) / var(--tw-border-opacity, 1))}
.border-border-strong{--tw-border-opacity:1;border-color:rgb(var(--color-border-strong) / var(--tw-border-opacity, 1))}
.border-border\/50{border-color:rgb(var(--color-border) / 0.5)}
.border-border\/80{border-color:rgb(var(--color-border) / 0.8)}
.border-critical{--tw-border-opacity:1;border-color:rgb(var(--color-critical) / var(--tw-border-opacity, 1))}
.border-critical-soft{--tw-border-opacity:1;border-color:rgb(var(--color-critical-soft) / var(--tw-border-opacity, 1))}
.border-critical\/15{border-color:rgb(var(--color-critical) / 0.15)}
.border-critical\/40{border-color:rgb(var(--color-critical) / 0.4)}
.border-fuchsia-500\/85{border-color:rgb(217 70 239 / 0.85)}
.border-good{--tw-border-opacity:1;border-color:rgb(var(--color-good) / var(--tw-border-opacity, 1))}
.border-good-soft{--tw-border-opacity:1;border-color:rgb(var(--color-good-soft) / var(--tw-border-opacity, 1))}
.border-good\/15{border-color:rgb(var(--color-good) / 0.15)}
.border-good\/20{border-color:rgb(var(--color-good) / 0.2)}
.border-good\/25{border-color:rgb(var(--color-good) / 0.25)}
.border-good\/30{border-color:rgb(var(--color-good) / 0.3)}
.border-text-muted{--tw-border-opacity:1;border-color:rgb(var(--color-text-muted) / var(--tw-border-opacity, 1))}
.border-text-primary{--tw-border-opacity:1;border-color:rgb(var(--color-text-primary) / var(--tw-border-opacity, 1))}
.border-transparent{border-color:transparent}
.border-warning{--tw-border-opacity:1;border-color:rgb(var(--color-warning) / var(--tw-border-opacity, 1))}
.border-warning-soft{--tw-border-opacity:1;border-color:rgb(var(--color-warning-soft) / var(--tw-border-opacity, 1))}
.border-warning\/15{border-color:rgb(var(--color-warning) / 0.15)}
.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.border-t-accent{--tw-border-opacity:1;border-top-color:rgb(var(--color-accent) / var(--tw-border-opacity, 1))}
.bg-\[\#8B5CF6\]{--tw-bg-opacity:1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}
.bg-\[\#C7C4FF\]{--tw-bg-opacity:1;background-color:rgb(199 196 255 / var(--tw-bg-opacity, 1))}
.bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--color-accent) / var(--tw-bg-opacity, 1))}
.bg-accent-soft{--tw-bg-opacity:1;background-color:rgb(var(--color-accent-soft) / var(--tw-bg-opacity, 1))}
.bg-accent-soft\/20{background-color:rgb(var(--color-accent-soft) / 0.2)}
.bg-accent-soft\/30{background-color:rgb(var(--color-accent-soft) / 0.3)}
.bg-accent-soft\/35{background-color:rgb(var(--color-accent-soft) / 0.35)}
.bg-accent-soft\/40{background-color:rgb(var(--color-accent-soft) / 0.4)}
.bg-accent-soft\/45{background-color:rgb(var(--color-accent-soft) / 0.45)}
.bg-accent-soft\/50{background-color:rgb(var(--color-accent-soft) / 0.5)}
.bg-accent-soft\/60{background-color:rgb(var(--color-accent-soft) / 0.6)}
.bg-accent-soft\/70{background-color:rgb(var(--color-accent-soft) / 0.7)}
.bg-accent\/10{background-color:rgb(var(--color-accent) / 0.1)}
.bg-accent\/20{background-color:rgb(var(--color-accent) / 0.2)}
.bg-accent\/25{background-color:rgb(var(--color-accent) / 0.25)}
.bg-accent\/30{background-color:rgb(var(--color-accent) / 0.3)}
.bg-accent\/35{background-color:rgb(var(--color-accent) / 0.35)}
.bg-accent\/5{background-color:rgb(var(--color-accent) / 0.05)}
.bg-background{--tw-bg-opacity:1;background-color:rgb(var(--color-background) / var(--tw-bg-opacity, 1))}
.bg-background\/80{background-color:rgb(var(--color-background) / 0.8)}
.bg-background\/90{background-color:rgb(var(--color-background) / 0.9)}
.bg-black\/80{background-color:rgb(0 0 0 / 0.8)}
.bg-border{--tw-bg-opacity:1;background-color:rgb(var(--color-border) / var(--tw-bg-opacity, 1))}
.bg-border\/70{background-color:rgb(var(--color-border) / 0.7)}
.bg-critical{--tw-bg-opacity:1;background-color:rgb(var(--color-critical) / var(--tw-bg-opacity, 1))}
.bg-critical-soft{--tw-bg-opacity:1;background-color:rgb(var(--color-critical-soft) / var(--tw-bg-opacity, 1))}
.bg-critical-soft\/60{background-color:rgb(var(--color-critical-soft) / 0.6)}
.bg-critical-soft\/70{background-color:rgb(var(--color-critical-soft) / 0.7)}
.bg-critical\/10{background-color:rgb(var(--color-critical) / 0.1)}
.bg-critical\/70{background-color:rgb(var(--color-critical) / 0.7)}
.bg-current{background-color:currentColor}
.bg-fuchsia-500\/10{background-color:rgb(217 70 239 / 0.1)}
.bg-fuchsia-600{--tw-bg-opacity:1;background-color:rgb(192 38 211 / var(--tw-bg-opacity, 1))}
.bg-good{--tw-bg-opacity:1;background-color:rgb(var(--color-good) / var(--tw-bg-opacity, 1))}
.bg-good-soft{--tw-bg-opacity:1;background-color:rgb(var(--color-good-soft) / var(--tw-bg-opacity, 1))}
.bg-good-soft\/50{background-color:rgb(var(--color-good-soft) / 0.5)}
.bg-good-soft\/70{background-color:rgb(var(--color-good-soft) / 0.7)}
.bg-good-soft\/80{background-color:rgb(var(--color-good-soft) / 0.8)}
.bg-good\/10{background-color:rgb(var(--color-good) / 0.1)}
.bg-good\/5{background-color:rgb(var(--color-good) / 0.05)}
.bg-neutral-soft{--tw-bg-opacity:1;background-color:rgb(var(--color-neutral-soft) / var(--tw-bg-opacity, 1))}
.bg-neutral-soft\/70{background-color:rgb(var(--color-neutral-soft) / 0.7)}
.bg-surface{--tw-bg-opacity:1;background-color:rgb(var(--color-surface) / var(--tw-bg-opacity, 1))}
.bg-surface-subtle{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-subtle) / var(--tw-bg-opacity, 1))}
.bg-surface-subtle\/35{background-color:rgb(var(--color-surface-subtle) / 0.35)}
.bg-surface-subtle\/50{background-color:rgb(var(--color-surface-subtle) / 0.5)}
.bg-surface-subtle\/55{background-color:rgb(var(--color-surface-subtle) / 0.55)}
.bg-surface-subtle\/60{background-color:rgb(var(--color-surface-subtle) / 0.6)}
.bg-surface-subtle\/80{background-color:rgb(var(--color-surface-subtle) / 0.8)}
.bg-surface\/80{background-color:rgb(var(--color-surface) / 0.8)}
.bg-surface\/85{background-color:rgb(var(--color-surface) / 0.85)}
.bg-surface\/90{background-color:rgb(var(--color-surface) / 0.9)}
.bg-surface\/95{background-color:rgb(var(--color-surface) / 0.95)}
.bg-text-muted{--tw-bg-opacity:1;background-color:rgb(var(--color-text-muted) / var(--tw-bg-opacity, 1))}
.bg-text-muted\/45{background-color:rgb(var(--color-text-muted) / 0.45)}
.bg-text-primary{--tw-bg-opacity:1;background-color:rgb(var(--color-text-primary) / var(--tw-bg-opacity, 1))}
.bg-text-primary\/10{background-color:rgb(var(--color-text-primary) / 0.1)}
.bg-text-primary\/20{background-color:rgb(var(--color-text-primary) / 0.2)}
.bg-text-primary\/25{background-color:rgb(var(--color-text-primary) / 0.25)}
.bg-text-primary\/30{background-color:rgb(var(--color-text-primary) / 0.3)}
.bg-text-primary\/45{background-color:rgb(var(--color-text-primary) / 0.45)}
.bg-transparent{background-color:transparent}
.bg-warning{--tw-bg-opacity:1;background-color:rgb(var(--color-warning) / var(--tw-bg-opacity, 1))}
.bg-warning-soft{--tw-bg-opacity:1;background-color:rgb(var(--color-warning-soft) / var(--tw-bg-opacity, 1))}
.bg-warning-soft\/70{background-color:rgb(var(--color-warning-soft) / 0.7)}
.bg-warning-soft\/80{background-color:rgb(var(--color-warning-soft) / 0.8)}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-\[radial-gradient\(circle_at_top\2c rgba\(99\2c 91\2c 255\2c 0\.18\)\2c transparent_55\%\)\]{background-image:radial-gradient(circle at top,rgba(99,91,255,0.18),transparent 55%)}
.bg-\[radial-gradient\(ellipse_at_50\%_0\%\2c rgba\(99\2c 91\2c 255\2c 0\.09\)\2c transparent_68\%\)\2c linear-gradient\(180deg\2c \#ffffff_0\%\2c \#fafaff_62\%\2c \#ffffff_100\%\)\]{background-image:radial-gradient(ellipse at 50% 0%,rgba(99,91,255,0.09),transparent 68%),linear-gradient(180deg,#ffffff 0%,#fafaff 62%,#ffffff 100%)}
.bg-\[radial-gradient\(ellipse_at_50\%_0\%\2c rgba\(99\2c 91\2c 255\2c 0\.10\)_0\%\2c rgba\(99\2c 91\2c 255\2c 0\.045\)_38\%\2c transparent_72\%\)\]{background-image:radial-gradient(ellipse at 50% 0%,rgba(99,91,255,0.10) 0%,rgba(99,91,255,0.045) 38%,transparent 72%)}
.fill-accent{fill:rgb(var(--color-accent) / 1)}
.fill-accent\/10{fill:rgb(var(--color-accent) / 0.1)}
.stroke-accent{stroke:rgb(var(--color-accent) / 1)}
.stroke-background\/70{stroke:rgb(var(--color-background) / 0.7)}
.stroke-border\/40{stroke:rgb(var(--color-border) / 0.4)}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.p-0{padding:0px}
.p-1{padding:0.25rem}
.p-1\.5{padding:0.375rem}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-\[12\.5\%\]{padding-left:12.5%;padding-right:12.5%}
.py-0{padding-top:0px;padding-bottom:0px}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pb-0{padding-bottom:0px}
.pb-1{padding-bottom:0.25rem}
.pb-10{padding-bottom:2.5rem}
.pb-2{padding-bottom:0.5rem}
.pb-3{padding-bottom:0.75rem}
.pb-4{padding-bottom:1rem}
.pb-5{padding-bottom:1.25rem}
.pb-6{padding-bottom:1.5rem}
.pb-7{padding-bottom:1.75rem}
.pb-8{padding-bottom:2rem}
.pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}
.pl-10{padding-left:2.5rem}
.pl-14{padding-left:3.5rem}
.pl-2{padding-left:0.5rem}
.pl-3{padding-left:0.75rem}
.pl-4{padding-left:1rem}
.pl-5{padding-left:1.25rem}
.pl-6{padding-left:1.5rem}
.pl-9{padding-left:2.25rem}
.pr-0\.5{padding-right:0.125rem}
.pr-10{padding-right:2.5rem}
.pr-12{padding-right:3rem}
.pr-14{padding-right:3.5rem}
.pr-2{padding-right:0.5rem}
.pr-28{padding-right:7rem}
.pr-3{padding-right:0.75rem}
.pr-4{padding-right:1rem}
.pr-5{padding-right:1.25rem}
.pr-8{padding-right:2rem}
.pt-0\.5{padding-top:0.125rem}
.pt-1\.5{padding-top:0.375rem}
.pt-10{padding-top:2.5rem}
.pt-20{padding-top:5rem}
.pt-3{padding-top:0.75rem}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.pt-7{padding-top:1.75rem}
.pt-8{padding-top:2rem}
.pt-9{padding-top:2.25rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.align-top{vertical-align:top}
.align-middle{vertical-align:middle}
.font-mono{font-family:Geist Mono, monospace}
.font-sans{font-family:Geist, sans-serif}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-\[1\.15em\]{font-size:1.15em}
.text-\[1\.75rem\]{font-size:1.75rem}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-\[13px\]{font-size:13px}
.text-\[15px\]{font-size:15px}
.text-\[16px\]{font-size:16px}
.text-\[30px\]{font-size:30px}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.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)}
.leading-4{line-height:1rem}
.leading-5{line-height:1.25rem}
.leading-6{line-height:1.5rem}
.leading-7{line-height:1.75rem}
.leading-8{line-height:2rem}
.leading-\[0\.94\]{line-height:0.94}
.leading-\[0\.98\]{line-height:0.98}
.leading-\[1\.02\]{line-height:1.02}
.leading-none{line-height:1}
.leading-snug{line-height:1.375}
.leading-tight{line-height:1.25}
.tracking-\[-0\.01em\]{letter-spacing:-0.01em}
.tracking-\[-0\.025em\]{letter-spacing:-0.025em}
.tracking-\[-0\.02em\]{letter-spacing:-0.02em}
.tracking-\[-0\.03em\]{letter-spacing:-0.03em}
.tracking-\[-0\.045em\]{letter-spacing:-0.045em}
.tracking-\[-0\.04em\]{letter-spacing:-0.04em}
.tracking-\[-0\.055em\]{letter-spacing:-0.055em}
.tracking-\[-0\.05em\]{letter-spacing:-0.05em}
.tracking-normal{letter-spacing:0em}
.tracking-tight{letter-spacing:-0.025em}
.tracking-wide{letter-spacing:0.025em}
.text-accent{--tw-text-opacity:1;color:rgb(var(--color-accent) / var(--tw-text-opacity, 1))}
.text-border-strong{--tw-text-opacity:1;color:rgb(var(--color-border-strong) / var(--tw-text-opacity, 1))}
.text-critical{--tw-text-opacity:1;color:rgb(var(--color-critical) / var(--tw-text-opacity, 1))}
.text-critical\/70{color:rgb(var(--color-critical) / 0.7)}
.text-good{--tw-text-opacity:1;color:rgb(var(--color-good) / var(--tw-text-opacity, 1))}
.text-neutral{--tw-text-opacity:1;color:rgb(var(--color-neutral) / var(--tw-text-opacity, 1))}
.text-text-muted{--tw-text-opacity:1;color:rgb(var(--color-text-muted) / var(--tw-text-opacity, 1))}
.text-text-primary{--tw-text-opacity:1;color:rgb(var(--color-text-primary) / var(--tw-text-opacity, 1))}
.text-text-secondary{--tw-text-opacity:1;color:rgb(var(--color-text-secondary) / var(--tw-text-opacity, 1))}
.text-warning{--tw-text-opacity:1;color:rgb(var(--color-warning) / var(--tw-text-opacity, 1))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.text-white\/80{color:rgb(255 255 255 / 0.8)}
.underline{text-decoration-line:underline}
.line-through{text-decoration-line:line-through}
.decoration-accent\/40{text-decoration-color:rgb(var(--color-accent) / 0.4)}
.decoration-border-strong{text-decoration-color:rgb(var(--color-border-strong) / 1)}
.underline-offset-4{text-underline-offset:4px}
.accent-\[rgb\(var\(--color-accent\)\)\]{accent-color:rgb(var(--color-accent))}
.opacity-0{opacity:0}
.opacity-100{opacity:1}
.opacity-15{opacity:0.15}
.opacity-20{opacity:0.2}
.opacity-25{opacity:0.25}
.opacity-40{opacity:0.4}
.opacity-45{opacity:0.45}
.opacity-55{opacity:0.55}
.opacity-60{opacity:0.6}
.opacity-65{opacity:0.65}
.opacity-70{opacity:0.7}
.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_0_0_3px_rgba\(255\2c 255\2c 255\2c 0\.65\)\]{--tw-shadow:0 0 0 3px rgba(255,255,255,0.65);--tw-shadow-colored:0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_0_0_3px_rgba\(255\2c 255\2c 255\2c 0\.85\)\]{--tw-shadow:0 0 0 3px rgba(255,255,255,0.85);--tw-shadow-colored:0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_0_0_4px_rgba\(99\2c 91\2c 255\2c 0\.18\)\]{--tw-shadow:0 0 0 4px rgba(99,91,255,0.18);--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_0_0_6px_rgba\(99\2c 91\2c 255\2c 0\.10\)\]{--tw-shadow:0 0 0 6px rgba(99,91,255,0.10);--tw-shadow-colored:0 0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_0_0_6px_rgba\(99\2c 91\2c 255\2c 0\.12\)\]{--tw-shadow:0 0 0 6px rgba(99,91,255,0.12);--tw-shadow-colored:0 0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_0_0_7px_rgba\(99\2c 91\2c 255\2c 0\.16\)\]{--tw-shadow:0 0 0 7px rgba(99,91,255,0.16);--tw-shadow-colored:0 0 0 7px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_0_0_8px_rgba\(99\2c 91\2c 255\2c 0\.10\)\]{--tw-shadow:0 0 0 8px rgba(99,91,255,0.10);--tw-shadow-colored:0 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_12px_35px_rgba\(124\2c 92\2c 255\2c 0\.35\)\]{--tw-shadow:0 12px 35px rgba(124,92,255,0.35);--tw-shadow-colored:0 12px 35px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_12px_35px_rgba\(99\2c 91\2c 255\2c 0\.22\)\]{--tw-shadow:0 12px 35px rgba(99,91,255,0.22);--tw-shadow-colored:0 12px 35px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_18px_50px_rgba\(17\2c 24\2c 39\2c 0\.06\)\]{--tw-shadow:0 18px 50px rgba(17,24,39,0.06);--tw-shadow-colored:0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_20px_60px_rgba\(17\2c 24\2c 39\2c 0\.08\)\]{--tw-shadow:0 20px 60px rgba(17,24,39,0.08);--tw-shadow-colored:0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_24px_70px_rgba\(50\2c 45\2c 130\2c 0\.12\)\]{--tw-shadow:0 24px 70px rgba(50,45,130,0.12);--tw-shadow-colored:0 24px 70px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_24px_80px_rgba\(15\2c 23\2c 42\2c 0\.2\)\]{--tw-shadow:0 24px 80px rgba(15,23,42,0.2);--tw-shadow-colored:0 24px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_8px_28px_rgba\(99\2c 91\2c 255\2c 0\.10\)\]{--tw-shadow:0 8px 28px rgba(99,91,255,0.10);--tw-shadow-colored:0 8px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-card{--tw-shadow:0 1px 2px rgba(16, 24, 40, 0.04);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.outline{outline-style:solid}
.outline-1{outline-width:1px}
.-outline-offset-1{outline-offset:-1px}
.outline-black\/10{outline-color:rgb(0 0 0 / 0.1)}
.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.ring-inset{--tw-ring-inset:inset}
.ring-accent{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-accent) / var(--tw-ring-opacity, 1))}
.ring-accent\/10{--tw-ring-color:rgb(var(--color-accent) / 0.1)}
.ring-accent\/40{--tw-ring-color:rgb(var(--color-accent) / 0.4)}
.ring-accent\/70{--tw-ring-color:rgb(var(--color-accent) / 0.7)}
.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))}
.ring-offset-4{--tw-ring-offset-width:4px}
.ring-offset-background{--tw-ring-offset-color:rgb(var(--color-background) / 1)}
.blur-md{--tw-blur:blur(12px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.blur-sm{--tw-blur:blur(4px);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-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-\[background-color\2c box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-\[border-color\2c background-color\2c opacity\]{transition-property:border-color,background-color,opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-\[border-color\2c box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-\[color\2c background-color\2c transform\]{transition-property:color,background-color,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-\[transform\2c border-color\]{transition-property:transform,border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.duration-150{transition-duration:150ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
.\[grid-auto-rows\:8px\]{grid-auto-rows:8px}
.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}

:root[data-theme="dark"] :where(.card, .widget-panel) {
    border-color: rgba(255, 255, 255, 0.09);
    background-image: linear-gradient(180deg, #151518 0%, #111114 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 1px 2px rgba(0, 0, 0, 0.32), 0 16px 44px rgba(0, 0, 0, 0.16);
}

:root[data-theme="dark"] .widget-header {
    border-color: rgba(255, 255, 255, 0.075);
    background: linear-gradient(180deg, rgba(27, 27, 31, 0.94), rgba(19, 19, 22, 0.88));
}

:root[data-theme="dark"] :where(.btn-secondary, .control-surface, .input) {
    border-color: rgba(255, 255, 255, 0.11);
    background: linear-gradient(180deg, #202024 0%, #19191d 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 1px 2px rgba(0, 0, 0, 0.3);
}

:root[data-theme="dark"] .btn-secondary:hover {
    border-color: rgba(255, 255, 255, 0.17);
    background: linear-gradient(180deg, #27272c 0%, #202024 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 2px 5px rgba(0, 0, 0, 0.34);
}

:root[data-theme="dark"] .recommendation-panel {
    border-color: rgba(139, 132, 255, 0.38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 2px 4px rgba(0, 0, 0, 0.3), 0 20px 52px rgba(99, 91, 255, 0.09);
}

.landing-hero {
    background: radial-gradient(circle at 50% 12%, rgba(99, 91, 255, 0.12), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
}

.pricing-stage {
    background:
        radial-gradient(circle at 50% 18%, rgba(99, 91, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgb(var(--color-surface)) 0%, rgb(var(--color-background)) 76%);
}

:root[data-theme="dark"] .pricing-stage {
    background:
        radial-gradient(circle at 50% 18%, rgba(139, 132, 255, 0.14), transparent 35%),
        linear-gradient(180deg, #111114 0%, #0b0b0d 76%);
}

:root[data-theme="dark"] .landing-hero {
    background: radial-gradient(circle at 50% 12%, rgba(139, 132, 255, 0.13), transparent 34%), linear-gradient(180deg, #111114 0%, #0b0b0d 100%);
}

:root[data-theme="dark"] .active-step-border-content,
:root[data-theme="dark"] .info-popover-panel::before {
    background: rgb(var(--color-surface));
}

:root[data-theme="dark"] .conviz-chart-grid {
    background-image: linear-gradient(rgba(63, 63, 70, 0.58) 1px, transparent 1px), linear-gradient(90deg, rgba(63, 63, 70, 0.58) 1px, transparent 1px);
}

:root[data-theme="dark"] .brand-logo-light {
    display: none;
}

:root[data-theme="dark"] .brand-logo-dark {
    display: block;
}

:root[data-theme="dark"] .brand-logo-monochrome-dark {
    filter: brightness(0) invert(1);
}

:root[data-theme="dark"] .github-auth-icon {
    filter: brightness(0) invert(1);
}

@keyframes widget-organizer-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes widget-organizer-fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes widget-organizer-panel-in {
    from { opacity: 0; transform: translateY(10px) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes widget-organizer-panel-out {
    from { opacity: 1; transform: translateY(0) scale(1); }
    to { opacity: 0; transform: translateY(8px) scale(0.99); }
}

@media (prefers-reduced-motion: reduce) {
    .widget-organizer-backdrop,
    .widget-organizer-panel,
    .widget-organizer-backdrop[data-closing="true"],
    .widget-organizer-backdrop[data-closing="true"] .widget-organizer-panel {
        animation-duration: 1ms;
    }
}

.tool-hero {
    background-color: rgba(255, 255, 255, 0.76);
}

.tool-page h1,
.tool-page h2 {
    text-wrap: balance;
}

.tool-page button,
.tool-page a {
    touch-action: manipulation;
}

* {
    -webkit-tap-highlight-color: transparent !important;
}

.tool-page .btn-primary,
.tool-page .btn-secondary {
    min-height: 2.75rem;
}

.tool-page :where(a, button, input):focus-visible {
    outline: 2px solid rgba(99, 91, 255, 0.45);
    outline-offset: 3px;
}

:root[data-conviz-pointer-focus] *:focus {
    outline: none !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-shadow, 0 0 #0000) !important;
}

.legal-copy :where(ul) {
    list-style: disc;
    padding-left: 1.25rem;
}

.legal-copy :where(li + li) {
    margin-top: 0.5rem;
}

.legal-copy :where(a) {
    color: #5149dc;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: rgba(81, 73, 220, 0.3);
    text-underline-offset: 3px;
}

.legal-copy :where(a:hover) {
    text-decoration-color: currentColor;
}

.legal-copy :where(code) {
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 0.375rem;
    background: rgba(248, 249, 251, 0.9);
    padding: 0.125rem 0.35rem;
    color: #111827;
    font-family: "Geist Mono", ui-monospace, monospace;
    font-size: 0.875em;
}

@keyframes fade-slide-up {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pop-in {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes scan-line {
    from {
        transform: translateX(-120%);
    }
    to {
        transform: translateX(220%);
    }
}

@keyframes scan-progress {
    0% {
        width: 12%;
    }
    55% {
        width: 76%;
    }
    100% {
        width: 94%;
    }
}

@keyframes ping-soft {
    75%, 100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

@keyframes visitor-slide {
    from {
        opacity: 0;
        transform: translateX(14px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes agent-status-roll {
    from {
        opacity: 0;
        transform: translateY(110%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes border-spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-fade-slide-up {
    animation: fade-slide-up 460ms ease both;
}

.animate-pop-in {
    animation: pop-in 360ms ease both;
}

.animate-scan-line {
    animation: scan-line 1s linear infinite;
}

.animate-scan-progress {
    animation: scan-progress 2.8s ease-in-out infinite;
}

.animate-ping-soft {
    animation: ping-soft 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-visitor-slide {
    animation: visitor-slide 220ms ease both;
}

.animate-agent-status-roll {
    animation: agent-status-roll 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (prefers-reduced-motion: reduce) {
    .tool-page,
    .tool-page *,
    .tool-page *::before,
    .tool-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

.active-step-border {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    padding: 1px;
}

.active-step-border::before {
    content: "";
    position: absolute;
    inset: -55%;
    background: conic-gradient(
        from 0deg,
        rgba(99, 91, 255, 0),
        rgba(99, 91, 255, 0.16),
        rgba(99, 91, 255, 0.95),
        rgba(99, 91, 255, 0.18),
        rgba(99, 91, 255, 0) 68%
    );
    animation: border-spin 2.6s linear infinite;
}

.active-step-border-content {
    position: relative;
    border-radius: calc(1rem - 1px);
    background: #ffffff;
}

.micro-arrow {
    transition: transform 180ms ease;
}

.interactive-lift {
    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.interactive-lift:hover {
    border-color: rgba(99, 91, 255, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 2px 4px rgba(17, 24, 39, 0.05),
        0 20px 48px rgba(17, 24, 39, 0.065);
    transform: translateY(-2px);
}

.interactive-lift:active {
    transform: translateY(0);
}

[data-lucide="arrow-right"] {
    transition: transform 180ms ease;
}

.group:hover .micro-arrow,
a:hover .micro-arrow,
button:hover .micro-arrow {
    transform: translateX(3px);
}

a:hover [data-lucide="arrow-right"],
button:hover [data-lucide="arrow-right"] {
    transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

.conviz-dot-grid {
    background-image: radial-gradient(rgba(99, 91, 255, 0.16) 0.8px, transparent 0.8px);
    background-size: 24px 24px;
    -webkit-mask-image: linear-gradient(to bottom, black, transparent 90%);
            mask-image: linear-gradient(to bottom, black, transparent 90%);
}

.conviz-chart-grid {
    background-image:
        linear-gradient(rgba(229, 231, 235, 0.65) 1px, transparent 1px),
        linear-gradient(90deg, rgba(229, 231, 235, 0.65) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
            mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}

.btn-primary.landing-invert-cta {
    border-color: rgba(255, 255, 255, 0.9);
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(47, 42, 160, 0.22);
    color: #5149dc;
    text-shadow: none;
}

.btn-primary.landing-invert-cta:hover {
    border-color: #ffffff;
    background: #f8f7ff;
    box-shadow: 0 10px 28px rgba(47, 42, 160, 0.28);
}

.compact-controls .h-11 {
    height: 2.25rem;
}

.compact-controls .min-h-11 {
    min-height: 2.25rem;
}

.info-popover-panel {
    position: fixed;
    z-index: 30;
    top: var(--info-popover-top, 6rem);
    right: auto;
    left: var(--info-popover-left, 1rem);
    width: var(--info-popover-width, calc(100vw - 2rem));
    margin: 0;
}

.info-popover-panel::before {
    position: absolute;
    left: var(--info-popover-arrow-left, 1rem);
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    background: #ffffff;
    transform: translateX(-50%) rotate(45deg);
}

.info-popover-panel[data-placement="bottom"]::before {
    top: -0.3rem;
    border-top: 1px solid #e5e7eb;
    border-left: 1px solid #e5e7eb;
}

.info-popover-panel[data-placement="top"]::before {
    bottom: -0.3rem;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.marker\:hidden *::marker{display:none}

.marker\:hidden::marker{display:none}

.placeholder\:text-text-muted::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--color-text-muted) / var(--tw-text-opacity, 1))}

.placeholder\:text-text-muted::placeholder{--tw-text-opacity:1;color:rgb(var(--color-text-muted) / var(--tw-text-opacity, 1))}

.before\:absolute::before{content:var(--tw-content);position:absolute}

.before\:-inset-1::before{content:var(--tw-content);inset:-0.25rem}

.before\:-inset-2\.5::before{content:var(--tw-content);inset:-0.625rem}

.before\:-inset-y-1\.5::before{content:var(--tw-content);top:-0.375rem;bottom:-0.375rem}

.before\:inset-x-0::before{content:var(--tw-content);left:0px;right:0px}

.before\:content-\[\'\'\]::before{--tw-content:'';content:var(--tw-content)}

.after\:absolute::after{content:var(--tw-content);position:absolute}

.after\:inset-x-0::after{content:var(--tw-content);left:0px;right:0px}

.after\:-bottom-px::after{content:var(--tw-content);bottom:-1px}

.after\:h-0\.5::after{content:var(--tw-content);height:0.125rem}

.after\:bg-accent::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--color-accent) / var(--tw-bg-opacity, 1))}

.first\:pt-0:first-child{padding-top:0px}

.first\:pt-1:first-child{padding-top:0.25rem}

.last\:border-b-0:last-child{border-bottom-width:0px}

.last\:pb-0:last-child{padding-bottom:0px}

.last\:pb-1:last-child{padding-bottom:0.25rem}

.last\:pb-5:last-child{padding-bottom:1.25rem}

.checked\:border-accent:checked{--tw-border-opacity:1;border-color:rgb(var(--color-accent) / var(--tw-border-opacity, 1))}

.checked\:bg-accent:checked{--tw-bg-opacity:1;background-color:rgb(var(--color-accent) / var(--tw-bg-opacity, 1))}

.focus-within\:border-accent\/60:focus-within{border-color:rgb(var(--color-accent) / 0.6)}

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

.focus-within\:ring-accent\/10:focus-within{--tw-ring-color:rgb(var(--color-accent) / 0.1)}

.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

.hover\:border-accent\/30:hover{border-color:rgb(var(--color-accent) / 0.3)}

.hover\:border-accent\/40:hover{border-color:rgb(var(--color-accent) / 0.4)}

.hover\:border-border-strong:hover{--tw-border-opacity:1;border-color:rgb(var(--color-border-strong) / var(--tw-border-opacity, 1))}

.hover\:bg-\[\#766DFF\]:hover{--tw-bg-opacity:1;background-color:rgb(118 109 255 / var(--tw-bg-opacity, 1))}

.hover\:bg-accent-soft:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-accent-soft) / var(--tw-bg-opacity, 1))}

.hover\:bg-accent-soft\/30:hover{background-color:rgb(var(--color-accent-soft) / 0.3)}

.hover\:bg-critical\/10:hover{background-color:rgb(var(--color-critical) / 0.1)}

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

.hover\:bg-surface-subtle:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-subtle) / var(--tw-bg-opacity, 1))}

.hover\:bg-surface-subtle\/60:hover{background-color:rgb(var(--color-surface-subtle) / 0.6)}

.hover\:bg-surface-subtle\/70:hover{background-color:rgb(var(--color-surface-subtle) / 0.7)}

.hover\:text-\[\#766DFF\]:hover{--tw-text-opacity:1;color:rgb(118 109 255 / var(--tw-text-opacity, 1))}

.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(var(--color-accent) / var(--tw-text-opacity, 1))}

.hover\:text-critical:hover{--tw-text-opacity:1;color:rgb(var(--color-critical) / var(--tw-text-opacity, 1))}

.hover\:text-text-primary:hover{--tw-text-opacity:1;color:rgb(var(--color-text-primary) / var(--tw-text-opacity, 1))}

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

.hover\:decoration-accent:hover{text-decoration-color:rgb(var(--color-accent) / 1)}

.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}

.focus\:translate-y-0:focus{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

.focus\:border-accent\/60:focus{border-color:rgb(var(--color-accent) / 0.6)}

.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}

.focus-visible\:bg-accent-soft\/50:focus-visible{background-color:rgb(var(--color-accent-soft) / 0.5)}

.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}

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

.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}

.focus-visible\:ring-accent:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-accent) / var(--tw-ring-opacity, 1))}

.focus-visible\:ring-accent\/20:focus-visible{--tw-ring-color:rgb(var(--color-accent) / 0.2)}

.focus-visible\:ring-accent\/30:focus-visible{--tw-ring-color:rgb(var(--color-accent) / 0.3)}

.focus-visible\:ring-accent\/40:focus-visible{--tw-ring-color:rgb(var(--color-accent) / 0.4)}

.focus-visible\:ring-border:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-border) / var(--tw-ring-opacity, 1))}

.focus-visible\:ring-critical\/30:focus-visible{--tw-ring-color:rgb(var(--color-critical) / 0.3)}

.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}

.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}

.active\:scale-\[0\.97\]:active{--tw-scale-x:0.97;--tw-scale-y:0.97;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

.active\:cursor-grabbing:active{cursor:grabbing}

.active\:bg-accent-soft:active{--tw-bg-opacity:1;background-color:rgb(var(--color-accent-soft) / var(--tw-bg-opacity, 1))}

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

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

.disabled\:cursor-wait:disabled{cursor:wait}

.disabled\:opacity-20:disabled{opacity:0.2}

.disabled\:opacity-30:disabled{opacity:0.3}

.disabled\:opacity-40:disabled{opacity:0.4}

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

.disabled\:opacity-60:disabled{opacity:0.6}

.disabled\:opacity-70:disabled{opacity:0.7}

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

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

.group:hover .group-hover\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

.group:hover .group-hover\:border-border-strong{--tw-border-opacity:1;border-color:rgb(var(--color-border-strong) / var(--tw-border-opacity, 1))}

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

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

.peer:checked ~ .peer-checked\:opacity-100{opacity:1}

@media (prefers-reduced-motion: reduce){
.motion-reduce\:animate-none{animation:none}
.motion-reduce\:transition-none{transition-property:none}}

@media (max-width: 359px){
.max-\[359px\]\:w-full{width:100%}
.max-\[359px\]\:flex-col{flex-direction:column}}

@media (min-width: 640px){
.sm\:absolute{position:absolute}
.sm\:top-auto{top:auto}
.sm\:order-2{order:2}
.sm\:order-3{order:3}
.sm\:col-span-6{grid-column:span 6 / span 6}
.sm\:col-span-full{grid-column:1 / -1}
.sm\:mx-0{margin-left:0px;margin-right:0px}
.sm\:mb-3{margin-bottom:0.75rem}
.sm\:mt-2{margin-top:0.5rem}
.sm\:mt-6{margin-top:1.5rem}
.sm\:mt-8{margin-top:2rem}
.sm\:block{display:block}
.sm\:inline{display:inline}
.sm\:flex{display:flex}
.sm\:inline-flex{display:inline-flex}
.sm\:grid{display:grid}
.sm\:hidden{display:none}
.sm\:h-3\.5{height:0.875rem}
.sm\:h-\[220px\]{height:220px}
.sm\:h-\[340px\]{height:340px}
.sm\:max-h-\[88dvh\]{max-height:88dvh}
.sm\:max-h-\[90dvh\]{max-height:90dvh}
.sm\:min-h-8{min-height:2rem}
.sm\:min-h-9{min-height:2.25rem}
.sm\:min-h-\[340px\]{min-height:340px}
.sm\:w-3\.5{width:0.875rem}
.sm\:w-36{width:9rem}
.sm\:w-40{width:10rem}
.sm\:w-44{width:11rem}
.sm\:w-auto{width:auto}
.sm\:min-w-\[112px\]{min-width:112px}
.sm\:max-w-5xl{max-width:64rem}
.sm\:max-w-\[180px\]{max-width:180px}
.sm\:max-w-lg{max-width:32rem}
.sm\:flex-1{flex:1 1 0%}
.sm\:basis-full{flex-basis:100%}
.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.sm\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.sm\:grid-cols-\[150px_minmax\(0\2c 1fr\)\]{grid-template-columns:150px minmax(0,1fr)}
.sm\:grid-cols-\[1fr_1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr 1fr}
.sm\:grid-cols-\[32px_minmax\(0\2c 1fr\)\]{grid-template-columns:32px minmax(0,1fr)}
.sm\:grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}
.sm\:grid-cols-\[minmax\(0\2c 0\.75fr\)_minmax\(0\2c 1\.25fr\)\]{grid-template-columns:minmax(0,0.75fr) minmax(0,1.25fr)}
.sm\:grid-cols-\[minmax\(0\2c 0\.8fr\)_minmax\(0\2c 1\.2fr\)\]{grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr)}
.sm\:grid-cols-\[minmax\(0\2c 1\.3fr\)_repeat\(4\2c minmax\(80px\2c 0\.6fr\)\)\]{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(80px,0.6fr))}
.sm\:grid-cols-\[minmax\(0\2c 1\.4fr\)_repeat\(4\2c minmax\(80px\2c 0\.6fr\)\)\]{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(80px,0.6fr))}
.sm\:grid-cols-\[minmax\(0\2c 1fr\)_150px_190px\]{grid-template-columns:minmax(0,1fr) 150px 190px}
.sm\:grid-cols-\[minmax\(0\2c 1fr\)_160px\]{grid-template-columns:minmax(0,1fr) 160px}
.sm\:grid-cols-\[minmax\(0\2c 1fr\)_180px\]{grid-template-columns:minmax(0,1fr) 180px}
.sm\:grid-cols-\[minmax\(0\2c 1fr\)_190px\]{grid-template-columns:minmax(0,1fr) 190px}
.sm\:grid-cols-\[minmax\(0\2c 1fr\)_220px\]{grid-template-columns:minmax(0,1fr) 220px}
.sm\:grid-cols-\[minmax\(0\2c 1fr\)_70px_70px_88px\]{grid-template-columns:minmax(0,1fr) 70px 70px 88px}
.sm\:grid-cols-\[minmax\(0\2c 1fr\)_90px_90px\]{grid-template-columns:minmax(0,1fr) 90px 90px}
.sm\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(150px\2c 0\.8fr\)\]{grid-template-columns:minmax(0,1fr) minmax(150px,0.8fr)}
.sm\:grid-cols-\[minmax\(150px\2c 1fr\)_minmax\(220px\2c 1\.4fr\)_minmax\(140px\2c 1fr\)\]{grid-template-columns:minmax(150px,1fr) minmax(220px,1.4fr) minmax(140px,1fr)}
.sm\:flex-row{flex-direction:row}
.sm\:flex-wrap{flex-wrap:wrap}
.sm\:items-start{align-items:flex-start}
.sm\:items-end{align-items:flex-end}
.sm\:items-center{align-items:center}
.sm\:justify-center{justify-content:center}
.sm\:justify-between{justify-content:space-between}
.sm\:gap-2{gap:0.5rem}
.sm\:gap-3{gap:0.75rem}
.sm\:gap-4{gap:1rem}
.sm\:gap-5{gap:1.25rem}
.sm\:gap-6{gap:1.5rem}
.sm\:gap-8{gap:2rem}
.sm\:space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}
.sm\:divide-x > :not([hidden]) ~ :not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}
.sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}
.sm\:divide-border > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--color-border) / var(--tw-divide-opacity, 1))}
.sm\:justify-self-start{justify-self:start}
.sm\:justify-self-end{justify-self:end}
.sm\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm\:rounded-2xl{border-radius:1rem}
.sm\:rounded-xl{border-radius:0.75rem}
.sm\:border-l{border-left-width:1px}
.sm\:border-r{border-right-width:1px}
.sm\:border-t-0{border-top-width:0px}
.sm\:border-border{--tw-border-opacity:1;border-color:rgb(var(--color-border) / var(--tw-border-opacity, 1))}
.sm\:p-4{padding:1rem}
.sm\:p-5{padding:1.25rem}
.sm\:p-6{padding:1.5rem}
.sm\:p-7{padding:1.75rem}
.sm\:p-8{padding:2rem}
.sm\:px-3{padding-left:0.75rem;padding-right:0.75rem}
.sm\:px-4{padding-left:1rem;padding-right:1rem}
.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}
.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}
.sm\:px-8{padding-left:2rem;padding-right:2rem}
.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.sm\:py-16{padding-top:4rem;padding-bottom:4rem}
.sm\:py-20{padding-top:5rem;padding-bottom:5rem}
.sm\:py-24{padding-top:6rem;padding-bottom:6rem}
.sm\:py-32{padding-top:8rem;padding-bottom:8rem}
.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.sm\:pb-5{padding-bottom:1.25rem}
.sm\:pb-6{padding-bottom:1.5rem}
.sm\:pl-5{padding-left:1.25rem}
.sm\:pl-6{padding-left:1.5rem}
.sm\:pl-8{padding-left:2rem}
.sm\:pr-5{padding-right:1.25rem}
.sm\:pr-6{padding-right:1.5rem}
.sm\:pt-8{padding-top:2rem}
.sm\:text-left{text-align:left}
.sm\:text-right{text-align:right}
.sm\:text-2xl{font-size:1.5rem;line-height:2rem}
.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.sm\:text-5xl{font-size:3rem;line-height:1}
.sm\:text-6xl{font-size:3.75rem;line-height:1}
.sm\:text-7xl{font-size:4.5rem;line-height:1}
.sm\:text-\[1\.75rem\]{font-size:1.75rem}
.sm\:text-\[15px\]{font-size:15px}
.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}
.sm\:text-sm{font-size:0.875rem;line-height:1.25rem}
.sm\:text-xs{font-size:0.75rem;line-height:1rem}
.sm\:leading-7{line-height:1.75rem}
.sm\:leading-8{line-height:2rem}}

@media (min-width: 768px){
.md\:col-span-12{grid-column:span 12 / span 12}
.md\:col-span-6{grid-column:span 6 / span 6}
.md\:flex{display:flex}
.md\:grid{display:grid}
.md\:hidden{display:none}
.md\:h-20{height:5rem}
.md\:h-7{height:1.75rem}
.md\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.md\:grid-cols-\[0\.86fr_1\.14fr\]{grid-template-columns:0.86fr 1.14fr}
.md\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:0.95fr 1.05fr}
.md\:grid-cols-\[1\.45fr_0\.65fr_1\.25fr_0\.95fr_auto\]{grid-template-columns:1.45fr 0.65fr 1.25fr 0.95fr auto}
.md\:grid-cols-\[1fr_0\.4fr_auto\]{grid-template-columns:1fr 0.4fr auto}
.md\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}
.md\:grid-cols-\[1fr_auto_auto\]{grid-template-columns:1fr auto auto}
.md\:flex-row{flex-direction:row}
.md\:items-start{align-items:flex-start}
.md\:items-end{align-items:flex-end}
.md\:items-center{align-items:center}
.md\:items-stretch{align-items:stretch}
.md\:justify-end{justify-content:flex-end}
.md\:justify-between{justify-content:space-between}
.md\:gap-5{gap:1.25rem}
.md\:gap-8{gap:2rem}
.md\:justify-self-start{justify-self:start}
.md\:border-l{border-left-width:1px}
.md\:border-r{border-right-width:1px}
.md\:border-t-0{border-top-width:0px}
.md\:border-border{--tw-border-opacity:1;border-color:rgb(var(--color-border) / var(--tw-border-opacity, 1))}
.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}
.md\:px-8{padding-left:2rem;padding-right:2rem}
.md\:py-12{padding-top:3rem;padding-bottom:3rem}
.md\:py-8{padding-top:2rem;padding-bottom:2rem}
.md\:pr-10{padding-right:2.5rem}
.md\:pt-11{padding-top:2.75rem}}

@media (min-width: 1024px){
.lg\:col-auto{grid-column:auto}
.lg\:col-span-4{grid-column:span 4 / span 4}
.lg\:col-span-5{grid-column:span 5 / span 5}
.lg\:col-span-7{grid-column:span 7 / span 7}
.lg\:ml-14{margin-left:3.5rem}
.lg\:mt-14{margin-top:3.5rem}
.lg\:block{display:block}
.lg\:inline{display:inline}
.lg\:flex{display:flex}
.lg\:min-h-\[430px\]{min-height:430px}
.lg\:shrink-0{flex-shrink:0}
.lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.lg\:grid-cols-\[0\.72fr_1\.28fr\]{grid-template-columns:0.72fr 1.28fr}
.lg\:grid-cols-\[0\.78fr_1\.22fr\]{grid-template-columns:0.78fr 1.22fr}
.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:0.8fr 1.2fr}
.lg\:grid-cols-\[220px_minmax\(0\2c 720px\)\]{grid-template-columns:220px minmax(0,720px)}
.lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(260px\2c 0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(260px,0.8fr)}
.lg\:grid-cols-\[minmax\(0\2c 1fr\)_220px\]{grid-template-columns:minmax(0,1fr) 220px}
.lg\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}
.lg\:grid-cols-\[minmax\(0\2c 440px\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,440px) minmax(0,1fr)}
.lg\:flex-row{flex-direction:row}
.lg\:items-start{align-items:flex-start}
.lg\:items-end{align-items:flex-end}
.lg\:items-center{align-items:center}
.lg\:justify-start{justify-content:flex-start}
.lg\:justify-end{justify-content:flex-end}
.lg\:justify-center{justify-content:center}
.lg\:justify-between{justify-content:space-between}
.lg\:gap-16{gap:4rem}
.lg\:gap-3{gap:0.75rem}
.lg\:gap-7{gap:1.75rem}
.lg\:gap-8{gap:2rem}
.lg\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.lg\:border-b-0{border-bottom-width:0px}
.lg\:border-r{border-right-width:1px}
.lg\:p-8{padding:2rem}
.lg\:px-14{padding-left:3.5rem;padding-right:3.5rem}
.lg\:px-4{padding-left:1rem;padding-right:1rem}
.lg\:py-16{padding-top:4rem;padding-bottom:4rem}
.lg\:text-left{text-align:left}}

@media (min-width: 1280px){
.xl\:col-span-4{grid-column:span 4 / span 4}
.xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}

.\[\&_button\]\:h-\[43px\] button{height:43px}

html{scroll-padding-top:6rem}body{-webkit-font-smoothing:antialiased}a:focus-visible,button:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;background:rgb(var(--color-surface));padding:8px;z-index:60}.skip:focus{top:8px}.hero{max-width:1120px;padding:152px 24px 48px;margin:auto}.category{color:rgb(var(--color-text-muted));font-size:12px;font-weight:500;line-height:1.5}h1{max-width:900px;font-size:clamp(36px,5.8vw,64px);line-height:1.07;letter-spacing:-.055em;font-weight:600;margin:16px 0 24px}.intro{font-size:18px;line-height:1.75;max-width:720px;color:rgb(var(--color-text-secondary));margin-bottom:24px}.content{max-width:1120px;margin:auto;display:grid;grid-template-columns:230px minmax(0,740px);gap:64px;padding:8px 24px 72px}.related{font-size:13px;line-height:1.5;font-weight:500;align-self:start;position:sticky;top:104px;border-top:1px solid rgb(var(--color-border));padding-top:20px}.related a{display:block;margin:12px 0;color:rgb(var(--color-text-secondary))}.related a:hover,.site-footer a:hover{color:rgb(var(--color-text-primary))}article{min-width:0;font-size:16px;line-height:1.75}article a{color:rgb(var(--color-text-secondary));text-decoration:underline;text-decoration-color:rgb(var(--color-border-strong));text-underline-offset:4px}article a:hover{color:rgb(var(--color-text-primary))}article a.btn-primary{text-decoration:none;color:white}section{border-top:1px solid rgb(var(--color-border));padding:28px 0 12px}h2{font-size:26px;line-height:1.3;letter-spacing:-.04em;font-weight:600;margin:0 0 16px}p,li{color:rgb(var(--color-text-secondary))}article p{margin:0 0 16px}article ul{list-style:disc;padding-left:24px;margin:16px 0}li{margin:8px 0}blockquote{margin:24px 0;border-left:1px solid rgb(var(--color-accent));padding-left:24px}blockquote p{font-size:26px;font-weight:400;letter-spacing:-.03em;color:rgb(var(--color-text-primary))}blockquote footer{font-size:14px}figure{margin:24px 0 36px}figure img{display:block;width:100%;height:auto;border:1px solid rgb(var(--color-border));border-radius:12px}figcaption{font-size:12px;color:rgb(var(--color-text-muted));margin-top:8px}details{border-top:1px solid rgb(var(--color-border));padding:16px 0}summary{cursor:pointer;font-weight:500}details p{margin-top:12px}.site-footer{border-top:1px solid rgb(var(--color-border));padding:28px 24px;font-size:13px}.site-footer nav{max-width:1232px;margin:auto;display:flex;flex-wrap:wrap;gap:16px 24px;color:rgb(var(--color-text-secondary))}.closing{margin-top:32px}[data-theme-toggle] .theme-sun{display:none}:root[data-theme="dark"] [data-theme-toggle] .theme-sun{display:block}:root[data-theme="dark"] [data-theme-toggle] .theme-moon{display:none}@media(max-width:800px){.content{grid-template-columns:1fr;gap:24px}.related{position:static;display:flex;flex-wrap:wrap;gap:8px 20px}.related a{margin:0}.hero{padding-top:128px}.intro{font-size:18px}}