/* Bundled by build-css.php — do not edit. Run `npm run css` to regenerate. */

/* ── fonts ───────────────────────────── */
/* ============================================================
   Self-hosted webfonts.

   Replaces the design system's tokens/fonts.css, which began with an

  src: url("/assets/fonts/ClashDisplay-Variable.woff2") format("woff2");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

/* DM Mono 400 — latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/DMMono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* DM Mono 400 — latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/DMMono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* DM Mono 500 — latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/DMMono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* DM Mono 500 — latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/DMMono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter 300 — latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/Inter-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter 300 — latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/Inter-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter 400 — latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter 400 — latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter 500 — latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Inter-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter 500 — latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Inter-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter 600 — latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Inter-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter 600 — latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Inter-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter 700 — latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Inter-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter 700 — latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Inter-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── tokens/colors ───────────────────────────── */
/* ============================================================
   Convertica — Color tokens
   A minimal, high-contrast editorial palette.
   Warm paper + ink, with a soft lavender / deep indigo accent pair.
   The iridescent "orb" gradient is a brand signature — logo & rare hero moments only.
   ============================================================ */

:root {
  /* ---- Base neutrals (warm-tinted to sit on paper) ---- */
  --paper:        #F5F5F3;   /* primary background */
  --paper-dim:    #EFEFEA;   /* sunken / alternating sections */
  --white:        #FFFFFF;   /* cards, raised surfaces */

  --ink-900:      #111111;   /* primary text, near-black */
  --ink-800:      #1C1C1B;   /* dark section base */
  --ink-700:      #3A3A37;   /* secondary text */
  --ink-600:      #55554F;
  --ink-500:      #6E6E68;   /* muted / tertiary text */
  --ink-400:      #8E8E87;   /* placeholder */
  --ink-300:      #B6B6AE;   /* disabled text */
  --ink-200:      #D6D6CE;   /* strong borders */
  --ink-150:      #E4E4DD;   /* default borders */
  --ink-100:      #ECECE5;   /* hairlines, subtle fills */

  /* ---- Lavender (soft accent) ---- */
  --lavender-50:  #F5F3FF;
  --lavender-100: #ECE9FF;
  --lavender-200: #DCD7FF;
  --lavender-300: #C9C3FF;   /* brand soft accent */
  --lavender-400: #ABA1FB;
  --lavender-500: #8C7DF2;

  /* ---- Indigo (deep accent) ---- */
  --indigo-200:   #B9B9DE;
  --indigo-300:   #8A8AC4;
  --indigo-400:   #6262AE;
  --indigo-500:   #4A4A9F;   /* brand deep accent / primary action */
  --indigo-600:   #3C3C82;
  --indigo-700:   #2E2E63;
  --indigo-900:   #1B1B3C;   /* deep indigo section base */

  /* ===========================================================
     Calypso brand palette (from Convertica / Calypso brand
     guidelines, Figma §3.1). Vibrant, energetic, distinctive —
     a blend of lights, brights and darks. Pair with black/white.
     =========================================================== */
  /* Lights — soft section grounds & card tints */
  --cal-vanilla:  #FFFFED;
  --cal-mint:     #EFFFE6;
  --cal-lime:     #D7FFC2;
  --cal-sky:      #BAEBFF;
  --cal-pink:     #FFB3FD;
  --cal-peach:    #FDD6BA;

  /* Brights — accents, buttons, highlights */
  --cal-calypso:  #0BF477;   /* PRIMARY brand colour */
  --cal-capri:    #483CFF;   /* electric blue */
  --cal-rose:     #FF61EF;   /* magenta */
  --cal-sangria:  #FF6333;   /* warm orange */

  /* Darks — full-bleed section grounds (white text) */
  --cal-orchid:   #3D1146;   /* deep aubergine */
  --cal-midnight: #002847;   /* deep navy */
  --cal-forest:   #004449;   /* deep teal */
  --cal-claret:   #511124;   /* deep maroon */

  /* Sangria ramp — PRIMARY accent (fills, CTAs) */
  --sangria-50:   #FFF1EA;
  --sangria-100:  #FFE0D2;   /* soft accent background */
  --sangria-200:  #FFC9A3;   /* soft accent hover */
  --sangria-400:  #FF6333;   /* base = --cal-sangria */
  --sangria-500:  #F0531F;
  --sangria-600:  #E8480F;   /* primary hover */
  --sangria-700:  #B5380C;

  /* Claret ramp — deep accent (text/links, dark grounds) */
  --claret-100:   #F6E1E6;
  --claret-500:   #511124;   /* base = --cal-claret */
  --claret-700:   #3A0C19;

  /* ---- Status (muted, editorial) ---- */
  --green-500:    #2F8A5B;
  --green-100:    #E0F0E7;
  --amber-500:    #B5811E;
  --amber-100:    #F4EAD4;
  --red-500:      #BC3B2A;
  --red-100:      #F4E0DC;

  /* ---- Brand gradient (logo orb — use sparingly) ---- */
  --brand-gradient: conic-gradient(from 210deg at 38% 38%,
      #FF5A52 0deg, #E14FD0 70deg, #8C5BFF 150deg,
      #4F7BFF 215deg, #59C6FF 270deg, #C9C3FF 320deg, #FF5A52 360deg); /* @kind color */
  --brand-gradient-linear: linear-gradient(120deg,
      #FF5A52 0%, #E14FD0 28%, #8C5BFF 55%, #4F7BFF 78%, #59C6FF 100%); /* @kind color */

  /* ===========================================================
     Semantic aliases — reference these in components
     =========================================================== */
  --surface-page:     var(--paper);
  --surface-alt:      var(--paper-dim);
  --surface-card:     var(--white);
  --surface-sunken:   var(--ink-100);
  --surface-dark:     var(--ink-900);
  --surface-indigo:   var(--indigo-900);
  --surface-lavender: var(--lavender-100);
  --surface-peach:    var(--sangria-100);
  --surface-claret:   var(--cal-claret);
  --surface-midnight: var(--cal-midnight);
  --surface-orchid:   var(--cal-orchid);
  --surface-forest:   var(--cal-forest);

  --text-primary:     var(--ink-900);
  --text-secondary:   var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-placeholder: var(--ink-400);
  --text-disabled:    var(--ink-300);
  --text-on-dark:     var(--paper);
  --text-on-dark-dim: rgba(245, 245, 243, 0.62);
  --text-accent:      var(--claret-500);

  --border-subtle:    var(--ink-100);
  --border-default:   var(--ink-150);
  --border-strong:    var(--ink-200);
  --border-dark:      rgba(245, 245, 243, 0.16);

  --accent-soft:      var(--sangria-100);
  --accent-soft-bg:   var(--sangria-100);
  --accent-soft-ink:  var(--claret-500);
  --accent-strong:    var(--cal-sangria);
  --accent-strong-hover: var(--sangria-600);
  --accent-ink:       #ffffff;

  /* Secondary brand accents (use sparingly alongside Sangria/Claret) */
  --accent-calypso:   var(--cal-calypso);
  --accent-capri:     var(--cal-capri);
  --accent-rose:      var(--cal-rose);

  --focus-ring:       0 0 0 3px rgba(255, 99, 51, 0.38);
}

/* ── tokens/typo ───────────────────────────── */
/* ============================================================
   Convertica — Typography tokens
   Display: Clash Display (bold, oversized, tight)  — headings
   Sans   : Inter (clean, highly readable body & UI)
   Mono   : DM Mono (metrics, eyebrows, conversion data)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Clash Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "DM Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Weights ---- */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */

  /* ---- Fluid display sizes (Clash Display) ---- */
  --fs-display:   clamp(3.5rem, 1.6rem + 7.6vw, 7rem);    /* @kind spacing */
  --fs-display-2: clamp(2.75rem, 1.5rem + 5.2vw, 5rem);   /* @kind spacing */

  /* ---- Static type scale (rem @ 16px root) ---- */
  --fs-h1:        3.75rem;   /* 60 */
  --fs-h2:        3rem;      /* 48 */
  --fs-h3:        2.25rem;   /* 36 */
  --fs-h4:        1.75rem;   /* 28 */
  --fs-h5:        1.375rem;  /* 22 */
  --fs-body-lg:   1.25rem;   /* 20 */
  --fs-body:      1.0625rem; /* 17 */
  --fs-body-sm:   0.9375rem; /* 15 */
  --fs-caption:   0.8125rem; /* 13 */
  --fs-eyebrow:   0.75rem;   /* 12 */

  /* ---- Line heights ---- */
  --lh-display:   0.96;  /* @kind font */
  --lh-tight:     1.05;  /* @kind font */
  --lh-heading:   1.15;  /* @kind font */
  --lh-snug:      1.3;   /* @kind font */
  --lh-body:      1.6;   /* @kind font */
  --lh-relaxed:   1.72;  /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display:   -0.022em; /* @kind font */
  --ls-heading:   -0.015em; /* @kind font */
  --ls-normal:    0em;      /* @kind font */
  --ls-wide:      0.04em;   /* @kind font */
  --ls-eyebrow:   0.16em;   /* @kind font */
}

/* ---- Optional convenience classes (cards/specimens may use) ---- */
.cv-display   { font-family: var(--font-display); font-weight: var(--fw-bold); font-size: var(--fs-display);   line-height: var(--lh-display); letter-spacing: var(--ls-display); }
.cv-display-2 { font-family: var(--font-display); font-weight: var(--fw-semibold); font-size: var(--fs-display-2); line-height: var(--lh-tight); letter-spacing: var(--ls-display); }
.cv-h1 { font-family: var(--font-display); font-weight: var(--fw-semibold); font-size: var(--fs-h1); line-height: var(--lh-tight); letter-spacing: var(--ls-heading); }
.cv-h2 { font-family: var(--font-display); font-weight: var(--fw-semibold); font-size: var(--fs-h2); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); }
.cv-h3 { font-family: var(--font-sans); font-weight: var(--fw-semibold); font-size: var(--fs-h3); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); }
.cv-h4 { font-family: var(--font-sans); font-weight: var(--fw-semibold); font-size: var(--fs-h4); line-height: var(--lh-snug); }
.cv-h5 { font-family: var(--font-sans); font-weight: var(--fw-semibold); font-size: var(--fs-h5); line-height: var(--lh-snug); }
.cv-body-lg { font-family: var(--font-sans); font-weight: var(--fw-regular); font-size: var(--fs-body-lg); line-height: var(--lh-body); }
.cv-body { font-family: var(--font-sans); font-weight: var(--fw-regular); font-size: var(--fs-body); line-height: var(--lh-body); }
.cv-eyebrow {
  font-family: var(--font-mono); font-weight: var(--fw-medium); font-size: var(--fs-eyebrow);
  line-height: 1; letter-spacing: var(--ls-eyebrow); text-transform: uppercase;
}

