*, ::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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, 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: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, 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 {
  ---inherit: inherit;
  ---current: currentColor;
  ---transparent: transparent;
  ---black: #000;
  ---white: #fff;
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --slate-950: #020617;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --gray-950: #030712;
  --zinc-50: #fafafa;
  --zinc-100: #f4f4f5;
  --zinc-200: #e4e4e7;
  --zinc-300: #d4d4d8;
  --zinc-400: #a1a1aa;
  --zinc-500: #71717a;
  --zinc-600: #52525b;
  --zinc-700: #3f3f46;
  --zinc-800: #27272a;
  --zinc-900: #18181b;
  --zinc-950: #09090b;
  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d4d4d4;
  --neutral-400: #a3a3a3;
  --neutral-500: #737373;
  --neutral-600: #525252;
  --neutral-700: #404040;
  --neutral-800: #262626;
  --neutral-900: #171717;
  --neutral-950: #0a0a0a;
  --stone-50: #fafaf9;
  --stone-100: #f5f5f4;
  --stone-200: #e7e5e4;
  --stone-300: #d6d3d1;
  --stone-400: #a8a29e;
  --stone-500: #78716c;
  --stone-600: #57534e;
  --stone-700: #44403c;
  --stone-800: #292524;
  --stone-900: #1c1917;
  --stone-950: #0c0a09;
  --red-50: #fef2f2;
  --red-100: #fee2e2;
  --red-200: #fecaca;
  --red-300: #fca5a5;
  --red-400: #f87171;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --red-700: #b91c1c;
  --red-800: #991b1b;
  --red-900: #7f1d1d;
  --red-950: #450a0a;
  --orange-50: #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-300: #fdba74;
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-900: #7c2d12;
  --orange-950: #431407;
  --amber-50: #fffbeb;
  --amber-100: #fef3c7;
  --amber-200: #fde68a;
  --amber-300: #fcd34d;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-700: #b45309;
  --amber-800: #92400e;
  --amber-900: #78350f;
  --amber-950: #451a03;
  --yellow-50: #fefce8;
  --yellow-100: #fef9c3;
  --yellow-200: #fef08a;
  --yellow-300: #fde047;
  --yellow-400: #facc15;
  --yellow-500: #eab308;
  --yellow-600: #ca8a04;
  --yellow-700: #a16207;
  --yellow-800: #854d0e;
  --yellow-900: #713f12;
  --yellow-950: #422006;
  --lime-50: #f7fee7;
  --lime-100: #ecfccb;
  --lime-200: #d9f99d;
  --lime-300: #bef264;
  --lime-400: #a3e635;
  --lime-500: #84cc16;
  --lime-600: #65a30d;
  --lime-700: #4d7c0f;
  --lime-800: #3f6212;
  --lime-900: #365314;
  --lime-950: #1a2e05;
  --green-50: #f0fdf4;
  --green-100: #dcfce7;
  --green-200: #bbf7d0;
  --green-300: #86efac;
  --green-400: #4ade80;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-700: #15803d;
  --green-800: #166534;
  --green-900: #14532d;
  --green-950: #052e16;
  --emerald-50: #ecfdf5;
  --emerald-100: #d1fae5;
  --emerald-200: #a7f3d0;
  --emerald-300: #6ee7b7;
  --emerald-400: #34d399;
  --emerald-500: #10b981;
  --emerald-600: #059669;
  --emerald-700: #047857;
  --emerald-800: #065f46;
  --emerald-900: #064e3b;
  --emerald-950: #022c22;
  --teal-50: #f0fdfa;
  --teal-100: #ccfbf1;
  --teal-200: #99f6e4;
  --teal-300: #5eead4;
  --teal-400: #2dd4bf;
  --teal-500: #14b8a6;
  --teal-600: #0d9488;
  --teal-700: #0f766e;
  --teal-800: #115e59;
  --teal-900: #134e4a;
  --teal-950: #042f2e;
  --cyan-50: #ecfeff;
  --cyan-100: #cffafe;
  --cyan-200: #a5f3fc;
  --cyan-300: #67e8f9;
  --cyan-400: #22d3ee;
  --cyan-500: #06b6d4;
  --cyan-600: #0891b2;
  --cyan-700: #0e7490;
  --cyan-800: #155e75;
  --cyan-900: #164e63;
  --cyan-950: #083344;
  --sky-50: #f0f9ff;
  --sky-100: #e0f2fe;
  --sky-200: #bae6fd;
  --sky-300: #7dd3fc;
  --sky-400: #38bdf8;
  --sky-500: #0ea5e9;
  --sky-600: #0284c7;
  --sky-700: #0369a1;
  --sky-800: #075985;
  --sky-900: #0c4a6e;
  --sky-950: #082f49;
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;
  --blue-950: #172554;
  --indigo-50: #eef2ff;
  --indigo-100: #e0e7ff;
  --indigo-200: #c7d2fe;
  --indigo-300: #a5b4fc;
  --indigo-400: #818cf8;
  --indigo-500: #6366f1;
  --indigo-600: #4f46e5;
  --indigo-700: #4338ca;
  --indigo-800: #3730a3;
  --indigo-900: #312e81;
  --indigo-950: #1e1b4b;
  --violet-50: #f5f3ff;
  --violet-100: #ede9fe;
  --violet-200: #ddd6fe;
  --violet-300: #c4b5fd;
  --violet-400: #a78bfa;
  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;
  --violet-700: #6d28d9;
  --violet-800: #5b21b6;
  --violet-900: #4c1d95;
  --violet-950: #2e1065;
  --purple-50: #faf5ff;
  --purple-100: #f3e8ff;
  --purple-200: #e9d5ff;
  --purple-300: #d8b4fe;
  --purple-400: #c084fc;
  --purple-500: #a855f7;
  --purple-600: #9333ea;
  --purple-700: #7e22ce;
  --purple-800: #6b21a8;
  --purple-900: #581c87;
  --purple-950: #3b0764;
  --fuchsia-50: #fdf4ff;
  --fuchsia-100: #fae8ff;
  --fuchsia-200: #f5d0fe;
  --fuchsia-300: #f0abfc;
  --fuchsia-400: #e879f9;
  --fuchsia-500: #d946ef;
  --fuchsia-600: #c026d3;
  --fuchsia-700: #a21caf;
  --fuchsia-800: #86198f;
  --fuchsia-900: #701a75;
  --fuchsia-950: #4a044e;
  --pink-50: #fdf2f8;
  --pink-100: #fce7f3;
  --pink-200: #fbcfe8;
  --pink-300: #f9a8d4;
  --pink-400: #f472b6;
  --pink-500: #ec4899;
  --pink-600: #db2777;
  --pink-700: #be185d;
  --pink-800: #9d174d;
  --pink-900: #831843;
  --pink-950: #500724;
  --rose-50: #fff1f2;
  --rose-100: #ffe4e6;
  --rose-200: #fecdd3;
  --rose-300: #fda4af;
  --rose-400: #fb7185;
  --rose-500: #f43f5e;
  --rose-600: #e11d48;
  --rose-700: #be123c;
  --rose-800: #9f1239;
  --rose-900: #881337;
  --rose-950: #4c0519;
  ---critic-cyan: #05D6DE;
  ---critic-coral: #F34A2E;
  ---critic-navy: #025265;
  ---critic-teal: #007FAA;
  ---critic-dark: #0A1628;
  ---critic-light: #F0FAFB;
}.container {
  width: 100%;
}@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}.collapse {
  visibility: collapse;
}.static {
  position: static;
}.relative {
  position: relative;
}.block {
  display: block;
}.inline {
  display: inline;
}.table {
  display: table;
}.contents {
  display: contents;
}.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));
}.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.border {
  border-width: 1px;
}.italic {
  font-style: italic;
}.underline {
  text-decoration-line: underline;
}.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);
}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#0a1628;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}main{flex:1}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:#0a1628}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.25rem}@media(max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}}a{color:#007faa;text-decoration:none;transition:color .15s ease}a:hover{color:#05d6de}strong{font-weight:600}em{font-style:italic}.section-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section-sub{font-size:1.2rem;color:#4a5568;max-width:680px;margin:.75rem auto 0;text-align:center;line-height:1.7}section h2{text-align:center}section{padding:5rem 0}@media(max-width: 768px){section{padding:3.5rem 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;text-align:center;transition:all .2s ease;cursor:pointer;border:none;line-height:1.4}.btn-primary{background:#f34a2e;color:#fff}.btn-primary:hover{background:rgb(234.7230769231,44.9230769231,13.4769230769);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(243,74,46,.35)}.btn-ghost{background:rgba(0,0,0,0);color:#0a1628;border:2px solid rgba(10,22,40,.2)}.btn-ghost:hover{border-color:#05d6de;color:#007faa}.btn-full{display:block;width:100%}.btn-lg{padding:1.125rem 2.75rem;font-size:1.125rem}.skip-to-main{position:absolute;left:-9999px;top:0;z-index:999;padding:.5rem 1rem;background:#0a1628;color:#fff}.skip-to-main:focus{left:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem;color:#0a1628;letter-spacing:-0.02em}.logo:hover{color:#0a1628}.logo img{width:36px;height:36px}nav{display:flex;align-items:center}nav button{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#0a1628}nav button .menu-close{display:none}nav button[aria-expanded=true] .menu-open{display:none}nav button[aria-expanded=true] .menu-close{display:block}nav ul{display:flex;list-style:none;align-items:center;gap:.25rem}nav li a{display:block;padding:.5rem .875rem;color:#4a5568;font-size:.9375rem;font-weight:500;border-radius:6px;transition:all .15s ease}nav li a:hover{color:#0a1628;background:rgba(0,0,0,.04)}nav .nav-cta a{background:#f34a2e;color:#fff;padding:.5rem 1.125rem;font-weight:600}nav .nav-cta a:hover{background:rgb(234.7230769231,44.9230769231,13.4769230769);color:#fff}@media(max-width: 768px){nav button{display:block}nav ul{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);padding:1rem;gap:.25rem;box-shadow:0 8px 24px rgba(0,0,0,.08)}nav button[aria-expanded=true]+ul{display:flex}nav .nav-cta{margin-top:.5rem}nav .nav-cta a{text-align:center}}.site-footer{background:#0a1628;color:hsla(0,0%,100%,.7)}.footer-inner{max-width:1100px;margin:0 auto;padding:4rem 1.5rem 3rem;display:grid;grid-template-columns:1fr 2fr;gap:3rem}.footer-brand .footer-logo{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:800;font-size:1.125rem}.footer-brand .footer-logo:hover{color:#fff}.footer-brand .footer-logo img{width:28px;height:28px}.footer-brand .footer-tagline{margin-top:.75rem;font-size:.9375rem;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}.footer-links h4{color:#fff;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.875rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:hsla(0,0%,100%,.6);font-size:.9375rem;transition:color .15s ease}.footer-links a:hover{color:#05d6de}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);max-width:1100px;margin:0 auto;padding:1.5rem;font-size:.875rem;text-align:center}.footer-bottom a{color:hsla(0,0%,100%,.6)}.footer-bottom a:hover{color:#05d6de}@media(max-width: 768px){.footer-inner{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.5rem 2rem}.footer-links{grid-template-columns:repeat(3, 1fr);gap:1.5rem}}@media(max-width: 480px){.footer-links{grid-template-columns:1fr 1fr}}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:calc(64px + 4rem) 1.5rem 4rem}.not-found h1{font-size:6rem;font-weight:800;color:#0a1628;line-height:1;margin-bottom:1rem}.not-found p{font-size:1.25rem;color:#4a5568;margin-bottom:2rem}.not-found .not-found-link{display:inline-block;background:#f34a2e;color:#fff;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;transition:background .15s ease}.not-found .not-found-link:hover{background:rgb(234.7230769231,44.9230769231,13.4769230769);color:#fff}.hero{padding:10rem 0 6rem;background:linear-gradient(175deg, #F0FAFB 0%, #fff 60%);text-align:center}.hero-inner{max-width:800px;margin:0 auto;padding:0 1.5rem}.hero h1{font-size:3.5rem;letter-spacing:-0.03em;line-height:1.1;margin-bottom:1.25rem}.hero-sub{font-size:1.3rem;color:#4a5568;line-height:1.65;max-width:620px;margin:0 auto 2.25rem}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-note{margin-top:1rem;font-size:.875rem;color:#718096}@media(max-width: 768px){.hero{padding:7rem 0 4rem}.hero h1{font-size:2.25rem}.hero-sub{font-size:1.1rem}}.value-props{padding:4rem 0 5rem;background:#fff}.props-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2.5rem}.prop{text-align:center;padding:1.5rem}.prop-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#f0fafb;color:#007faa;margin-bottom:1.25rem}.prop h3{margin-bottom:.5rem;font-size:1.2rem}.prop p{color:#4a5568;font-size:.9375rem;line-height:1.65}@media(max-width: 768px){.props-grid{grid-template-columns:1fr;gap:1.5rem}}.before-after{background:#f0fafb}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.comparison-card{border-radius:12px;overflow:hidden}.comparison-card h3{padding:1rem 1.5rem;font-size:.9375rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.comparison-content{padding:1.5rem}.comparison-card.before{background:#fff;border:1px solid #e2e8f0}.comparison-card.before h3{background:#f7fafc;color:#718096;border-bottom:1px solid #e2e8f0}.comparison-card.after{background:#0a1628;color:#fff;border:2px solid #05d6de}.comparison-card.after h3{background:rgba(5,214,222,.1);color:#05d6de;border-bottom:1px solid hsla(0,0%,100%,.1)}.fake-email{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1.25rem;font-size:.875rem}.fake-email .fake-from,.fake-email .fake-subject{color:#718096;margin-bottom:.25rem}.fake-email .fake-body{color:#0a1628;margin-top:.75rem;font-style:italic}.pain-list{list-style:none;padding:0}.pain-list li{padding:.375rem 0;color:#a0aec0;font-size:.9375rem}.pain-list li:before{content:"✗ ";color:#f34a2e;font-weight:bold}.telemetry-preview{font-family:"SF Mono","Fira Code","Fira Mono",Menlo,Consolas,monospace;font-size:.8125rem}.telemetry-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid hsla(0,0%,100%,.08)}.telemetry-row:last-child{border-bottom:none}.telemetry-label{color:#05d6de;font-weight:500}.telemetry-value{color:hsla(0,0%,100%,.85);text-align:right}@media(max-width: 768px){.comparison{grid-template-columns:1fr}}.integration{background:#0a1628;color:#fff}.integration h2,.integration h3{color:#fff}.integration .section-sub{color:hsla(0,0%,100%,.6)}.code-tabs{margin-top:3rem;display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem}.code-block{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;overflow:hidden}.code-header{padding:.75rem 1.25rem;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1)}.code-lang{font-size:.8125rem;font-weight:600;color:#05d6de;text-transform:uppercase;letter-spacing:.05em}.code-block pre{padding:1.25rem;margin:0;overflow-x:auto}.code-block code{font-family:"SF Mono","Fira Code","Fira Mono",Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.7;color:hsla(0,0%,100%,.85)}@media(max-width: 960px){.code-tabs{grid-template-columns:1fr}}.features-detail{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;margin-top:3rem}.feature{padding:2rem;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s ease}.feature:hover{border-color:#05d6de;box-shadow:0 4px 16px rgba(5,214,222,.08)}.feature h3{margin-bottom:.5rem;font-size:1.1rem;color:#0a1628}.feature p{color:#4a5568;font-size:.9375rem;line-height:1.65}@media(max-width: 768px){.features-grid{grid-template-columns:1fr}}.platforms{background:#f0fafb}.platform-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;margin-top:3rem}.platform-card{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;text-align:center;transition:all .2s ease}.platform-card:hover{border-color:#05d6de;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.06);color:#0a1628}.platform-icon{color:#007faa;margin-bottom:1rem}.platform-card h3{font-size:1.1rem;margin-bottom:.25rem;color:#0a1628}.platform-card p{font-size:.8125rem;color:#718096}@media(max-width: 768px){.platform-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.platform-grid{grid-template-columns:1fr 1fr;gap:1rem}}.pricing{background:#fff}.pricing-card{max-width:440px;margin:3rem auto 0;background:#fff;border:2px solid #0a1628;border-radius:16px;padding:2.5rem;text-align:center}.pricing-header{margin-bottom:2rem}.pricing-amount{font-size:4rem;font-weight:800;letter-spacing:-0.03em;color:#0a1628}.pricing-period{font-size:1.1rem;color:#718096;font-weight:400}.pricing-features{list-style:none;text-align:left;margin-bottom:2rem}.pricing-features li{padding:.5rem 0;font-size:.9375rem;color:#4a5568;border-bottom:1px solid #f0f0f0}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓ ";color:#05d6de;font-weight:bold}.pricing-note{margin-top:1rem;font-size:.8125rem;color:#a0aec0}.pricing-comparison{max-width:440px;margin:2.5rem auto 0;text-align:center}.pricing-comparison>p{font-size:.9375rem;color:#718096;margin-bottom:1rem;font-weight:500}.comparison-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;margin-bottom:.375rem;font-size:.9375rem}.comparison-name{color:#4a5568;font-weight:500}.comparison-price{color:#718096}.comparison-price.highlight{color:#f34a2e;font-weight:700}.comparison-row:first-of-type{background:#f0fafb}.blog-listing{margin-top:64px;padding:4rem 0 2rem;background:linear-gradient(175deg, #F0FAFB 0%, #fff 60%)}.blog-listing header{max-width:1100px;margin:0 auto;padding:0 1.5rem}.blog-listing header h1{font-size:2.5rem;letter-spacing:-0.02em;text-align:left}.paginated-posts{max-width:1100px;margin:0 auto;padding:0 1.5rem}.paginated-posts .posts{display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem}.paginated-posts .post{display:flex;position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.paginated-posts .post:hover{border-color:#05d6de;box-shadow:0 6px 24px rgba(0,0,0,.06);transform:translateY(-2px)}.paginated-posts .post .image{flex:0 0 320px;min-height:220px;background-size:cover;background-position:center;background-repeat:no-repeat}.paginated-posts .post>div:last-child{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center}.paginated-posts .post time{display:block;font-size:.8125rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.paginated-posts .post h2{font-size:1.35rem;line-height:1.3;margin-bottom:.75rem;text-align:left}.paginated-posts .post h2 a{color:#0a1628;transition:color .15s ease}.paginated-posts .post h2 a::after{content:"";position:absolute;inset:0}.paginated-posts .post h2 a:hover{color:#007faa}.paginated-posts .post .canonical-attribution{display:inline-block;font-size:.6875rem;font-weight:600;color:#718096;background:#f0f4f8;padding:.125rem .5rem;border-radius:4px;vertical-align:middle;margin-left:.375rem;text-transform:uppercase;letter-spacing:.04em}.paginated-posts .post p{color:#4a5568;font-size:.9375rem;line-height:1.65;margin:0}@media(max-width: 768px){.blog-listing{padding:3rem 0 1.5rem}.blog-listing header h1{font-size:2rem}.paginated-posts .post{flex-direction:column}.paginated-posts .post .image{flex:none;height:200px}.paginated-posts .post>div:last-child{padding:1.5rem}.paginated-posts .post h2{font-size:1.2rem}}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;list-style:none;margin:3rem 0 1.5rem;padding:0}.pagination .previous a,.pagination .next a{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;color:#007faa;border-radius:6px;transition:all .15s ease}.pagination .previous a:hover,.pagination .next a:hover{background:#f0fafb}.pagination .pages{display:flex;gap:.25rem}.pagination .pages a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:.9375rem;font-weight:500;color:#4a5568;border-radius:8px;transition:all .15s ease}.pagination .pages a:hover{background:#f0fafb;color:#0a1628}.pagination .pages a.active{background:#0a1628;color:#fff;font-weight:700}.rss{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;font-size:.875rem;color:#718096;transition:color .15s ease}.rss:hover{color:#f34a2e}.complement{background:#f0fafb;text-align:center}.complement .complement-stack{margin-top:2rem;padding:1.25rem 2rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0;display:inline-block;font-size:1.05rem;color:#4a5568}.complement .complement-stack strong{color:#0a1628}.final-cta{background:#0a1628;color:#fff;text-align:center;padding:6rem 0}.final-cta h2{color:#fff;margin-bottom:1rem}.final-cta p{color:hsla(0,0%,100%,.65);font-size:1.2rem;margin-bottom:2rem}.final-cta .cta-sub{margin-top:1rem;font-size:.875rem;color:hsla(0,0%,100%,.4);margin-bottom:0}.post .hero{height:400px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:64px}.post.post--no-hero .title-area{padding-top:calc(64px + 3rem)}@media(max-width: 768px){.post .hero{height:240px}.post.post--no-hero .title-area{padding-top:calc(64px + 2rem)}}.post .title-area{max-width:760px;margin:0 auto;padding:3rem 1.5rem 0}.post .title-area .post-title{font-size:2.75rem;letter-spacing:-0.02em;line-height:1.15;margin-bottom:.75rem}.post .title-area time{display:block;font-size:.9375rem;color:#718096;font-weight:500}@media(max-width: 768px){.post .title-area{padding-top:2rem}.post .title-area .post-title{font-size:2rem}}.post .notice{max-width:760px;margin:1.5rem auto 0;padding:.875rem 1.25rem;background:#f0fafb;border-left:3px solid #05d6de;border-radius:0 6px 6px 0;font-size:.875rem;color:#4a5568;max-width:calc(760px - 3rem);margin-left:auto;margin-right:auto}.post .notice a{font-weight:600}@media(max-width: 808px){.post .notice{margin-left:1.5rem;margin-right:1.5rem}}.post-content .toc{max-width:760px;margin:0 auto 2.5rem;padding:1.5rem 2rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.post-content .toc h2{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#718096;margin-top:0;margin-bottom:1rem;text-align:left}.post-content .toc .section-nav{list-style:none;margin:0;padding:0}.post-content .toc .toc-entry{margin:0;padding:0}.post-content .toc .toc-h2>a{display:block;padding:.375rem 0;font-size:.9375rem;font-weight:600;color:#0a1628;border-bottom:1px solid #f0f0f0}.post-content .toc .toc-h2>a:hover{color:#007faa}.post-content .toc .toc-h2:last-child>a{border-bottom:none}.post-content .toc .toc-h2>ul{list-style:none;padding:0;margin:0}.post-content .toc .toc-h3>a{display:block;padding:.25rem 0 .25rem 1.25rem;font-size:.875rem;font-weight:400;color:#4a5568;border-bottom:1px solid #f7f7f7}.post-content .toc .toc-h3>a:hover{color:#007faa}.post-content .toc .toc-h3:last-child>a{border-bottom:1px solid #f0f0f0}@media(max-width: 768px){.post-content .toc{padding:1.25rem 1.5rem}.post-content .toc .toc-h3>a{padding-left:1rem}}.post-content{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem 4rem;font-size:1.125rem;line-height:1.8;color:#1a202c}.post-content>p,.post-content>ul,.post-content>ol,.post-content>blockquote,.post-content>h2,.post-content>h3,.post-content>h4,.post-content>hr,.post-content>.table-scrollable{margin-bottom:1.5rem}.post-content h2{font-size:1.75rem;margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0;text-align:left}.post-content h3{font-size:1.35rem;margin-top:2.25rem;margin-bottom:.75rem}.post-content h4{font-size:1.125rem;margin-top:1.75rem;margin-bottom:.5rem}.post-content p{margin-bottom:1.5rem}.post-content p:last-child{margin-bottom:0}.post-content a{color:#007faa;text-decoration:underline;text-decoration-color:rgba(0,127,170,.3);text-underline-offset:2px;transition:text-decoration-color .15s ease}.post-content a:hover{text-decoration-color:#007faa;color:#05d6de}.post-content ul,.post-content ol{padding-left:1.75rem;margin-bottom:1.5rem}.post-content ul li,.post-content ol li{margin-bottom:.5rem;line-height:1.7}.post-content ul{list-style-type:disc}.post-content ol{list-style-type:decimal}.post-content blockquote{margin:2rem 0;padding:1.25rem 1.5rem;border-left:4px solid #05d6de;background:#f0fafb;border-radius:0 8px 8px 0;font-style:italic;color:#4a5568}.post-content blockquote p{margin-bottom:0;font-size:1.1rem;line-height:1.7}.post-content .table-scrollable{overflow-x:auto;margin:2rem 0;border-radius:10px;border:1px solid #e2e8f0}.post-content table{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.6}.post-content table thead{background:#0a1628;color:#fff}.post-content table thead th{padding:.875rem 1.25rem;text-align:left;font-weight:600;font-size:.875rem;letter-spacing:.02em;white-space:nowrap;border:1px solid hsla(0,0%,100%,.15)}.post-content table thead th:first-child{border-radius:9px 0 0 0}.post-content table thead th:last-child{border-radius:0 9px 0 0}.post-content table tbody tr{border-bottom:1px solid #f0f0f0}.post-content table tbody tr:last-child{border-bottom:none}.post-content table tbody tr:nth-child(even){background:#f8fafc}.post-content table tbody td{padding:.75rem 1.25rem;color:#4a5568;vertical-align:top;border:1px solid #e2e8f0}.post-content table tbody td:first-child{font-weight:600;color:#0a1628;white-space:nowrap}.post-content table tbody td strong{color:#0a1628}.post-content code{font-family:"SF Mono","Fira Code","Fira Mono",Menlo,Consolas,monospace;font-size:.875em;background:#f0f4f8;padding:.15em .4em;border-radius:4px;color:#025265}.post-content pre{margin:2rem 0;padding:1.5rem;background:#0a1628;border-radius:10px;overflow-x:auto}.post-content pre code{background:none;padding:0;border-radius:0;color:hsla(0,0%,100%,.85);font-size:.8125rem;line-height:1.7}.post-content hr{border:none;border-top:1px solid #e2e8f0;margin:3rem 0}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.post-content strong{font-weight:700;color:#0a1628}.post-content em{font-style:italic}@media(max-width: 768px){.post-content{font-size:1.0625rem;padding:2rem 1.25rem 3rem}.post-content h2{font-size:1.5rem;margin-top:2.5rem}.post-content h3{font-size:1.2rem;margin-top:2rem}.post-content table{font-size:.8125rem}.post-content table thead th,.post-content table tbody td{padding:.625rem .875rem}}.post-subscribe{max-width:760px;margin:0 auto;padding:0 1.5rem 4rem}.post-footer{max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex;align-items:center;gap:1rem;border-top:1px solid #e2e8f0}.post-footer .avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.post-footer span{font-weight:600;font-size:1rem;color:#0a1628}@media (min-width: 768px) {

  .md\:flex {
    display: flex;
  }
}