/* ── tokens/spacing ───────────────────────────── */
/* ============================================================
   Convertica — Spacing, radius, shadow, layout & motion
   8px base grid. Generous section rhythm. Subtle shadows only.
   ============================================================ */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --space-0:   0;
  --space-1:   0.25rem;  /* 4  */
  --space-2:   0.5rem;   /* 8  */
  --space-3:   0.75rem;  /* 12 */
  --space-4:   1rem;     /* 16 */
  --space-5:   1.25rem;  /* 20 */
  --space-6:   1.5rem;   /* 24 */
  --space-8:   2rem;     /* 32 */
  --space-10:  2.5rem;   /* 40 */
  --space-12:  3rem;     /* 48 */
  --space-16:  4rem;     /* 64 */
  --space-20:  5rem;     /* 80 */
  --space-24:  6rem;     /* 96 */
  --space-32:  8rem;     /* 128 */
  --space-40:  10rem;    /* 160 */

  /* ---- Section rhythm (generous, editorial) ---- */
  --section-y:        clamp(4rem, 8vw, 9rem);   /* @kind spacing */
  --section-y-tight:  clamp(3rem, 5vw, 5rem);   /* @kind spacing */
  --gutter:           clamp(1.25rem, 5vw, 6rem); /* @kind spacing */
  --content-max:      1240px; /* @kind spacing */
  --content-narrow:   720px;  /* @kind spacing */
  --measure:          68ch;   /* @kind other */

  /* ---- Radius (minimal, premium) ---- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   26px;
  --radius-card: 18px;
  --radius-pill: 999px;

  /* ---- Borders ---- */
  --border-width: 1px; /* @kind spacing */
  --border-hair:  1px solid var(--border-default); /* @kind other */

  /* ---- Shadows (subtle only — no glassmorphism) ---- */
  --shadow-xs:  0 1px 2px rgba(17, 17, 17, 0.04);
  --shadow-sm:  0 2px 8px rgba(17, 17, 17, 0.05);
  --shadow-md:  0 10px 28px rgba(17, 17, 17, 0.07);
  --shadow-lg:  0 24px 56px -12px rgba(17, 17, 17, 0.12);
  --shadow-accent: 0 16px 40px -12px rgba(74, 74, 159, 0.30);

  /* ---- Motion (subtle & purposeful) ---- */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    420ms; /* @kind other */
  --transition:  220ms cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */

  /* ---- Z-index ---- */
  --z-base:    1;    /* @kind other */
  --z-sticky:  100;  /* @kind other */
  --z-overlay: 1000; /* @kind other */
  --z-modal:   1100; /* @kind other */
  --z-toast:   1200; /* @kind other */
}

/* ── tokens/base ───────────────────────────── */
/* ============================================================
   Convertica — Base / reset layer
   Applies the brand defaults to bare HTML so specimens & kits
   inherit paper, ink and Inter without extra classes.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  margin: 0;
  background-color: var(--surface-page);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  font-weight: var(--fw-regular);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: var(--fw-semibold);
  color: var(--text-primary);
  letter-spacing: var(--ls-heading);
  line-height: var(--lh-heading);
}

p { margin: 0; }
a { color: var(--text-accent); text-decoration: none; transition: color var(--dur-fast) var(--ease-out); }
a:hover { color: var(--accent-strong-hover); }

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

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

::selection { background: var(--lavender-300); color: var(--ink-900); }

:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-xs); }

hr { border: none; border-top: 1px solid var(--border-default); margin: 0; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

/* ── ds/styles ───────────────────────────── */
/* ============================================================
   Convertica Design System — global entry point
   Consumers link THIS file. It only @imports the token + font layers.
   ============================================================ */

/* ── ds/components ───────────────────────────── */
/* Design-system component CSS, extracted from _ds_bundle.js.
   The bundle was a React library that injected these <style> blocks at runtime;
   the PHP site uses only the classes, so the CSS is served statically instead. */

/* ---- cv-button-styles ---- */
  .cv-btn {
    --_bg: var(--accent-strong); --_fg: var(--accent-ink); --_bd: transparent; --_bgh: var(--accent-strong-hover);
    display: inline-flex; align-items: center; justify-content: center; gap: 0.6em;
    font-family: var(--font-sans); font-weight: 600; line-height: 1; white-space: nowrap;
    border: 1px solid var(--_bd); background: var(--_bg); color: var(--_fg);
    border-radius: var(--radius-pill); cursor: pointer; text-decoration: none;
    transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out),
                border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
  }
  .cv-btn:hover { background: var(--_bgh); }
  .cv-btn:active { transform: translateY(1px); }
  .cv-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
  .cv-btn[disabled] { opacity: 0.45; pointer-events: none; }
  .cv-btn--md { font-size: 15px; padding: 0 22px; height: 46px; }
  .cv-btn--sm { font-size: 13.5px; padding: 0 16px; height: 38px; }
  .cv-btn--lg { font-size: 16.5px; padding: 0 30px; height: 56px; }
  .cv-btn--secondary { --_bg: transparent; --_fg: var(--ink-900); --_bd: var(--ink-200); --_bgh: var(--ink-100); }
  .cv-btn--ghost { --_bg: transparent; --_fg: var(--ink-900); --_bd: transparent; --_bgh: var(--ink-100); }
  .cv-btn--soft { --_bg: var(--accent-soft-bg); --_fg: var(--accent-soft-ink); --_bd: transparent; --_bgh: var(--sangria-200); }
  .cv-btn--inverse { --_bg: var(--paper); --_fg: var(--ink-900); --_bd: transparent; --_bgh: var(--white); }
  .cv-btn--link { --_bg: transparent; --_fg: var(--text-accent); --_bd: transparent; --_bgh: transparent; height: auto; padding: 0; border-radius: 0; }
  .cv-btn--link:hover { color: var(--claret-700); text-decoration: underline; text-underline-offset: 4px; }
  .cv-btn--calypso { --_bg: var(--cal-calypso); --_fg: #04331b; --_bd: transparent; --_bgh: #00c95e; }
  .cv-btn--capri { --_bg: var(--cal-capri); --_fg: #fff; --_bd: transparent; --_bgh: #2a1fe0; }
  .cv-btn__icon { display: inline-flex; width: 1.15em; height: 1.15em; }
  

/* ---- cv-iconbutton-styles ---- */
  .cv-iconbtn {
    --_bg: transparent; --_fg: var(--ink-900); --_bd: var(--ink-200); --_bgh: var(--ink-100);
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--_bg); color: var(--_fg); border: 1px solid var(--_bd);
    border-radius: var(--radius-pill); cursor: pointer;
    transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
  }
  .cv-iconbtn:hover { background: var(--_bgh); }
  .cv-iconbtn:active { transform: translateY(1px); }
  .cv-iconbtn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
  .cv-iconbtn[disabled] { opacity: 0.45; pointer-events: none; }
  .cv-iconbtn--md { width: 46px; height: 46px; }
  .cv-iconbtn--sm { width: 38px; height: 38px; }
  .cv-iconbtn--lg { width: 56px; height: 56px; }
  .cv-iconbtn--solid { --_bg: var(--accent-strong); --_fg: var(--accent-ink); --_bd: transparent; --_bgh: var(--accent-strong-hover); }
  .cv-iconbtn--ghost { --_bd: transparent; }
  .cv-iconbtn--inverse { --_bg: transparent; --_fg: var(--paper); --_bd: var(--border-dark); --_bgh: rgba(245,245,243,0.12); }
  .cv-iconbtn svg, .cv-iconbtn img { width: 42%; height: 42%; }
  

/* ---- cv-avatar-styles ---- */
  .cv-avatar {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    border-radius: 999px; overflow: hidden; background: var(--sangria-100); color: var(--claret-500);
    font-family: var(--font-sans); font-weight: 600; box-shadow: inset 0 0 0 1px rgba(17,17,17,0.05);
  }
  .cv-avatar img { width: 100%; height: 100%; object-fit: cover; }
  .cv-avatar--ring { box-shadow: 0 0 0 2px var(--surface-page), 0 0 0 4px var(--accent-strong); }
  

/* ---- cv-badge-styles ---- */
  .cv-badge {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--font-sans); font-weight: 600; font-size: 12.5px; line-height: 1;
    padding: 5px 11px; border-radius: var(--radius-pill); white-space: nowrap;
    background: var(--accent-soft-bg); color: var(--accent-soft-ink);
  }
  .cv-badge--neutral { background: var(--ink-100); color: var(--ink-700); }
  .cv-badge--solid   { background: var(--accent-strong); color: var(--accent-ink); }
  .cv-badge--calypso { background: #D6FCE7; color: #04331b; }
  .cv-badge--capri   { background: #E0DEFF; color: #211a8f; }
  .cv-badge--rose    { background: #FFE0FB; color: #8a0d7a; }
  .cv-badge--success { background: var(--green-100); color: var(--green-500); }
  .cv-badge--warning { background: var(--amber-100); color: var(--amber-500); }
  .cv-badge--error   { background: var(--red-100); color: var(--red-500); }
  .cv-badge__dot { width: 6px; height: 6px; border-radius: 999px; background: currentColor; }
  

/* ---- cv-card-styles ---- */
  .cv-card {
    display: flex; flex-direction: column;
    background: var(--surface-card); border: 1px solid var(--border-default);
    border-radius: var(--radius-card); overflow: hidden;
    transition: box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
  }
  .cv-card--pad { padding: var(--space-8); }
  .cv-card--shadow { box-shadow: var(--shadow-sm); }
  .cv-card--interactive { cursor: pointer; }
  .cv-card--interactive:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); border-color: var(--border-strong); }
  .cv-card--dark { background: var(--ink-900); border-color: rgba(245,245,243,0.10); color: var(--paper); }
  .cv-card--claret { background: var(--cal-claret); border-color: rgba(245,245,243,0.12); color: var(--paper); }
  .cv-card--midnight { background: var(--cal-midnight); border-color: rgba(245,245,243,0.12); color: var(--paper); }
  .cv-card--orchid { background: var(--cal-orchid); border-color: rgba(245,245,243,0.12); color: var(--paper); }
  .cv-card--forest { background: var(--cal-forest); border-color: rgba(245,245,243,0.12); color: var(--paper); }
  .cv-card--peach { background: var(--surface-peach); border-color: transparent; }
  .cv-card--lavender { background: var(--surface-peach); border-color: transparent; }
  .cv-card--mint { background: var(--cal-mint); border-color: transparent; }
  .cv-card--sky { background: var(--cal-sky); border-color: transparent; }
  .cv-card__media { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--ink-100); }
  

/* ---- cv-eyebrow-styles ---- */
  .cv-eyebrow {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: var(--font-mono); font-weight: 500; font-size: 12px;
    text-transform: uppercase; letter-spacing: 0.16em; line-height: 1;
    color: var(--text-accent);
  }
  .cv-eyebrow--muted { color: var(--ink-500); }
  .cv-eyebrow--onDark { color: var(--accent-strong); }
  .cv-eyebrow__dash { width: 18px; height: 1px; background: currentColor; opacity: 0.6; }
  

/* ---- cv-logo-styles ---- */
  .cv-logo { display: inline-flex; align-items: center; gap: 0.42em; line-height: 1; }
  .cv-logo__orb {
    flex: none; border-radius: 999px; position: relative; overflow: hidden;
    background: var(--brand-gradient);
    box-shadow: inset 0 2px 6px rgba(255,255,255,0.45), inset 0 -6px 14px rgba(20,0,40,0.35), var(--shadow-xs);
  }
  .cv-logo__orb::after {
    content: ""; position: absolute; inset: 0; border-radius: inherit;
    background: radial-gradient(60% 45% at 38% 30%, rgba(255,255,255,0.55), rgba(255,255,255,0) 60%);
  }
  .cv-logo__word {
    font-family: var(--font-display); font-weight: 700; letter-spacing: -0.02em; color: var(--ink-900);
  }
  .cv-logo--onDark .cv-logo__word { color: var(--paper); }
  

/* ---- cv-stat-styles ---- */
  .cv-stat { display: flex; flex-direction: column; gap: 8px; }
  .cv-stat__value {
    font-family: var(--font-display); font-weight: 700; letter-spacing: -0.02em; line-height: 0.95;
    font-size: clamp(2.5rem, 1.5rem + 3vw, 3.5rem); color: var(--ink-900);
  }
  .cv-stat__value .cv-stat__grad { background: var(--brand-gradient-linear); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .cv-stat__label {
    font-family: var(--font-mono); font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em;
    color: var(--ink-500);
  }
  .cv-stat--onDark .cv-stat__value { color: var(--paper); }
  .cv-stat--onDark .cv-stat__label { color: var(--text-on-dark-dim); }
  .cv-stat--center { align-items: center; text-align: center; }
  

/* ---- cv-checkbox-styles ---- */
  .cv-check { display: inline-flex; align-items: flex-start; gap: 11px; cursor: pointer; font-family: var(--font-sans); }
  .cv-check input { position: absolute; opacity: 0; width: 0; height: 0; }
  .cv-check__box {
    flex: none; width: 22px; height: 22px; margin-top: 1px; border-radius: 6px;
    border: 1px solid var(--border-strong); background: var(--white);
    display: inline-flex; align-items: center; justify-content: center;
    transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
  }
  .cv-check__box svg { width: 13px; height: 13px; opacity: 0; transform: scale(0.6); transition: opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out); color: var(--paper); }
  .cv-check:hover .cv-check__box { border-color: var(--ink-300); }
  .cv-check input:checked + .cv-check__box { background: var(--accent-strong); border-color: var(--accent-strong); }
  .cv-check input:checked + .cv-check__box svg { opacity: 1; transform: scale(1); }
  .cv-check input:focus-visible + .cv-check__box { box-shadow: var(--focus-ring); }
  .cv-check__label { font-size: 14.5px; line-height: 1.45; color: var(--ink-800); }
  .cv-check input:disabled ~ .cv-check__label { color: var(--text-disabled); }
  

/* ---- cv-field-styles ---- */
  .cv-field { display: flex; flex-direction: column; gap: 7px; }
  .cv-field__label { font-family: var(--font-sans); font-size: 13.5px; font-weight: 600; color: var(--ink-800); }
  .cv-field__hint { font-family: var(--font-sans); font-size: 12.5px; color: var(--ink-500); }
  .cv-field__error { font-family: var(--font-sans); font-size: 12.5px; color: var(--red-500); }
  .cv-input, .cv-textarea {
    width: 100%; font-family: var(--font-sans); font-size: 15.5px; color: var(--ink-900);
    background: var(--white); border: 1px solid var(--border-strong); border-radius: var(--radius-sm);
    padding: 0 14px; height: 46px; transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
  }
  .cv-textarea { height: auto; min-height: 108px; padding: 12px 14px; line-height: 1.55; resize: vertical; }
  .cv-input::placeholder, .cv-textarea::placeholder { color: var(--text-placeholder); }
  .cv-input:hover, .cv-textarea:hover { border-color: var(--ink-300); }
  .cv-input:focus, .cv-textarea:focus { outline: none; border-color: var(--accent-strong); box-shadow: var(--focus-ring); }
  .cv-field--invalid .cv-input, .cv-field--invalid .cv-textarea { border-color: var(--red-500); }
  .cv-input[disabled], .cv-textarea[disabled] { background: var(--ink-100); color: var(--text-disabled); cursor: not-allowed; }

/* ── tailwind ───────────────────────────── */
*,:after,:before{--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:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-\[18px\]{bottom:18px}.bottom-\[2px\]{bottom:2px}.left-0{left:0}.left-\[14px\]{left:14px}.right-\[14px\]{right:14px}.right-\[18px\]{right:18px}.right-\[26px\]{right:26px}.top-\[14px\]{top:14px}.top-\[calc\(100\%\+12px\)\]{top:calc(100% + 12px)}.z-\[100\]{z-index:100}.z-\[120\]{z-index:120}.z-\[90\]{z-index:90}.col-span-full{grid-column:1/-1}.-m-px{margin:-1px}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-10{margin-top:-2.5rem}.-mt-px{margin-top:-1px}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-7{margin-bottom:1.75rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[14px\]{margin-bottom:14px}.mb-\[18px\]{margin-bottom:18px}.mb-\[22px\]{margin-bottom:22px}.mb-\[26px\]{margin-bottom:26px}.mb-\[30px\]{margin-bottom:30px}.mb-\[6px\]{margin-bottom:6px}.mb-\[7px\]{margin-bottom:7px}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[10px\]{margin-top:10px}.mt-\[14px\]{margin-top:14px}.mt-\[18px\]{margin-top:18px}.mt-\[1px\]{margin-top:1px}.mt-\[22px\]{margin-top:22px}.mt-\[26px\]{margin-top:26px}.mt-\[2px\]{margin-top:2px}.mt-\[34px\]{margin-top:34px}.mt-\[38px\]{margin-top:38px}.mt-\[6px\]{margin-top:6px}.mt-\[7px\]{margin-top:7px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-\[170px\]{height:170px}.h-\[200px\]{height:200px}.h-\[220px\]{height:220px}.h-\[2px\]{height:2px}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[50px\]{height:50px}.h-\[54px\]{height:54px}.h-\[64px\]{height:64px}.h-\[6px\]{height:6px}.h-\[72px\]{height:72px}.h-\[7px\]{height:7px}.h-\[clamp\(260px\2c 26vw\2c 360px\)\]{height:clamp(260px,26vw,360px)}.h-\[clamp\(300px\2c 32vw\2c 420px\)\]{height:clamp(300px,32vw,420px)}.h-\[clamp\(300px\2c 32vw\2c 440px\)\]{height:clamp(300px,32vw,440px)}.h-\[clamp\(300px\2c 34vw\2c 420px\)\]{height:clamp(300px,34vw,420px)}.h-\[clamp\(320px\2c 34vw\2c 440px\)\]{height:clamp(320px,34vw,440px)}.h-\[clamp\(320px\2c 36vw\2c 460px\)\]{height:clamp(320px,36vw,460px)}.h-\[clamp\(320px\2c 38vw\2c 460px\)\]{height:clamp(320px,38vw,460px)}.h-full{height:100%}.h-px{height:1px}.w-11{width:2.75rem}.w-\[30px\]{width:30px}.w-\[42px\]{width:42px}.w-\[46px\]{width:46px}.w-\[48px\]{width:48px}.w-\[50px\]{width:50px}.w-\[54px\]{width:54px}.w-\[64px\]{width:64px}.w-\[6px\]{width:6px}.w-\[7px\]{width:7px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-\[262px\]{min-width:262px}.max-w-\[1040px\]{max-width:1040px}.max-w-\[1240px\]{max-width:1240px}.max-w-\[18ch\]{max-width:18ch}.max-w-\[34ch\]{max-width:34ch}.max-w-\[34rem\]{max-width:34rem}.max-w-\[36rem\]{max-width:36rem}.max-w-\[38rem\]{max-width:38rem}.max-w-\[42ch\]{max-width:42ch}.max-w-\[46ch\]{max-width:46ch}.max-w-\[48ch\]{max-width:48ch}.max-w-\[56ch\]{max-width:56ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[920px\]{max-width:920px}.flex-1{flex:1 1 0%}.flex-none{flex:none}.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))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.grid-cols-\[1\.2fr_1fr_1fr\]{grid-template-columns:1.2fr 1fr 1fr}.grid-cols-\[1\.4fr_1fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr 1fr}.grid-cols-\[140px_1fr\]{grid-template-columns:140px 1fr}.grid-cols-\[repeat\(3\2c 1fr\)\]{grid-template-columns:repeat(3,1fr)}.grid-cols-\[repeat\(4\2c 1fr\)\]{grid-template-columns:repeat(4,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[11px\]{gap:11px}.gap-\[13px\]{gap:13px}.gap-\[14px\]{gap:14px}.gap-\[18px\]{gap:18px}.gap-\[26px\]{gap:26px}.gap-\[5px\]{gap:5px}.gap-\[6px\]{gap:6px}.gap-\[7px\]{gap:7px}.gap-\[9px\]{gap:9px}.gap-\[clamp\(2rem\2c 4vw\2c 4rem\)\]{gap:clamp(2rem,4vw,4rem)}.gap-\[clamp\(2rem\2c 5vw\2c 4rem\)\]{gap:clamp(2rem,5vw,4rem)}.gap-\[clamp\(2rem\2c 5vw\2c 5rem\)\]{gap:clamp(2rem,5vw,5rem)}.gap-x-\[18px\]{-moz-column-gap:18px;column-gap:18px}.gap-x-\[22px\]{-moz-column-gap:22px;column-gap:22px}.gap-y-2{row-gap:.5rem}.gap-y-\[14px\]{row-gap:14px}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[18px\]{border-radius:18px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[2px\]{border-radius:2px}.rounded-\[30px\]{border-radius:30px}.rounded-\[40px_40px_0_0\]{border-radius:40px 40px 0 0}.rounded-\[9px\]{border-radius:9px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-\[\#FECACA\]{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-\[rgba\(255\2c 99\2c 51\2c 0\.32\)\]{border-color:rgba(255,99,51,.32)}.border-\[rgba\(255\2c 99\2c 51\2c 0\.35\)\]{border-color:rgba(255,99,51,.35)}.border-\[var\(--border-default\)\]{border-color:var(--border-default)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/\[0\.06\]{border-color:hsla(0,0%,100%,.06)}.border-white\/\[0\.07\]{border-color:hsla(0,0%,100%,.07)}.border-white\/\[0\.08\]{border-color:hsla(0,0%,100%,.08)}.border-white\/\[0\.12\]{border-color:hsla(0,0%,100%,.12)}.border-white\/\[0\.14\]{border-color:hsla(0,0%,100%,.14)}.border-white\/\[0\.1\]{border-color:hsla(0,0%,100%,.1)}.bg-\[\#0A0C0E\]{--tw-bg-opacity:1;background-color:rgb(10 12 14/var(--tw-bg-opacity,1))}.bg-\[\#0BF477\]{--tw-bg-opacity:1;background-color:rgb(11 244 119/var(--tw-bg-opacity,1))}.bg-\[\#0C0E10\]{--tw-bg-opacity:1;background-color:rgb(12 14 16/var(--tw-bg-opacity,1))}.bg-\[\#0E1113\]{--tw-bg-opacity:1;background-color:rgb(14 17 19/var(--tw-bg-opacity,1))}.bg-\[\#16191D\]{--tw-bg-opacity:1;background-color:rgb(22 25 29/var(--tw-bg-opacity,1))}.bg-\[\#25D366\]{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.bg-\[\#E8E8E5\]{--tw-bg-opacity:1;background-color:rgb(232 232 229/var(--tw-bg-opacity,1))}.bg-\[\#FEF2F2\]{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-\[\#FF6333\]{--tw-bg-opacity:1;background-color:rgb(255 99 51/var(--tw-bg-opacity,1))}.bg-\[rgba\(255\2c 99\2c 51\2c 0\.14\)\]{background-color:rgba(255,99,51,.14)}.bg-\[var\(--ink-900\)\]{background-color:var(--ink-900)}.bg-\[var\(--paper\)\]{background-color:var(--paper)}.bg-\[var\(--paper-dim\)\]{background-color:var(--paper-dim)}.bg-\[var\(--sangria-100\)\]{background-color:var(--sangria-100)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[linear-gradient\(135deg\2c \#FF6333\2c \#E8480F\)\]{background-image:linear-gradient(135deg,#ff6333,#e8480f)}.bg-\[radial-gradient\(110\%_100\%_at_80\%_0\%\2c rgba\(255\2c 99\2c 51\2c 0\.14\)\2c transparent_55\%\)\]{background-image:radial-gradient(110% 100% at 80% 0,rgba(255,99,51,.14),transparent 55%)}.bg-\[radial-gradient\(110\%_90\%_at_75\%_0\%\2c rgba\(255\2c 99\2c 51\2c 0\.13\)\2c transparent_55\%\)\]{background-image:radial-gradient(110% 90% at 75% 0,rgba(255,99,51,.13),transparent 55%)}.bg-\[radial-gradient\(110\%_90\%_at_80\%_0\%\2c rgba\(255\2c 99\2c 51\2c 0\.14\)\2c transparent_55\%\)\]{background-image:radial-gradient(110% 90% at 80% 0,rgba(255,99,51,.14),transparent 55%)}.bg-\[radial-gradient\(120\%_90\%_at_85\%_0\%\2c rgba\(255\2c 99\2c 51\2c 0\.14\)\2c transparent_55\%\)\2c linear-gradient\(180deg\2c \#15191D_0\%\2c \#0E1113_70\%\)\]{background-image:radial-gradient(120% 90% at 85% 0,rgba(255,99,51,.14),transparent 55%),linear-gradient(180deg,#15191d,#0e1113 70%)}.bg-\[radial-gradient\(80\%_120\%_at_50\%_-10\%\2c rgba\(255\2c 99\2c 51\2c 0\.18\)\2c transparent_60\%\)\]{background-image:radial-gradient(80% 120% at 50% -10%,rgba(255,99,51,.18),transparent 60%)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[13px_15px\]{padding:13px 15px}.p-\[14px_18px\]{padding:14px 18px}.p-\[16px_18px\]{padding:16px 18px}.p-\[16px_20px\]{padding:16px 20px}.p-\[18px\]{padding:18px}.p-\[20px_22px\]{padding:20px 22px}.p-\[22px\]{padding:22px}.p-\[22px_4px\]{padding:22px 4px}.p-\[26px\]{padding:26px}.p-\[clamp\(1\.5rem\2c 3vw\2c 2\.5rem\)\]{padding:clamp(1.5rem,3vw,2.5rem)}.p-\[clamp\(1\.5rem\2c 3vw\2c 3rem\)\]{padding:clamp(1.5rem,3vw,3rem)}.p-\[clamp\(2\.5rem\2c 5vw\2c 4\.5rem\)\]{padding:clamp(2.5rem,5vw,4.5rem)}.p-\[clamp\(2\.5rem\2c 5vw\2c 4rem\)\]{padding:clamp(2.5rem,5vw,4rem)}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[11px\]{padding-left:11px;padding-right:11px}.px-\[13px\]{padding-left:13px;padding-right:13px}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[18px\]{padding-left:18px;padding-right:18px}.px-\[7px\]{padding-left:7px;padding-right:7px}.px-\[var\(--gutter\)\]{padding-left:var(--gutter);padding-right:var(--gutter)}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[12px\]{padding-top:12px;padding-bottom:12px}.py-\[13px\]{padding-top:13px;padding-bottom:13px}.py-\[30px\]{padding-top:30px;padding-bottom:30px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.py-\[9px\]{padding-top:9px;padding-bottom:9px}.py-\[clamp\(2\.2rem\2c 4vw\2c 3\.4rem\)\]{padding-top:clamp(2.2rem,4vw,3.4rem);padding-bottom:clamp(2.2rem,4vw,3.4rem)}.py-\[clamp\(3\.5rem\2c 7vw\2c 6rem\)\]{padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(3.5rem,7vw,6rem)}.py-\[clamp\(3\.5rem\2c 7vw\2c 7rem\)\]{padding-top:clamp(3.5rem,7vw,7rem);padding-bottom:clamp(3.5rem,7vw,7rem)}.py-\[clamp\(3rem\2c 5vw\2c 4\.5rem\)\]{padding-top:clamp(3rem,5vw,4.5rem);padding-bottom:clamp(3rem,5vw,4.5rem)}.py-\[clamp\(3rem\2c 6vw\2c 5\.5rem\)\]{padding-top:clamp(3rem,6vw,5.5rem);padding-bottom:clamp(3rem,6vw,5.5rem)}.py-\[clamp\(3rem\2c 6vw\2c 6rem\)\]{padding-top:clamp(3rem,6vw,6rem);padding-bottom:clamp(3rem,6vw,6rem)}.py-\[var\(--section-y\)\]{padding-top:var(--section-y);padding-bottom:var(--section-y)}.pb-1{padding-bottom:.25rem}.pb-6{padding-bottom:1.5rem}.pb-\[14px\]{padding-bottom:14px}.pb-\[1px\]{padding-bottom:1px}.pb-\[22px\]{padding-bottom:22px}.pb-\[clamp\(2\.5rem\2c 4vw\2c 4rem\)\]{padding-bottom:clamp(2.5rem,4vw,4rem)}.pb-\[clamp\(2rem\2c 3vw\2c 3rem\)\]{padding-bottom:clamp(2rem,3vw,3rem)}.pb-\[clamp\(3\.5rem\2c 6vw\2c 6rem\)\]{padding-bottom:clamp(3.5rem,6vw,6rem)}.pb-\[clamp\(3rem\2c 6vw\2c 5\.5rem\)\]{padding-bottom:clamp(3rem,6vw,5.5rem)}.pb-\[var\(--section-y\)\]{padding-bottom:var(--section-y)}.pl-0{padding-left:0}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-\[22px\]{padding-top:22px}.pt-\[26px\]{padding-top:26px}.text-left{text-align:left}.text-center{text-align:center}.font-\[inherit\]{font-family:inherit}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[clamp\(1\.02rem\2c 1\.3vw\2c 1\.15rem\)\]{font-size:clamp(1.02rem,1.3vw,1.15rem)}.text-\[clamp\(1\.05rem\2c 1\.4vw\2c 1\.25rem\)\]{font-size:clamp(1.05rem,1.4vw,1.25rem)}.text-\[clamp\(1\.05rem\2c 1\.4vw\2c 1\.2rem\)\]{font-size:clamp(1.05rem,1.4vw,1.2rem)}.text-\[clamp\(1\.2rem\2c 2vw\2c 1\.6rem\)\]{font-size:clamp(1.2rem,2vw,1.6rem)}.text-\[clamp\(1\.6rem\2c 2\.8vw\2c 2\.4rem\)\]{font-size:clamp(1.6rem,2.8vw,2.4rem)}.text-\[clamp\(1\.8rem\2c 3vw\2c 2\.6rem\)\]{font-size:clamp(1.8rem,3vw,2.6rem)}.text-\[clamp\(1\.9rem\2c 3\.2vw\2c 2\.6rem\)\]{font-size:clamp(1.9rem,3.2vw,2.6rem)}.text-\[clamp\(1\.9rem\2c 3\.4vw\2c 2\.8rem\)\]{font-size:clamp(1.9rem,3.4vw,2.8rem)}.text-\[clamp\(16px\2c 1\.6vw\2c 21px\)\]{font-size:clamp(16px,1.6vw,21px)}.text-\[clamp\(17px\2c 2vw\2c 20px\)\]{font-size:clamp(17px,2vw,20px)}.text-\[clamp\(2\.2rem\2c 4\.6vw\2c 3\.6rem\)\]{font-size:clamp(2.2rem,4.6vw,3.6rem)}.text-\[clamp\(2\.4rem\2c 4\.6vw\2c 3\.8rem\)\]{font-size:clamp(2.4rem,4.6vw,3.8rem)}.text-\[clamp\(2\.4rem\2c 4\.6vw\2c 3\.9rem\)\]{font-size:clamp(2.4rem,4.6vw,3.9rem)}.text-\[clamp\(2\.4rem\2c 4\.6vw\2c 4rem\)\]{font-size:clamp(2.4rem,4.6vw,4rem)}.text-\[clamp\(2\.4rem\2c 4\.8vw\2c 4rem\)\]{font-size:clamp(2.4rem,4.8vw,4rem)}.text-\[clamp\(2\.6rem\2c 5\.4vw\2c 4\.6rem\)\]{font-size:clamp(2.6rem,5.4vw,4.6rem)}.text-\[clamp\(2rem\2c 3\.6vw\2c 3\.1rem\)\]{font-size:clamp(2rem,3.6vw,3.1rem)}.text-\[clamp\(2rem\2c 3\.6vw\2c 3rem\)\]{font-size:clamp(2rem,3.6vw,3rem)}.text-\[clamp\(2rem\2c 4vw\2c 3\.2rem\)\]{font-size:clamp(2rem,4vw,3.2rem)}.font-\[var\(--font-display\)\]{font-weight:var(--font-display)}.font-\[var\(--font-mono\)\]{font-weight:var(--font-mono)}.font-\[var\(--font-sans\)\]{font-weight:var(--font-sans)}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[0\.98\]{line-height:.98}.leading-\[1\.04\]{line-height:1.04}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.06\]{line-height:1.06}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.55\]{line-height:1.55}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.7\]{line-height:1.7}.leading-none{line-height:1}.tracking-\[-0\.015em\]{letter-spacing:-.015em}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.022em\]{letter-spacing:-.022em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[0\.03em\]{letter-spacing:.03em}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.13em\]{letter-spacing:.13em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.1em\]{letter-spacing:.1em}.text-\[\#0E1113\]{--tw-text-opacity:1;color:rgb(14 17 19/var(--tw-text-opacity,1))}.text-\[\#16A34A\]{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-\[\#B91C1C\]{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-\[\#DC2626\]{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-\[\#FF6333\]{--tw-text-opacity:1;color:rgb(255 99 51/var(--tw-text-opacity,1))}.text-\[var\(--claret-500\)\]{color:var(--claret-500)}.text-\[var\(--ink-500\)\]{color:var(--ink-500)}.text-\[var\(--ink-600\)\]{color:var(--ink-600)}.text-\[var\(--ink-700\)\]{color:var(--ink-700)}.text-\[var\(--ink-800\)\]{color:var(--ink-800)}.text-\[var\(--ink-900\)\]{color:var(--ink-900)}.text-\[var\(--paper\)\]{color:var(--paper)}.text-inherit{color:inherit}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/45{color:hsla(0,0%,100%,.45)}.text-white\/55{color:hsla(0,0%,100%,.55)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/62{color:hsla(0,0%,100%,.62)}.text-white\/66{color:hsla(0,0%,100%,.66)}.text-white\/68{color:hsla(0,0%,100%,.68)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/72{color:hsla(0,0%,100%,.72)}.text-white\/78{color:hsla(0,0%,100%,.78)}.text-white\/85{color:hsla(0,0%,100%,.85)}.text-white\/88{color:hsla(0,0%,100%,.88)}.text-white\/90{color:hsla(0,0%,100%,.9)}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-40{opacity:.4}.opacity-55{opacity:.55}.opacity-90{opacity:.9}.opacity-\[0\.86\]{opacity:.86}.shadow-\[0_0_0_4px_rgba\(11\2c 244\2c 119\2c 0\.18\)\]{--tw-shadow:0 0 0 4px rgba(11,244,119,.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_12px_30px_-8px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 12px 30px -8px rgba(0,0,0,.5);--tw-shadow-colored:0 12px 30px -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_26px_54px_-16px_rgba\(0\2c 0\2c 0\2c 0\.65\)\]{--tw-shadow:0 26px 54px -16px rgba(0,0,0,.65);--tw-shadow-colored:0 26px 54px -16px 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_40px_90px_-30px_rgba\(0\2c 0\2c 0\2c 0\.7\)\]{--tw-shadow:0 40px 90px -30px rgba(0,0,0,.7);--tw-shadow-colored:0 40px 90px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}